#main>.shopify-section.mag75-hero-section,#main>.shopify-section.mag75-switch-section{background:#08090b}.mag75-switch{--switch-blue: #a2c4fa;--switch-press: 0;--switch-open: 0;--switch-exploded-opacity: 0;--switch-assembled-opacity: 1;--switch-label-opacity: 0;display:block;position:relative;isolation:isolate;overflow:clip;padding:62px 0 58px;border-radius:0 0 36px 36px;background:#08090b;color:#f2f4f8;font-family:var(--text-font-family, sans-serif)}.mag75-switch *{box-sizing:border-box}.mag75-switch__inner{width:88%;max-width:1160px;margin:0 auto}.mag75-switch__intro h2{margin:0;max-width:20ch;font-family:var(--heading-font-family, inherit);font-size:clamp(32px,3.2vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.045em}.mag75-switch__intro>p{margin:15px 0 0;color:#a7b0bd;font-size:14px;line-height:1.6}.mag75-switch__story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,88px);margin-top:22px}.mag75-switch__visual{min-width:0;margin:0}.mag75-switch__stage{position:relative;width:100%;height:330px}.mag75-switch__stage:before{content:"";position:absolute;z-index:-1;top:-6%;right:-8%;bottom:-6%;left:-8%;pointer-events:none;background:radial-gradient(ellipse 46% 48% at 50% 53%,#1a34554a,transparent 82%)}.mag75-switch__assembled{position:absolute;left:50%;top:50%;width:min(70%,258px);aspect-ratio:539/493;transform:translate(-50%,-50%);opacity:var(--switch-assembled-opacity)}.mag75-switch__assembled img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.mag75-switch__press-stem,.mag75-switch__press-body,.mag75-switch.is-ready .mag75-switch__fallback{opacity:0}.mag75-switch.is-ready .mag75-switch__press-stem,.mag75-switch.is-ready .mag75-switch__press-body{opacity:1}.mag75-switch__press-stem{transform:translateY(calc(9.7363% * var(--switch-press)))}.mag75-switch__press-body{z-index:1}.mag75-switch__exploded{position:absolute;height:98%;left:50%;top:1%;aspect-ratio:1186/2782;transform:translate(-50%);opacity:var(--switch-exploded-opacity)}.mag75-switch__part{display:block;position:absolute;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.mag75-switch__part--stem{z-index:2;left:28.5835%;top:.2876%;width:49.8314%;transform:translateY(calc(90% * (1 - var(--switch-open))))}.mag75-switch__part--cover{z-index:3;left:4.7218%;top:28.1812%;width:94.6037%;transform:translateY(calc(35% * (1 - var(--switch-open))))}.mag75-switch__part--spring{z-index:1;left:33.9798%;top:56.3983%;width:33.4739%;transform:translateY(calc(12% * (1 - var(--switch-open))))}.mag75-switch__part--base{left:.6745%;top:71.1359%;width:98.2293%}.mag75-switch__annotations{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--switch-label-opacity);pointer-events:none}.mag75-switch__callout{position:absolute;color:#a8b3c2;font-size:12px;line-height:1.5;white-space:nowrap;transition:color .24s ease}.mag75-switch__callout small{display:block;color:#8490a2;font-size:10px}.mag75-switch__callout:after{content:"";position:absolute;top:10px;width:clamp(14px,2.6vw,38px);height:1px;background:#93aac14d;transform-origin:left;transform:scaleX(var(--switch-label-opacity))}.mag75-switch__callout--stem{top:9%;left:0}.mag75-switch__callout--spring{top:59%;left:0}.mag75-switch__callout--cover{top:33%;right:0}.mag75-switch__callout--base{top:82%;right:0}.mag75-switch__callout--stem:after,.mag75-switch__callout--spring:after{left:calc(100% + 10px)}.mag75-switch__callout--cover:after,.mag75-switch__callout--base:after{right:calc(100% + 10px);transform-origin:right}.mag75-switch[data-material=stem] [data-material=stem],.mag75-switch[data-material=cover] [data-material=cover],.mag75-switch[data-material=spring] [data-material=spring],.mag75-switch[data-material=base] [data-material=base]{color:#f4f7fd}.mag75-switch__travel{position:absolute;top:34%;right:0;width:58px;opacity:var(--switch-assembled-opacity);color:#8999ae}.mag75-switch__travel>span{display:block;font-size:10px}.mag75-switch__travel strong{display:block;margin-top:3px;color:#d5e5ff;font-size:18px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.mag75-switch__travel strong span{font-size:10px}.mag75-switch__travel i{position:relative;display:block;height:45px;width:1px;margin:10px 0 0 3px;background:#9cbbdf3d}.mag75-switch__travel b{position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#a2c4fa;transform:translateY(calc(40px * var(--switch-press)))}.mag75-switch__visual figcaption{margin-top:13px;color:#8793a4;font-size:10px;line-height:1.5;text-align:center}.mag75-switch__explanation{min-width:0}.mag75-switch__captions{position:relative;min-height:80px;margin-bottom:25px}.mag75-switch__captions>div{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.mag75-switch[data-phase=press] [data-caption=press],.mag75-switch[data-phase=inside] [data-caption=inside],.mag75-switch[data-phase=return] [data-caption=return]{opacity:1;transform:none}.mag75-switch__captions h3{margin:0;font-family:var(--heading-font-family, inherit);font-size:clamp(23px,2vw,28px);line-height:1.2;font-weight:400;letter-spacing:-.035em}.mag75-switch__captions p{max-width:39ch;margin:12px 0 0;color:#9ca7b7;font-size:13px;line-height:1.6}.mag75-switch__chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.mag75-switch__chart-heading h4{margin:0;color:#c3cddd;font-size:12px;font-weight:400}.mag75-switch__chart-heading>span{color:#8f9cad;font-size:11px}.mag75-switch__chart{display:block;width:100%;max-height:216px;margin-top:16px;overflow:visible}.mag75-switch__chart path{fill:none;vector-effect:non-scaling-stroke}.mag75-switch__grid path{stroke:#ffffff0b;stroke-width:1}.mag75-switch__axis{stroke:#a2adbd38;stroke-width:1}.mag75-switch__ticks,.mag75-switch__axis-label{fill:#8996a9;font-family:inherit;font-size:10px}.mag75-switch__profile{stroke:#6c8bb34d;stroke-width:1.5;stroke-linejoin:round}.mag75-switch__progress{stroke:var(--switch-blue);stroke-width:1.8;stroke-linejoin:round}.mag75-switch__checkpoint{fill:#b8c4d5;font-family:inherit;font-size:16px;transition:fill .24s ease}.mag75-switch__checkpoint.is-active{fill:#f1f6ff}.mag75-switch__checkpoint path{stroke:#ffffff25;stroke-width:1}.mag75-switch__checkpoint-note{fill:#8c99ac;font-size:10px}.mag75-switch__marker{fill:#c9dfff}.mag75-switch__marker-halo{fill:#80b3ff26}.mag75-switch__chart-note{margin:12px 0 0;max-width:53ch;color:#8190a3;font-size:10px;line-height:1.6}.mag75-switch__sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 0;padding:0;list-style:none}.mag75-switch__sequence li{position:relative;padding-top:13px;color:#8090a4;font-size:12px;border-top:1px solid #9bafc924;transition:color .24s ease}.mag75-switch__sequence i{position:absolute;left:0;top:-1px;width:100%;height:1px;background:#b6cdeb;transform:scaleX(0);transform-origin:left}.mag75-switch__sequence li.is-current{color:#dce6f5}.mag75-switch__accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:999px)and (min-width:700px){.mag75-switch__story{gap:30px}.mag75-switch__stage{height:310px}.mag75-switch__callout{font-size:10px}.mag75-switch__callout small{font-size:9px}.mag75-switch__callout:after{width:12px}}@media(max-width:699px){#main>.shopify-section.mag75-hero-section{background:#08090b}.mag75-hero{border-radius:0 0 24px 24px}.mag75-switch{padding:36px 0;border-radius:0 0 24px 24px}.mag75-switch:before{content:"";position:absolute;top:12px;left:6%;right:6%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(202,212,227,.1) 25%,rgba(202,212,227,.1) 75%,transparent)}.mag75-switch__inner{width:88%}.mag75-switch__intro h2{max-width:16ch;font-size:clamp(28px,7.5vw,34px);font-weight:500;line-height:1.12;letter-spacing:-.045em;text-align:left;text-wrap:balance}.mag75-switch__intro>p,.mag75-switch__captions,.mag75-switch__visual figcaption,.mag75-switch__callout small,.mag75-switch__callout:after{display:none}.mag75-switch__story{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;margin-top:18px}.mag75-switch__stage{height:200px}.mag75-switch__assembled{width:min(62%,190px)}.mag75-switch__exploded{height:78%;top:5%}.mag75-switch__travel{top:auto;bottom:0;left:0;right:0;width:auto;text-align:center}.mag75-switch__travel>span,.mag75-switch__travel i{display:none}.mag75-switch__travel strong{font-size:14px}.mag75-switch__callout{font-size:9px;left:0;right:0;top:auto;bottom:0;text-align:center;opacity:0;transition:opacity .18s ease}.mag75-switch[data-material=stem] .mag75-switch__callout--stem,.mag75-switch[data-material=cover] .mag75-switch__callout--cover,.mag75-switch[data-material=spring] .mag75-switch__callout--spring,.mag75-switch[data-material=base] .mag75-switch__callout--base{opacity:1}.mag75-switch__chart-heading{display:flex}.mag75-switch__chart-heading h4{font-size:11px}.mag75-switch__chart-heading>span{font-size:10px}.mag75-switch__chart{margin-top:10px;max-height:160px}.mag75-switch__ticks,.mag75-switch__axis-label,.mag75-switch__checkpoint-note{font-size:12px}.mag75-switch__checkpoint{font-size:16px}.mag75-switch__chart-note{font-size:9px;line-height:1.45;margin-top:12px}.mag75-switch__sequence{margin-top:20px;gap:12px}.mag75-switch__sequence li{padding-top:10px;font-size:9px}}@media(prefers-reduced-motion:reduce){.mag75-switch{--switch-open: 1;--switch-exploded-opacity: 1;--switch-assembled-opacity: 0;--switch-label-opacity: 1}.mag75-switch__captions>div,.mag75-switch__callout,.mag75-switch__sequence li,.mag75-switch__checkpoint{transition:none}.mag75-switch__captions>[data-caption]{opacity:0}.mag75-switch__captions>[data-caption=inside]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/m4g-mag75-switch.css.map */
