@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.card{--wel-card-bg:var(--wel-color-surface-raised);--wel-card-ink:var(--wel-color-ink);--wel-card-radius:var(--wel-radius-surface);--wel-card-padding:var(--wel-space-5);--wel-card-gap:var(--wel-space-3);--wel-card-border:var(--wel-color-border-strong);--wel-card-shadow:var(--wel-shadow-1);--wel-card-shadow-hover:var(--wel-shadow-2);--wel-card-border-hover:transparent;gap:var(--wel-card-gap);background-color:var(--wel-card-bg);color:var(--wel-card-ink);border:var(--wel-border-width) solid transparent;border-radius:var(--wel-card-radius);box-shadow:var(--wel-card-shadow);transition:box-shadow calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), border-color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);flex-direction:column;display:flex;position:relative;overflow:clip}.card>:where(.card-header,.card-body,.card-footer){padding-inline:var(--wel-card-padding)}.card>:where(:first-child):where(:not(.card-media)){padding-block-start:var(--wel-card-padding)}.card>:where(:last-child):where(:not(.card-media)){padding-block-end:var(--wel-card-padding)}.card>:where(.card-media)>:where(img,video,.frame){inline-size:100%;display:block}.card :where(.card-link):after{content:"";position:absolute;inset:0}.card :where(.card-footer) :where(a,button){position:relative}@media (forced-colors:active){.card{border-color:canvastext}}}@layer variants{.card[data-variant=outlined]{--wel-card-shadow:none;--wel-card-shadow-hover:none;--wel-card-border-hover:var(--wel-color-ink-muted);border-color:var(--wel-card-border)}.card[data-variant=plain]{--wel-card-bg:transparent;--wel-card-shadow:none;--wel-card-shadow-hover:none}}@layer states{@media (hover:hover){.card:where(:has(.card-link)):hover{box-shadow:var(--wel-card-shadow-hover);border-color:var(--wel-card-border-hover)}}.card:where(:has(.card-link:focus-visible)){outline:var(--wel-focus-ring-width) solid var(--wel-focus-ring-color);outline-offset:var(--wel-focus-ring-offset)}.card :where(.card-link:focus-visible){outline:none}}@layer utilities,overrides;