.atyp-dim{--dim-band-rgb: 236, 233, 226;--dim-card-rgb: 255, 255, 255;--dim-ink-rgb: 14, 15, 17;--dim-accent-rgb: 51, 79, 180;--dim-white-rgb: 255, 255, 255;--dim-black-rgb: 0, 0, 0;--dim-obj: 55, 63, 67;--dim-band: rgb(var(--dim-band-rgb));--dim-card: rgb(var(--dim-card-rgb));--dim-ink: rgb(var(--dim-ink-rgb));--dim-mute: rgba(var(--dim-ink-rgb), .5);--dim-soft: rgba(var(--dim-ink-rgb), .62);--dim-line: rgba(var(--dim-ink-rgb), .09);--dim-rule: rgba(var(--dim-ink-rgb), .18);--dim-dimline: rgba(var(--dim-ink-rgb), .5);--dim-extline: rgba(var(--dim-ink-rgb), .2);--dim-eyebrow: rgba(var(--dim-accent-rgb), .6);--dim-accent: rgb(var(--dim-accent-rgb));--dim-wall: rgba(var(--dim-band-rgb), .38);--dim-band-pad: 64px;--dim-gutter: 40px;--dim-card-y: 56px;--dim-card-x: 48px;--dim-s1: 8px;--dim-s2: 16px;--dim-s3: 24px;--dim-s4: 44px;--dim-col-gap: 64px;--dim-radius: var(--product-card-corner-radius, 12px);--dim-media-radius: var(--media-radius, 10px);--dim-pill: var(--buttons-radius, 40px);--dim-g: 24px;--dim-fit-x: 72;--dim-fit-y: 48;--dim-ratio-d: 1.5;--dim-ratio-m: 1;--dim-ratio: var(--dim-ratio-d);--dim-lab: 15px;--dim-persp: 1600px;--dim-yaw-d: -26deg;--dim-pitch-d: -14deg;--dim-yaw-m: -20deg;--dim-pitch-m: -12deg;--dim-yaw: var(--dim-yaw-d);--dim-pitch: var(--dim-pitch-d);--dim-yaw-off: 0deg;--dim-pitch-off: 0deg;--dw: 1;--dh: 1;--dd: 0;--dws: 1;--mw: 1;--mh: 1;--md: 0;--u: 4;--ctl-n: 1;--ctl-i: 0;--sz0: 0;--sz1: 0;--sz2: 0;--gz: 0;display:block;width:100%;color:var(--dim-ink);font-family:var(--font-body-family, "Roboto", "Helvetica Neue", sans-serif);line-height:1.5}.atyp-dim *,.atyp-dim *:before,.atyp-dim *:after{box-sizing:border-box}.atyp-dim .dim-band{background:var(--dim-band);padding:var(--dim-band-pad) var(--dim-gutter)}.atyp-dim .dim-card{background:var(--dim-card);border-radius:var(--dim-radius);max-width:var(--page-width, 1400px);margin:0 auto;padding:var(--dim-card-y) var(--dim-card-x)}.atyp-dim .dim-head{margin:0 0 var(--dim-s4);max-width:640px}.atyp-dim .dim-eyebrow{display:block;font-family:Roboto Mono,Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--dim-eyebrow);margin:0 0 18px}.atyp-dim .dim-ttl{font-size:clamp(28px,4vw,46px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--dim-ink)}.atyp-dim .dim-ttl-lt{color:var(--dim-mute)}.atyp-dim .dim-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--dim-s4)}.atyp-dim .dim-stagewrap{min-width:0}.atyp-dim .dim-stage{position:relative;aspect-ratio:var(--dim-ratio);border-radius:var(--dim-media-radius);background:var(--dim-wall);overflow:hidden;contain:layout style}.atyp-dim .dim-view{position:absolute;top:0;right:0;bottom:0;left:0;perspective:var(--dim-persp);perspective-origin:50% 44%}.atyp-dim .dim-scene{--W: calc(var(--dw) * var(--u) * 1px);--H: calc(var(--dh) * var(--u) * 1px);--D: calc(var(--dd) * var(--u) * 1px);--sw: calc(var(--dw) * var(--u) / 100);--sh: calc(var(--dh) * var(--u) / 100);--sd: calc(var(--dd) * var(--u) / 100);--Ws: calc(var(--dws) * var(--u) * 1px);--sws: calc(var(--dws) * var(--u) / 100);--px: calc(.5 * var(--mw) * var(--u) * 1px);--py: calc(-.5 * var(--mh) * var(--u) * 1px);--pz: calc(-.5 * var(--md) * var(--u) * 1px);--yaw: calc(var(--dim-yaw) + var(--dim-yaw-off));--pitch: calc(var(--dim-pitch) + var(--dim-pitch-off));--rise: 0;--draw-w: 1;--draw-h: 1;--draw-d: 1;--tkw: 1;--tkh: 1;--tkd: 1;--ox: 0px;--oy: 0px;position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:translate3d(var(--ox),var(--oy),0) rotateX(var(--pitch)) rotateY(var(--yaw)) translate3d(calc(-1 * var(--px)),calc(-1 * var(--py)),calc(-1 * var(--pz)))}.atyp-dim .dim-obj{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(0,calc(var(--rise) * 1px),0)}.atyp-dim .dim-face{display:block;position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;background:rgb(var(--dim-obj));transition:background-color .5s cubic-bezier(.33,1,.68,1);will-change:transform}.atyp-dim .dim-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.atyp-dim .dim-face--front{transform:translate3d(0,calc(-1 * var(--H)),0) scale(var(--sw),var(--sh))}.atyp-dim .dim-face--front:after{background:linear-gradient(180deg,rgba(var(--dim-white-rgb),.12),rgba(var(--dim-white-rgb),0) 42%,rgba(var(--dim-black-rgb),.07))}.atyp-dim .dim-face--top{transform:translate3d(0,calc(-1 * var(--H)),0) rotateX(-90deg) scale(var(--sw),var(--sd))}.atyp-dim .dim-face--top:after{background:linear-gradient(180deg,rgba(var(--dim-white-rgb),.34),rgba(var(--dim-white-rgb),.24))}.atyp-dim .dim-face--side{transform:translate3d(var(--W),calc(-1 * var(--H)),0) rotateY(90deg) scale(var(--sd),var(--sh))}.atyp-dim .dim-face--side:after{background:linear-gradient(90deg,rgba(var(--dim-black-rgb),.2),rgba(var(--dim-black-rgb),.28))}.atyp-dim .dim-edge{position:absolute;left:0;top:0;transform-origin:0 0;background:rgba(var(--dim-ink-rgb),.16);will-change:transform}.atyp-dim .dim-edge--ft{width:100px;height:1px;transform:translate3d(0,calc(-1 * var(--H) - .5px),.5px) scaleX(var(--sw))}.atyp-dim .dim-edge--fb{width:100px;height:1px;transform:translate3d(0,-.5px,.5px) scaleX(var(--sw))}.atyp-dim .dim-edge--fl{width:1px;height:100px;transform:translate3d(-.5px,calc(-1 * var(--H)),.5px) scaleY(var(--sh))}.atyp-dim .dim-edge--fr{width:1px;height:100px;transform:translate3d(calc(var(--W) - .5px),calc(-1 * var(--H)),.5px) scaleY(var(--sh))}.atyp-dim .dim-edge--tb{width:100px;height:1px;transform:translate3d(0,calc(-1 * var(--H) - .5px),calc(-1 * var(--D))) scaleX(var(--sw))}.atyp-dim .dim-edge--tl{width:100px;height:1px;transform:translate3d(0,calc(-1 * var(--H) - .5px),0) rotateY(90deg) scaleX(var(--sd))}.atyp-dim .dim-edge--tr{width:100px;height:1px;transform:translate3d(calc(var(--W) + .5px),calc(-1 * var(--H) - .5px),0) rotateY(90deg) scaleX(var(--sd))}.atyp-dim .dim-edge--sb{width:100px;height:1px;transform:translate3d(calc(var(--W) + .5px),-.5px,0) rotateY(90deg) scaleX(var(--sd))}.atyp-dim .dim-edge--sr{width:1px;height:100px;transform:translate3d(calc(var(--W) + .5px),calc(-1 * var(--H)),calc(-1 * var(--D))) scaleY(var(--sh))}.atyp-dim .dim-ghost{position:absolute;left:0;top:0;transform-origin:0 0;background:rgba(var(--dim-ink-rgb),.26);opacity:0;transition:opacity .5s cubic-bezier(.33,1,.68,1);will-change:transform,opacity}.atyp-dim .dim-ghost-v{width:1px;height:100px;transform:translate3d(calc(var(--gz) * var(--u) * 1px),calc(-1 * var(--H)),.4px) scaleY(var(--sh))}.atyp-dim .dim-ghost-t{width:100px;height:1px;transform:translate3d(var(--W),calc(-1 * var(--H)),.4px) scaleX(max(0,(var(--gz) - var(--dw)) * var(--u) / 100))}.atyp-dim .dim-ghost-b{width:100px;height:1px;transform:translate3d(var(--W),0,.4px) scaleX(max(0,(var(--gz) - var(--dw)) * var(--u) / 100))}.atyp-dim .dim-ghost-r{width:100px;height:1px;transform:translate3d(calc(var(--gz) * var(--u) * 1px + .4px),calc(-1 * var(--H)),0) rotateY(90deg) scaleX(var(--sd))}.atyp-dim .dim-ghost-s{width:100px;height:1px;transform:translate3d(calc(var(--gz) * var(--u) * 1px + .4px),0,0) rotateY(90deg) scaleX(var(--sd))}.atyp-dim .dim-ghost--1{--gz: var(--sz1)}.atyp-dim .dim-ghost--2{--gz: var(--sz2)}.atyp-dim[data-active="0"] .dim-ghost--1,.atyp-dim[data-active="0"] .dim-ghost--2,.atyp-dim[data-active="1"] .dim-ghost--2{opacity:1}.atyp-dim .dim-shadow{display:block;position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;background:radial-gradient(ellipse at 50% 50%,rgba(var(--dim-ink-rgb),.2),rgba(var(--dim-ink-rgb),.08) 42%,rgba(var(--dim-ink-rgb),0) 70%);transform:translate3d(calc(-.08 * var(--Ws) - 10px),calc(-1.12 * var(--H) + 10px),calc(-1 * var(--D) - 1px)) scale(calc(var(--sws) * 1.16),calc(var(--sh) * 1.24));will-change:transform}.atyp-dim .dim-rig>*{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--dim-dimline);will-change:transform}.atyp-dim .dim-ext{background:var(--dim-extline)}.atyp-dim .dim-line--w{width:100px;height:1px;transform:translate3d(0,var(--dim-g),0) scaleX(calc(var(--sw) * var(--draw-w)))}.atyp-dim .dim-tick--w0{width:1px;height:9px;transform-origin:50% 50%;transform:translate3d(0,calc(var(--dim-g) - 4px),0) scale(var(--tkw))}.atyp-dim .dim-tick--w1{width:1px;height:9px;transform-origin:50% 50%;transform:translate3d(calc(var(--W) * var(--draw-w)),calc(var(--dim-g) - 4px),0) scale(var(--tkw))}.atyp-dim .dim-ext--w0{width:1px;height:calc(var(--dim-g) + 2px);transform:translate3d(0,3px,0)}.atyp-dim .dim-ext--w1{width:1px;height:calc(var(--dim-g) + 2px);transform:translate3d(var(--W),3px,0)}.atyp-dim .dim-line--h{width:1px;height:100px;transform-origin:0 100%;transform:translate3d(calc(-1 * var(--dim-g)),-100px,0) scaleY(calc(var(--sh) * var(--draw-h)))}.atyp-dim .dim-tick--h0{width:9px;height:1px;transform-origin:50% 50%;transform:translate3d(calc(-1 * var(--dim-g) - 4px),0,0) scale(var(--tkh))}.atyp-dim .dim-tick--h1{width:9px;height:1px;transform-origin:50% 50%;transform:translate3d(calc(-1 * var(--dim-g) - 4px),calc(-1 * var(--H) * var(--draw-h)),0) scale(var(--tkh))}.atyp-dim .dim-ext--h0{width:calc(var(--dim-g) + 2px);height:1px;transform:translate3d(calc(-1 * var(--dim-g) - 5px),0,0)}.atyp-dim .dim-ext--h1{width:calc(var(--dim-g) + 2px);height:1px;transform:translate3d(calc(-1 * var(--dim-g) - 5px),calc(-1 * var(--H)),0)}.atyp-dim .dim-line--d{width:100px;height:1px;transform:translate3d(calc(var(--W) + var(--dim-g)),calc(-1 * var(--H)),0) rotateY(90deg) scaleX(calc(var(--sd) * var(--draw-d)))}.atyp-dim .dim-tick--d0{width:1px;height:9px;transform-origin:50% 50%;transform:translate3d(calc(var(--W) + var(--dim-g)),calc(-1 * var(--H) - 4px),0) scale(var(--tkd))}.atyp-dim .dim-tick--d1{width:1px;height:9px;transform-origin:50% 50%;transform:translate3d(calc(var(--W) + var(--dim-g)),calc(-1 * var(--H) - 4px),calc(-1 * var(--D) * var(--draw-d))) scale(var(--tkd))}.atyp-dim .dim-ext--d0{width:calc(var(--dim-g) + 2px);height:1px;transform:translate3d(calc(var(--W) + 3px),calc(-1 * var(--H)),0)}.atyp-dim .dim-ext--d1{width:calc(var(--dim-g) + 2px);height:1px;transform:translate3d(calc(var(--W) + 3px),calc(-1 * var(--H)),calc(-1 * var(--D)))}.atyp-dim .dim-guide{width:100px;height:1px;background:var(--dim-extline);transform:translate3d(0,var(--dim-g),0) scaleX(calc(var(--mw) * var(--u) / 100 * var(--draw-w)))}.atyp-dim .dim-mark{width:1px;height:7px;background:var(--dim-dimline);opacity:.55;transition:opacity .4s cubic-bezier(.33,1,.68,1)}.atyp-dim .dim-mark--0{transform:translate3d(calc(var(--sz0) * var(--u) * 1px),calc(var(--dim-g) - 3px),0)}.atyp-dim .dim-mark--1{transform:translate3d(calc(var(--sz1) * var(--u) * 1px),calc(var(--dim-g) - 3px),0)}.atyp-dim .dim-mark--2{transform:translate3d(calc(var(--sz2) * var(--u) * 1px),calc(var(--dim-g) - 3px),0)}.atyp-dim[data-active="0"] .dim-mark--0,.atyp-dim[data-active="1"] .dim-mark--1,.atyp-dim[data-active="2"] .dim-mark--2{opacity:0}.atyp-dim .dim-mark-lab{position:absolute;left:0;top:0;font-family:Roboto Mono,Courier New,monospace;font-size:10px;letter-spacing:.08em;line-height:1;color:var(--dim-mute);white-space:nowrap;will-change:transform;transition:color .4s cubic-bezier(.33,1,.68,1)}.atyp-dim[data-active="0"] .dim-mark-lab--0,.atyp-dim[data-active="1"] .dim-mark-lab--1,.atyp-dim[data-active="2"] .dim-mark-lab--2{color:var(--dim-ink)}.atyp-dim .dim-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.atyp-dim .dim-lab{position:absolute;left:0;top:0;white-space:nowrap;line-height:1;font-variant-numeric:tabular-nums;will-change:transform}.atyp-dim .dim-lab-i{display:block;contain:layout;will-change:transform,opacity}.atyp-dim .dim-lab b{font-weight:400;font-size:var(--dim-lab);letter-spacing:-.01em}.atyp-dim .dim-lab small{font-size:10px;color:var(--dim-mute);margin-left:3px;letter-spacing:.04em}.atyp-dim:not([data-ready]) .dim-labels{visibility:hidden}@keyframes dim-failopen{to{visibility:visible}}.atyp-dim:not([data-ready]) .dim-view{visibility:hidden;animation:dim-failopen 0s 2.5s forwards}.atyp-dim .dim-side{min-width:0}.atyp-dim .dim-ctl{position:relative;display:flex;border:1px solid var(--dim-rule);border-radius:var(--dim-pill);padding:4px;margin:0}.atyp-dim .dim-ctl-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--ctl-n));border-radius:inherit;background:var(--dim-ink);transform:translate(calc(var(--ctl-i) * 100%));will-change:transform}.atyp-dim .dim-ctl-btn{position:relative;flex:1 1 0;min-width:0;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:inherit;padding:13px 8px 12px;margin:0;cursor:pointer;font:inherit;color:var(--dim-ink);display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .35s cubic-bezier(.33,1,.68,1)}.atyp-dim .dim-ctl-btn:focus-visible{outline:2px solid var(--dim-accent);outline-offset:2px}.atyp-dim .dim-ctl-btn.is-active{color:var(--dim-card)}.atyp-dim .dim-ctl-k{font-size:22px;line-height:1;letter-spacing:-.01em}.atyp-dim .dim-ctl-v{font-size:10.5px;line-height:1;letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-variant-numeric:tabular-nums}.atyp-dim .dim-one{margin:0;padding:13px 0 12px;font-family:Roboto Mono,Courier New,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim-soft)}.atyp-dim .dim-read{margin:var(--dim-s3) 0 0;padding:0;border-top:1px solid var(--dim-rule)}.atyp-dim .dim-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--dim-s2);padding:14px 0 12px;margin:0;border-bottom:1px solid var(--dim-line)}.atyp-dim .dim-row dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim-soft);font-weight:400}.atyp-dim .dim-row dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.atyp-dim .dim-row dd b{font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:1}.atyp-dim .dim-row dd small{font-size:12px;color:var(--dim-mute);margin-left:4px}.atyp-dim .dim-row dd .dim-raw{font-size:16px}.atyp-dim .dim-note{margin:var(--dim-s2) 0 0;font-family:Roboto Mono,Courier New,monospace;font-size:10px;letter-spacing:.1em;color:var(--dim-soft)}.atyp-dim .dim-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.atyp-dim .dim-nofig .dim-side{max-width:720px;margin:0 auto}@media(min-width:1024px){.atyp-dim .dim-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--dim-col-gap);align-items:start}.atyp-dim .dim-side{padding-top:6px}}@media(max-width:749px){.atyp-dim{--dim-band-pad: 40px;--dim-gutter: 16px;--dim-card-y: 36px;--dim-card-x: 20px;--dim-s4: 32px;--dim-yaw: var(--dim-yaw-m);--dim-pitch: var(--dim-pitch-m);--dim-ratio: var(--dim-ratio-m);--dim-g: 20px;--dim-fit-x: 54;--dim-fit-y: 44;--dim-lab: 13px;--dim-persp: 1200px}.atyp-dim .dim-ctl-k{font-size:19px}.atyp-dim .dim-ctl-btn{padding:11px 6px 10px}.atyp-dim .dim-read{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--dim-s3)}.atyp-dim .dim-row{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 0 12px}.atyp-dim .dim-row dd b{font-size:24px}}@media(prefers-reduced-motion:reduce){.atyp-dim .dim-face,.atyp-dim .dim-ctl-btn,.atyp-dim .dim-ghost,.atyp-dim .dim-mark,.atyp-dim .dim-mark-lab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/atyp-dimensions.css.map */