.ti-light{background:radial-gradient(circle at var(--sx,30%) var(--sy,20%), color-mix(in srgb, var(--foreground) 16%, transparent), transparent 55%)}.ti-edge{background:color-mix(in srgb, var(--foreground) 22%, var(--muted));border-radius:4.4cqw}.ti-edge:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--foreground) 82%, var(--muted));opacity:var(--silver,0);position:absolute;inset:0}.etch,.etch-dark{margin-bottom:-.18em;padding-bottom:.18em}.etch{color:#0000;background-image:linear-gradient(100deg, color-mix(in srgb, var(--foreground) 46%, transparent) 0%, color-mix(in srgb, var(--foreground) 82%, transparent) 45%, color-mix(in srgb, var(--foreground) 38%, transparent) 100%);filter:drop-shadow(0 -1px 0 color-mix(in srgb, var(--background) 90%, transparent)) drop-shadow(0 1px 0 color-mix(in srgb, var(--foreground) 9%, transparent));background-clip:text}.etch-mark{color:color-mix(in srgb, var(--foreground) 66%, transparent);filter:drop-shadow(0 -1px 0 color-mix(in srgb, var(--background) 90%, transparent)) drop-shadow(0 1px 0 color-mix(in srgb, var(--foreground) 9%, transparent))}.ti-silver{background:radial-gradient(ellipse 60% 90% at var(--sx,30%) var(--sy,20%), color-mix(in srgb, var(--foreground) 70%, transparent), transparent 62%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--background) 6%, transparent) 0 1px, color-mix(in srgb, var(--foreground) 10%, transparent) 1px 2px, transparent 2px 4px), linear-gradient(112deg, color-mix(in srgb, var(--foreground) 94%, var(--muted)) 0%, color-mix(in srgb, var(--foreground) 70%, var(--muted)) 16%, color-mix(in srgb, var(--foreground) 88%, var(--muted)) 30%, color-mix(in srgb, var(--foreground) 98%, var(--muted)) 40%, color-mix(in srgb, var(--foreground) 64%, var(--muted)) 56%, color-mix(in srgb, var(--foreground) 80%, var(--muted)) 70%, color-mix(in srgb, var(--foreground) 96%, var(--muted)) 84%, color-mix(in srgb, var(--foreground) 72%, var(--muted)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 85%, transparent), inset 0 2px 1px color-mix(in srgb, var(--foreground) 90%, transparent), inset 0 -2px 2px color-mix(in srgb, var(--background) 12%, transparent)}.etch-dark{color:#0000;background-image:linear-gradient(100deg, color-mix(in srgb, var(--background) 62%, transparent) 0%, color-mix(in srgb, var(--background) 86%, transparent) 45%, color-mix(in srgb, var(--background) 58%, transparent) 100%);filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--foreground) 70%, transparent));background-clip:text}.etch[data-variant]{opacity:0}.ti-chip{aspect-ratio:1.28;background:linear-gradient(135deg, color-mix(in srgb, var(--foreground) 46%, transparent) 0%, color-mix(in srgb, var(--foreground) 16%, transparent) 46%, color-mix(in srgb, var(--foreground) 38%, transparent) 100%);width:12.5cqw;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 34%, transparent), inset 0 1px 1px color-mix(in srgb, var(--foreground) 50%, transparent);border-radius:1.8cqw;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:.6cqw .8cqw;padding:.9cqw;display:grid}.ti-chip>span{border:.22cqw solid color-mix(in srgb, var(--foreground) 38%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--foreground) 24%, transparent), color-mix(in srgb, var(--foreground) 6%, transparent));border-radius:999px}.ti-sticker{filter:drop-shadow(.3cqw 0 0 var(--foreground)) drop-shadow(-.3cqw 0 0 var(--foreground)) drop-shadow(0 .3cqw 0 var(--foreground)) drop-shadow(0 -.3cqw 0 var(--foreground)) drop-shadow(0 .6cqw .8cqw color-mix(in srgb, var(--background) 60%, transparent))}.ti-leather{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.17 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--foreground) 10%, transparent), transparent 65%), linear-gradient(180deg, var(--muted) 0%, var(--secondary) 40%, var(--background) 100%)}.ti-wallet-back{filter:brightness(.9);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 20%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--foreground) 6%, transparent), 0 2.5cqw 5cqw -1cqw var(--background)}.ti-pocket{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 30%, transparent), inset 0 1.4cqw 1.8cqw -1.2cqw color-mix(in srgb, var(--foreground) 16%, transparent), inset 1.4cqw 0 2.4cqw -1.6cqw var(--background), inset -1.4cqw 0 2.4cqw -1.6cqw var(--background), inset 0 -1px 0 color-mix(in srgb, var(--foreground) 8%, transparent);mask-image:radial-gradient(22% 1.8cqw at 50% 0,#0000 97%,#000 100%)}.ti-deboss{color:color-mix(in srgb, var(--foreground) 9%, transparent);filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--foreground) 12%, transparent)) drop-shadow(0 -1px 0 color-mix(in srgb, var(--background) 85%, transparent))}.ti-key{background:radial-gradient(46% 72% at 50% 0%, color-mix(in srgb, var(--foreground) 9%, transparent), transparent 72%)}.ti-pool{background:radial-gradient(closest-side, color-mix(in srgb, var(--foreground) 11%, transparent), transparent);filter:blur(10px)}@media (prefers-reduced-motion:no-preference){html.js .ti-rise{opacity:0}}
