:root{--media-max-width:34em}.card{background-color:var(--card-background-color,none);border:1px solid transparent;border-color:var(--card-border-color,none);border-radius:var(--card-border-radius,var(--border-radius));display:flex;flex-direction:column;position:relative;width:var(--card-width,100%);--card-border-color:color-mix(in srgb,var(--card-color),var(--color-background) 75%);--card-background-color:color-mix(in srgb,var(--card-color),var(--color-background) 90%);--card-footer-background-color:color-mix(in srgb,var(--card-color),var(--color-background) 80%);color:var(--card-text-color,currentColor);text-align:var(--card-text-align,left)}.card--small{font-size:.75em}.card--medium{font-size:1em}.card--large{font-size:1.25em}.card--left .card__main{justify-content:flex-start}.card--center .card__main{align-items:center;justify-content:center}.card--right .card__main{justify-content:flex-end}.card--ghost{--card-border-color:transparent;--card-header-color:var(--color-foreground);--card-padding:0}.card h6{color:var(--card-color)}.card__main{display:flex;flex-direction:column;gap:var(--card-gap,var(--space));padding:var(--card-padding,var(--space))}.card:has(.card__header) .card__main{padding-top:0}.card__footer{background-color:var(--card-footer-background-color,var(--card-background-color));border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid var(--card-border-color);padding:var(--space);--button-group-width:100%}.card__header{align-items:center;border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;justify-content:space-between;padding:var(--space-s) var(--space-s)}.card__header h4{font-size:1em}.card__header h4,.card__header h5{color:var(--card-header-color,var(--card-color))}.card__header h5{font-size:.55em;font-weight:700;text-transform:uppercase}