.mlayers{--ml-gutter: 16px;--ml-dot-size: 30px;--ml-ease: cubic-bezier(.22, .8, .24, 1);--ml-body: var(--font-body-family, "Work Sans", sans-serif);--ml-display: var(--font-heading-family, "Fraunces", serif);display:block;position:relative;overflow:hidden;padding-block:var(--ml-pt-mobile) var(--ml-pb-mobile);background:var(--ml-bg);color:var(--ml-text)}.mlayers__container{max-width:1300px;margin:0 auto;padding-inline:var(--ml-gutter)}.mlayers__header{max-width:820px;margin:0 auto 20px;text-align:center}.mlayers__heading{margin:0;color:var(--ml-heading);font-family:var(--ml-display);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-wrap:balance}.mlayers__stage{position:relative;margin-inline:calc(var(--ml-gutter) * -1)}.mlayers__media{position:relative;aspect-ratio:var(--ml-ratio);isolation:isolate;background:var(--ml-bg);-webkit-mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 98.5%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 1.5%,#000 98.5%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 98.5%,transparent);mask-composite:intersect}.mlayers__media:before{content:"";position:absolute;top:12%;right:6%;bottom:0;left:6%;z-index:-1;background:radial-gradient(closest-side,var(--ml-glow),transparent);pointer-events:none}.mlayers__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.mlayers__dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.mlayers__dot{--s: 1;position:absolute;top:var(--y);left:var(--x);display:grid;place-items:center;width:var(--ml-dot-size);height:var(--ml-dot-size);min-width:0;min-height:0;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:var(--ml-dot);color:#fff;font-family:var(--ml-body);font-size:13px;font-weight:600;line-height:1;letter-spacing:0;cursor:pointer;box-shadow:0 6px 16px #00000080,0 0 0 4px #ffffff24;transform:translate(-50%,-50%) scale(var(--s));transition:transform .45s var(--ml-ease),opacity .45s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.mlayers__dot:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%}.mlayers__dot:focus-visible{outline:2px solid #fff;outline-offset:6px}.mlayers__dot.is-active{--s: 1.16;z-index:1;background:#fff;color:var(--ml-dot);box-shadow:0 8px 22px #0000008c,0 0 0 5px var(--ml-dot-halo)}.mlayers__dot-num{position:relative}.mlayers__dot-pulse{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid #fff;border-radius:50%;opacity:0;pointer-events:none}.mlayers__dot.is-active .mlayers__dot-pulse{animation:mlayers-pulse 2.4s var(--ml-ease) infinite}.mlayers__dot-progress{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(var(--ml-accent) calc(var(--ml-progress, 0) * 360deg),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));opacity:0;transition:opacity .3s ease;pointer-events:none}.mlayers.is-touring .mlayers__dot.is-active .mlayers__dot-progress{opacity:1}.mlayers.is-touring .mlayers__dot.is-active .mlayers__dot-pulse{animation:none}.mlayers.is-armed .mlayers__dot{--s: .4;opacity:0}.mlayers.is-armed.is-revealed .mlayers__dot{--s: 1;opacity:1;transition-delay:calc(var(--i) * 80ms + .15s)}.mlayers.is-armed.is-revealed .mlayers__dot.is-active{--s: 1.16}@keyframes mlayers-pulse{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.1)}}.mlayers__hint{display:flex;align-items:center;justify-content:center;gap:10px;min-height:32px;margin-top:8px;padding-inline:var(--ml-gutter)}.mlayers__hint-text{margin:0;color:var(--ml-text-faint);font-family:var(--ml-body);font-size:13px;line-height:1.4;text-align:center}.mlayers__hint-pointer{display:none}.mlayers__toggle{display:grid;flex:none;place-items:center;width:32px;height:32px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--ml-line);border-radius:50%;background:transparent;color:var(--ml-text);cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.mlayers__toggle[hidden]{display:none}.mlayers__toggle svg{width:14px;height:14px}.mlayers__icon-pause{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.mlayers__icon-play{display:none;fill:currentColor;stroke:none}.mlayers__toggle.is-paused .mlayers__icon-pause{display:none}.mlayers__toggle.is-paused .mlayers__icon-play{display:block}.mlayers__toggle:focus-visible,.mlayers__arrow:focus-visible,.mlayers__trigger:focus-visible{outline:2px solid var(--ml-accent);outline-offset:3px}.mlayers__list{margin-top:14px}.mlayers__track{position:relative;display:flex;gap:10px;margin-inline:calc(var(--ml-gutter) * -1);padding:4px max(28px,calc(50% + var(--ml-gutter) - 270px));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mlayers__track::-webkit-scrollbar{display:none}.mlayers__item{position:relative;display:flex;flex:0 0 100%;flex-direction:column;min-width:0;padding:18px 18px 20px;border:1px solid var(--ml-line);border-radius:18px;background:var(--ml-surface);opacity:.42;scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .4s ease,border-color .4s ease}.mlayers__item.is-active{opacity:1;border-color:var(--ml-line);border-color:color-mix(in srgb,var(--ml-accent) 38%,transparent)}.mlayers__item-heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;text-transform:none}.mlayers__trigger{display:flex;align-items:center;gap:14px;width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:0;text-align:left;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mlayers__num{display:grid;flex:none;place-items:center;width:32px;height:32px;border:1.5px solid var(--ml-line);border-radius:50%;color:var(--ml-text-muted);font-family:var(--ml-body);font-size:13px;font-weight:600;line-height:1;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.mlayers__item.is-active .mlayers__num{border-color:#fff;background:#fff;color:var(--ml-dot);box-shadow:0 0 0 4px var(--ml-dot-halo)}.mlayers__title{flex:1;min-width:0;color:var(--ml-heading);font-family:var(--ml-display);font-size:19px;font-weight:600;line-height:1.25;transition:color .3s ease}.mlayers__chevron{display:none}.mlayers__panel{display:grid;grid-template-rows:1fr}.mlayers__panel-inner{min-height:0;overflow:hidden}.mlayers__facts{display:grid;gap:14px;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--ml-line)}.mlayers__fact{margin:0}.mlayers__fact dt{margin:0 0 6px;color:var(--ml-accent);font-family:var(--ml-body);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.mlayers__fact dd{margin:0;color:var(--ml-text-muted);font-family:var(--ml-body);font-size:15px;line-height:1.55}.mlayers__progress{display:none}.mlayers__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:540px;margin:16px auto 0}.mlayers__arrow{display:grid;flex:none;place-items:center;width:44px;height:44px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--ml-line);border-radius:50%;background:transparent;color:var(--ml-heading);cursor:pointer;transition:background-color .25s ease,border-color .25s ease,opacity .25s ease;-webkit-tap-highlight-color:transparent}.mlayers__arrow svg,.mlayers__chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mlayers__arrow:disabled{opacity:.3;cursor:default}.mlayers__count{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;max-width:200px}.mlayers__count-text{color:var(--ml-text-muted);font-family:var(--ml-body);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.04em;font-variant-numeric:tabular-nums}.mlayers__count-bar{position:relative;width:100%;height:2px;overflow:hidden;border-radius:2px;background:var(--ml-line)}.mlayers__count-bar>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--ml-accent);transform:scaleX(calc(var(--ml-pos) / var(--ml-total)));transform-origin:left center;transition:transform .45s var(--ml-ease)}@media(hover:hover){.mlayers__dot:hover{--s: 1.1}.mlayers__dot.is-active:hover{--s: 1.16}.mlayers__toggle:hover,.mlayers__arrow:not(:disabled):hover{border-color:#ffffff52;background:#ffffff12}}@media(min-width:990px){.mlayers{--ml-gutter: 32px;--ml-dot-size: 34px;overflow:visible;padding-block:var(--ml-pt) var(--ml-pb)}.mlayers__header{margin-bottom:44px}.mlayers__heading{font-size:40px}.mlayers__body{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:start;gap:var(--ml-col-gap, 32px)}.mlayers__stage{margin-inline:0}.mlayers__dot{font-size:14px}.mlayers__hint{margin-top:4px}.mlayers__hint-pointer{display:inline}.mlayers__hint-touch{display:none}.mlayers__list{margin-top:0}.mlayers__track{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.mlayers__item{display:block;flex:none;padding:0;border:1px solid var(--ml-line);border-radius:16px;background:var(--ml-surface);opacity:1;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.mlayers__item.is-active{border-color:var(--ml-line);border-color:color-mix(in srgb,var(--ml-accent) 38%,transparent);background:linear-gradient(135deg,rgba(141,180,255,.1),var(--ml-surface) 70%);box-shadow:0 20px 40px -26px #000000d9}.mlayers__trigger{gap:16px;padding:14px 16px 14px 14px;border-radius:15px}.mlayers__title{color:var(--ml-text-muted)}.mlayers__item.is-active .mlayers__title{color:var(--ml-heading)}.mlayers__chevron{display:grid;flex:none;place-items:center;width:28px;height:28px;color:var(--ml-text-faint);transition:transform .45s var(--ml-ease),color .3s ease}.mlayers__item.is-active .mlayers__chevron{color:var(--ml-accent);transform:rotate(180deg)}.mlayers__panel{grid-template-rows:0fr;transition:grid-template-rows .5s var(--ml-ease)}.mlayers__item.is-active .mlayers__panel{grid-template-rows:1fr}.mlayers__panel-inner{opacity:0;transition:opacity .3s ease}.mlayers__item.is-active .mlayers__panel-inner{opacity:1;transition-delay:.12s}.mlayers__facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px 28px;margin:0;padding:0 18px 20px 62px;border-top:0}.mlayers__progress{display:block;position:absolute;right:16px;bottom:0;left:16px;height:2px;border-radius:2px;background:var(--ml-accent);opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .3s ease}.mlayers.is-touring .mlayers__item.is-active .mlayers__progress{opacity:.85;transform:scaleX(var(--ml-progress, 0))}.mlayers__nav{display:none}@media(hover:hover){.mlayers__trigger:hover .mlayers__title{color:var(--ml-heading)}.mlayers__trigger:hover .mlayers__num{border-color:#fff6}.mlayers__item:not(.is-active):hover{border-color:#ffffff38}}}@media(min-width:1200px){.mlayers__heading{font-size:44px}}@media(prefers-reduced-motion:reduce){.mlayers *,.mlayers *:before,.mlayers *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-mattress-layers-hotspots.css.map */