.tc-card{--tc-accent:#e9fbff;--tc-active:.04;--tc-art-image:none;--tc-aspect-ratio:59 / 86;--tc-bloom-mix:8%;--tc-color-1:#ff5fa2;--tc-color-2:#ffcf5a;--tc-color-3:#75f59b;--tc-color-4:#56ddff;--tc-color-5:#8e7cff;--tc-color-6:#f09cff;--tc-foil-mask:none;--tc-foil-opacity:.05;--tc-glare-opacity:.14;--tc-hover-scale:1.018;--tc-nacre-opacity:0;--tc-normal-map:none;--tc-pointer-angle:0deg;--tc-pointer-distance:0;--tc-pointer-edge:0;--tc-pointer-from-x:0;--tc-pointer-from-y:0;--tc-pointer-x:50%;--tc-pointer-y:50%;--tc-prism-opacity:0;--tc-radius:1rem;--tc-relief-map:none;--tc-rotate-x:0deg;--tc-rotate-y:0deg;--tc-scale:1;--tc-seed-angle:117deg;--tc-seed-angle-2:43deg;--tc-seed-cell:1;--tc-seed-grain-x:0px;--tc-seed-grain-y:0px;--tc-seed-offset-x:0%;--tc-seed-offset-y:0%;--tc-seed-phase:.5;--tc-seed-roughness:.28;--tc-seed-scale:1;--tc-seed-thickness:1;--tc-sparkle-opacity:0;--tc-thickness:5px;--tc-thickness-map:none;--tc-width:18rem;appearance:none;width:var(--tc-width);max-width:100%;aspect-ratio:var(--tc-aspect-ratio);border-radius:var(--tc-radius);color:inherit;cursor:pointer;isolation:isolate;perspective:1200px;-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0;transition:filter .22s;display:block;position:relative}.tc-card:disabled{cursor:default;opacity:.68}.tc-card[data-interactive=false]{--tc-active:.12}.tc-card[data-interactive=true]:is(:hover,:focus-visible){--tc-active:1;--tc-scale:var(--tc-hover-scale);filter:drop-shadow(0 .55rem 1rem #00000061)}.tc-card:focus-visible{outline:2px solid color-mix(in srgb, var(--tc-accent) 72%, white);outline-offset:.35rem}.tc-card__stage,.tc-card__flipper,.tc-card__face,.tc-card__edges,.tc-card__effects,.tc-card__content{display:block;position:absolute;inset:0}.tc-card__stage{transform:rotateX(var(--tc-rotate-x)) rotateY(var(--tc-rotate-y)) scale(var(--tc-scale));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.2,.75,.24,1)}.tc-card[data-interactive=true]:is(:hover,:focus-visible) .tc-card__stage,.tc-card[data-flipped=true] .tc-card__flipper{will-change:transform}.tc-card__flipper{border-radius:var(--tc-radius);transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.78,.2,1);transform:rotateY(0)}.tc-card[data-flipped=true] .tc-card__flipper{transform:rotateY(180deg)}.tc-card__face{border:1px solid color-mix(in srgb, var(--tc-accent) 12%, #151515);border-radius:var(--tc-radius);backface-visibility:hidden;transform:translateZ(calc(var(--tc-thickness) / 2));background:#111214;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 0 .8rem #00000038,0 .55rem 1.3rem #00000052}.tc-card__face--back{transform:rotateY(180deg) translateZ(calc(var(--tc-thickness) / 2))}.tc-card__face--cardboard{border-color:#120d0ae0}.tc-card__face--back:not(:has(.tc-card__image)){background:#101113}.tc-card__image{border-radius:inherit;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tc-card__face--cardboard .tc-card__image{filter:saturate(1.025)contrast(1.015)}.tc-card__content{z-index:30;border-radius:inherit;pointer-events:none;overflow:hidden}.tc-card__edges{transform-style:preserve-3d;pointer-events:none;overflow:visible}.tc-card__edge{background:linear-gradient(90deg, #080808, color-mix(in srgb, var(--tc-accent) 20%, #3a3936) 48%, #070707);backface-visibility:hidden;display:block;position:absolute;box-shadow:inset 0 0 .18rem #ffffff17}.tc-card__edge--left,.tc-card__edge--right{top:var(--tc-radius);bottom:var(--tc-radius);width:var(--tc-thickness);transform:rotateY(90deg)}.tc-card__edge--left{left:calc(var(--tc-thickness) / -2)}.tc-card__edge--right{right:calc(var(--tc-thickness) / -2)}.tc-card__edge--top,.tc-card__edge--bottom{right:var(--tc-radius);left:var(--tc-radius);height:var(--tc-thickness);transform:rotateX(90deg)}.tc-card__edge--top{top:calc(var(--tc-thickness) / -2)}.tc-card__edge--bottom{bottom:calc(var(--tc-thickness) / -2)}.tc-card__effects{z-index:5;border-radius:inherit;pointer-events:none;overflow:hidden}.tc-card__grain,.tc-card__relief,.tc-card__interference,.tc-card__pattern,.tc-card__flakes,.tc-card__sparkles,.tc-card__glare,.tc-card__fresnel,.tc-card__shader{border-radius:inherit;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .11s;display:block;position:absolute;inset:0}.tc-card__face[data-has-foil-mask=true] :is(.tc-card__interference,.tc-card__pattern,.tc-card__flakes,.tc-card__sparkles){-webkit-mask-image:var(--tc-foil-mask);-webkit-mask-image:var(--tc-foil-mask);mask-image:var(--tc-foil-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tc-card__face[data-has-foil-mask=true][data-mask-mode=luminance] :is(.tc-card__interference,.tc-card__pattern,.tc-card__flakes,.tc-card__sparkles),.tc-card__face:not([data-has-foil-mask=true]) :is(.tc-card__interference,.tc-card__pattern,.tc-card__flakes,.tc-card__sparkles){-webkit-mask-mode:luminance;-webkit-mask-source-type:luminance;mask-mode:luminance}.tc-card__face:not([data-has-foil-mask=true]) :is(.tc-card__interference,.tc-card__pattern,.tc-card__flakes,.tc-card__sparkles){-webkit-mask-image:var(--tc-art-image);-webkit-mask-image:var(--tc-art-image);mask-image:var(--tc-art-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tc-card__grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' seed='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.46'/%3E%3C/svg%3E");background-position:var(--tc-seed-grain-x) var(--tc-seed-grain-y);background-size:calc(82px * var(--tc-seed-scale)) calc(89px * var(--tc-seed-scale));mix-blend-mode:soft-light}.tc-card__relief{background:var(--tc-relief-map) center / 100% 100% no-repeat;filter:drop-shadow(-.45px -.55px .25px #ffffff42)drop-shadow(.55px .65px .32px #0000007a);mix-blend-mode:overlay}.tc-card__face[data-has-relief-map=true] .tc-card__relief{-webkit-mask:var(--tc-relief-map) center / 100% 100% no-repeat;-webkit-mask:var(--tc-relief-map) center / 100% 100% no-repeat;mask:var(--tc-relief-map) center / 100% 100% no-repeat}.tc-card__interference{background:radial-gradient(ellipse 42% 62% at var(--tc-pointer-x) var(--tc-pointer-y), #ffffff47, transparent 54%), linear-gradient(var(--tc-seed-angle), transparent 19%, color-mix(in srgb, var(--tc-color-1) 42%, transparent) 35%, color-mix(in srgb, var(--tc-color-3) 38%, transparent) 45%, color-mix(in srgb, var(--tc-color-5) 40%, transparent) 55%, transparent 72%);background-position:center, calc(var(--tc-pointer-x) + var(--tc-seed-offset-x)) calc(var(--tc-pointer-y) + var(--tc-seed-offset-y));background-size:100% 100%, calc(155% * var(--tc-seed-scale)) calc(155% * var(--tc-seed-scale));background-blend-mode:soft-light;filter:saturate(.82)contrast(1.05);mix-blend-mode:screen}.tc-card__pattern{background:repeating-linear-gradient(var(--tc-seed-angle-2), transparent 0 11px, #ffffff2e 11.5px, transparent 12.4px 27px), repeating-linear-gradient(var(--tc-seed-angle), transparent 0 17px, color-mix(in srgb, var(--tc-accent) 19%, transparent) 17.6px, transparent 18.4px 39px);background-position:calc(var(--tc-pointer-x) / 6 + var(--tc-seed-grain-x)) calc(var(--tc-pointer-y) / 8 + var(--tc-seed-grain-y));background-size:calc(100% * var(--tc-seed-cell)) calc(100% * var(--tc-seed-cell));mix-blend-mode:soft-light}.tc-card__flakes{background:radial-gradient(ellipse at 17% 29%, #ffffff57 0 0.7%, transparent 2.7%), radial-gradient(ellipse at 73% 21%, color-mix(in srgb, var(--tc-color-4) 28%, white) 0 0.65%, transparent 2.9%), radial-gradient(ellipse at 42% 78%, color-mix(in srgb, var(--tc-color-6) 25%, white) 0 0.75%, transparent 3.2%);background-position:var(--tc-seed-offset-x) var(--tc-seed-offset-y), calc(var(--tc-seed-offset-x) * -1) calc(var(--tc-seed-offset-y) * -1), var(--tc-seed-grain-x) var(--tc-seed-grain-y);background-size:calc(67px * var(--tc-seed-cell)) calc(53px * var(--tc-seed-cell)), calc(91px * var(--tc-seed-cell)) calc(73px * var(--tc-seed-cell)), calc(77px * var(--tc-seed-cell)) calc(101px * var(--tc-seed-cell));filter:saturate(.42);mix-blend-mode:screen}.tc-card__sparkles{background-image:radial-gradient(circle,#ffffff8a 0 .55px,#0000 .9px);background-position:var(--tc-seed-grain-x) var(--tc-seed-grain-y);background-size:calc(31px * var(--tc-seed-cell)) calc(37px * var(--tc-seed-cell));mix-blend-mode:screen}.tc-card__glare{background:radial-gradient(ellipse 31% 45% at var(--tc-pointer-x) var(--tc-pointer-y), #ffffff3d, #ffffff0f 34%, transparent 67%);mix-blend-mode:soft-light}.tc-card__fresnel{box-shadow:inset 0 0 0 1px #ffffff17, inset calc(var(--tc-pointer-from-x) * -4px) calc(var(--tc-pointer-from-y) * -4px) .7rem #ffffff0e;opacity:calc(.12 + var(--tc-pointer-edge) * .11);mix-blend-mode:screen}.tc-card__shader{z-index:20;opacity:0;background:0 0}.tc-card__shader[data-ready=true]{opacity:1}.tc-card[data-finish=none] .tc-card__fresnel{opacity:.035}.tc-card[data-finish=matte] .tc-card__grain{opacity:calc(.025 + var(--tc-active) * .025)}.tc-card[data-finish=matte] .tc-card__glare{opacity:calc(var(--tc-active) * .025)}.tc-card[data-finish=satin] .tc-card__grain{opacity:calc(.035 + var(--tc-active) * .035)}.tc-card[data-finish=satin] .tc-card__glare{opacity:calc(var(--tc-active) * .055)}.tc-card[data-finish=gloss] .tc-card__grain{opacity:.018}.tc-card[data-finish=gloss] .tc-card__glare{opacity:calc(.025 + var(--tc-active) * .085)}.tc-card[data-finish=metallic] .tc-card__grain{opacity:.055}.tc-card[data-finish=metallic] .tc-card__interference{opacity:calc(.018 + var(--tc-active) * .14);filter:grayscale(.82)saturate(.28)contrast(1.12)}.tc-card[data-finish=metallic] .tc-card__pattern{opacity:calc(var(--tc-active) * .055)}.tc-card[data-finish=metallic] .tc-card__glare{opacity:calc(.02 + var(--tc-active) * .07)}.tc-card[data-finish^=holo-] .tc-card__grain,.tc-card[data-finish=reverse-holo] .tc-card__grain{opacity:.035}.tc-card[data-finish^=holo-] .tc-card__interference,.tc-card[data-finish=reverse-holo] .tc-card__interference{opacity:calc(.012 + var(--tc-active) * min(var(--tc-foil-opacity), .24))}.tc-card[data-finish^=holo-] .tc-card__glare,.tc-card[data-finish=reverse-holo] .tc-card__glare{opacity:calc(var(--tc-active) * .065)}.tc-card[data-finish=holo-spectrum] .tc-card__pattern{opacity:calc(var(--tc-active) * .04)}.tc-card[data-finish=holo-cosmos] .tc-card__flakes{opacity:calc(var(--tc-active) * .14)}.tc-card[data-finish=holo-cosmos] .tc-card__sparkles{opacity:calc(var(--tc-active) * .055)}.tc-card[data-finish=holo-galaxy] .tc-card__flakes{opacity:calc(var(--tc-active) * .11);filter:saturate(.62)contrast(1.15)}.tc-card[data-finish=holo-galaxy] .tc-card__sparkles{opacity:calc(var(--tc-active) * .07)}.tc-card[data-finish=holo-prism] .tc-card__pattern{opacity:calc(var(--tc-active) * .11)}.tc-card[data-finish=holo-crosshatch] .tc-card__pattern,.tc-card[data-finish=holo-secret] .tc-card__pattern,.tc-card[data-finish=holo-wave] .tc-card__pattern,.tc-card[data-finish=holo-starlight] .tc-card__pattern{opacity:calc(var(--tc-active) * .105)}.tc-card[data-finish=holo-radiant] .tc-card__pattern{opacity:calc(var(--tc-active) * .085);transform:rotate(var(--tc-seed-angle))}.tc-card[data-finish=holo-pinfire] .tc-card__sparkles{opacity:calc(var(--tc-active) * .12)}.tc-card[data-finish=holo-shattered] .tc-card__pattern{opacity:calc(var(--tc-active) * .13);filter:contrast(1.28)}.tc-card:is([data-finish=holo-cracked-ice],[data-finish=holo-confetti]) .tc-card__pattern{opacity:calc(var(--tc-active) * .12)}.tc-card:is([data-finish=holo-stars],[data-finish=holo-starlight]) .tc-card__sparkles{opacity:calc(var(--tc-active) * .11)}.tc-card[data-finish=reverse-holo] .tc-card__pattern{opacity:calc(var(--tc-active) * .09)}.tc-card[data-finish=etched] .tc-card__grain{opacity:.065}.tc-card[data-finish=etched] .tc-card__relief{opacity:calc(.08 + var(--tc-active) * .22)}.tc-card[data-finish=etched] .tc-card__interference{opacity:calc(var(--tc-active) * .1);filter:grayscale(.72)saturate(.3)}.tc-card[data-finish=etched] .tc-card__pattern{opacity:calc(var(--tc-active) * .12)}.tc-card[data-finish=embossed] .tc-card__grain{opacity:.055}.tc-card[data-finish=embossed] .tc-card__relief{opacity:calc(.08 + var(--tc-active) * .26)}.tc-card[data-finish=embossed] .tc-card__pattern{opacity:calc(var(--tc-active) * .08);filter:grayscale(.8)}.tc-card[data-finish=ghost-foil] .tc-card__interference{opacity:calc(.018 + var(--tc-active) * .14);filter:grayscale(.88)saturate(.12)brightness(1.03)}.tc-card[data-finish=ghost-foil] .tc-card__relief{opacity:calc(var(--tc-active) * .16)}.tc-card:is([data-finish=mother-of-pearl],[data-finish=opal]) .tc-card__grain{opacity:.03}.tc-card:is([data-finish=mother-of-pearl],[data-finish=opal]) .tc-card__interference{opacity:calc(.012 + var(--tc-active) * .12);filter:saturate(.3)brightness(1.02);mix-blend-mode:soft-light}.tc-card:is([data-finish=mother-of-pearl],[data-finish=opal]) .tc-card__flakes{opacity:calc(.02 + var(--tc-active) * .14)}.tc-card[data-finish=opal] .tc-card__sparkles{opacity:calc(var(--tc-active) * .035)}.tc-card:is([data-finish=mother-of-pearl],[data-finish=opal]) .tc-card__glare{opacity:calc(var(--tc-active) * .045)}.tc-card[data-finish=dichroic] .tc-card__interference{opacity:calc(.015 + var(--tc-active) * .19);filter:saturate(.62)contrast(1.06)}.tc-card[data-finish=dichroic] .tc-card__glare{opacity:calc(var(--tc-active) * .055)}.tc-card[data-palette=silver] :is(.tc-card__interference,.tc-card__pattern),.tc-card[data-palette=gunmetal] :is(.tc-card__interference,.tc-card__pattern),.tc-card[data-palette=black] :is(.tc-card__interference,.tc-card__pattern),.tc-card[data-palette=white] :is(.tc-card__interference,.tc-card__pattern),.tc-card[data-palette=monochrome] :is(.tc-card__interference,.tc-card__pattern){filter:grayscale(.88)saturate(.16)contrast(1.08)}.tc-card[data-quality=low] :is(.tc-card__relief,.tc-card__flakes,.tc-card__sparkles),.tc-card[data-quality=balanced] .tc-card__sparkles{display:none}.tc-card__cardboard,.tc-card__back-depth,.tc-card__laminate,.tc-card__back-gloss{border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0}.tc-card__cardboard{z-index:5;overflow:hidden}.tc-card__back-depth{background:linear-gradient(90deg,#0003,#0000 4% 96%,#00000038),linear-gradient(#ffffff0b,#0000 3% 96%,#0000002b);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 .5rem #00000029}.tc-card__laminate{opacity:calc(.05 + var(--tc-active) * .08);background:radial-gradient(ellipse 42% 55% at var(--tc-pointer-x) var(--tc-pointer-y), #ffffff2e, transparent 65%);mix-blend-mode:soft-light}.tc-card__back-gloss{opacity:calc(var(--tc-active) * .045);background:radial-gradient(ellipse 28% 38% at var(--tc-pointer-x) var(--tc-pointer-y), #fff3, transparent 70%);mix-blend-mode:screen}@media (hover:none){.tc-card[data-interactive=true]{--tc-active:.12;--tc-scale:1;filter:none}}@media (prefers-reduced-motion:reduce){.tc-card{--tc-active:.1}.tc-card,.tc-card__stage,.tc-card__flipper,.tc-card__shader{transition-duration:.01ms}.tc-card__stage{transform:none}}:root{color:#f2f0e9;font-synthesis:none;text-rendering:optimizelegibility;background:#07080a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07080a;min-width:320px;min-height:100%}body{background:#030405;min-width:320px;min-height:100vh;margin:0}button{font:inherit}a{color:#d5e0e5;text-underline-offset:.2em}.demo-shell{width:min(100% - clamp(1rem,3vw,3rem),130rem);margin:0 auto;padding:1rem 0 8.5rem;overflow:visible}.demo-card__meta{gap:.28rem;width:min(100%,18rem);margin:.85rem auto 0;display:grid}.demo-card__meta strong{color:#d7dcdd;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:560;overflow:hidden}.demo-card__meta span{color:#68747a;letter-spacing:.07em;text-transform:uppercase;font:.57rem/1.3 ui-monospace,Cascadia Code,monospace}.demo-select{color:#9da9ad;letter-spacing:.08em;text-transform:uppercase;flex:none;gap:.18rem;padding:0 .2rem;font:.55rem/1.2 ui-monospace,Cascadia Code,monospace;display:grid}.demo-select select{color:#e5e9e9;text-transform:capitalize;background:#131719;border:1px solid #30373a;border-radius:.38rem;min-width:7.6rem;padding:.28rem 1.45rem .28rem .42rem;font:.65rem/1.3 ui-monospace,Cascadia Code,monospace}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-dock{z-index:100;bottom:max(.8rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#0c0e10db;border:1px solid #ffffff1f;border-radius:1rem;width:max-content;max-width:calc(100vw - 1rem);padding:.55rem;display:block;position:fixed;left:50%;overflow:auto hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0f,0 1rem 3rem #0000008c}.demo-dock__body{align-items:center;gap:.65rem;display:flex}.demo-dock-toggle,.demo-dock-backdrop,.demo-dock__header{display:none}.demo-filters,.demo-controls{flex:none;align-items:center;gap:.35rem;display:flex}.demo-filters button{color:#f1f4f5;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.42rem;padding:.48rem .62rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.64rem;transition:color .15s,background-color .15s;display:inline-flex}.demo-filters button:hover,.demo-filters button:focus-visible{color:#e8ecee;background:#ffffff0f}.demo-filters button:focus-visible{outline-offset:2px;outline:2px solid #b9cad2}.demo-filters button.is-active{color:#0a0b0c;background:#cbd6db}.demo-filters small{color:#d6dde0;opacity:.78;font-size:.57rem}.demo-dock__divider{background:#ffffff1a;align-self:stretch;width:1px;height:auto}.demo-controls{border:0;min-width:0;margin:0;padding:0}.demo-control{flex:0 0 7rem;gap:.18rem;padding:.08rem .25rem;display:grid}.demo-control>span{color:#f1f4f5;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:ui-monospace,Cascadia Code,monospace;font-size:.58rem;display:flex}.demo-control output{color:#fff;font:inherit}.demo-control input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:.8rem;margin:0}.demo-control input[type=range]::-webkit-slider-runnable-track{background:#3b4145;border-radius:999px;height:2px}.demo-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#c9d1d5;border:1px solid #111315;border-radius:50%;width:.72rem;height:.72rem;margin-top:-.31rem;box-shadow:0 1px 3px #000000bf}.demo-control input[type=range]::-moz-range-track{background:#3b4145;border-radius:999px;height:2px}.demo-control input[type=range]::-moz-range-thumb{background:#c9d1d5;border:1px solid #111315;border-radius:50%;width:.72rem;height:.72rem;box-shadow:0 1px 3px #000000bf}.demo-control input[type=range]:focus-visible{outline-offset:.22rem;outline:1px solid #b7c3c9}.demo-switch{color:#f1f4f5;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .3rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.58rem;display:flex;position:relative}.demo-switch input{opacity:0;width:1px;height:1px;position:absolute}.demo-switch__track{cursor:pointer;background:#25292c;border-radius:999px;width:1.75rem;height:.92rem;padding:.12rem}.demo-switch__track>span{background:#8c9499;border-radius:50%;width:.68rem;height:.68rem;transition:transform .16s,background-color .16s;display:block}.demo-switch input:checked+.demo-switch__track{background:#35585d}.demo-switch input:checked+.demo-switch__track>span{background:#dce5e8;transform:translate(.83rem)}.demo-switch input:focus-visible+.demo-switch__track{outline-offset:.16rem;outline:2px solid #b7c3c9}.demo-controls__reset{color:#f1f4f5;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:.5rem;padding:.48rem .58rem;font-family:ui-monospace,Cascadia Code,monospace;font-size:.6rem;list-style:none}.demo-controls__reset:hover,.demo-controls__reset:focus-visible{color:#eef1f2;background:#ffffff12}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.6rem),1fr));align-items:start;gap:clamp(2.2rem,3.5vw,3.5rem) clamp(1.5rem,3.2vw,3.1rem);padding:1rem 0 clamp(3rem,5vw,5rem);display:grid}.demo-card{z-index:0;min-width:0;position:relative;overflow:visible}.demo-card:hover,.demo-card:focus-within{z-index:10}.demo-card>.tc-card{margin:0 auto}.demo-exodia{border-top:1px solid #22262a;padding:clamp(3rem,7vw,6rem) 0 clamp(4rem,8vw,7rem);overflow:visible}.demo-exodia__formation{isolation:isolate;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(12,minmax(0,1fr));width:min(100%,52rem);margin:0 auto;display:grid;position:relative}.demo-exodia__formation:before{z-index:-1;content:"";filter:blur(1.5rem);background:radial-gradient(circle,#be8f361c,#0000 68%);border-radius:50%;position:absolute;inset:12% 8% 4%}.demo-exodia__piece{min-width:0;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.demo-exodia__piece>.tc-card{width:100%}.demo-exodia__piece--33396948{z-index:3;grid-area:1/5/auto/9;transform:translateY(-8%)}.demo-exodia__piece--70903634{z-index:2;transform-origin:100% 35%;grid-area:1/1/auto/5;transform:translate(15%,14%)rotate(-8deg)}.demo-exodia__piece--7902349{z-index:2;transform-origin:0 35%;grid-area:1/9/auto/13;transform:translate(-15%,14%)rotate(8deg)}.demo-exodia__piece--8124921{z-index:1;transform-origin:70% 0;grid-area:2/3/auto/7;transform:translate(7%,-9%)rotate(-5deg)}.demo-exodia__piece--44519536{z-index:1;transform-origin:30% 0;grid-area:2/7/auto/11;transform:translate(-7%,-9%)rotate(5deg)}.demo-exodia__piece:hover,.demo-exodia__piece:focus-within{z-index:10}@media (width<=1100px){.demo-shell{width:min(100% - 1rem,64rem);margin:0 auto;padding-bottom:8rem}.demo-dock{top:auto;right:auto;bottom:max(.6rem, env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 1rem);display:block;left:50%;overflow:auto hidden;transform:translate(-50%)}.demo-filters,.demo-controls{flex:none;display:flex}.demo-control{flex:0 0 6.5rem}.demo-dock__divider{align-self:stretch;width:1px;height:auto}}@media (width<=760px){body:has(.demo-dock[data-open=true]){overflow:hidden}.demo-shell{padding-bottom:5.5rem}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-dock-toggle{z-index:105;right:.7rem;bottom:max(.7rem, env(safe-area-inset-bottom));color:#f4f7f7;text-align:left;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#0f1214f0;border:1px solid #ffffff29;border-radius:999px;gap:.08rem;min-width:7.4rem;padding:.65rem .85rem;display:grid;position:fixed;box-shadow:0 .8rem 2.5rem #00000094}.demo-dock-toggle span{letter-spacing:.08em;text-transform:uppercase;font:650 .72rem/1 ui-monospace,Cascadia Code,monospace}.demo-dock-toggle small{color:#8f9ba0;text-transform:uppercase;font:.56rem/1.2 ui-monospace,Cascadia Code,monospace}.demo-dock-backdrop{z-index:110;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:0;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:0}.demo-dock-backdrop[data-open=true]{visibility:visible;opacity:1;pointer-events:auto}.demo-dock{z-index:120;top:auto;right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));visibility:hidden;opacity:0;border-radius:1.25rem;width:auto;max-width:none;max-height:min(82dvh,40rem);padding:0;transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;left:.5rem;overflow:hidden;transform:translateY(calc(100% + 1rem))}.demo-dock[data-open=true]{visibility:visible;opacity:1;transform:translateY(0)}.demo-dock__header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem .9rem .75rem;display:flex}.demo-dock__header div{gap:.12rem;display:grid}.demo-dock__header strong{font-size:.88rem;font-weight:640}.demo-dock__header span{color:#7d898e;letter-spacing:.08em;text-transform:uppercase;font:.56rem/1.2 ui-monospace,Cascadia Code,monospace}.demo-dock__header button{color:#f4f7f7;letter-spacing:.06em;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:.48rem .72rem;font:.64rem/1 ui-monospace,Cascadia Code,monospace}.demo-dock__body{max-height:calc(min(82dvh,40rem) - 4rem);padding:.85rem .85rem calc(.95rem + env(safe-area-inset-bottom));overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.85rem .65rem;display:grid;overflow-y:auto}.demo-dock__body>.demo-select:first-child,.demo-dock__body>.demo-switch{grid-column:1/-1}.demo-select,.demo-control{min-width:0;padding:0}.demo-select select{width:100%;min-width:0;padding-block:.58rem;font-size:.68rem}.demo-control{flex:none}.demo-switch{background:#ffffff09;border:1px solid #ffffff14;border-radius:.7rem;padding:.65rem .7rem}}@media (width<=460px){.demo-shell{width:min(100% - 1.25rem,96rem)}.demo-grid{grid-template-columns:minmax(0,1fr);gap:2.2rem .75rem}.demo-card>.tc-card{width:min(100%,20rem)!important}.demo-card__meta{width:min(100%,20rem)}.demo-exodia{margin-inline:-.3rem}}