.ls-technology{--wheel-time:1.15s;--rim-time:.7s;--marker-time:.95s;--title-time:.8s;--title-delay:.13s;--mask-time:.6s;--tile-time:.7s;--paper:#f6eddc;--ink:#120c08;--accent:#a6703e;--muted:#cdb9a7;--turn:0deg;--ease:cubic-bezier(.22,.75,.16,1);--duration:1.05s}.ls-technology,.ls-technology *{box-sizing:border-box}.ls-technology{background:var(--paper);color:var(--ink);font-family:LumiSleep Poppins,sans-serif;letter-spacing:0}.ls-technology button{font:inherit;-webkit-tap-highlight-color:transparent}.ls-technology button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ls-stage{position:relative;height:100svh;min-height:680px;overflow:hidden;isolation:isolate}.ls-wheel{position:absolute;width:43.8vw;aspect-ratio:1;left:-13.23vw;top:calc(51.4% - 35px - 21.9vw);border-radius:50%}.ls-rim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ls-rim-base{fill:none;stroke:#d8cec4;stroke-width:1;vector-effect:non-scaling-stroke}.ls-rim-highlight{fill:none;stroke:url(#lumisleep-rim-gradient);stroke-width:1.25;vector-effect:non-scaling-stroke}.ls-snapping .ls-rim-highlight{animation:ls-rim-cycle var(--rim-time) both}@keyframes ls-rim-cycle{0%{opacity:1}16%{opacity:0}70%{opacity:0}to{opacity:1}}.ls-wheel:before{content:"";position:absolute;top:2.85%;right:2.85%;bottom:2.85%;left:2.85%;border-radius:50%;background:radial-gradient(ellipse at center,#f6f1e7 10%,#eee3cf 58%,#e6d5bd)}.ls-rotor{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--turn))}.ls-snapping .ls-rotor{animation:ls-wheel-snap var(--wheel-time) both}@keyframes ls-wheel-snap{0%{transform:rotate(var(--from));animation-timing-function:cubic-bezier(.3,.05,.18,1)}62%{transform:rotate(calc(var(--turn) + var(--overshoot)));animation-timing-function:cubic-bezier(.4,0,.25,1)}83%{transform:rotate(calc(var(--turn) + var(--rebound)));animation-timing-function:cubic-bezier(.3,0,.2,1)}to{transform:rotate(var(--turn))}}.ls-snapping .ls-wheel-label{animation:ls-label-snap var(--wheel-time) both}@keyframes ls-label-snap{0%{transform:translate(-50%,-50%) rotate(calc(-1 * var(--from)));animation-timing-function:cubic-bezier(.3,.05,.18,1)}62%{transform:translate(-50%,-50%) rotate(calc(-1 * (var(--turn) + var(--overshoot))));animation-timing-function:cubic-bezier(.4,0,.25,1)}83%{transform:translate(-50%,-50%) rotate(calc(-1 * (var(--turn) + var(--rebound))));animation-timing-function:cubic-bezier(.3,0,.2,1)}to{transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)))}}.ls-orbit-point{position:absolute;left:50%;top:50%;width:0;height:0}.ls-orbit-point:nth-child(1){left:86%}.ls-orbit-point:nth-child(2){top:14%}.ls-orbit-point:nth-child(3){left:14%}.ls-orbit-point:nth-child(4){top:86%}.ls-wheel-label{position:absolute;display:block;width:150px;padding:0;border:0;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));transition:transform var(--duration) var(--ease),color .55s ease;white-space:nowrap}.ls-wheel-label[aria-current=step]{color:var(--accent)}.ls-wheel-label:not([aria-current=step]){color:var(--muted);transition:transform var(--duration) var(--ease)}.ls-number{display:block;font-size:72px;line-height:1.05;font-weight:600;color:inherit}.ls-name{display:block;font-size:25px;line-height:1.5;font-weight:600;color:inherit}.ls-number{width:max-content;transform-origin:50% 65%}.ls-snapping .ls-wheel-label[aria-current=step] .ls-number{animation:ls-number-arrive var(--wheel-time) both}@keyframes ls-number-arrive{0%{transform:scale(1);animation-timing-function:cubic-bezier(.3,.05,.18,1)}62%{transform:scale(1.22);animation-timing-function:cubic-bezier(.4,0,.25,1)}83%{transform:scale(.975);animation-timing-function:ease-in-out}93%{transform:scale(1.015);animation-timing-function:ease-out}to{transform:scale(1)}}.ls-marker{fill:var(--accent);transform-box:fill-box;transform-origin:center}.ls-snapping .ls-marker{animation:ls-marker-return var(--marker-time) both}@keyframes ls-marker-return{0%{opacity:1;transform:scale(1)}8%{opacity:0;transform:scale(.6)}68%{opacity:0;transform:scale(.45);animation-timing-function:cubic-bezier(.2,.7,.2,1)}80%{opacity:1;transform:scale(1.25);animation-timing-function:ease-in-out}91%{opacity:1;transform:scale(.94);animation-timing-function:ease-out}to{opacity:1;transform:scale(1)}}.ls-content{position:relative;margin-left:33.02%;width:62.24%;height:100%;padding-top:12.6vh}.ls-title{font-size:44px;line-height:1.3;font-weight:600;margin:0 0 25px;white-space:nowrap}.ls-title span{color:var(--accent)}.ls-intro{font-size:15px;line-height:1.55;margin:0;max-width:1180px}.ls-step-copy{position:absolute;top:51.4%;left:0;right:0;color:var(--accent)}.ls-heading-slot{position:absolute;left:0;right:0;bottom:calc(100% + 17px)}.ls-step-heading{font-size:26px;line-height:1.4;font-weight:600;margin:0;max-width:100%;text-wrap:balance}.ls-reveal{animation:ls-copy-in var(--title-time) cubic-bezier(.2,.65,.2,1) both;animation-delay:var(--title-delay)}@keyframes ls-copy-in{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(-14px)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translate(0)}}.ls-description{font-size:14px;line-height:1.65;margin:0;max-width:1180px;min-height:75px}.ls-gallery{position:absolute;top:68%;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ls-tile{position:relative;aspect-ratio:1;border:0;padding:0;background:#e5d5c6;cursor:pointer;isolation:isolate;transition:transform var(--tile-time) var(--ease),box-shadow .7s ease;box-shadow:0 0 0 0 transparent;overflow:hidden;border-radius:0}.ls-tile__overlay{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.24;pointer-events:none;transition:opacity var(--mask-time) var(--ease)}.ls-tile[aria-pressed=true] .ls-tile__overlay{opacity:0}.ls-tile:after{content:"";z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #a6703e35;pointer-events:none;transition:border .6s}.ls-tile[aria-pressed=true]{transform:translateY(-9px);box-shadow:0 15px 28px -17px #77503265}.ls-tile[aria-pressed=true]:after{border:2px solid var(--accent)}@media(min-width:1700px){.ls-title{font-size:62px}.ls-intro{font-size:20px}.ls-step-heading{font-size:31px}.ls-description{font-size:18px}.ls-number{font-size:86px}.ls-name{font-size:30px}.ls-gallery{gap:25px;top:66%}}@media(max-width:1500px){.ls-title{font-size:40px}}@media(max-width:1250px){.ls-title{font-size:32px}.ls-intro{font-size:13px}.ls-step-heading{font-size:22px}.ls-description{font-size:12px}.ls-gallery{gap:14px}.ls-number{font-size:60px}.ls-name{font-size:21px}.ls-wheel-label{width:124px}}@media(max-width:760px){.ls-stage{min-height:980px;height:100svh}.ls-content{margin-left:7%;width:86%;padding-top:40px}.ls-title{font-size:29px;white-space:normal;line-height:1.25;margin-bottom:18px}.ls-intro{font-size:12px;line-height:1.6}.ls-wheel{width:340px;left:-225px;top:270px}.ls-wheel-label{width:100px}.ls-number{font-size:46px}.ls-name{font-size:15px}.ls-step-copy{left:116px;top:430px;right:0}.ls-step-heading{font-size:20px;line-height:1.4;text-wrap:initial}.ls-description{font-size:11px;line-height:1.6}.ls-gallery{top:auto;bottom:42px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.ls-tile{aspect-ratio:1.48}.ls-tile[aria-pressed=true]{transform:translateY(-5px)}}@media(max-width:380px){.ls-title{font-size:26px}.ls-step-copy{left:105px}.ls-step-heading{font-size:18px}.ls-description{font-size:10px}.ls-gallery{bottom:28px}}@media(prefers-reduced-motion:reduce){.ls-technology{--duration:1ms}.ls-technology *,.ls-technology *:before,.ls-technology *:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important}.ls-reveal{clip-path:none}}.ls-tile__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ls-mobile-step-arrow{display:none}.ls-sticky-stage,.ls-wheel-window{display:contents}@media(max-width:749px){.ls-stage{height:auto;min-height:0;overflow:visible}.ls-sticky-stage{position:relative;top:auto;display:block;width:100%;height:1240px;overflow:hidden;background:var(--paper);isolation:isolate}.ls-wheel-window{position:absolute;z-index:1;top:366px;left:0;display:block;width:100%;height:192px;overflow:hidden}.ls-content{width:100%;height:100%;margin-left:0;padding-top:40px}.ls-content header{width:341px;margin:0 auto;text-align:center}.ls-title{width:296px;margin:0 auto 26px;font-size:24px;line-height:1.3;white-space:normal}.ls-intro{width:341px;max-width:none;margin:0 auto;font-size:15px;line-height:1.45}.ls-wheel{top:-688px;left:calc(50% - 438.425px);width:876.85px}.ls-wheel-label{width:108px}.ls-number{font-size:50px}.ls-name{font-size:16px}.ls-gallery{top:578px;bottom:auto;left:50%;display:block;width:277px;height:201px;transform:translate(-50%)}.ls-tile{display:none;width:100%;height:100%;border-radius:12px;aspect-ratio:auto;background:#ded5bf;box-shadow:none!important;transform:none!important}.ls-tile[aria-pressed=true]{display:block}.ls-tile__image{opacity:1}.ls-tile__overlay,.ls-tile:after{opacity:0}.ls-mobile-step-arrow{position:absolute;z-index:4;top:668px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #c58f59;border-radius:50%;background:transparent;color:#a5703d;font-size:15px;line-height:1;cursor:pointer}.ls-mobile-step-arrow--prev{left:17px}.ls-mobile-step-arrow--next{right:17px}.ls-step-copy{top:799px;right:25px;left:25px;color:#3e3a39;text-align:center}.ls-heading-slot{position:static}.ls-step-heading{width:277px;margin:0 auto 20px;color:#a5703d;font-size:20px;font-weight:700;line-height:1.35;text-wrap:initial}.ls-description{width:341px;max-width:none;min-height:0;margin:0 auto;color:#3e3a39;font-size:15px;line-height:1.45}}@media(max-width:380px){.ls-content header,.ls-intro,.ls-description{width:calc(100% - 34px)}.ls-gallery{bottom:auto}.ls-step-copy{right:17px;left:17px}.ls-step-heading{font-size:20px}.ls-description{font-size:14px}}@media(max-width:749px){.ls-technology .ls-wheel:before{inset:0 auto auto calc(50% - 416.75px);width:833.5px;height:838.14px;border-radius:0;background:url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjgzMy41IiBoZWlnaHQ9IjgzOC4xNCIgdmlld0JveD0iMCAwIDgzMy41IDgzOC4xNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQxNi43NSAwQzE4Ni41OSAwIDAgMTg3LjYyIDAgNDE5LjA3QzAgNjUwLjUyIDE4Ni41OCA4MzguMTQgNDE2Ljc1IDgzOC4xNEM2NDYuOTIgODM4LjE0IDgzMy41IDY1MC41MiA4MzMuNSA0MTkuMDdDODMzLjUgMTg3LjYyIDY0Ni45MiAwIDQxNi43NSAwWk00MTYuNzUgNzU3LjE5QzIzMS4wNCA3NTcuMTkgODAuNSA2MDUuODEgODAuNSA0MTkuMDdDODAuNSAyMzIuMzMgMjMxLjA0IDgwLjk1IDQxNi43NSA4MC45NUM2MDIuNDYgODAuOTUgNzUzIDIzMi4zMyA3NTMgNDE5LjA3Qzc1MyA2MDUuODEgNjAyLjQ1IDc1Ny4xOSA0MTYuNzUgNzU3LjE5WiIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzBfNCkiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8wXzQiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE1LjQ0OSA0MDguNDgzKSBzY2FsZSg0MTUuNTIgNDE1LjUyKSI+CjxzdG9wIG9mZnNldD0iMC44MyIgc3RvcC1jb2xvcj0iI0M3QjI5OSIvPgo8c3RvcCBvZmZzZXQ9IjAuOTciIHN0b3AtY29sb3I9IiNFNUQ0QkMiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center / 100% 100% no-repeat}.ls-technology .ls-rim{top:-16.1px;transform:rotate(90deg)}.ls-technology .ls-rim-base{stroke:#dcccbe;stroke-width:2;stroke-dasharray:none}.ls-technology .ls-rim-highlight{stroke:#cdae8b!important;stroke-width:2;transform:rotate(-90deg);transform-origin:50% 50%}.ls-technology .ls-marker{fill:#a5703d;r:12.3px}.ls-technology .ls-orbit-point:nth-child(1){left:calc(50% + 357px)}.ls-technology .ls-orbit-point:nth-child(2){top:calc(50% - 357px)}.ls-technology .ls-orbit-point:nth-child(3){left:calc(50% - 357px)}.ls-technology .ls-orbit-point:nth-child(4){top:calc(50% + 357px)}.ls-technology .ls-wheel-label{width:150px;text-align:center}.ls-technology .ls-wheel-label[aria-current=step]{color:#a5703d}.ls-technology .ls-number{margin-inline:auto;font-size:40px;line-height:1.05}.ls-technology .ls-name{font-size:22px;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/lumisleep-technology.css.map */