.ui-card{--ui-card-pad:var(--space-5);gap:var(--space-3);min-width:0;padding:var(--ui-card-pad);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-1);transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);flex-direction:column;display:flex;position:relative}.ui-card[data-size=compact]{--ui-card-pad:var(--space-4);gap:var(--space-2)}.ui-card[data-size=large]{--ui-card-pad:var(--space-6);gap:var(--space-4)}.ui-card-media{margin:calc(-1 * var(--ui-card-pad)) calc(-1 * var(--ui-card-pad)) 0;border-radius:calc(var(--radius-l) - 1px) calc(var(--radius-l) - 1px) 0 0;background:var(--sunken);overflow:hidden}.ui-card-media>:is(img,video,svg,canvas){object-fit:cover;width:100%;height:100%;display:block}.ui-card[data-size=large] .ui-card-media{aspect-ratio:16/9}.ui-card-head{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-card-title{color:var(--text);font-size:var(--fs-16);line-height:var(--lh-16);letter-spacing:0;text-wrap:balance;margin:0;font-weight:600}.ui-card-meta{color:var(--text-2);font-size:var(--fs-13);line-height:var(--lh-13)}.ui-card-body{min-width:0;color:var(--text-2)}.ui-card-footer{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.ui-card-footer :is(a,button,input,select,textarea,label,[tabindex]){position:relative}.ui-card-link{color:inherit;text-decoration:none}.ui-card-link:hover{text-decoration:none}.ui-card-link:after{content:"";border-radius:var(--radius-l);position:absolute;inset:0}.ui-card-link:focus-visible{outline:none}.ui-card-link:focus-visible:after{outline:2px solid var(--accent-fg);outline-offset:2px}.ui-card[data-link]:hover{border-color:var(--line-strong);background:var(--raised)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .ui-card[data-link]:hover{box-shadow:var(--shadow-2)}}:root[data-theme=light] .ui-card[data-link]:hover{box-shadow:var(--shadow-2)}.ui-card[data-selected]{border-color:var(--accent-fg)}
