.tile{--tile-background:var(--color-white);--tile-color:var(--color-primary-dark);--tile-box-shadow:4px 4px 0 0 var(--color-white-bright);--tile-outline:none;--tile-border-radius:var(--theme-border-radius-md,0);--tile-transition:var(--tile-transition-motion,none);align-items:center;background:var(--tile-background);border:none;border-radius:var(--tile-border-radius);box-shadow:var(--tile-box-shadow);display:flex;padding:var(--space-xl);-moz-column-break-inside:avoid;break-inside:avoid;color:var(--tile-color)!important;font:var(--font-h4);gap:var(--space-sm);outline:var(--tile-outline);text-decoration:none;transition:var(--tile-transition)}@media(prefers-reduced-motion:no-preference){.tile{--tile-transition-motion:color 200ms ease,background 200ms ease}}.tile:where(:hover,:focus){--tile-background:var(--color-primary-dark);--tile-color:var(--color-white)}.tile:where(:focus-visible){--tile-outline:2px solid var(--color-highlight)}.tile--primary{--tile-background:var(--color-primary-dark);--tile-color:var(--color-white);--tile-box-shadow:none}.tile--primary:where(:hover,:focus){--tile-background:var(--color-white);--tile-color:var(--color-primary-dark)}