.xg-tin{--xg-tin-w: 22.5rem;--xg-tin-d: 7.5rem;--xg-tin-r: calc(var(--xg-tin-w) * .25);--xg-tin-rx: -18deg;--xg-tin-ry: -32deg;--xg-tin-rim: color-mix(in srgb, var(--xg-tin-ink) 6%, transparent);--xg-tin-shade: color-mix(in srgb, var(--xg-tin-seam) 70%, transparent);--xg-tin-glint: color-mix(in srgb, var(--xg-tin-paper-hi) 40%, transparent);--xg-tin-grain: color-mix(in srgb, var(--xg-tin-seam) 2.5%, transparent);position:relative;display:grid;place-items:center;min-block-size:30rem;perspective:100rem;perspective-origin:50% 40%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.xg-tin[data-xg-tin-drag]{cursor:grabbing}.xg-tin[hidden]{display:none}.xg-tin__stage{position:relative;inline-size:var(--xg-tin-w);block-size:var(--xg-tin-w);display:grid;place-items:center;transform-style:preserve-3d}.xg-tin__body{position:relative;inline-size:var(--xg-tin-w);block-size:var(--xg-tin-w);transform-style:preserve-3d;transform:rotateX(var(--xg-tin-rx)) rotateY(var(--xg-tin-ry));will-change:transform}.xg-tin__body[data-xg-tin-snap]{transition:transform var(--xg-dur-scene) var(--xg-ease)}.xg-tin__layer,.xg-tin__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--xg-tin-r)}.xg-tin__layer{--xg-tin-z: 0;background:linear-gradient(135deg,var(--xg-tin-metal-hi) 0%,var(--xg-tin-metal-lo) 50%,var(--xg-tin-metal-hi) 100%);transform:translateZ(calc((var(--xg-tin-d) * -.5) + .125rem + var(--xg-tin-z) * ((var(--xg-tin-d) - .25rem) / 29)))}.xg-tin__layer--seam{background:linear-gradient(180deg,var(--xg-tin-metal-hi) 0%,var(--xg-tin-seam) 30%,var(--xg-tin-seam) 70%,var(--xg-tin-metal-lo) 100%)}.xg-tin__face{background:linear-gradient(180deg,var(--xg-tin-paper-hi),var(--xg-tin-paper-lo));box-shadow:inset 0 0 0 2px var(--xg-tin-rim),inset 0 -10px 30px -10px var(--xg-tin-shade),inset 0 10px 30px -10px var(--xg-tin-glint);overflow:hidden;backface-visibility:hidden;color:var(--xg-tin-ink);font-family:var(--xg-font-sans);font-feature-settings:var(--xg-font-features)}.xg-tin__face--front{transform:translateZ(calc(var(--xg-tin-d) / 2));isolation:isolate}.xg-tin__face--back{transform:rotateY(180deg) translateZ(calc(var(--xg-tin-d) / 2));padding:6% 7%}.xg-tin__face--front{--xg-tin-c1: var(--xg-accent);--xg-tin-c2: var(--xg-accent-2);--xg-tin-c3: var(--xg-tin-paper-hi);--xg-tin-c4: color-mix(in srgb, var(--xg-accent) 42%, var(--xg-tin-paper-hi));--xg-tin-c5: color-mix(in srgb, var(--xg-accent) 55%, var(--xg-tin-seam));--xg-tin-lbl: color-mix(in srgb, var(--xg-accent) 55%, var(--xg-tin-ink));color:var(--xg-tin-lbl)}.xg-tin__face--front[data-xg-tin-face=deep]{--xg-tin-lbl: var(--xg-tin-paper-hi);--xg-tin-c3: var(--xg-tin-paper-hi);--xg-tin-c4: color-mix(in srgb, var(--xg-accent) 30%, var(--xg-tin-paper-hi));background:linear-gradient(155deg,color-mix(in srgb,var(--xg-accent) 64%,var(--xg-tin-seam)),color-mix(in srgb,var(--xg-accent-2) 46%,var(--xg-tin-seam)))}.xg-tin__face--front[data-xg-tin-face=wash]{background:linear-gradient(160deg,color-mix(in srgb,var(--xg-accent) 24%,var(--xg-tin-paper-hi)),color-mix(in srgb,var(--xg-accent-2) 22%,var(--xg-tin-paper-lo)))}.xg-tin__face--front[data-xg-tin-face=arch]{background:linear-gradient(135deg,color-mix(in srgb,var(--xg-accent-2) 70%,var(--xg-tin-paper-hi)),color-mix(in srgb,var(--xg-accent) 78%,var(--xg-tin-seam)))}.xg-tin__art{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;display:block;pointer-events:none}.xg-tin__art text{font-family:var(--xg-font-sans)}.xg-tin__glow{filter:blur(5px)}.xg-tin__brand{position:absolute;z-index:1;display:flex;align-items:center;gap:.3rem;inset-block-start:6.5%;inset-inline-start:50%;transform:translate(-50%)}.xg-tin__mark{inline-size:1.5rem;block-size:1.5rem;flex-shrink:0}.xg-tin__wordmark{font-weight:600;font-size:1.75rem;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,var(--xg-brand-violet) 0%,var(--xg-brand-blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.xg-tin__face--front[data-xg-tin-mark=tl] .xg-tin__brand,.xg-tin__face--front[data-xg-tin-mark=tr] .xg-tin__brand,.xg-tin__face--front[data-xg-tin-mark=bl] .xg-tin__brand,.xg-tin__face--front[data-xg-tin-mark=br] .xg-tin__brand{transform:none;inset-inline-start:auto;inset-block-start:auto;gap:.2rem}.xg-tin__face--front[data-xg-tin-mark=tl] .xg-tin__brand{inset-block-start:7%;inset-inline-start:8%}.xg-tin__face--front[data-xg-tin-mark=tr] .xg-tin__brand{inset-block-start:7%;inset-inline-end:8%}.xg-tin__face--front[data-xg-tin-mark=bl] .xg-tin__brand{inset-block-end:7%;inset-inline-start:8%}.xg-tin__face--front[data-xg-tin-mark=br] .xg-tin__brand{inset-block-end:7%;inset-inline-end:8%}.xg-tin__face--front:not([data-xg-tin-mark=top]) .xg-tin__mark{inline-size:1rem;block-size:1rem}.xg-tin__face--front:not([data-xg-tin-mark=top]) .xg-tin__wordmark{font-size:1.125rem}.xg-tin__copy{position:absolute;inset:var(--xg-tin-copy-top, 22%) 8% var(--xg-tin-copy-bottom, 20%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.xg-tin__face--front[data-xg-tin-art=dunes]{--xg-tin-copy-top: 20%;--xg-tin-copy-bottom: 34%}.xg-tin__face--front[data-xg-tin-art=zzz]{--xg-tin-copy-top: 36%;--xg-tin-copy-bottom: 26%}.xg-tin__face--front[data-xg-tin-art=aurora]{--xg-tin-copy-top: 26%;--xg-tin-copy-bottom: 26%}.xg-tin__face--front[data-xg-tin-art=brain]{--xg-tin-copy-top: 40%;--xg-tin-copy-bottom: 22%}.xg-tin__face--front[data-xg-tin-art=mushroom]{--xg-tin-copy-top: 52%;--xg-tin-copy-bottom: 20%}.xg-tin__face--front[data-xg-tin-art=arch]{--xg-tin-copy-top: 26%;--xg-tin-copy-bottom: 30%}.xg-tin__face--front[data-xg-tin-art=none]{--xg-tin-copy-top: 12%;--xg-tin-copy-bottom: 22%}.xg-tin__face--front[data-xg-tin-art=shield]{--xg-tin-copy-top: 24%;--xg-tin-copy-bottom: 24%}.xg-tin__face--front[data-xg-tin-art=brush]{--xg-tin-copy-top: 42%;--xg-tin-copy-bottom: 26%}.xg-tin__face--front[data-xg-tin-art=bokeh]{--xg-tin-copy-top: 24%;--xg-tin-copy-bottom: 22%}.xg-tin__face--front[data-xg-tin-art=symbols]{--xg-tin-copy-top: 50%;--xg-tin-copy-bottom: 22%}.xg-tin__name{display:flex;flex-direction:column;font-weight:600;font-size:var(--xg-tin-name, 3.75rem);line-height:.92;letter-spacing:-.03em}.xg-tin__name[data-xg-tin-style=caps]{text-transform:uppercase}.xg-tin__name[data-xg-tin-style=title]{letter-spacing:-.02em;line-height:1.02}.xg-tin__name[data-xg-tin-style=serif]{font-family:var(--xg-font-serif);font-style:italic;font-weight:400;font-size:calc(var(--xg-tin-name, 3.75rem) * 1.15);letter-spacing:-.01em;line-height:1}.xg-tin__flavor{display:flex;align-items:center;justify-content:center;padding-block-start:.125rem}.xg-tin__face--front[data-xg-tin-art=dunes] .xg-tin__flavor{border-block-start:1.5px solid var(--xg-tin-lbl);padding-block-start:.375rem;min-inline-size:42%}.xg-tin__flavor-text{font-size:1rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;text-transform:capitalize}.xg-tin__flavor[data-xg-tin-style=caps] .xg-tin__flavor-text{text-transform:uppercase;font-weight:600;font-size:.9375rem;letter-spacing:.02em}.xg-tin__flavor[data-xg-tin-style=bold] .xg-tin__flavor-text{font-weight:600}.xg-tin__flavor[data-xg-tin-style=serif] .xg-tin__flavor-text{font-family:var(--xg-font-serif);font-style:italic;font-weight:400;font-size:1.125rem;text-transform:none}.xg-tin__count{position:absolute;z-index:1;inset-block-end:8%;inset-inline:8%;display:flex;flex-direction:column;align-items:center;gap:.125rem;text-align:center;font-size:.6875rem;font-weight:600;letter-spacing:.08em;line-height:1.2;white-space:nowrap}.xg-tin__face--front[data-xg-tin-mark=bl][data-xg-tin-count=center] .xg-tin__count,.xg-tin__face--front[data-xg-tin-mark=br][data-xg-tin-count=center] .xg-tin__count{inset-block-end:17%}.xg-tin__face--front[data-xg-tin-count=left] .xg-tin__count{inset-inline-end:auto;align-items:flex-start;text-align:left;letter-spacing:.02em}.xg-tin__face--front[data-xg-tin-count=band] .xg-tin__count{inset:auto 0 0;padding:.5rem .5rem .875rem;background:color-mix(in srgb,var(--xg-accent) 70%,var(--xg-tin-seam));color:var(--xg-tin-paper-hi);letter-spacing:.1em}.xg-tin__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--xg-tin-grain) 1px,transparent 1px);background-size:3px 3px;pointer-events:none;opacity:.6;border-radius:inherit}.xg-tin__face:after{content:"";position:absolute;inset-block-start:0;inset-inline:13%;block-size:8%;border-radius:var(--xg-tin-r);background:linear-gradient(180deg,var(--xg-tin-glint),transparent 80%);pointer-events:none}.xg-tin__facts{position:relative;inline-size:100%;block-size:100%;display:flex;flex-direction:column;font-size:.625rem;line-height:1.35}.xg-tin__facts-title{font-weight:600;font-size:1.25rem;letter-spacing:-.01em;margin:0 0 .375rem;padding-block-end:.25rem;border-block-end:2px solid var(--xg-tin-ink)}.xg-tin__facts-meta{margin:0}.xg-tin__facts-table{inline-size:100%;border-collapse:collapse;margin-block:.375rem}.xg-tin__facts-table th,.xg-tin__facts-table td{padding:.1875rem .25rem;text-align:left;font-weight:400;border-block-start:1px solid var(--xg-tin-ink)}.xg-tin__facts-table td{text-align:right;font-weight:600;white-space:nowrap}.xg-tin__hd{font-weight:600;font-size:.92em;text-align:right;border-block-start:0;border-block-end:2px solid var(--xg-tin-ink)}.xg-tin__hd--name{text-align:left}.xg-tin__facts-foot{font-size:.5625rem;margin:.25rem 0 0;line-height:1.4}.xg-tin__shadow{position:absolute;inset-block-end:-10%;inset-inline-start:50%;transform:translate(-50%);inline-size:96%;block-size:16%;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--xg-accent) 60%,transparent) 0%,transparent 68%);filter:blur(14px);z-index:-1;pointer-events:none}@supports not (transform-style: preserve-3d){.xg-tin__layer,.xg-tin__face--back,.xg-tin__shadow{display:none}.xg-tin__body,.xg-tin__face--front{transform:none}.xg-tin{cursor:default}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/xg-pdp-tin.css.map */