.card[data-v-0bd674c6]{isolation:isolate;--tone:#a3a3a3;--tone-bright:#d4d4d8;--tone-deep:#525252;--card-bg:#14141a;--card-bg-deep:#0d0d12;border-radius:1rem;width:100%;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.card--color-cyan[data-v-0bd674c6]{--tone:#22d3ee;--tone-bright:#67e8f9;--tone-deep:#155e75}.card--color-violet[data-v-0bd674c6]{--tone:#a78bfa;--tone-bright:#c4b5fd;--tone-deep:#4c1d95}.card--color-emerald[data-v-0bd674c6]{--tone:#34d399;--tone-bright:#6ee7b7;--tone-deep:#064e3b}.card--color-amber[data-v-0bd674c6]{--tone:#fbbf24;--tone-bright:#fde68a;--tone-deep:#78350f}.card--color-rose[data-v-0bd674c6]{--tone:#fb7185;--tone-bright:#fda4af;--tone-deep:#881337}.card--no-padding[data-v-0bd674c6]{padding:0}.card--clickable[data-v-0bd674c6]{cursor:pointer}.card--glass[data-v-0bd674c6]{background:color-mix(in srgb,var(--tone) 6%,#14141a73);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid color-mix(in srgb,var(--tone) 25%,transparent)}.card--clickable.card--glass[data-v-0bd674c6]:hover{background:color-mix(in srgb,var(--tone) 12%,#14141a8c)}.card--surface[data-v-0bd674c6]{background:radial-gradient(ellipse 120% 100% at top right,color-mix(in srgb,var(--tone) 24%,transparent) 0,transparent 55%),var(--card-bg);border:1px solid color-mix(in srgb,var(--tone) 38%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tone) 22%,transparent),0 8px 24px #0000004d}.card--clickable.card--surface[data-v-0bd674c6]:hover{background:radial-gradient(ellipse 140% 110% at top right,color-mix(in srgb,var(--tone) 36%,transparent) 0,transparent 55%),var(--card-bg);border-color:var(--tone);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tone) 35%,transparent),0 8px 24px #0000004d,0 0 32px color-mix(in srgb,var(--tone) 50%,transparent);transform:translateY(-2px)}.card--outline[data-v-0bd674c6]{border:1px solid color-mix(in srgb,var(--tone) 38%,transparent);background:0 0;border-radius:.875rem}.card--clickable.card--outline[data-v-0bd674c6]:hover{background:color-mix(in srgb,var(--tone) 16%,transparent);border-color:var(--tone);box-shadow:0 0 28px color-mix(in srgb,var(--tone) 40%,transparent)}.card--neon[data-v-0bd674c6]{background:radial-gradient(ellipse 130% 100% at top,color-mix(in srgb,var(--tone) 32%,transparent) 0,transparent 60%),color-mix(in srgb,var(--card-bg-deep) 80%,var(--tone-deep));border:1px solid color-mix(in srgb,var(--tone) 50%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--tone) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--tone) 35%,transparent)}.card--clickable.card--neon[data-v-0bd674c6]:hover{background:radial-gradient(ellipse 150% 110% at top,color-mix(in srgb,var(--tone) 42%,transparent) 0,transparent 60%),color-mix(in srgb,var(--card-bg-deep) 75%,var(--tone-deep));border-color:var(--tone);box-shadow:0 0 56px color-mix(in srgb,var(--tone) 65%,transparent),inset 0 1px 0 color-mix(in srgb,var(--tone) 45%,transparent)}.card--selected[data-v-0bd674c6]{box-shadow:0 0 32px color-mix(in srgb,var(--tone) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--tone) 35%,transparent);border-color:var(--tone)!important}.card--error[data-v-0bd674c6]{box-shadow:0 0 28px #f43f5e33,inset 0 1px #f43f5e2e;border-color:#f43f5e8c!important}.card--success[data-v-0bd674c6]{box-shadow:0 0 28px #22c55e33,inset 0 1px #22c55e2e;border-color:#22c55e8c!important}@media (width<=768px){.card[data-v-0bd674c6]{border-radius:.875rem;padding:1.25rem}}@media (width<=480px){.card[data-v-0bd674c6]{border-radius:.75rem;padding:1rem}}.card.card--no-padding[data-v-0bd674c6]{padding:0}.card--no-hover[data-v-0bd674c6]{transition:none}.card--no-hover[data-v-0bd674c6]:hover{transform:none!important}