/* Visible by default, including when the motion script cannot initialise. */
/* Homepage studies: keep decorative canvases behind all content. */
body.mx-native #mx-main [data-mx-section-art]{position:relative;isolation:isolate;overflow:hidden}
.mx-section-art{pointer-events:none;overflow:hidden}
.mx-section-art canvas{display:block;width:100%;height:100%}
.mx-art-delivery{position:relative;height:260px;width:100%;margin:30px auto 0;border-radius:0;background:transparent}
body.mx-native #mx-main #mxr-asr[data-mx-section-art="delivery"]{padding-bottom:20px!important}
.mx-art-rain{position:absolute;right:0;top:0;width:42%;height:320px;z-index:-1;opacity:.7;mask-image:linear-gradient(to bottom,#000 65%,transparent)}
.mx-art-liquid,.mx-art-velvet{position:absolute;inset:0;z-index:-1}
.mx-art-liquid{opacity:.7}
body.mx-native #mx-main [data-mx-section-art="velvet"]{background:#100c1d!important;color:#f3eff9}
body.mx-native #mx-main [data-mx-section-art="velvet"]>.mx-atmosphere,
body.mx-native #mx-main [data-mx-section-art="velvet"]>.mx-section-seam{display:none!important}
body.mx-native #mx-main [data-mx-section-art="velvet"]::before,
body.mx-native #mx-main [data-mx-section-art="velvet"]::after{display:none!important}
@media(max-width:720px){.mx-art-delivery{height:220px;margin-top:30px}.mx-art-rain{width:38%;height:220px;opacity:.35}}
body.mx-native #mx-main :is(.rv,.reveal,.mxft_reveal,[class$="_rv"],[class*="_rv "],[class$="-rv"],[class*="-rv "]){opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition-delay:0s!important}
#mx-sleek-cursor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99990}
body.mx-native #mx-main .mx-reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
.mx-footer-reveal{position:relative;background:#10081b}
.mx-footer-reveal.is-enabled{clip-path:inset(0)}
.mx-footer-reveal.is-enabled>#mx-shell-footer{position:sticky;bottom:0}
/* Isolate backgrounds from hero text, controls and product illustrations. */
body.mx-native #mx-main [data-mx-background]{position:relative;isolation:isolate;overflow:hidden}
body.mx-native #mx-main [data-mx-background]>.mx-motion-bg{position:absolute!important;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.mx-motion-bg canvas{display:block;width:100%;height:100%}
body.mx-native #mx-main [data-mx-hero-tone="light"]{background:#fff!important}
body.mx-native #mx-main [data-mx-hero-tone="dark"]{background:#10081b!important}
body.mx-native #mx-main [data-mx-background]>.mx-atmosphere,
body.mx-native #mx-main [data-mx-background]>[class*="grid-bg"],
body.mx-native #mx-main [data-mx-background]>[class*="hero-glow"],
body.mx-native #mx-main [data-mx-background]>[class*="orbits"],
body.mx-native #mx-main [data-mx-background]::before,
body.mx-native #mx-main [data-mx-background]::after{display:none!important}
[data-mx-logo-blur]{position:relative!important;isolation:isolate}
.mx-logo-blur{position:absolute;top:0;bottom:0;width:clamp(36px,9vw,140px);z-index:5;pointer-events:none}
.mx-logo-blur.left{left:0}.mx-logo-blur.right{right:0}
.mx-logo-blur i{position:absolute;inset:0}
.mx-motion-checkbox{display:inline-flex;position:relative;width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
body.mx-native #mx-main .mx-motion-checkbox input[type="checkbox"]{position:absolute!important;inset:0!important;width:22px!important;height:22px!important;margin:0!important;opacity:0!important;cursor:pointer;z-index:2}
.mx-motion-checkbox svg{width:22px;height:22px;border:1.5px solid #927d9c;border-radius:5px;background:#fff;transition:background 160ms,border-color 160ms;overflow:visible}
.mx-motion-checkbox path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 250ms cubic-bezier(.22,1,.36,1)}
.mx-motion-checkbox input:checked+svg{background:#de097f;border-color:#de097f}
.mx-motion-checkbox input:checked+svg path{stroke-dashoffset:0}
.mx-motion-checkbox input:focus-visible+svg{outline:3px solid #8b5bb9;outline-offset:3px}
.mx-motion-checkbox input:disabled+svg{opacity:.5}
body.mx-native #mx-main input.mx-popping-radio{accent-color:#de097f}
input.mx-popping-radio:checked{animation:mx-control-pop 250ms ease-out}
@keyframes mx-control-pop{0%{scale:.8}60%{scale:1.14}100%{scale:1}}
.mx-price-roll{display:inline-flex;overflow:hidden;vertical-align:bottom;font-variant-numeric:tabular-nums;line-height:1.15}
.mx-price-digit{display:inline-block;white-space:pre}
.mx-motion-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.mx-native #mx-main .mx-dots-stepper [data-step-indicator]>span{width:10px;height:10px;min-width:10px;border:0;border-radius:99px;background:#b9aabd;box-shadow:none;transition:width 250ms,background 200ms}
body.mx-native #mx-main .mx-dots-stepper [data-step-indicator][aria-current="step"]>span{width:28px;background:#de097f;box-shadow:0 0 0 4px #de097f15}
body.mx-native #mx-main .mx-dots-stepper [data-step-indicator].--complete>span{background:#8c3977}
body.mx-native #mx-main .mx-dots-stepper .mxdemo_progress-line{background:#e8deeb;height:1px}
@media(forced-colors:active){body.mx-native #mx-main .mx-motion-checkbox input[type="checkbox"]{opacity:1!important;position:static!important}.mx-motion-checkbox svg{display:none}}
@media(prefers-reduced-motion:reduce){#mx-sleek-cursor{display:none!important}#mx-main *,#mx-main *::before,#mx-main *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(pointer:coarse){#mx-sleek-cursor{display:none!important}}

.mx-art-floating{position:absolute;inset:0;z-index:-1;opacity:.35}
body.mx-native #mx-main [data-mx-section-art="floating"]>.mx-atmosphere,body.mx-native #mx-main [data-mx-section-art="floating"]>.mx-section-seam,body.mx-native #mx-main [data-mx-section-art="floating"]::before,body.mx-native #mx-main [data-mx-section-art="floating"]::after{display:none!important}

.mx-art-floating{position:absolute;inset:0;z-index:-1;opacity:.35}
body.mx-native #mx-main [data-mx-section-art="floating"]>.mx-atmosphere,body.mx-native #mx-main [data-mx-section-art="floating"]>.mx-section-seam,body.mx-native #mx-main [data-mx-section-art="floating"]::before,body.mx-native #mx-main [data-mx-section-art="floating"]::after{display:none!important}


body.mx-native #mx-main #mxr-demo .mxr_head,body.mx-native #mx-main #mxr-demo .mxr_lead{margin-left:auto!important;margin-right:auto!important;text-align:center}

.mx-tesseract{width:336px;height:336px;flex:0 0 336px;align-self:center;pointer-events:none;margin-top:-65px;margin-bottom:-25px;filter:saturate(.3) hue-rotate(170deg) brightness(1.1);mask-image:radial-gradient(ellipse,#000 45%,transparent 72%)}
.mx-tesseract canvas{display:block;width:100%;height:100%}
@media(max-width:1024px),(hover:none) and (pointer:coarse){.mx-tesseract{display:none!important}}