.i3d{--i3d-accent: #e8d178;--i3d-bg: #000000;--i3d-text: #f4f1e6;--i3d-muted: color-mix(in srgb, var(--i3d-text) 55%, transparent);--i3d-line: color-mix(in srgb, var(--i3d-accent) 18%, transparent);--i3d-line-strong: color-mix(in srgb, var(--i3d-accent) 45%, transparent);--i3d-surface: color-mix(in srgb, var(--i3d-text) 4%, var(--i3d-bg));--i3d-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--i3d-ease: cubic-bezier(.16, 1, .3, 1);background:var(--i3d-bg);color:var(--i3d-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:clamp(2.5rem,2rem + 2vw,5rem) 20px;overflow:hidden}.i3d *,.i3d *:before,.i3d *:after{box-sizing:border-box}.i3d__inner{max-width:1180px;margin:0 auto}.i3d__header{margin-bottom:2.4rem}.i3d__overline{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--i3d-accent)}.i3d__overline:before{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,var(--i3d-accent),transparent)}.i3d__heading{margin:0;font-size:clamp(1.7rem,1.2rem + 2.2vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--i3d-text)}.i3d__subheading{margin:.8rem 0 0;max-width:58ch;font-size:clamp(.95rem,.9rem + .3vw,1.08rem);line-height:1.6;color:var(--i3d-muted)}.i3d__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}.i3d__scene{position:relative;perspective:1300px;aspect-ratio:3 / 3.8;max-height:660px;margin:0 auto;width:100%;max-width:520px}.i3d__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:i3d-sway 14s ease-in-out infinite alternate;transition:opacity .7s ease}.i3d.is-out .i3d__stage{opacity:0}@keyframes i3d-sway{0%{transform:rotateY(-8deg) rotateX(1.5deg)}to{transform:rotateY(8deg) rotateX(1.5deg)}}.i3d__wall{position:absolute;top:-6%;right:-10%;bottom:-6%;left:-10%;transform:translateZ(-110px);background-image:linear-gradient(var(--i3d-line) 1px,transparent 1px),linear-gradient(90deg,var(--i3d-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 78%);opacity:0;transition:opacity 1.4s ease}.i3d.is-p1 .i3d__wall{opacity:.5}.i3d__ground{position:absolute;left:-18%;right:-18%;bottom:1%;height:42%;transform-origin:top center;transform:rotateX(74deg);background-image:linear-gradient(var(--i3d-line-strong) 1px,transparent 1px),linear-gradient(90deg,var(--i3d-line-strong) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(#000 8%,transparent 86%);mask-image:linear-gradient(#000 8%,transparent 86%);opacity:0;transition:opacity 1.4s ease .2s}.i3d.is-p1 .i3d__ground{opacity:.55}.i3d__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateZ(20px)}.i3d__scan{position:absolute;left:6%;right:6%;top:0;height:70px;transform:translateZ(40px);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--i3d-accent) 22%,transparent) 78%,var(--i3d-accent) 100%);opacity:0;pointer-events:none}.i3d.is-p1 .i3d__scan{animation:i3d-scan 2s var(--i3d-ease) .15s 1}@keyframes i3d-scan{0%{opacity:0;transform:translateZ(40px) translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateZ(40px) translateY(520%)}}.i3d__corner{position:absolute;width:26px;height:26px;border:1.5px solid var(--i3d-line-strong);transform:translateZ(50px);opacity:0;transition:opacity .9s ease .5s}.i3d.is-p1 .i3d__corner{opacity:1}.i3d__corner--tl{top:0;left:0;border-right:0;border-bottom:0}.i3d__corner--tr{top:0;right:0;border-left:0;border-bottom:0}.i3d__corner--bl{bottom:0;left:0;border-right:0;border-top:0}.i3d__corner--br{bottom:0;right:0;border-left:0;border-top:0}.i3d__hud-tag{position:absolute;transform:translateZ(50px);font-family:var(--i3d-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--i3d-muted);opacity:0;transition:opacity .9s ease .7s}.i3d.is-p1 .i3d__hud-tag{opacity:1}.i3d__hud-tag--tl{top:8px;left:36px}.i3d__hud-tag--br{bottom:8px;right:36px;color:var(--i3d-accent)}.i3d__cloud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateZ(16px)}.i3d__env{opacity:0;transition:opacity 1.2s ease .3s}.i3d.is-p1 .i3d__env{opacity:1}.i3d__wallline{opacity:0;transition:opacity 1s ease}.i3d.is-p3 .i3d__wallline{opacity:1}.i3d__contact circle{transform:scale(0);transform-origin:center;transform-box:fill-box;transition:transform .45s var(--i3d-ease) calc(.3s + var(--d, 0s))}.i3d.is-p3 .i3d__contact circle{transform:scale(1)}.i3d__lock{opacity:0;transform:scale(1.7);transform-origin:center;transform-box:fill-box;transition:opacity .5s ease .15s,transform .7s var(--i3d-ease) .15s}.i3d.is-p3 .i3d__lock{opacity:1;transform:scale(1)}.i3d__datum{opacity:0;transition:opacity .6s ease}.i3d.is-p3 .i3d__datum{opacity:1}.i3d__dim{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.9s var(--i3d-ease) .25s}.i3d.is-p3 .i3d__dim{stroke-dashoffset:0}.i3d__dim-tick{opacity:0;transition:opacity .4s ease}.i3d.is-p3 .i3d__dim-tick--floor{opacity:1;transition-delay:.25s}.i3d.is-p3 .i3d__dim-tick--top{opacity:1;transition-delay:2s}.i3d__readout{position:absolute;right:-2%;top:30%;transform:translateZ(60px);text-align:right;opacity:0;transition:opacity .7s ease .4s;pointer-events:none}.i3d.is-p3 .i3d__readout{opacity:1}.i3d__readout-label{font-family:var(--i3d-mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--i3d-muted)}.i3d__readout-value{font-family:var(--i3d-mono);font-size:clamp(1.9rem,1.4rem + 2vw,2.8rem);font-weight:700;line-height:1.1;color:var(--i3d-accent);font-variant-numeric:tabular-nums}.i3d__readout-value small{font-size:.45em;font-weight:600;color:var(--i3d-muted);margin-left:.2em}.i3d.is-p4 .i3d__readout-value{animation:i3d-glow 1.2s ease 1}@keyframes i3d-glow{0%,to{text-shadow:none}35%{text-shadow:0 0 26px color-mix(in srgb,var(--i3d-accent) 75%,transparent)}}.i3d__crank-chip{display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;padding:.42rem .75rem;font-family:var(--i3d-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--i3d-bg);background:var(--i3d-accent);border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s var(--i3d-ease)}.i3d.is-p4 .i3d__crank-chip{opacity:1;transform:translateY(0)}.i3d__steps{display:flex;flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;counter-reset:i3d-step}.i3d-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.05rem 1.15rem;background:var(--i3d-surface);border:1px solid var(--i3d-line);border-radius:14px;cursor:pointer;transition:border-color .35s var(--i3d-ease),background .35s,transform .35s var(--i3d-ease)}.i3d-step:hover{border-color:var(--i3d-line-strong)}.i3d-step.is-active{border-color:var(--i3d-accent);background:color-mix(in srgb,var(--i3d-accent) 6%,var(--i3d-surface));transform:translate(4px)}.i3d-step__num{counter-increment:i3d-step;display:grid;place-items:center;width:2.2rem;height:2.2rem;font-family:var(--i3d-mono);font-size:.85rem;font-weight:700;color:var(--i3d-muted);border:1px solid var(--i3d-line-strong);border-radius:50%;transition:color .35s,background .35s,border-color .35s}.i3d-step__num:before{content:"0" counter(i3d-step)}.i3d-step.is-active .i3d-step__num{color:var(--i3d-bg);background:var(--i3d-accent);border-color:var(--i3d-accent)}.i3d-step__title{margin:.2rem 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--i3d-text)}.i3d-step__text{margin:0;font-size:.92rem;line-height:1.55;color:var(--i3d-muted)}.i3d-step:after{content:"";position:absolute;left:1.15rem;right:1.15rem;bottom:.55rem;height:2px;border-radius:2px;background:var(--i3d-line);opacity:0;transition:opacity .3s}.i3d__tip{display:flex;align-items:flex-start;gap:.6rem;margin:1.1rem 0 0;padding:.85rem 1rem;font-size:.86rem;line-height:1.55;color:var(--i3d-muted);border:1px dashed var(--i3d-line-strong);border-radius:12px}.i3d__tip svg{width:1.05rem;height:1.05rem;flex:none;color:var(--i3d-accent);margin-top:.1rem}@media(max-width:899px){.i3d__grid{grid-template-columns:1fr;gap:1.8rem}.i3d__scene{max-width:420px}.i3d__readout{right:0}}@media(prefers-reduced-motion:reduce){.i3d__stage{animation:none}.i3d *,.i3d *:before,.i3d *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/inseam-measure-3d.css.map */