.ui-card{background:var(--color-bg-surface);border:1px solid var(--color-border-soft);border-radius:10px;box-sizing:border-box;color:inherit;display:block;min-width:0;text-decoration:none}.ui-card--sunk{background:var(--color-bg-surface-2);border-color:transparent}.ui-card--press{background:var(--color-press);border-color:var(--color-press-border)}.ui-card--ghost{background:transparent;border-color:transparent}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:.75rem 1rem}.ui-card--pad-md{padding:20px}.ui-card--pad-lg{padding:2rem}.ui-card--interactive{cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){.ui-card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-1);transform:translateY(-2px);transition-duration:.18s}}@media(prefers-reduced-motion:reduce){.ui-card--interactive:hover{transform:none}}.ui-card--interactive{isolation:isolate;position:relative;--spot-x:50%;--spot-y:50%;--spot-a:0}.ui-card--interactive:after,.ui-card--interactive:before{border-radius:inherit;content:"";inset:-1px;opacity:var(--spot-a);pointer-events:none;position:absolute;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}.ui-card--interactive:before{background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),rgba(var(--color-primary-rgb),.07),transparent 62%);z-index:-1}.ui-card--interactive:has(.ui-menu--open){z-index:1}.ui-card--interactive:after{background:radial-gradient(180px circle at var(--spot-x) var(--spot-y),rgba(var(--color-primary-rgb),.75),transparent 70%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:1px}@media(hover:hover)and (pointer:fine){.ui-card--interactive:hover{--spot-a:1}}@media(prefers-reduced-motion:reduce){.ui-card--interactive:after,.ui-card--interactive:before{display:none}}.ui-card--interactive:focus-visible{border-radius:inherit;outline:2px solid var(--color-primary);outline-offset:2px}.ui-card--interactive{outline:none}@media(max-width:767px){.ui-card--pad-lg,.ui-card--pad-md{padding:1rem}}