.glass-card{position:relative;z-index:0;contain:layout style;border-radius:1.5rem;background:color-mix(in oklch,var(--card) 96%,white);border:1px solid color-mix(in srgb,var(--foreground) 9%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.035);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.glass-card.rounded-full{border-radius:999px}.glass-card.rounded-\[2rem\]{border-radius:2rem}.glass-card.rounded-3xl{border-radius:1.5rem}.glass-card.rounded-2xl{border-radius:1rem}@media (prefers-reduced-transparency:reduce){.glass-card{background:var(--card)}}.glass-card:hover{border-color:color-mix(in srgb,var(--foreground) 16%,transparent);box-shadow:0 16px 42px -30px rgba(0,0,0,.28)}.dark .glass-card{background:color-mix(in oklch,var(--card) 96%,black);border-color:color-mix(in srgb,var(--foreground) 12%,transparent);box-shadow:0 1px 2px rgba(0,0,0,.3)}@media (prefers-reduced-transparency:reduce){.dark .glass-card{background:var(--card)}}.dark .glass-card:hover{border-color:color-mix(in srgb,var(--foreground) 20%,transparent);box-shadow:0 18px 48px -32px rgba(0,0,0,.62)}html:not(.dark) .glass-card{--muted-foreground:hsl(0 0% 34%)}