.crd{--_crd-width: var(--crd-width, 290px);--_crd-radius: var(--crd-radius, 14px);--_crd-font: var(--crd-font, "Avenir Next", "Segoe UI", ui-sans-serif, sans-serif);--_crd-color: var(--crd-color, var(--_crd-color-theme, #fff));--_crd-bg: var(--crd-bg, var(--_crd-bg-theme, linear-gradient(135deg, #43464b, #1e2126)));--_crd-shadow: var(--crd-shadow, 0 8px 24px rgba(0, 0, 0, .28));--_crd-flip-duration: var(--crd-flip-duration, .75s);width:var(--_crd-width);aspect-ratio:1.586;perspective:1000px;font-family:var(--_crd-font);color:var(--_crd-color)}.crd--brand-visa{--_crd-bg-theme: linear-gradient(135deg, #0f509e, #1399cd)}.crd--brand-mastercard{--_crd-bg-theme: linear-gradient(135deg, #354057, #191c22)}.crd--brand-amex{--_crd-bg-theme: linear-gradient(135deg, #106d90, #4ba6c3)}.crd--brand-discover{--_crd-bg-theme: linear-gradient(135deg, #d05e28, #f2a33c)}.crd--brand-dinersclub{--_crd-bg-theme: linear-gradient(135deg, #33526f, #6f9ab8)}.crd--brand-jcb{--_crd-bg-theme: linear-gradient(135deg, #1d6b48, #37a26a)}.crd--brand-unionpay{--_crd-bg-theme: linear-gradient(135deg, #274b70, #b23a48)}.crd--brand-maestro{--_crd-bg-theme: linear-gradient(135deg, #45327a, #7a5fb8)}.crd--brand-elo{--_crd-bg-theme: linear-gradient(135deg, #2d2d2d, #565656)}.crd--brand-hipercard{--_crd-bg-theme: linear-gradient(135deg, #8a1a2b, #c34a5a)}.crd{--crd-noise-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--crd-noise-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}.crd--v-ember{--_crd-color-theme: #17181c;--_crd-bg-theme: var(--crd-noise-light), linear-gradient(180deg, rgba(10, 10, 12, .95) 0%, rgba(26, 19, 10, .85) 16%, rgba(140, 95, 30, .32) 32%, transparent 50%), radial-gradient(90% 46% at 50% 24%, rgba(255, 176, 64, .6), rgba(255, 150, 40, .14) 58%, transparent 74%), linear-gradient(180deg, transparent 37%, #101013 37%, #101013 61%, transparent 61%), linear-gradient(180deg, #d9d6d0 0%, #f0efeb 100%)}.crd--v-ember .crd__number{color:#f5f5f2}.crd--v-ember .crd__logo{color:#f2f2ef}.crd--v-ember .crd__logo--back{color:#17181c}.crd--v-ember .crd__name,.crd--v-ember .crd__expiry{text-shadow:none}.crd--v-ember .crd__ring{box-shadow:0 0 0 1.5px #ffa53ce6}.crd--v-holo{--_crd-color-theme: #f4f4f6;--_crd-bg-theme: var(--crd-noise-light), repeating-radial-gradient(circle at 18% 30%, rgba(255, 255, 255, .1) 0 1.5px, transparent 1.5px 5px), repeating-radial-gradient(circle at 82% 70%, rgba(255, 255, 255, .08) 0 1.5px, transparent 1.5px 6px), radial-gradient(75% 90% at 22% 24%, rgba(64, 224, 208, .5), transparent 60%), radial-gradient(70% 80% at 78% 30%, rgba(186, 120, 255, .45), transparent 60%), radial-gradient(80% 90% at 60% 85%, rgba(255, 230, 120, .35), transparent 60%), radial-gradient(70% 80% at 20% 80%, rgba(90, 160, 255, .4), transparent 60%), linear-gradient(160deg, #16161c, #101014)}.crd--v-porcelain{--_crd-color-theme: #1d1d1f;--_crd-bg-theme: var(--crd-noise-dark), radial-gradient(60% 70% at 12% 88%, rgba(255, 205, 120, .35), transparent 65%), radial-gradient(55% 65% at 45% 65%, rgba(255, 140, 160, .22), transparent 65%), radial-gradient(60% 75% at 88% 45%, rgba(130, 160, 255, .28), transparent 65%), linear-gradient(180deg, #fbfafa, #f2f1f3)}.crd--v-porcelain .crd__number,.crd--v-porcelain .crd__name,.crd--v-porcelain .crd__expiry{text-shadow:none}.crd--v-porcelain .crd__ring{box-shadow:0 0 0 1.5px #00000073}.crd--v-sunset{--_crd-color-theme: #17171a;--crd-sunset-a: rgba(255, 170, 40, .75);--crd-sunset-b: rgba(70, 190, 255, .65);--crd-sunset-c: rgba(255, 120, 190, .5);--crd-sunset-ring: rgba(255, 140, 0, .9);--_crd-bg-theme: var(--crd-noise-light), linear-gradient(180deg, transparent 64%, #131316 64%), radial-gradient(55% 60% at 38% 34%, var(--crd-sunset-a), transparent 68%), radial-gradient(50% 65% at 78% 38%, var(--crd-sunset-b), transparent 66%), radial-gradient(45% 55% at 85% 78%, var(--crd-sunset-c), transparent 65%), linear-gradient(180deg, #f6efe4, #f1eae2)}.crd--v-sunset .crd__number{text-shadow:none}.crd--v-sunset .crd__name,.crd--v-sunset .crd__expiry,.crd--v-sunset .crd__logo--back{color:#f4f4f2}.crd--v-sunset .crd__ring{box-shadow:0 0 0 1.5px var(--crd-sunset-ring)}.crd--v-sunset.crd--brand-visa{--crd-sunset-a: rgba(35, 95, 220, .6);--crd-sunset-b: rgba(95, 200, 255, .55);--crd-sunset-c: rgba(150, 125, 255, .4);--crd-sunset-ring: rgba(35, 95, 220, .9)}.crd--v-sunset.crd--brand-mastercard{--crd-sunset-a: rgba(255, 95, 40, .65);--crd-sunset-b: rgba(255, 185, 40, .6);--crd-sunset-c: rgba(230, 60, 60, .4);--crd-sunset-ring: rgba(240, 90, 35, .9)}.crd--v-sunset.crd--brand-amex{--crd-sunset-a: rgba(35, 140, 195, .6);--crd-sunset-b: rgba(110, 220, 230, .5);--crd-sunset-c: rgba(60, 115, 220, .4);--crd-sunset-ring: rgba(35, 140, 195, .9)}.crd--v-sunset.crd--brand-discover{--crd-sunset-a: rgba(255, 135, 30, .7);--crd-sunset-b: rgba(255, 205, 85, .55);--crd-sunset-c: rgba(250, 105, 60, .45);--crd-sunset-ring: rgba(245, 125, 30, .9)}.crd--v-sunset.crd--brand-dinersclub{--crd-sunset-a: rgba(70, 110, 165, .55);--crd-sunset-b: rgba(140, 185, 225, .5);--crd-sunset-c: rgba(100, 140, 255, .35);--crd-sunset-ring: rgba(70, 110, 165, .9)}.crd--v-sunset.crd--brand-jcb{--crd-sunset-a: rgba(45, 165, 95, .6);--crd-sunset-b: rgba(65, 130, 230, .5);--crd-sunset-c: rgba(230, 75, 95, .4);--crd-sunset-ring: rgba(45, 165, 95, .9)}.crd--v-sunset.crd--brand-unionpay{--crd-sunset-a: rgba(220, 65, 75, .55);--crd-sunset-b: rgba(45, 155, 165, .5);--crd-sunset-c: rgba(55, 95, 175, .4);--crd-sunset-ring: rgba(220, 65, 75, .9)}.crd--v-sunset.crd--brand-maestro{--crd-sunset-a: rgba(10, 95, 205, .55);--crd-sunset-b: rgba(240, 75, 60, .5);--crd-sunset-c: rgba(255, 155, 60, .4);--crd-sunset-ring: rgba(10, 95, 205, .9)}.crd--v-sunset.crd--brand-elo{--crd-sunset-a: rgba(255, 200, 45, .6);--crd-sunset-b: rgba(235, 65, 60, .5);--crd-sunset-c: rgba(45, 85, 205, .4);--crd-sunset-ring: rgba(235, 65, 60, .9)}.crd--v-sunset.crd--brand-hipercard{--crd-sunset-a: rgba(200, 45, 65, .6);--crd-sunset-b: rgba(255, 115, 95, .5);--crd-sunset-c: rgba(255, 65, 105, .35);--crd-sunset-ring: rgba(200, 45, 65, .9)}.crd--v-graphite{--_crd-color-theme: #e8e9ec;--_crd-bg-theme: var(--crd-noise-light), linear-gradient(90deg, rgba(5, 6, 8, .9) 0%, rgba(5, 6, 8, .75) 10%, transparent 13%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 7px), linear-gradient(115deg, #262930 0%, #1a1c21 45%, #23262c 70%, #16181c 100%)}.crd__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--_crd-flip-duration) cubic-bezier(.34,1.3,.5,1)}.crd--flipped .crd__inner{transform:rotateY(180deg)}.crd--flipping{animation:crd-lift var(--_crd-flip-duration) cubic-bezier(.4,0,.2,1)}@keyframes crd-lift{0%{transform:translateY(0) scale(1) rotate(0)}35%{transform:translateY(-7%) scale(1.06) rotate(-2.5deg)}70%{transform:translateY(-4%) scale(1.04) rotate(1.2deg)}to{transform:translateY(0) scale(1) rotate(0)}}.crd--flipping .crd__front,.crd--flipping .crd__back{animation:crd-airborne-shadow var(--_crd-flip-duration) cubic-bezier(.4,0,.2,1)}@keyframes crd-airborne-shadow{0%,to{box-shadow:var(--_crd-shadow)}45%{box-shadow:0 34px 54px #00000073}}.crd__front:after,.crd__back:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.32) 48%,rgba(255,255,255,.08) 53%,transparent 62%);background-size:260% 100%;background-position:135% 0}.crd--flipping .crd__front:after,.crd--flipping .crd__back:after{animation:crd-sheen var(--_crd-flip-duration) ease}@keyframes crd-sheen{0%{background-position:135% 0}to{background-position:-35% 0}}@media(prefers-reduced-motion:reduce){.crd__inner{transition:none}.crd--flipping,.crd--flipping .crd__front,.crd--flipping .crd__back,.crd--flipping .crd__front:after,.crd--flipping .crd__back:after{animation:none}}.crd--tilt{position:relative;touch-action:none;transform:perspective(1000px) rotateX(var(--crd-tilt-rx, 0deg)) rotateY(var(--crd-tilt-ry, 0deg));transition:transform 1s cubic-bezier(.22,1,.36,1);will-change:transform}.crd--tilt.crd--tilt-hover{transition:transform .4s cubic-bezier(.22,1,.36,1)}.crd__glare{position:absolute;inset:0;border-radius:var(--_crd-radius);pointer-events:none;opacity:0;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--crd-tilt-gx, 50%) var(--crd-tilt-gy, 50%),rgba(255,255,255,.48),rgba(255,255,255,.06) 52%,rgba(255,255,255,0) 84%),radial-gradient(circle 200px at var(--crd-tilt-gx, 50%) var(--crd-tilt-gy, 50%),rgba(255,255,255,.22),rgba(255,255,255,.04) 58%,rgba(255,255,255,0) 78%),radial-gradient(circle 360px at var(--crd-tilt-gx, 50%) var(--crd-tilt-gy, 50%),rgba(255,255,255,.1),rgba(255,255,255,0) 88%);transition:opacity .3s cubic-bezier(.22,1,.36,1)}.crd--tilt.crd--tilt-hover .crd__glare{opacity:.32}@media(prefers-reduced-motion:reduce){.crd--tilt{transform:none!important;transition:none!important}.crd__glare{display:none}}@media(hover:none){.crd--tilt{transform:none!important;transition:none!important;touch-action:auto}.crd--tilt .crd__glare{display:none}}.crd__front,.crd__back{position:absolute;inset:0;border-radius:var(--_crd-radius);background:var(--_crd-bg);box-shadow:var(--_crd-shadow);backface-visibility:hidden;overflow:hidden;padding:6.5%;box-sizing:border-box}.crd__back{transform:rotateY(180deg);padding:0}.crd__chip{width:15%;color:#d4b26a}.crd__chip svg,.crd__logo svg{display:block;width:100%;height:auto}.crd__logo{position:absolute;top:6.5%;right:6.5%;width:26%;color:var(--_crd-color)}.crd__number{margin-top:9%;font-size:calc(var(--_crd-width) / 17.5);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.3)}.crd__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:4%;margin-top:8%}.crd__name{font-size:calc(var(--_crd-width) / 24);text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crd__name--placeholder{opacity:.55}.crd__expiry{text-align:right;flex-shrink:0}.crd__expiry-label{display:block;font-size:calc(var(--_crd-width) / 41);text-transform:uppercase;letter-spacing:.1em;opacity:.65}.crd__expiry-value{font-size:calc(var(--_crd-width) / 24);font-variant-numeric:tabular-nums}.crd__meta{display:none}.crd--l-display .crd__meta{display:flex;gap:9%;margin-top:6%}.crd__meta-item{display:inline-flex;align-items:baseline;gap:.5em}.crd__meta-label{font-size:calc(var(--_crd-width) / 30);letter-spacing:.02em;opacity:.55}.crd__meta-expiry,.crd__meta-cvc{font-size:calc(var(--_crd-width) / 22);font-variant-numeric:tabular-nums;letter-spacing:.05em}.crd--l-display .crd__footer .crd__expiry{display:none}.crd--l-display .crd__footer{margin-top:5%}[data-crd-copy]{position:relative;cursor:pointer;border-radius:6px;transition:background .15s ease-out}.crd__meta-expiry[data-crd-copy],.crd__meta-cvc[data-crd-copy]{padding:1px 5px;margin:-1px -5px}[data-crd-copy]:hover,[data-crd-copy]:focus-visible{background:#ffffff24;outline:none}[data-crd-copy]:after{content:attr(data-copy-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.15em .5em;border-radius:5px;background:#141418eb;color:#fff;font-size:calc(var(--_crd-width) / 30);font-weight:500;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease-out}[data-crd-copy]:hover:after,[data-crd-copy]:focus-visible:after{opacity:1}[data-crd-copy][data-copied]:after{content:attr(data-copied-label);opacity:1;animation:crd-copied 1.2s ease-out forwards}@keyframes crd-copied{0%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){[data-crd-copy]:after{transition:none}[data-crd-copy][data-copied]:after{animation:none}}.crd__number,.crd__name,.crd__expiry{border-radius:6px;padding:2px 6px;margin-left:-6px}.crd__ring{position:absolute;top:0;left:0;width:0;height:0;border-radius:8px;box-shadow:0 0 0 1.5px #ffffffb3;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.3,1.35,.45,1),width .4s cubic-bezier(.3,1.35,.45,1),height .4s cubic-bezier(.3,1.35,.45,1),opacity .18s ease}.crd__ring--on{opacity:1}.crd__ring--instant{transition:opacity .18s ease}@media(prefers-reduced-motion:reduce){.crd__ring{transition:opacity .18s ease}}.crd__stripe{margin-top:8%;height:18%;background:#0000008c}.crd__signature{margin:6% 6.5% 0;height:16%;border-radius:5px;background:repeating-linear-gradient(0deg,#ffffffd9,#ffffffd9 3px,#dcdcdcd9 3px 6px);display:flex;align-items:center;justify-content:flex-end;padding:0 3%;box-sizing:border-box}.crd__cvc{color:#333;font-size:calc(var(--_crd-width) / 26);font-style:italic;letter-spacing:.15em;font-variant-numeric:tabular-nums}.crd__signature{transition:box-shadow .18s ease}.crd--focus-cvc .crd__signature{box-shadow:0 0 0 1.5px #ffffffb3}.crd__logo--back{top:auto;bottom:6.5%;width:20%;opacity:.85}:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--bg: var(--zinc-950);--text: var(--zinc-50);--body: var(--zinc-300);--muted: var(--zinc-400);--border-faint: var(--zinc-800);--ring: rgba(255, 255, 255, .1);--dock-bg: rgba(24, 24, 27, .38);--dock-item-active: rgba(255, 255, 255, .125);--popover-bg: var(--zinc-950);--btn-primary-bg: var(--zinc-100);--btn-primary-text: var(--zinc-900);--hover-wash: var(--zinc-900);--accent: #3b82f6;color-scheme:dark}:root[data-theme=light]{--bg: color-mix(in srgb, var(--zinc-50), white 33%);--text: var(--zinc-950);--body: var(--zinc-600);--muted: var(--zinc-500);--border-faint: var(--zinc-150);--ring: rgba(0, 0, 0, .08);--dock-bg: rgba(244, 244, 245, .45);--dock-item-active: #ffffff;--popover-bg: #ffffff;--btn-primary-bg: var(--zinc-900);--btn-primary-text: var(--zinc-50);--hover-wash: var(--zinc-100);color-scheme:light}html[data-fw=react]{--accent: #58c4dc}html[data-fw=vanilla]{--accent: #f0db4f}html[data-fw=vue]{--accent: #41b883}html[data-fw=svelte]{--accent: #ff3e00}*{box-sizing:border-box}html{min-height:100vh;scroll-padding-top:2.5rem;overflow-x:hidden}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;padding-top:clamp(3rem,8vw,7rem);padding-bottom:clamp(10rem,16vw,13rem)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:42rem;margin:0 auto;padding:0 clamp(1.5rem,4vw,2.5rem)}.masthead{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;text-align:center;font-weight:500;gap:.35em}.masthead h1{font-size:1rem;font-weight:500;margin:0}.masthead .for{color:var(--muted);font-weight:400}.fw-select{position:relative;display:inline-block}.fw-select summary{list-style:none;cursor:pointer;display:inline-flex;align-items:baseline;gap:.375rem;padding:.25rem .375rem .25rem .5rem;margin:-.25rem -.375rem;border-radius:.5rem;font-weight:500;color:var(--text);user-select:none;transition:background .16s ease-out}.fw-select summary:hover,.fw-select[open] summary{background:var(--hover-wash)}.fw-select summary::-webkit-details-marker{display:none}.fw-select summary .chevron{width:1rem;height:1rem;color:var(--muted);transition:transform .15s ease-out}.fw-select summary .fw-icon,.fw-select summary .chevron{align-self:center}.fw-select[open] summary .chevron{transform:rotate(180deg)}.fw-menu{position:absolute;left:-.375rem;top:calc(100% + 6px);min-width:9rem;background:var(--popover-bg);border-radius:.75rem;padding:.375rem;box-shadow:0 0 0 1px var(--ring),0 1px 2px #0000000d;display:grid;z-index:20;text-align:left}.fw-option{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem .5rem .5rem;border:0;border-radius:.5rem;background:none;color:var(--text);font:inherit;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;white-space:nowrap}.fw-option:hover:not(:disabled){background:var(--hover-wash)}.fw-option:disabled{cursor:not-allowed;opacity:.5}.fw-option .check{margin-left:auto;width:1rem;height:1rem;visibility:hidden}html[data-fw=react] .fw-option[data-fw=react] .check,html[data-fw=vanilla] .fw-option[data-fw=vanilla] .check,html[data-fw=vue] .fw-option[data-fw=vue] .check,html[data-fw=svelte] .fw-option[data-fw=svelte] .check{visibility:visible}.fw-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.fw-icon svg{display:block;width:100%;height:100%}.fw-block{display:none}html[data-fw=react] .fw-block[data-block=react],html[data-fw=vanilla] .fw-block[data-block=vanilla],html[data-fw=vue] .fw-block[data-block=vue],html[data-fw=svelte] .fw-block[data-block=svelte]{display:block}:root[data-theme=light] .crd{--crd-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08)}.top-utils{position:absolute;top:clamp(1.25rem,3vw,2rem);right:clamp(1rem,3vw,2rem);z-index:30;display:flex;align-items:stretch;gap:.5rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.125rem;border:0;border-radius:.625rem;box-shadow:0 0 0 1px var(--ring);background:var(--hover-wash);color:var(--text);cursor:pointer;transition:background .16s ease-out}.theme-toggle:hover{background:var(--border-faint)}.theme-toggle svg{width:1rem;height:1rem}.theme-toggle__moon{display:none}:root[data-theme=light] .theme-toggle__sun{display:none}:root[data-theme=light] .theme-toggle__moon{display:block}body{position:relative}.hero-rays{position:absolute;top:0;left:0;right:0;height:56rem;z-index:-1;pointer-events:none;display:none;mask-image:linear-gradient(to bottom,#000 50%,transparent 92%)}@media(min-width:64rem){.hero-rays{display:block}}@media(prefers-reduced-motion:reduce){.hero-rays{display:none}}@keyframes hero-enter{0%{opacity:0;filter:blur(12px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero>*{animation:hero-enter 1.1s cubic-bezier(.22,1,.36,1) both}.hero>*:nth-child(2){animation-delay:.12s}.hero>*:nth-child(3){animation-delay:.24s}.hero>*:nth-child(4){animation-delay:.36s}@media(prefers-reduced-motion:reduce){.hero>*{animation:none}}.hero{text-align:center;padding-top:clamp(3rem,7vw,5.5rem)}.hero-card{display:flex;justify-content:center;margin-bottom:clamp(2.5rem,6vw,4rem);min-height:195px}.hero p.tagline{margin:0 auto 2rem;color:var(--muted);max-width:28rem;font-size:1.125rem;line-height:1.6;text-wrap:balance}.hero-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;height:2.75rem;align-items:center;gap:.5rem;white-space:nowrap;border:0;border-radius:999px;padding:0 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:filter .16s cubic-bezier(.4,0,.2,1),background .16s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{filter:brightness(1.25)}:root:not([data-theme=light]) .btn-primary:hover{filter:none;background:#fff}.btn-secondary{background:transparent;color:var(--text);box-shadow:0 0 0 1px var(--ring)}.btn-secondary:hover{background:var(--hover-wash)}.btn code,.btn .cmd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}main section{scroll-margin-top:2.5rem}.prose h2{font-size:1.25rem;font-weight:600;color:var(--text);margin:4rem 0 1.25em}.prose p{color:var(--body);margin:0 0 1.25em}.subhead{font-size:1rem;font-weight:600;color:var(--text);margin:2.5rem 0 .75em}.ai-list{color:var(--body);margin:0 0 1.25em;padding-left:1.25rem}.ai-list li{margin-bottom:.5em}.ai-list li::marker{color:var(--muted)}.prose a{color:var(--text);text-decoration:underline;text-decoration-color:var(--zinc-300);text-decoration-thickness:1px;text-underline-offset:.3em;transition:color .16s ease-out,text-decoration-color .16s ease-out}.prose a:hover{text-decoration-color:currentColor}:root:not([data-theme=light]) .prose a{text-decoration-color:var(--zinc-600)}:not(pre)>code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.875em;color:var(--text);background:var(--hover-wash);border-radius:.375rem;padding:.125rem .375rem}.astro-code{border-radius:.75rem;box-shadow:0 0 0 1px var(--ring);padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7;margin:1.25em 0;overflow-x:auto}.astro-code code{background:transparent;padding:0;border-radius:0}.code-block{position:relative}.code-copy{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:.5rem;background:var(--hover-wash);box-shadow:0 0 0 1px var(--ring);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .16s ease-out,color .16s ease-out}.code-block:hover .code-copy,.code-copy:focus-visible,.code-copy.is-copied{opacity:1}.code-copy:hover{color:var(--text)}.code-copy svg{width:.875rem;height:.875rem}@media(hover:none){.code-copy{opacity:1}}:root:not([data-theme=light]) .astro-code{background-color:var(--zinc-900)!important}:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:transparent!important}.display-demo{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin:1.5em 0}.display-demo .btn{min-width:11rem;justify-content:center}@media(max-width:40rem){.playground-card{position:sticky;top:.75rem;z-index:5}.playground-card .crd{--crd-width: 240px}}.demo-panel{display:grid;gap:2rem;justify-items:center;background:var(--bg);border-radius:1rem;box-shadow:0 0 0 1px var(--ring);padding:2rem 1.5rem;margin:1.25em 0}.variant-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem}.customize{width:100%;border-top:1px solid var(--border-faint);padding-top:1.25rem;display:grid;gap:.875rem}.customize__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.customize__head h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text)}.customize__copy{display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.8125rem;font-weight:500;background:var(--hover-wash);color:var(--text);box-shadow:0 0 0 1px var(--ring);cursor:pointer;transition:background .16s ease-out}.customize__copy:hover{background:var(--bg)}.customize__copy svg{width:.75rem;height:.75rem}.customize__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.customize__label{font-size:.8125rem;font-weight:500;color:var(--muted)}.switch{position:relative;width:2.25rem;height:1.25rem;border:0;border-radius:999px;background:var(--hover-wash);box-shadow:inset 0 0 0 1px var(--ring);cursor:pointer;transition:background .2s ease-out}.switch[aria-checked=true]{background:var(--accent)}.switch__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s ease-out}.switch[aria-checked=true] .switch__thumb{transform:translate(1rem)}.variant-chip{border:0;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.8125rem;font-weight:500;background:transparent;color:var(--muted);box-shadow:0 0 0 1px var(--ring);cursor:pointer;transition:background .16s ease-out,color .16s ease-out}.variant-chip:hover{background:var(--hover-wash);color:var(--text)}.variant-chip[aria-pressed=true]{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:none}.demo-form{display:grid;gap:.875rem;width:min(380px,100%);text-align:left}.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.demo-form label{display:grid;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--muted)}.demo-form input{min-width:0;width:100%;padding:.55rem .7rem;border:0;border-radius:.5rem;box-shadow:0 0 0 1px var(--ring);font:inherit;font-size:.95rem;background:transparent;color:var(--text)}@media(max-width:40rem){.demo-form input{font-size:1rem}}.demo-form input::placeholder{color:var(--zinc-400)}.demo-form input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.field{display:grid;gap:.3rem}.field-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--muted)}.test-select{position:relative}.test-select summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .35rem;margin-right:-.35rem;border-radius:.375rem;color:var(--muted);user-select:none;transition:background .16s ease-out,color .16s ease-out}.test-select summary::-webkit-details-marker{display:none}.test-select summary:hover,.test-select[open] summary{background:var(--hover-wash);color:var(--text)}.test-select .chevron{width:.85rem;height:.85rem;transition:transform .15s ease-out}.test-select[open] .chevron{transform:rotate(180deg)}.test-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--popover-bg);border-radius:.75rem;padding:.375rem;box-shadow:0 0 0 1px var(--ring),0 1px 2px #0000000d;display:grid;z-index:20;max-height:15rem;overflow-y:auto}.test-option{display:grid;grid-template-columns:3.75rem 1fr;align-items:center;gap:.75rem;padding:.35rem .5rem;border:0;border-radius:.5rem;background:none;color:var(--text);font:inherit;font-size:.8125rem;text-align:left;cursor:pointer;white-space:nowrap}.test-option:hover{background:var(--hover-wash)}.test-option__logo{display:flex;align-items:center;justify-content:flex-start;color:var(--text);overflow:hidden}.test-option__logo svg{display:block;height:.8rem;width:auto;max-width:100%}.test-option__number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;text-align:left}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:1.25em 0}.bg-tile{position:relative;display:block;aspect-ratio:1.586;border-radius:.6rem;overflow:hidden;box-shadow:0 0 0 1px var(--ring);text-decoration:none;transition:transform .16s ease-out}.bg-tile:hover{transform:translateY(-2px)}.bg-tile img{display:block;width:100%;height:100%;object-fit:cover}.bg-tile__meta{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .5rem .4rem;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .16s ease-out}.bg-tile:hover .bg-tile__meta,.bg-tile:focus-visible .bg-tile__meta{opacity:1}@media(hover:none){.bg-tile__meta{opacity:1}}.bg-tile__icon{width:.875rem;height:.875rem;flex:0 0 auto}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:1.25em 0}.brand-grid .crd{--crd-width: 230px;margin:0 auto}.masthead__home{font-weight:500;color:var(--text);text-decoration:none}.masthead__home:hover{text-decoration:underline}.prose h1{font-size:1.875rem;font-weight:600;line-height:1.25;margin:0 0 .75em}.prose ul{padding-left:1.25rem;margin:1.25em 0;color:var(--body)}.prose li{margin:.375em 0}.api-scroll{overflow-x:auto;margin:1.25em 0}.api-table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.875rem}.api-table th:nth-child(1){width:19%}.api-table th:nth-child(2){width:37%}.api-table th,.api-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border-faint);vertical-align:top}.api-table td{color:var(--body)}.api-table th{color:var(--text);font-weight:600}.api-table td:first-child code{white-space:nowrap}.toc{display:none}@media(min-width:74rem){.toc{display:block;position:fixed;top:10rem;left:max(2.5rem,calc(50vw - 33rem));z-index:5}}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1rem;font-size:.875rem;font-weight:450}.toc li{position:relative}.toc a{display:inline-block;color:color-mix(in srgb,var(--accent) calc(var(--effect, 0) * 100%),var(--text));text-decoration:none;opacity:calc(.4 + var(--effect, 0) * .6);transform:translate(calc(var(--effect, 0) * 12px))}:root:not([data-theme=light]) .toc a{opacity:calc(.5 + var(--effect, 0) * .5)}.toc li:before{content:"";position:absolute;left:-1.625rem;top:50%;width:1rem;height:1px;background:color-mix(in srgb,var(--accent) calc(var(--effect, 0) * 100%),var(--muted));opacity:calc(.5 + var(--effect, 0) * .5);transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .5));transform-origin:left center}.toc li:not(:last-child):after{content:"";position:absolute;left:-1.625rem;top:calc(100% + .5rem);width:.5rem;height:1px;opacity:.35;background:var(--muted);transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .6));transform-origin:left center}.dock-mask{pointer-events:none;position:fixed;bottom:0;left:0;width:100%;height:13rem;z-index:9;background:linear-gradient(to top,var(--bg),transparent)}.dock{pointer-events:none;position:fixed;bottom:0;left:0;width:100%;z-index:10;padding-bottom:clamp(1.5rem,3vw,2.5rem);display:flex;justify-content:center}.dock-inner{pointer-events:auto;max-width:calc(100% - 2rem);overflow-x:auto;scrollbar-width:none;border-radius:1.375rem;background:var(--dock-bg);box-shadow:0 0 0 1px #0000000d;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);padding:.375rem;display:flex}:root:not([data-theme=light]) .dock-inner{box-shadow:none;border:1px solid rgba(255,255,255,.08)}.dock-inner::-webkit-scrollbar{display:none}.dock-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;border-radius:1rem;padding:.625rem 1rem .375rem;min-width:5.6875em;font-size:.75rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .16s ease-out;cursor:pointer;background:none;border:0;font-family:inherit}@media(max-width:26rem){.dock-item{min-width:4.75em;padding-left:.5rem;padding-right:.5rem}}.dock-item:hover{color:var(--text)}.dock-item svg{width:1.5rem;height:1.5rem}.site-footer{margin-top:5rem;color:var(--muted);font-size:.8125rem;text-align:center}.site-footer a{color:inherit}.site-footer a:hover{color:var(--text)}.created-by[data-astro-cid-75wyqqio]{position:relative;width:max-content;margin:0 auto;color:var(--text)}.created-by__user[data-astro-cid-75wyqqio]{display:flex;align-items:center;width:max-content;gap:.5rem;transition:1s all;opacity:0;text-align:initial;text-decoration:none;color:inherit}.created-by__img[data-astro-cid-75wyqqio]{border-radius:50px;border:2px solid var(--text);transition:.5s;pointer-events:none;user-select:none}.created-by[data-astro-cid-75wyqqio].in-view .created-by__user[data-astro-cid-75wyqqio]{animation:show 1s linear forwards 3s}.created-by__user[data-astro-cid-75wyqqio]:hover .created-by__img[data-astro-cid-75wyqqio]{transform:rotate(360deg)}.created-by__content[data-astro-cid-75wyqqio]{padding-right:1.5rem}.created-by__text[data-astro-cid-75wyqqio]{font-size:14px;margin:0;color:var(--muted)}.created-by__name[data-astro-cid-75wyqqio]{font-size:1rem;font-weight:400;position:relative;margin:0}.created-by__name[data-astro-cid-75wyqqio]:before{content:"";position:absolute;display:block;bottom:-2px;width:100%;height:2px;background:var(--text);transform:scaleX(0);transition:.2s all}.created-by__user[data-astro-cid-75wyqqio]:hover .created-by__name[data-astro-cid-75wyqqio]:before{transform:scaleX(1)}.created-by__signature[data-astro-cid-75wyqqio]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.signature[data-astro-cid-75wyqqio]{width:7rem;height:auto;color:var(--text)}.created-by[data-astro-cid-75wyqqio].in-view .signature[data-astro-cid-75wyqqio]{animation:hide .5s linear forwards 2.5s}.created-by[data-astro-cid-75wyqqio].in-view .signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]{animation-name:sign;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(1){stroke-dasharray:42.45901870727539;stroke-dashoffset:42.45901870727539}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(2){stroke-dasharray:107.63680267333984;stroke-dashoffset:107.63680267333984;animation-delay:.1s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(3){stroke-dasharray:102.47078704833984;stroke-dashoffset:102.47078704833984;animation-delay:.2s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(4){stroke-dasharray:70.25105285644531;stroke-dashoffset:70.25105285644531;animation-delay:.3s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(5){stroke-dasharray:79.37300872802734;stroke-dashoffset:79.37300872802734;animation-delay:.4s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(6){stroke-dasharray:123.21632385253906;stroke-dashoffset:123.21632385253906;animation-delay:.5s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(7){stroke-dasharray:188.5205841064453;stroke-dashoffset:188.5205841064453;animation-delay:.6s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(8){stroke-dasharray:183.68064880371094;stroke-dashoffset:183.68064880371094;animation-delay:.7s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(9){stroke-dasharray:226.12559509277344;stroke-dashoffset:226.12559509277344;animation-delay:.8s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(10){stroke-dasharray:173.4320068359375;stroke-dashoffset:173.4320068359375;animation-delay:.9s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(11){stroke-dasharray:102.94969940185547;stroke-dashoffset:102.94969940185547;animation-delay:1s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(12){stroke-dasharray:104.59999084472656;stroke-dashoffset:104.59999084472656;animation-delay:1.1s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(13){stroke-dasharray:37.45890426635742;stroke-dashoffset:37.45890426635742;animation-delay:1.2s}.signature[data-astro-cid-75wyqqio] path[data-astro-cid-75wyqqio]:nth-child(14){stroke-dasharray:168.07432556152344;stroke-dashoffset:168.07432556152344;animation-delay:1.3s}@keyframes sign{to{stroke-dashoffset:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes show{to{opacity:1}}@media(prefers-reduced-motion:reduce){.created-by__user[data-astro-cid-75wyqqio]{animation:none;opacity:1}.signature[data-astro-cid-75wyqqio]{display:none}}