:root :is([data-slot=metric-strip],[data-slot=card])[data-variant=raised]{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);scrollbar-width:none;box-shadow:0 2px 8px #0000000a}:root [data-slot=card][data-variant=open]{isolation:isolate;box-shadow:none;background:0 0;border:0;padding-block:0;position:relative;overflow:visible}:root [data-slot=card][data-variant=open]>:is([data-slot=card-header],[data-slot=card-content],[data-slot=card-footer]){padding-inline:0}:root [data-slot=card][data-variant=open]:before{content:"";z-index:-1;border-radius:var(--radius-xl);background:var(--surface-hover);opacity:0;transition:opacity .15s ease, transform .15s var(--ease-out-strong);pointer-events:none;position:absolute;inset:-.75rem;transform:scale(.98)}@media (hover:hover) and (pointer:fine){:root [data-slot=card][data-variant=open][data-interactive]:hover:before{opacity:1;transform:none}}:root [data-slot=card][data-variant=open][data-interactive]:focus-within:before,:root [data-slot=card][data-variant=open][data-state=selected]:before{opacity:1;transform:none}:root [data-slot=card][data-variant=open][data-state=selected]:before{background:color-mix(in oklab, var(--primary) 8%, var(--background))}@media (prefers-reduced-motion:reduce){:root [data-slot=card][data-variant=open]:before{transition:none;transform:none}}