body:not(.template--checkout) .btn--loading{position:relative;text-indent:-9999px;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text))}body:not(.template--checkout) .btn--loading .js-checkout-content{text-indent:initial}body:not(.template--checkout) .btn--loading:hover,body:not(.template--checkout) .btn--loading:active{background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text))}body:not(.template--checkout) .btn--loading:before{content:"";display:block;width:24px;height:24px;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;border-radius:50%;border:3px solid #333;border-top-color:#0000;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}body:not(.template--checkout) .btn--loading:before .js-checkout-content{display:none}.flickity-page-dots .dot{margin:0 5px;width:.375rem;height:.375rem;vertical-align:middle;background-color:#3333332e;opacity:1}.flickity-page-dots .dot:hover,.flickity-page-dots .dot:active{background-color:#333}.flickity-page-dots .is-selected{width:.5rem;height:.5rem;background-color:#333}.flickity-button{outline:none}.flickity-button:hover{background:#0000}.flickity-button:hover .flickity-button-icon{fill:#333}.flickity-button:focus{outline:none;box-shadow:none}.flickity-button:focus .flickity-button-icon{fill:#333}.flickity-button:active{opacity:1}.flickity-button:active .flickity-button-icon{fill:#333}.flickity-button:disabled{opacity:1}.flickity-button:disabled .flickity-button-icon{fill:#ececec}.flickity-button-icon{fill:#767676;transition:fill .3s ease-in-out}.flickity-prev-next-button{width:1.5rem;height:1.5rem;border-radius:0;background:#0000;padding:0;margin:0}.flickity-prev-next-button .flickity-button-icon{top:0;left:0;width:100%;height:100%}.layers-block{max-width:1050px;margin:0 auto}@media only screen and (max-width: 769px){.layers-block:before{content:"is-slider";position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip:rect(0,0,0,0)}}@media only screen and (min-width: 769.1px){.layers-block:before{content:"is-static";position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip:rect(0,0,0,0)}}.layers-block__slider{order:2}.layers-block__slider p{line-height:1.25}.layers-block__slide-title{transition:transform .3s ease-in-out;line-height:normal;margin:0}.layers-block__slide-btn{display:block;pointer-events:none;text-decoration:none}.layers-block__slide-icon{display:none}.layers-block__slide-icon svg.icon{color:#333!important}.layers-block__diagram{position:relative;order:1;counter-reset:pip;width:75vw;margin:0 auto 2rem}.layers-block__diagram-inner{padding-bottom:83%}.layers-block__layers{position:absolute;bottom:0;left:0;width:100%;padding-top:42%;z-index:1}.layers-block__layer{position:relative;width:100%;padding-bottom:7%;height:0;box-sizing:content-box;transition-property:height;transition-duration:.5s;transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.layers-block__layer img{display:block}.layers-block__layer:nth-child(odd) .layers-block__btn{top:49%;left:-2%;transform:translate(-50%,-50%)}.layers-block__layer:nth-child(2n) .layers-block__btn{top:35%;right:-1%;transform:translate(50%,-50%)}.layers-block__layer:nth-child(1){z-index:10}.layers-block__layer:nth-child(2){z-index:9}.layers-block__layer:nth-child(3){z-index:8}.layers-block__layer:nth-child(4){z-index:7}.layers-block__layer:nth-child(5){z-index:6}.layers-block__layer:nth-child(6){z-index:5}.layers-block__layer:nth-child(7){z-index:4}.layers-block__layer:nth-child(8){z-index:3}.layers-block__layer:nth-child(9){z-index:2}.layers-block__layer:nth-child(10){z-index:1}.layers-block__btn{z-index:3;position:absolute;display:flex;align-items:center;justify-content:center;counter-increment:pip;border:1px solid #949494;border-radius:50%;text-align:center;font-size:12px;height:10px;width:10px;background:#fff;transition:.3s ease-in-out .2s;transition-property:border-color,width,height;cursor:pointer;padding:0}.layers-block__btn:before{content:counter(pip);opacity:0;transition:opacity .3s ease-in-out}.layers-block__btn:hover,.layers-block__btn:focus{border-color:#ffce00}.layers-block__btn:hover{width:32px;height:32px}.layers-block__btn:focus:not(:hover){outline:none}.layers-block__layer:not(.is-active) .layers-block__btn:focus:not(:hover){background-color:#ffce00;width:16px;height:16px}.layers-block__btn:active{background-color:#ffce00}.layers-block__btn span{display:none}.layers-block__img{position:absolute;bottom:100%;left:0;z-index:2;width:100%}.layers-block__img img{width:100%}.layers-block__shadow{position:absolute;bottom:0;left:0;z-index:1;transition-property:opacity;transition-duration:375ms;transition-timing-function:cubic-bezier(.785,.135,.15,.86);transition-delay:125ms}@media only screen and (min-width: 769.1px){.layers-block{display:flex;flex-flow:row nowrap;align-items:flex-start;transition:height .3s ease-in-out}.layers-block__slider{flex:1 1 50%;order:1;padding-right:4.2rem}.layers-block__slides:before,.layers-block__slides:after{display:none}.layers-block__slide{padding-left:4.2rem}.layers-block__slide-btn{pointer-events:all;position:relative}.layers-block__slide-title{transition:transform .3s ease-out}.layers-block__slide-title:hover{transform:translate(.5rem)}.layers-block__slide-icon{position:absolute;top:50%;transform:translateY(-50%);left:-4.2rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid #333;padding:calc((1.6rem - 2px)/2)}.layers-block__slide-icon .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out}.layers-block__slide-icon .icon-delete{opacity:0}.layers-block__slide-icon .icon-add,.is-active .layers-block__slide-icon .icon-delete{opacity:1}.is-active .layers-block__slide-icon .icon-add{opacity:0}.layers-block__slide-content{margin:2rem 0;height:0;overflow:hidden;transition:height .3s ease-in-out}.is-active .layers-block__slide-content{transition-delay:.3s}.layers-block__diagram{flex:1 1 50%;order:2;width:auto;margin-left:20px;margin-right:20px;margin-bottom:0}.layers-block__layers{top:0;bottom:auto}}.slider__slides:focus-visible{outline:none;outline-offset:none;box-shadow:none}@media only screen and (max-width: 769px){.slider__slide{margin-left:40px;margin-right:40px}}.layers-block__layer.is-active,.layers-block__layer.is-before,.no-js .layers-block__layer{height:6vw;transition-property:height;transition-duration:.5s;transition-timing-function:cubic-bezier(.785,.135,.15,.86)}@media only screen and (min-width: 769.1px){.layers-block__layer.is-active,.layers-block__layer.is-before,.no-js .layers-block__layer{height:3vw}}.layers-block__layer.is-active .layers-block__shadow,.layers-block__layer.is-before .layers-block__shadow,.no-js .layers-block__layer .layers-block__shadow{opacity:.1;transition-delay:0s;transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.layers-block__layer.is-active .layers-block__btn,.no-js .layers-block__layer .layers-block__btn{width:32px;height:32px;border-color:#ffce00;transition-delay:0ms;pointer-events:none}.layers-block__layer.is-active .layers-block__btn:before,.no-js .layers-block__layer .layers-block__btn:before{opacity:1;transition-delay:.1s}.no-js .layers-block__layers{position:-webkit-sticky;position:sticky;top:75px;padding-top:34%}.no-js .layers-block__slide-btn{color:var(--color-base-text);pointer-events:none}.no-js .layers-block__slide-title{color:var(--color-base-text);transform:none}.no-js .layers-block__slide-content{color:var(--color-base-text);height:auto}.no-js .layers-block__diagram{justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/938/assets/section-mattress-layers.css.map */