.mattress-selector{border-radius:6px;padding:0;background:none;margin-bottom:40px}.mattress-selector h3{font-size:14px;margin:0;font-weight:400;color:#616577}.mattress-selector .select-wrap input{display:none}.mattress-selector .selects-row{display:flex;justify-content:space-between;margin-top:12px;grid-gap:10px}@media (max-width:989px){.mattress-selector .selects-row{grid-gap:2px}}.mattress-selector .select-wrap{width:49%}.mattress-selector .link{font-size:14px}.select-wrap .label{display:flex;align-items:center;position:relative;cursor:pointer;flex-direction:column;border:1px solid #c1c3cd;padding:10px;border-radius:6px;background:#fff;height:100%}.select-wrap .label:before{content:"";display:block;position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid #c1c3cd;left:8px;top:8px;transition:.3s}.select-wrap .label:after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gradient-base-accent-2);left:11px;top:11px;opacity:0;transition:.3s}.select-wrap .img-wrap{height:100px;width:140px;display:flex;justify-content:center;align-items:center}@media (max-width:500px){.select-wrap .img-wrap{width:100%}}.select-wrap .img-wrap img{max-width:100%;max-height:100%}.select-wrap .label .extra{right:4px;top:4px;position:absolute;color:#616577}.select-wrap input:checked+.label,.select-wrap .label.selected{background:#6677cc1a}.select-wrap input:checked+.label:before,.select-wrap .label.selected:before{border-color:var(--gradient-base-accent-2)}.select-wrap input:checked+.label:after,.select-wrap .label.selected:after{opacity:1}.select-wrap h4{color:#616577}.select-wrap input:checked+.label h4,.select-wrap .label.selected h4{color:var(--gradient-base-accent-2)}.mattress-selector .title-block{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.mattress-selector .info h4{font-size:16px;margin:4px 0 0;text-align:center;font-weight:500;text-transform:capitalize}.mattress-selector .info p{font-size:12px;margin:0}.select-wrap .label .popular{display:flex;position:absolute;margin:auto;width:fit-content;top:-10px;color:#fff;text-transform:uppercase;font-size:10px;line-height:1}.select-wrap .label .popular>span{background:#e92861;padding:6px;border-radius:4px;display:flex;align-items:center}.select-wrap .label .popular>span svg{height:9px}.select-wrap .label .popular>span:not(.hidden)+span{display:none}.select-wrap .label .benefits{list-style:none;padding-left:0;color:#616577;font-size:12px;margin-bottom:0;font-weight:400;text-align:center;margin-top:0}.select-wrap .label .info{width:100%}.select-wrap .label .benefits img{width:30px;margin-left:-6px;margin-bottom:-10px}.select-wrap .label .benefits li:nth-child(2) img{margin-top:-7px}.mattress-selector__mattress-type{position:relative;z-index:2;width:fit-content;border-radius:100px;margin:16px auto 0;display:flex;grid-gap:10px}.mattress-selector__mattress-type input{display:none}.mattress-selector__mattress-type label{text-transform:capitalize;border:#ccc 1px solid;padding:3px 10px;border-radius:6px;min-width:150px;text-align:center;cursor:pointer;transition:.2s ease all;background:#fff;font-size:14px}@media (max-width:326px){.mattress-selector__mattress-type label{min-width:120px}}.mattress-selector__mattress-type input:checked+label{background-color:var(--gradient-base-accent-2);border-color:var(--gradient-base-accent-2);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/288/assets/component-mattress-switcher.css.map */