@layer components{.card{background-color:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-alpha-black-50);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column}.card--tawny{background-color:var(--color-tawny);border-color:transparent}.card--lemongrass{background-color:var(--color-lemongrass);border-color:transparent}.card--ash{background-color:var(--color-ash);border-color:transparent}.card--fern{background-color:var(--color-fern);border-color:transparent}.card--tundra{background-color:var(--color-tundra);border-color:transparent}.card--orchid{background-color:var(--color-orchid);border-color:transparent}.card--fog{background-color:var(--color-fog);border-color:transparent}.card--guava{background-color:var(--color-guava);border-color:transparent}.card--flat{border-color:transparent;box-shadow:none}.card__header{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-6);padding-bottom:0}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.card__description{font-size:var(--font-size-sm);color:var(--color-text-subdued);margin:0}.card__content{padding:var(--spacing-6);flex:1}.card__header+.card__content{padding-top:var(--spacing-4)}.card__footer{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);padding-top:0}.card__content+.card__footer{padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--color-border);margin-top:var(--spacing-2)}}