@layer components{.surface-card,:where(article,li,figure,a,div).rounded-2xl.border,:where(article,li,figure,a,div).rounded-xl.border.bg-card{isolation:isolate;box-shadow:0 0 0 1px oklch(76.87% .1298 87.29/.12), 0 18px 38px -16px oklch(57.61% .1436 318.35/.58), 0 28px 54px -20px oklch(76.87% .1298 87.29/.44), 0 38px 76px -28px oklch(57.61% .1436 318.35/.34), 0 0 24px 1px oklch(57.61% .1436 318.35/.2), var(--shadow-card);will-change:transform, box-shadow;border-color:oklch(76.87% .1298 87.29/.24);transition:box-shadow .22s,border-color .22s,transform .22s,filter .22s;position:relative}.surface-card:hover,.surface-card:focus-within,:where(article,li,figure,a,div).rounded-2xl.border:hover,:where(article,li,figure,a,div).rounded-2xl.border:focus-within,:where(article,li,figure,a,div).rounded-xl.border.bg-card:hover,:where(article,li,figure,a,div).rounded-xl.border.bg-card:focus-within{filter:brightness(1.04);box-shadow:0 0 0 1px oklch(76.87% .1298 87.29/.28), 0 18px 44px -10px oklch(57.61% .1436 318.35/.82), 0 32px 70px -16px oklch(76.87% .1298 87.29/.66), 0 44px 96px -22px oklch(57.61% .1436 318.35/.58), 0 0 44px 4px oklch(57.61% .1436 318.35/.46), 0 0 28px 2px oklch(76.87% .1298 87.29/.3), var(--shadow-card);border-color:oklch(76.87% .1298 87.29/.62);transform:translateY(-5px)}.surface-card:active,:where(article,li,figure,a,div).rounded-2xl.border:active,:where(article,li,figure,a,div).rounded-xl.border.bg-card:active{filter:brightness(1.1);box-shadow:0 0 0 2px oklch(76.87% .1298 87.29/.42), 0 18px 48px -6px oklch(57.61% .1436 318.35/.94), 0 34px 82px -12px oklch(76.87% .1298 87.29/.82), 0 48px 112px -18px oklch(57.61% .1436 318.35/.72), 0 0 58px 8px oklch(57.61% .1436 318.35/.58), 0 0 38px 5px oklch(76.87% .1298 87.29/.46), var(--shadow-card);border-color:oklch(92.64% .048 90.06/.82);transition-duration:90ms;transform:translateY(-2px)scale(.992)}}@media (prefers-reduced-motion:reduce){.surface-card,:where(article,li,figure,a,div).rounded-2xl.border,:where(article,li,figure,a,div).rounded-xl.border.bg-card{transition:box-shadow .12s,border-color .12s}.surface-card:hover,.surface-card:focus-within,.surface-card:active,:where(article,li,figure,a,div).rounded-2xl.border:hover,:where(article,li,figure,a,div).rounded-2xl.border:focus-within,:where(article,li,figure,a,div).rounded-2xl.border:active,:where(article,li,figure,a,div).rounded-xl.border.bg-card:hover,:where(article,li,figure,a,div).rounded-xl.border.bg-card:focus-within,:where(article,li,figure,a,div).rounded-xl.border.bg-card:active{transform:none}}