.image-with-text{position:relative;display:inline-block;overflow:hidden;width:100%}.image-with-text img{padding-inline-start:var(--padding-x);padding-inline-end:var(--padding-x);order:-1;padding-bottom:0}.image-with-text .image-with-text__text{font-size:14px}.rich-text{padding-inline-start:var(--padding-x);padding-inline-end:var(--padding-x)}.image-with-text__text.button-html{grid-template-columns:1fr 1fr;gap:24px 32px;width:100%;box-sizing:border-box;justify-content:flex-start}.image-with-text__text.button-html ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 16px;padding:0;margin:0;width:100%;list-style:none}.image-with-text__text.button-html li{width:100%}.image-with-text__text.button-html li{width:100%;background:#fff;border:1px solid #222;border-radius:10px;font-size:14px;font-family:Satoshi,Arial,sans-serif;font-weight:500;color:#111;text-align:center;cursor:pointer;padding:20px 40px;list-style:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:0}.image-with-text__text.button-html li.selected{background-color:#e2dcd0;color:#fff;border-color:#e2dcd0}.image-with-text__text.button-html li:hover,.image-with-text__text.button-html li:focus{border-color:#bfc8d0;box-shadow:0 2px 8px #007aff14}.image-with-text__text.button-html li.selected{background-color:#a49a77;color:#fff;border-color:#a49a77}.image-with-text__text.button-html li.selected:hover{background-color:#8f8670}@media (max-width: 600px){.image-with-text__text.button-html{grid-template-columns:1fr}}.image-with-text__text.rte.dropdown-html{position:relative;display:block;width:100%}.image-with-text__text.rte.dropdown-html select{width:100%;padding:1.5rem 2.5rem 1.5rem 2rem;font-size:16px;border:qpx solid #222;border-radius:10px;padding:10px 20px;text-align:left;background-color:#fff;color:#111;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:Satoshi,Arial,sans-serif;font-weight:500;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none;position:relative}.image-with-text__text.rte.dropdown-html:after{content:"";position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;pointer-events:none;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' fill='none'%3E%3Cpath fill='%23343330' d='M9.611 12.639a.688.688 0 0 1 0 .973l-4.125 4.124a.688.688 0 0 1-.972 0L.389 13.611a.688.688 0 0 1 .972-.972L5 16.279l3.639-3.64a.688.688 0 0 1 .972 0ZM1.361 5.36 5 1.722l3.639 3.64a.688.688 0 0 0 .972-.973L5.486.264a.687.687 0 0 0-.972 0L.389 4.389a.688.688 0 1 0 .972.972Z'/%3E%3C/svg%3E");background-size:contain}.image-with-text__text.rte.dropdown-html select:hover{border-color:rgb(var(--color-foreground))}.image-with-text__text.rte.dropdown-html select:focus{border-color:#a49a77;box-shadow:0 0 0 2px #e7e2d5}.image-with-text__text.rte.dropdown-html select:disabled{opacity:.5;cursor:not-allowed}.step-navigation .back-btn svg{transform:rotate(180deg)}@media screen and (max-width: 749px){.image-with-text__text.rte.dropdown-html select{font-size:1.6rem;padding:1.5rem 2rem}.step-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;padding:40px 0;box-sizing:border-box}.step-navigation .back-btn{font-size:14px;padding:0 18px 0 0;background:none;border:none;color:#111;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:none;outline:none;font-weight:500;justify-content:flex-start}.step-navigation .back-btn:focus{outline:2px solid #bbb}.step-navigation .next-btn:focus{outline:2px solid #bbb}.step-navigation button svg{width:1.2em;height:1.2em}}@media screen and (min-width: 750px){.step-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;padding:40px 24px 60px;box-sizing:border-box;position:relative;margin-top:40px}.step-navigation .back-btn{font-size:14px;padding:0 18px 0 0;background:none;border:none;color:#111;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:none;outline:none;font-weight:500;justify-content:flex-start}.step-navigation .back-btn:focus{outline:2px solid #bbb}.step-navigation .next-btn:focus{outline:2px solid #bbb}.step-navigation button svg{width:1.2em;height:1.2em}}.step-navigation .next-btn.active{background:#a49a77;color:#fff;border-color:#a49a77;cursor:pointer}.step-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding-top:6rem}.step-wrapper .step-counter{font-size:14px;font-weight:400}.step-actions{display:flex;flex-direction:row;height:24px;justify-content:space-between}.step-indicators{display:flex;width:100%}.progress-pill{width:100%;border-radius:8px;background:#f5f5f3;display:block;transition:background .2s}.progress-step{flex:1 1 0;display:flex;align-items:center;position:relative}.progress-dot{transition:background .2s;width:100%;height:8px;border-radius:2px;background:#0000000a}.progress-dot.current,.progress-dot.completed{background:#e2dcd0}.progress-step{flex:1 1 0;display:flex;align-items:center;justify-content:center}.progress-pill{width:70px;height:18px;border-radius:8px;background:#f5f5f3;display:block;transition:background .2s}.progress-step.completed .progress-pill{background:#e7e2d5}.radio-button-list{list-style:none;padding:0;margin:0}.radio-button-list li{margin-bottom:10px}.radio-input{display:none}.radio-label{display:block;padding:15px 20px;background-color:#f5f5f5;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-input:checked+.radio-label{background-color:#4caf50;color:#fff;border-color:#4caf50}.radio-label:hover{background-color:#e9e9e9}.radio-input:checked+.radio-label:hover{background-color:#45a049}.step-wrapper .quiz-restart-row{display:flex;align-items:center;background:none;box-shadow:none}.step-wrapper .quiz-restart-btn{display:flex;align-items:center;background:none;border:none;box-shadow:none;cursor:pointer;padding:0;font-family:inherit}.step-wrapper .quiz-restart-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px}.step-wrapper .quiz-restart-icon svg{width:24px;height:24px;display:block}.step-wrapper .quiz-restart-text{font-size:14px;font-weight:400}.progress-bar-step-wrapper{display:flex;gap:8px;justify-content:center;align-items:center;margin:12px 0}.progress-step{width:80px;height:18px;border-radius:9px;background:#f5f5f5;transition:background .2s}.progress-step.active{background:#e2dcd0}.mattress-selector-step .image-with-text__media{border-radius:130px 0 0!important}.section-mattress-selector-step{display:flex}.step-navigation .next-btn{font-size:14px;padding:16px 32px;border-radius:999px;border:2px solid #d2d2d2;background:transparent;color:#d2d2d2;cursor:not-allowed;display:flex;align-items:center;gap:6px;font-weight:500;box-shadow:none;outline:none;justify-content:flex-end}.image-with-text--text-first parallax-element{border-top-left-radius:130px}.image-with-text--image-first parallax-element{border-top-right-radius:130px}@media screen and (max-width: 749px){.image-with-text parallax-element{order:1;margin-left:24px}.image-with-text__inner{padding-top:0!important}.step-wrapper{padding-top:2.4rem!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/mattress-selector-new.css.map */