.magichromatic{--magichromatic-accent: #9aa4b2;--magichromatic-ease-soft: cubic-bezier(.22, 1, .36, 1);--magichromatic-stage-w: min(100vw, 177.7778svh);--magichromatic-stage-h: min(100svh, 56.25vw);--magichromatic-phone-w-desktop: 300;--magichromatic-phone-w-tablet: 220;--magichromatic-phone-w-mobile: 174;--magichromatic-heading-size: 48;--magichromatic-heading-weight: 600;--magichromatic-heading-lh: 48;--magichromatic-heading-grad: linear-gradient(95deg, #af75cd 0%, #5a8fdd 51%, #82af8f 100%);--magichromatic-subtitle-size: 16;--magichromatic-subtitle-color: #464647;--magichromatic-btn-size: 18;--magichromatic-btn-weight: 400;--magichromatic-pad-top: 0px;--magichromatic-pad-bottom: 0px;--magichromatic-margin-top: 0px;--magichromatic-margin-bottom: 0px;--magichromatic-bg-color: #ffffff;--magichromatic-bg-gradient: none;--magichromatic-bg-image: none;--magichromatic-bg-opacity: 1;position:relative;width:100%;min-height:100svh;margin-top:var(--magichromatic-margin-top);margin-bottom:var(--magichromatic-margin-bottom);padding-top:var(--magichromatic-pad-top);padding-bottom:var(--magichromatic-pad-bottom);overflow:hidden;color:#333;background:var(--magichromatic-bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.magichromatic__stage-pin{position:relative;width:100%;height:100svh;overflow:hidden}.magichromatic__stage{position:absolute;isolation:isolate;left:50%;top:50%;width:100%;height:var(--magichromatic-stage-h);overflow:hidden;transform:translate(-50%,-50%);transform-origin:center;background:var(--magichromatic-bg-color)}.magichromatic__stage-bg{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--magichromatic-bg-opacity);background-color:var(--magichromatic-bg-color);background-image:var(--magichromatic-bg-gradient),var(--magichromatic-bg-image);background-position:center;background-size:cover;background-repeat:no-repeat}.magichromatic__title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:58;pointer-events:none}.magichromatic__eyebrow{position:absolute;top:calc(176 / 1080 * 100%);width:100%;color:var(--magichromatic-subtitle-color);font-family:Inter;font-size:var(--magichromatic-subtitle-size);font-weight:500;line-height:calc(19 / 1920 * var(--magichromatic-stage-w, 100vw));text-align:center;letter-spacing:0;white-space:nowrap}.magichromatic__heading{position:absolute;top:calc(207 / 1080 * 100%);width:100%;margin:0;background:var(--magichromatic-heading-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:var(--magichromatic-heading-size);font-weight:var(--magichromatic-heading-weight);line-height:1.25;overflow:visible;text-align:center;letter-spacing:0;white-space:nowrap;letter-spacing:-2px;height:auto;padding-block:.1em}.magichromatic__engine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:visible;pointer-events:none}.magichromatic__pointer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;width:100%;height:100%;display:block;pointer-events:auto;touch-action:pan-y;background:transparent}.magichromatic__bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;overflow:visible;pointer-events:none}.magichromatic__bubble{position:absolute;left:50%;top:50%;width:calc(var(--magichromatic-bubble-size) / 1920 * var(--magichromatic-stage-w, 100vw));height:calc(var(--magichromatic-bubble-size) / 1920 * var(--magichromatic-stage-w, 100vw));margin-left:calc(var(--magichromatic-bubble-size) / -3840 * var(--magichromatic-stage-w, 100vw));margin-top:calc(var(--magichromatic-bubble-size) / -3840 * var(--magichromatic-stage-w, 100vw));overflow:hidden;border-radius:50%;background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.96) 0 8%,rgba(255,255,255,.26) 18%,transparent 38%),var(--magichromatic-bubble-gradient, linear-gradient(135deg, #f857a6, #ff5858 42%, #ffc371 72%, #7afcff));background-position:center;background-size:cover;box-shadow:inset 0 0 0 max(1px,calc(1.5 / 1920 * var(--magichromatic-stage-w, 100vw))) #ffffffb3,inset calc(16 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(14 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(30 / 1920 * var(--magichromatic-stage-w, 100vw)) #ffffff61,inset calc(-18 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(-22 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(36 / 1920 * var(--magichromatic-stage-w, 100vw)) #0a142624;opacity:0;transform-origin:50% 50%;will-change:transform,opacity,filter;filter:blur(var(--magichromatic-bubble-blur, 0px));z-index:var(--magichromatic-bubble-z, 20)}.magichromatic__bubble-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.96;filter:saturate(1.2) contrast(1.05);transform:scale(1.02);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.magichromatic__bubble:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:2;border-radius:inherit;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.94),rgba(255,255,255,.56) 9%,transparent 23%),linear-gradient(135deg,rgba(255,255,255,.58),transparent 31%,rgba(255,255,255,.2) 70%,transparent);opacity:.86;mix-blend-mode:screen;pointer-events:none}.magichromatic__bubble:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:3;border:max(.5px,calc(1 / 1920 * var(--magichromatic-stage-w, 100vw))) solid rgba(255,255,255,.38);border-radius:50%;box-shadow:inset 0 0 calc(24 / 1920 * var(--magichromatic-stage-w, 100vw)) #ffffff2e;pointer-events:none}.magichromatic__phone{position:absolute;left:42.1875%;top:calc(285 / 1080 * 100%);z-index:66;width:calc(var(--magichromatic-phone-w-desktop) / 1920 * var(--magichromatic-stage-w, 100vw));height:calc(var(--magichromatic-phone-w-desktop) * 2.008537 / 1920 * var(--magichromatic-stage-w, 100vw));overflow:visible;filter:drop-shadow(0 calc(24 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(34 / 1920 * var(--magichromatic-stage-w, 100vw)) rgba(74,79,84,.16));pointer-events:none;will-change:transform;transform-style:preserve-3d;perspective:900px}.magichromatic__phone-focus{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.magichromatic__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:visible;pointer-events:none}.magichromatic__canvas canvas,.magichromatic__webgl{display:block;width:100%!important;height:100%!important}.magichromatic__phone-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.magichromatic.has-webgl-case .magichromatic__phone-image{opacity:0;visibility:hidden}.magichromatic__color-dots{position:absolute;left:calc(1074 / 1920 * 100%);top:calc(838 / 1080 * 100%);z-index:67;width:calc(57.742 / 1920 * var(--magichromatic-stage-w, 100vw));height:calc(69.003 / 1920 * var(--magichromatic-stage-w, 100vw));--magichromatic-desktop-dot-size: calc(8.742 / 1920 * var(--magichromatic-stage-w, 100vw));--magichromatic-desktop-dot-black-size: calc(7.103 / 1920 * var(--magichromatic-stage-w, 100vw));--magichromatic-desktop-selected-size: calc(13.113 / 1920 * var(--magichromatic-stage-w, 100vw));--magichromatic-desktop-selected-stroke: max(.7px, calc(1 / 1920 * var(--magichromatic-stage-w, 100vw)));transform:scale(2);transform-origin:left bottom}.magichromatic__color-dot{position:absolute;width:calc(24 / 1920 * var(--magichromatic-stage-w, 100vw));height:calc(24 / 1920 * var(--magichromatic-stage-w, 100vw));min-width:16px;min-height:16px;border:0;border-radius:50%;background:transparent;cursor:pointer;padding:0;transform:translate(-50%,-50%);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:none}.magichromatic__color-dot:is(:hover,:active,:focus,:focus-visible,.focused){background:transparent;box-shadow:none;outline:none;outline-offset:0}.magichromatic__color-dot:focus-visible:after,.magichromatic__color-dot.focused:after{border-color:#b2b6bf}.magichromatic__color-dot:nth-child(1){left:6.1506%;top:94.8531%}.magichromatic__color-dot:nth-child(2){left:31.2268%;top:83.3601%}.magichromatic__color-dot:nth-child(3){left:53.9313%;top:69.9115%}.magichromatic__color-dot:nth-child(4){left:70.9726%;top:50.1152%}.magichromatic__color-dot:nth-child(5){left:85.1564%;top:29.5219%}.magichromatic__color-dot:nth-child(6){left:92.4301%;top:6.3345%}.magichromatic__color-dot:before{content:"";position:absolute;left:50%;top:50%;width:var(--magichromatic-desktop-dot-size);height:var(--magichromatic-desktop-dot-size);min-width:0;min-height:0;border-radius:50%;background:var(--magichromatic-swatch);transform:translate(-50%,-50%)}.magichromatic__color-dot:first-child:before{width:var(--magichromatic-desktop-dot-black-size);height:var(--magichromatic-desktop-dot-black-size)}.magichromatic__color-dot:after{content:"";position:absolute;left:50%;top:50%;width:var(--magichromatic-desktop-selected-size);height:var(--magichromatic-desktop-selected-size);box-sizing:border-box;border:var(--magichromatic-desktop-selected-stroke) solid transparent;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.magichromatic__color-dot[aria-pressed=true]{box-shadow:none;transform:translate(-50%,-50%)}.magichromatic__color-dot[aria-pressed=true]:after{border-color:#b2b6bf}.magichromatic__cta{position:absolute;left:42.1875%;top:calc(910 / 1080 * 100%);z-index:70;display:grid;place-items:center;width:15.625%;height:calc(100 / 1080 * 100%);border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;padding:0;overflow:hidden;text-decoration:none;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--magichromatic-btn-size) / 1920 * var(--magichromatic-stage-w, 100vw));font-weight:var(--magichromatic-btn-weight);line-height:1}.magichromatic__cta[aria-disabled=true],.magichromatic__cta:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.62;pointer-events:none}.magichromatic__cta-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.magichromatic__cta--video{overflow:visible}canvas.magichromatic__cta-media{display:block;inset:auto;left:50%;top:50%;width:90%;height:auto;aspect-ratio:576 / 152;transform:translate(-50%,-50%);border-radius:0;-webkit-mask-image:none;mask-image:none}.magichromatic__cta--video .magichromatic__cta-label{transform:scale(.9)}.magichromatic__cta-label{position:relative;z-index:1;color:#fff;text-shadow:0 calc(1 / 1920 * var(--magichromatic-stage-w, 100vw)) calc(8 / 1920 * var(--magichromatic-stage-w, 100vw)) rgba(70,76,86,.18)}.magichromatic__cta--glass{background:#ffffff47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 18px #ffffff59,0 14px 42px #646c761f}.magichromatic__cta--glass .magichromatic__cta-label{color:#2a2d31;text-shadow:none}.magichromatic__cta--solid{background:#2a2d31}.magichromatic__cta--outline{background:transparent;box-shadow:inset 0 0 0 2px #2a2d31b3}.magichromatic__cta--outline .magichromatic__cta-label{color:#2a2d31;text-shadow:none}.magichromatic__mobile-press{display:none}.magichromatic__desktop-press{position:absolute;left:0;right:0;bottom:calc(13 / 1080 * 100%);z-index:72;display:block;height:calc(24 / 1080 * 100%);overflow:hidden;pointer-events:none}.magichromatic__desktop-press-track{display:flex;width:200%;height:100%;animation:magichromatic-desktop-press-scroll 36s linear infinite;transform:translateZ(0);will-change:transform}.magichromatic__desktop-press-group{display:grid;flex:0 0 50%;grid-template-columns:repeat(20,minmax(0,1fr));width:50%;height:100%;align-items:center}.magichromatic__desktop-press-item{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}.magichromatic__desktop-press-image{display:block;width:min(76px,78%);height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes magichromatic-desktop-press-scroll{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.magichromatic__desktop-press-track{animation:none;transform:translateZ(0);will-change:auto}}.magichromatic__cta:focus-visible{outline:max(2px,calc(2 / 1920 * var(--magichromatic-stage-w, 100vw))) solid rgba(45,50,58,.5);outline-offset:max(3px,calc(4 / 1920 * var(--magichromatic-stage-w, 100vw)))}@media(max-aspect-ratio:4 / 5){.magichromatic__stage{width:max(100vw,177.7778svh);height:max(100svh,56.25vw)}}@media(min-width:991px){.magichromatic__heading{font-size:calc(var(--magichromatic-heading-size) * .76);top:calc(207 / 1080 * 100% - 10px)}}@media(max-width:990px){.magichromatic{--magichromatic-pad-top: var(--magichromatic-pad-top-tablet);--magichromatic-pad-bottom: var(--magichromatic-pad-bottom-tablet);--magichromatic-margin-top: var(--magichromatic-margin-top-tablet);--magichromatic-margin-bottom: var(--magichromatic-margin-bottom-tablet)}.magichromatic__phone{width:calc(var(--magichromatic-phone-w-tablet) / 1920 * var(--magichromatic-stage-w, 100vw));height:calc(var(--magichromatic-phone-w-tablet) * 2.064 / 1920 * var(--magichromatic-stage-w, 100vw))}}@media(max-width:900px){.magichromatic{--magichromatic-pad-top: var(--magichromatic-pad-top-mobile);--magichromatic-pad-bottom: var(--magichromatic-pad-bottom-mobile);--magichromatic-margin-top: var(--magichromatic-margin-top-mobile);--magichromatic-margin-bottom: var(--magichromatic-margin-bottom-mobile)}.magichromatic__stage-pin{height:100dvh}.magichromatic__stage{width:100vw!important;height:100dvh!important;overflow:hidden}.magichromatic__cta{left:50%;top:auto;bottom:calc(18px + env(safe-area-inset-bottom));width:min(252px,68vw);height:min(76px,20vw);transform:translate(-50%)}.magichromatic__cta-label{font-size:18px}.magichromatic__eyebrow{left:0;top:12.6%;width:100%;font-size:13px;line-height:16px}.magichromatic__heading{left:0;top:15.4%;width:100%;font-size:clamp(25px,7.5vw,35px);line-height:1.25;box-sizing:border-box;padding-inline:18px;white-space:normal}.magichromatic__phone{left:50%!important;top:25%!important;width:min(40.2vw,calc(var(--magichromatic-phone-w-mobile) * 1px))!important;height:min(83.6vw,calc(var(--magichromatic-phone-w-mobile) * 2.064 * 1px))!important;transform:translate(-50%)!important}.magichromatic__engine{transform:scale(1.18);transform-origin:center 54%}.magichromatic__color-dots{left:min(calc(50% + 118px),calc(100% - 108px));top:66%;width:92px;height:132px}.magichromatic__color-dot{width:22px;height:22px;min-width:18px;min-height:18px}.magichromatic__color-dot:before{width:16px;height:16px;min-width:14px;min-height:14px}}@media(prefers-reduced-motion:reduce){.magichromatic__bubble,.magichromatic__phone,.magichromatic__phone-image,.magichromatic__cta,.magichromatic__heading{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(max-width:393px){.magichromatic__title{top:25px!important}.magichromatic__color-dots{right:34px;left:unset;top:65%}.magichromatic__cta{bottom:61px}}@media(min-width:393px)and (max-width:769px){.magichromatic__title{top:25px!important}}@media screen and (max-width:749px){body:has([data-magichromatic-section]) .header-wrapper.gradient{left:calc(50vw + .39px);top:18px;width:calc(100vw - 37px);height:52px;transform:translate(-50%)}body:has([data-magichromatic-section]) .page-width.drawer-menu{width:100%;height:52px;padding:0 34px 0 29px;border-color:#cdcdcd6b}body:has([data-magichromatic-section]) a.header__heading-link{width:83.25px;margin:0;padding:0}body:has([data-magichromatic-section]) .header__heading-logo{display:block;width:83.25px;max-width:none;height:4.94px;transform:translateY(-1px)}body:has([data-magichromatic-section]) .header__icons{gap:2px;padding-right:0}body:has([data-magichromatic-section]) .header__icon img,body:has([data-magichromatic-section]) .header__icon .icon,body:has([data-magichromatic-section]) .header__icon--cart .icon,body:has([data-magichromatic-section]) span.svg-wrapper img{width:10px;height:10px}.magichromatic__title{top:0!important}.magichromatic__stage{left:50vw}.magichromatic__eyebrow{top:15.217%;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:18px}.magichromatic__heading{top:18.241%;height:auto;font-size:clamp(18px,5.5vw,24px);line-height:1.25;white-space:nowrap;letter-spacing:0}.magichromatic__phone{left:50%!important;top:27.689%!important;width:min(48.314vw,22.222dvh,207.75px)!important;height:min(97.04vw,44.634dvh,417.273px)!important;transform:translate(-50%)!important}.magichromatic.has-webgl-case .magichromatic__webgl{transform:scale(1.118);transform-origin:50% 50%}.magichromatic__bubble{width:calc(var(--magichromatic-bubble-size) / 1066.6667 * var(--magichromatic-stage-w, 100vw));height:calc(var(--magichromatic-bubble-size) / 1066.6667 * var(--magichromatic-stage-w, 100vw));margin-left:calc(var(--magichromatic-bubble-size) / -2133.3333 * var(--magichromatic-stage-w, 100vw));margin-top:calc(var(--magichromatic-bubble-size) / -2133.3333 * var(--magichromatic-stage-w, 100vw))}.magichromatic__color-dots{--magichromatic-mobile-dot-clearance: min(1.493vw, .686dvh, 6.42px);left:calc(50% + min(18.629vw,8.569dvh,80.105px) + var(--magichromatic-mobile-dot-clearance));top:calc(69.908% + var(--magichromatic-mobile-dot-clearance));width:min(10.779vw,4.958dvh,46.351px);height:min(10.67vw,4.907dvh,45.878px);--magichromatic-mobile-dot-size: min(1.76vw, .81dvh, 7.568px);--magichromatic-mobile-dot-black-size: min(1.43vw, .658dvh, 6.148px);--magichromatic-mobile-selected-size: min(2.64vw, 1.214dvh, 11.351px);--magichromatic-mobile-selected-stroke: min(.201vw, .093dvh, .865px)}.magichromatic__color-dot{width:min(3.483vw,1.602dvh,14.975px);height:min(3.483vw,1.602dvh,14.975px);min-width:0;min-height:0;transform:translate(-50%,-50%)}.magichromatic__color-dot:before{width:var(--magichromatic-mobile-dot-size);height:var(--magichromatic-mobile-dot-size);min-width:0;min-height:0}.magichromatic__color-dot:first-child:before{width:var(--magichromatic-mobile-dot-black-size);height:var(--magichromatic-mobile-dot-black-size)}.magichromatic__color-dot:after{content:"";position:absolute;left:50%;top:50%;width:var(--magichromatic-mobile-selected-size);height:var(--magichromatic-mobile-selected-size);box-sizing:border-box;border:var(--magichromatic-mobile-selected-stroke) solid transparent;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.magichromatic__color-dot[aria-pressed=true]{box-shadow:none;transform:translate(-50%,-50%)}.magichromatic__color-dot[aria-pressed=true]:after{border-color:#b2b6bf}.magichromatic__color-dot:focus-visible{outline:none}.magichromatic__color-dot:focus-visible:after{border-color:#b2b6bf}.magichromatic__color-dot:nth-child(1){left:6.633%;top:93.299%}.magichromatic__color-dot:nth-child(2){left:28.196%;top:81.379%}.magichromatic__color-dot:nth-child(3){left:48.636%;top:67.643%}.magichromatic__color-dot:nth-child(4){left:65.703%;top:50.245%}.magichromatic__color-dot:nth-child(5){left:79.554%;top:29.758%}.magichromatic__color-dot:nth-child(6){left:91.837%;top:8.247%}.magichromatic__cta{left:50%;top:78.261%;bottom:auto;width:min(50.73vw,203.933px);height:min(16.91vw,67.978px);transform:translate(-50%)}.magichromatic__cta-label{font-size:min(3.382vw,13.596px);line-height:normal}.magichromatic__mobile-press{position:absolute;left:9.674vw;top:95.767%;z-index:72;display:block;width:80.597vw;height:min(4.229vw,17px);pointer-events:none}.magichromatic__desktop-press{display:none}.magichromatic__mobile-press-item{position:absolute;top:0;width:20.988%;height:100%;overflow:hidden;background:#fff}.magichromatic__mobile-press-item:nth-child(1){left:0}.magichromatic__mobile-press-item:nth-child(2){left:29.63%}.magichromatic__mobile-press-item:nth-child(3){left:55.247%}.magichromatic__mobile-press-item:nth-child(4){left:79.012%}.magichromatic__mobile-press-image{position:absolute;display:block;max-width:none;object-fit:fill}.magichromatic__mobile-press-item:nth-child(1) .magichromatic__mobile-press-image{left:4.412%;top:-47.059%;width:92.647%;height:200%}.magichromatic__mobile-press-item:nth-child(2) .magichromatic__mobile-press-image{left:8.824%;top:-41.176%;width:80.882%;height:182.353%}.magichromatic__mobile-press-item:nth-child(3) .magichromatic__mobile-press-image{left:5.882%;top:11.765%;width:86.824%;height:80.471%}.magichromatic__mobile-press-item:nth-child(4) .magichromatic__mobile-press-image{left:17.647%;top:-23.529%;width:66.176%;height:147.059%}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/magichromatic.css.map */