.generic-block{display:flex;flex-direction:column;gap:var(--size-2)}.generic-block[data-appearance=tile]{background-color:transparent}.generic-block[data-appearance=card]{background-color:var(--color-surface-00);border-radius:var(--radius-lg);border:var(--border);padding:var(--size-3)}.generic-block[data-appearance=card]:is(a,button){transition:box-shadow var(--duration-short) var(--ease-in-out)}@media(hover:hover){.generic-block[data-appearance=card]:is(a,button):hover{box-shadow:var(--shadow-md)}}.generic-block[data-appearance=card]:is(a,button):active{box-shadow:none}.generic-block[data-appearance=card-secondary]{background-color:var(--color-surface-10);border-radius:var(--radius-md);padding:var(--size-3)}.generic-block[data-appearance=card-secondary]:is(a,button){transition:background-color var(--duration-short) var(--ease-in-out)}@media(hover:hover){.generic-block[data-appearance=card-secondary]:is(a,button):hover{background-color:var(--color-surface-20)}}.generic-block[data-appearance=card-secondary]:is(a,button):active{background-color:var(--color-surface-30)}.generic-block:is(a,button){-webkit-text-decoration:none;text-decoration:none}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}