@layer components{.card-grid{--tarot-card-shadow:var(--shadow-card-small);--tarot-card-size:100%;gap:var(--space-2) var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.card-grid-link{gap:var(--space-025);text-align:center;flex-direction:column;display:flex}.card-grid-link .tarot-card-scene{margin-block-end:var(--space-05);transition:translate .2s ease-out}.card-grid-link:hover .tarot-card-scene{translate:0 -.25rem}.card-grid-name{color:var(--color-link);font-family:var(--font-family-title);font-size:var(--font-size-regular);line-height:var(--line-height-title);transition:color .15s ease-in-out}.card-grid-link:hover .card-grid-name{color:var(--color-link-hover)}.card-grid-keyword{color:var(--color-foreground-muted);font-size:var(--font-size-xsmall)}@media (min-width:40rem){.card-grid{gap:var(--space-25) var(--space-15);grid-template-columns:repeat(4,1fr)}.card-grid-name{font-size:var(--font-size-large)}}@media (min-width:60rem){.card-grid{grid-template-columns:repeat(6,1fr)}}}