#mattress-layers-section{--base-spacing: 3rem;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1)}#mattress-layers-section .section-chassis{gap:0}#mattress-layers-section .section-body{display:grid;gap:0;align-content:center;align-items:center;padding:1rem 0 0}@media screen and (min-width:1024px){#mattress-layers-section .section-body{grid-template-columns:minmax(0,.7fr) minmax(0,.3fr)}}#mattress-layers-section .section-wallpaper img{width:100%;height:100%}#mattress-layers-section .layer-gallery{position:relative;padding:0 2rem;transform:translateY(-2rem)}@media screen and (max-width:1024px){#mattress-layers-section .layer-gallery{padding:0 1rem}}#mattress-layers-section .move-up:not(.cover-layer-item):not(.layer-item--thin){transform:translateY(-1rem)}@media screen and (min-width:1024px){#mattress-layers-section .move-up:not(.cover-layer-item):not(.layer-item--thin){transform:translateY(-2rem)}}#mattress-layers-section .move-up.layer-item--thin{transform:translateY(-.5rem)}#mattress-layers-section .move-down{transform:translateY(1rem)}@media screen and (min-width:1024px){#mattress-layers-section .move-down{transform:translateY(2rem)}}#mattress-layers-section .layer-item{--divider: 7;position:relative;top:calc(var(--gutter)/var(--divider)*1rem);width:100%;cursor:pointer;transition:transform .5s cubic-bezier(.33,0,.25,1) 0s;pointer-events:none}@media screen and (min-width:768px){#mattress-layers-section .layer-item{--divider: 4}}@media screen and (min-width:1024px)and (max-width:1280px){#mattress-layers-section .layer-item{--divider: 2}}@media screen and (min-width:1280px){#mattress-layers-section .layer-item{--divider: 1}}#mattress-layers-section .layer-item:hover .layer-photo{opacity:.9}#mattress-layers-section .layer-item.active .layer-photo{opacity:1;transform:scale(1.03)}#mattress-layers-section .layer-item.active .layer-bullet{transform:scale(1.15);background-color:#1e306e;color:#fff}#mattress-layers-section .layer-item.active .layer-bullet:after{width:50rem}#mattress-layers-section .layer-item.active .layer-number:before,#mattress-layers-section .layer-item.active .layer-number:after{display:none}#mattress-layers-section .layer-item .layer-photo{opacity:.6;transition:opacity .1s ease-out 0s,visibility .15s ease-out 0s,transform .2s cubic-bezier(.33,0,.25,1) 0s;pointer-events:all}#mattress-layers-section .layer-item .layer-photo img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#mattress-layers-section .layer-item .layer-bullet{position:absolute;top:var(--bullet_gutter);left:auto;right:1rem;z-index:200;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#fff;border:1px solid #1e306e;color:#1e306e;font-style:normal;font-weight:500;transition:opacity .15s ease-out 1s,transform .3s ease-out 0s,color .15s ease-out 0s,background-color .15s ease-out 0s;box-shadow:#1e306e66 0 0}@media screen and (min-width:1024px){#mattress-layers-section .layer-item .layer-bullet{right:5rem;width:1.75rem;height:1.75rem}}#mattress-layers-section .layer-item .layer-number{position:relative;z-index:1;color:inherit;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:14px;line-height:14px}@media screen and (min-width:1024px){#mattress-layers-section .layer-item .layer-number{width:1.75rem;height:1.75rem;font-size:1rem;line-height:1rem}}#mattress-layers-section .layer-item .layer-number:after,#mattress-layers-section .layer-item .layer-number:before{content:"";position:absolute;z-index:-1;display:block;width:300%;height:300%;border-radius:100%;box-shadow:#1e306e 0 0 .1875rem .1875rem;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-out}#mattress-layers-section .layer-item .layer-number:before{animation-name:ripple-2}#mattress-layers-section .layer-item .layer-number:after{animation-name:ripple-1}#mattress-layers-section .outer-container{position:relative;z-index:3;top:30px;width:100%;padding:0 .65rem;transition:transform .5s cubic-bezier(.33,0,.25,1) 0s}#mattress-layers-section .cover-layer-item{z-index:2}#mattress-layers-section .internal-layer-item:nth-child(2n) .layer-bullet{right:5rem}@media screen and (min-width:1024px){#mattress-layers-section .internal-layer-item:nth-child(2n) .layer-bullet{right:10rem}}@media screen and (min-width:1200px){#mattress-layers-section .internal-layer-item:nth-child(2n) .layer-bullet{right:13rem}}#mattress-layers-section .internal-layer-item:nth-last-child(2){z-index:1}#mattress-layers-section .internal-layer-item:nth-last-child(3){z-index:2}#mattress-layers-section .internal-layer-item:nth-last-child(4){z-index:3}#mattress-layers-section .internal-layer-item:nth-last-child(5){z-index:4}#mattress-layers-section .internal-layer-item:nth-last-child(6){z-index:5}#mattress-layers-section .internal-layer-item:nth-last-child(7){z-index:6}#mattress-layers-section .internal-layer-item:nth-last-child(8){z-index:7}#mattress-layers-section .base-layer-item{--divider: 3;z-index:2;top:calc(var(--gutter)/var(--divider)*-1*1rem)}@media screen and (min-width:1024px){#mattress-layers-section .base-layer-item{--divider: 1}}#mattress-layers-section .shadow-layer-item{position:absolute;bottom:-2rem}#mattress-layers-section .info-wrapper{display:grid;gap:2rem;align-items:center;align-content:center;background-color:var(--color-neutral-0);padding:1.5rem;border-radius:.5rem}@media screen and (min-width:1024px){#mattress-layers-section .info-wrapper{box-shadow:#0000003d 0 2px 18px 3px}}#mattress-layers-section .info-wrapper .splide__pagination{margin-bottom:1.5rem}#mattress-layers-section .info-wrapper #mattress-layers-controller{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}#mattress-layers-section .info-wrapper #mattress-layers-controller button{background:var(--color-neutral-100);width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:32px;font-weight:700;font-size:14px;line-height:20px;margin-right:10px}#mattress-layers-section .info-wrapper #mattress-layers-controller button:last-child{margin-right:0}#mattress-layers-section .info-wrapper #mattress-layers-controller button.active{background:var(--color-primary-500);color:var(--color-neutral-0);border:none}#mattress-layers-section .layer-specifications{display:grid;gap:1rem}#mattress-layers-section .layer-specifications .spec-header{display:grid;gap:8px;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;padding:0 0 1rem;cursor:pointer}#mattress-layers-section .layer-specifications .spec-bullet{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid #1e306e;font-style:normal;font-weight:500;box-shadow:#1e306e66 0 0}@media screen and (max-width:1280px){#mattress-layers-section .section-header{justify-content:center;text-align:center}#mattress-layers-section .section-chassis{gap:0}}@media screen and (min-width:524px){#mattress-layers-section{--base-spacing: 5rem}}@media screen and (min-width:1024px){#mattress-layers-section{--base-spacing: 7rem}}
/*# sourceMappingURL=/cdn/shop/t/384/assets/mattress-layers.css.map */