#mattress-layers-section{--base-spacing: 3rem}#mattress-layers-section .section-chassis{gap:0}#mattress-layers-section .section-body{display:grid;gap:0;align-content:center;align-items:center}#mattress-layers-section .section-wallpaper img{width:100%;height:100%}#mattress-layers-section .layer-gallery{position:relative;overflow:hidden;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)}#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 .section-body{grid-template-columns:minmax(0,.7fr) minmax(0,.3fr)}#mattress-layers-section .move-up:not(.cover-layer-item):not(.layer-item--thin){transform:translateY(-2rem)}#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);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:after,#mattress-layers-section .layer-item.active .layer-number:before{display:none}#mattress-layers-section .layer-item .layer-photo{opacity:.6;transition:opacity .1s ease-out,visibility .15s ease-out,transform .2s cubic-bezier(.33,0,.25,1);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:28px;height:28px;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,color .15s ease-out,background-color .15s ease-out;box-shadow:#1e306e66 0 0}@media screen and (min-width: 1024px){#mattress-layers-section .layer-item .layer-bullet{right:5rem;width:28px;height:28px}}#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}#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:450%;height:450%;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)}#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 .layer-item .layer-number{width:1.75rem;height:1.75rem;font-size:14px;line-height:1rem}#mattress-layers-section .internal-layer-item:nth-child(2n) .layer-bullet{right:10rem}#mattress-layers-section .base-layer-item{--divider: 1}}@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)}#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:#fff;padding:1.5rem;border-radius:.5rem}#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:#efeff3;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:#ff8900;color:#fff;border:none}#mattress-layers-section .layer-specifications{display:grid;gap:16px}@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 .info-wrapper{box-shadow:#0000003d 0 2px 18px 3px}#mattress-layers-section{--base-spacing: 7rem}}@keyframes ripple-1{0%{transform:scale(.3);opacity:0}2.5%{opacity:.6}to,50%{transform:scale(.8);opacity:0}}@keyframes ripple-2{0%{transform:scale(.3);opacity:0}6%{transform:scale(.3);opacity:.6}to{transform:scale(.8);opacity:0}}h4.heading-5{font-family:Inter;color:#2e2f3c;text-align:start;margin:10px 0;font-weight:700;font-size:16px;line-height:150%}li.layer-info-item{position:relative;display:inline-block;overflow:hidden}li.layer-info-item img{width:100%;display:block}
/*# sourceMappingURL=/cdn/shop/t/312/assets/mattress-layers-section.css.map */