:root{--media-max-width:34em}.card{background-color:var(--card-background-color,none);border:1px solid #0000;border-color:var(--card-border-color,none);border-radius:var(--card-border-radius,var(--border-radius));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);flex-direction:column;display:flex;position:relative}.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{justify-content:center;align-items: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{gap:var(--card-gap,var(--space));padding:var(--card-padding,var(--space));flex-direction:column;display:flex}.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{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--space-s) var(--space-s);justify-content:space-between;align-items:center;display:flex}.card__header h4{font-size:1em}.card__header h4,.card__header h5{color:var(--card-header-color,var(--card-color))}.card__header h5{text-transform:uppercase;font-size:.55em;font-weight:700}