.magni-modular{background-color:var(--magni-modular-bg, #0b0c10);color:#fff;padding:clamp(26px,5vh,60px) 0;overflow-x:hidden}.magni-modular__head{text-align:center;padding:0 24px;margin-bottom:clamp(10px,2vh,22px)}.magni-modular__eyebrow{margin:0 0 10px;color:var(--magni-cyan, #00a3e0);font-weight:700;font-size:clamp(.78rem,1vw,.9rem);letter-spacing:.12em;text-transform:uppercase}.magni-modular__title{margin:0;color:#fff;font-weight:700;line-height:1.05;letter-spacing:-.01em;font-size:clamp(1.9rem,5vw,3rem)}.magni-modular__viewer{position:relative;max-width:1040px;margin:0 auto;padding:0}.magni-modular__stage{position:relative;aspect-ratio:4 / 5;border-radius:0;overflow:hidden;overflow:clip;background:var(--magni-modular-bg, #0b0c10)}.magni-modular__track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;opacity:0;transition:opacity .45s ease}.magni-modular__track::-webkit-scrollbar{display:none}.magni-modular__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;isolation:isolate}.magni-modular__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;transform:translate(var(--mod-img-x, 0%),var(--mod-img-y, 0%)) scale(var(--mod-img-scale, 1));transform-origin:center}.magni-modular__caption{position:absolute;left:40px;right:40px;top:auto;bottom:10px;z-index:4;padding:16px 22px;border-radius:16px;background:#1218269e;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);color:#ffffffd1;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.45;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease}.magni-modular__caption-title{color:#fff;font-weight:700}.magni-modular__overlay{position:absolute;left:var(--ov-x, 50%);top:var(--ov-y, 50%);width:var(--ov-size, 14%);height:auto;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.magni-modular__overlay--behind{z-index:0}.magni-modular__overlay--tall{object-fit:contain;max-height:90%}.magni-modular.no-anim .magni-modular__main,.magni-modular.no-anim .magni-modular__track,.magni-modular.no-anim .magni-modular__caption,.magni-modular.no-anim .magni-modular__pill,.magni-modular.no-anim .magni-modular__pill-desc,.magni-modular.no-anim .magni-modular__slide,.magni-modular.no-anim .magni-modular__arrow,.magni-modular.no-anim .magni-modular__close{transition:none!important}.magni-modular__main{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--magni-modular-bg, #0b0c10);opacity:1;transition:opacity .45s ease}.magni-modular__main-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:translate(var(--mod-img-x, 0%),var(--mod-img-y, 0%)) scale(var(--mod-img-scale, 1));transform-origin:center}.magni-modular__model{width:100%;height:100%;display:block;background-color:transparent;--poster-color: transparent;opacity:0;transition:opacity .7s ease}.magni-modular.is-model-ready .magni-modular__model{opacity:1}.magni-modular__orbit-readout{position:absolute;top:10px;left:10px;z-index:6;padding:6px 10px;border-radius:8px;background:#0009;color:#8fe3ff;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;pointer-events:none}.magni-modular.is-feature-open .magni-modular__main{opacity:0;pointer-events:none}.magni-modular.is-feature-open .magni-modular__track,.magni-modular.is-feature-open .magni-modular__caption{opacity:1}.magni-modular.is-feature-open .magni-modular__pills{visibility:hidden}.magni-modular__arrow,.magni-modular__close{position:absolute;border:0;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,background .2s ease}.magni-modular.is-feature-open .magni-modular__arrow,.magni-modular.is-feature-open .magni-modular__close{opacity:1;pointer-events:auto}.magni-modular__arrow:hover,.magni-modular__close:hover{background:#fff3}.magni-modular__arrow{top:auto;bottom:10px;width:24px;height:48px}.magni-modular__arrow svg{width:15px;height:15px}.magni-modular__arrow--prev{left:0;border-radius:0 999px 999px 0}.magni-modular__arrow--next{right:0;border-radius:999px 0 0 999px}.magni-modular__arrow:disabled{pointer-events:none}.magni-modular.is-feature-open .magni-modular__arrow:disabled{opacity:.25}.magni-modular__close{top:12px;right:12px;width:38px;height:38px}.magni-modular__close svg{width:16px;height:16px}.magni-modular__pills{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:clamp(18px,3vh,28px) 16px 4px;max-width:1040px;margin:0 auto}.magni-modular__pills::-webkit-scrollbar{display:none}.magni-modular__pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:999px;background:#ffffff14;color:#ffffffc7;font-size:.95rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}.magni-modular__pill:hover{background:#ffffff24}.magni-modular__pill-inner{display:inline-flex;align-items:center;gap:8px}.magni-modular__pill-icon{display:inline-flex;color:var(--magni-cyan, #00a3e0)}.magni-modular__pill-icon svg{width:16px;height:16px;display:block}.magni-modular__pill.is-active{background:#fff;color:#0b0c10}.magni-modular__pill.is-active .magni-modular__pill-icon{color:#0b0c10}.magni-modular__rail{position:relative}.magni-modular__dnav,.magni-modular__pill-desc{display:none}@media(min-width:769px){.magni-modular{padding-top:clamp(76px,9vh,132px)}.magni-modular__body{display:grid;grid-template-columns:clamp(300px,23vw,400px) 1fr;align-items:stretch;gap:clamp(8px,1vw,18px);max-width:min(1480px,92vw);margin:0 auto;min-height:clamp(580px,60vh,760px);padding:clamp(28px,2.6vw,44px) clamp(32px,3.2vw,52px);border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(120% 80% at 82% 28%,rgba(11,97,205,.1),transparent 60%),#0c0d11}.magni-modular__viewer{grid-column:2;grid-row:1;max-width:none;margin:0;padding:0}.magni-modular__rail{grid-column:1;grid-row:1;align-self:center;padding-left:clamp(24px,3.2vw,60px)}.magni-modular__stage{aspect-ratio:auto;height:100%;min-height:clamp(460px,52vh,680px);border-radius:18px;background:transparent;overflow:hidden;overflow:clip}.magni-modular__track{overflow:hidden;overflow:clip;opacity:1}.magni-modular__main{background:transparent}.magni-modular__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(24px);transition:opacity .45s ease,transform .55s cubic-bezier(.65,0,.35,1);pointer-events:none}.magni-modular__slide.is-shown{opacity:1;transform:translate(0);pointer-events:auto}.magni-modular__overlay{left:calc(var(--ov-x, 50%) + var(--ov-x-doff, 0%));top:calc(var(--ov-y, 50%) + var(--ov-y-doff, 0%));width:calc(var(--ov-size, 14%) + var(--ov-size-doff, 0%))}.magni-modular__main-img,.magni-modular__img{transform:translate(calc(var(--mod-img-x, 0%) + var(--mod-img-x-doff, 0%)),calc(var(--mod-img-y, 0%) + var(--mod-img-y-doff, 0%))) scale(calc(var(--mod-img-scale, 1) + var(--mod-img-scale-doff, 0)))}.magni-modular__caption,.magni-modular__arrow{display:none}.magni-modular__pills{display:block;overflow:visible;padding:0;margin:0;max-width:340px}.magni-modular__pill{display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;max-height:48px;margin:0 0 12px;padding:0;overflow:hidden;background:#ffffff0d;color:#ffffffd1;font-size:1.02rem;transition:max-height .55s cubic-bezier(.65,0,.35,1),margin .55s cubic-bezier(.65,0,.35,1),opacity .45s ease,background .2s ease}.magni-modular__pill-inner{padding:12px 20px}.magni-modular__pill:hover{background:#ffffff1a}.magni-modular__pill-icon{width:22px;height:22px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;border:1.6px solid rgba(255,255,255,.32);color:#fff9}.magni-modular__pill-icon svg{width:13px;height:13px;display:block}.magni-modular__pill.is-active{max-height:0;margin:0;opacity:0;pointer-events:none;background:#ffffff0d;color:#ffffffd1}.magni-modular__pill-desc{display:grid;grid-template-rows:0fr;max-width:340px;margin:0;border-radius:16px;background:#ffffff0f;opacity:0;transition:grid-template-rows .55s cubic-bezier(.65,0,.35,1),opacity .45s ease,margin .55s cubic-bezier(.65,0,.35,1)}.magni-modular__pill-desc-inner{overflow:hidden;min-height:0}.magni-modular__pill-desc-pad{padding:16px 18px;color:#ffffff9e;font-size:.98rem;line-height:1.5}.magni-modular__pill.is-active+.magni-modular__pill-desc{grid-template-rows:1fr;margin:0 0 12px;opacity:1}.magni-modular__pill-desc-title{color:#fff;font-weight:700}.magni-modular.is-feature-open .magni-modular__pills{visibility:visible}.magni-modular__dnav{display:flex;position:absolute;left:0;top:50%;transform:translateY(-50%);flex-direction:column;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s ease}.magni-modular.is-feature-open .magni-modular__dnav{opacity:1;pointer-events:auto}.magni-modular__chev{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.magni-modular__chev:hover{background:#ffffff2e}.magni-modular__chev svg{width:18px;height:18px}.magni-modular__chev:disabled{opacity:.28;pointer-events:none}.magni-modular__close{top:18px;right:18px;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/magni-modular.css.map */