@layer properties,theme,base;@layer components{.card{color:var(--color-ink-2);background:var(--card-fill);overflow-wrap:anywhere}.card[data-card-interactive]{cursor:default;text-align:start;display:block}.card[data-card-interactive]:not([data-disabled]):hover{background:var(--hover-fill)}.card[data-card-interactive]:not([data-disabled]):active,.card[data-selected]{background:var(--color-selected)}.card[data-card-interactive][data-selected]:not([data-disabled]):hover,.card[data-card-interactive][data-selected]:not([data-disabled]):active{background:var(--color-selected-hover)}.card[data-disabled]{color:var(--color-ink-3);border-color:var(--refused-line,var(--color-line-quiet))}.card[data-card-interactive]:focus-visible{outline:2px solid var(--color-accent-ring);outline-offset:2px}@media (forced-colors:active){.card[data-selected]{outline:1px solid highlight}.card[data-disabled]{color:graytext;border-color:graytext}}}@layer utilities;