.card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small);padding:var(--spacing-md);gap:var(--spacing-sm);box-shadow:none;transition:box-shadow var(--md-sys-motion-duration-medium1) ease;flex-direction:column;display:flex;position:relative}.card:has(.card__actions:not(:empty)){padding-bottom:calc(var(--spacing-md) + 40px)}.card--default{border:1px solid var(--md-sys-color-outline)}.card--default:not(.card--inert):hover{box-shadow:var(--md-sys-elevation-level1)}.card--outlined{border:2px solid var(--md-sys-color-primary)}.card--elevated{border:1px solid var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-level1)}.card--elevated:not(.card--inert):hover{box-shadow:var(--md-sys-elevation-level2)}.card--flat{border:0}.card--flat:not(.card--inert):hover{box-shadow:var(--md-sys-elevation-level1)}.card--tinted{background:var(--color-surface-tinted);border:1px solid var(--color-border-tinted);border-radius:var(--md-sys-shape-corner-large)}.card--dashed{border:1px dashed var(--color-border-tinted)}.card--active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);box-shadow:0 4px 16px color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent)}.card--disabled{opacity:.5;pointer-events:none}.card--accent{border:2px solid var(--card-accent)}.card--active.card--accent{background:color-mix(in srgb, var(--card-accent) 8%, transparent);box-shadow:none}.card--left-accent{overflow:hidden}.card--left-accent:before{content:"";width:var(--spacing-xs);background:var(--card-left-accent);position:absolute;top:0;bottom:0;left:0}.card--inert{cursor:default}.card--pressable{cursor:pointer}.card--pressable:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.card--night{background:var(--color-night-surface);border-color:var(--color-night-border)}.card--surface{background:var(--card-surface)}.card--fill{flex:1;min-height:0}.card--fill>.card__body{flex-direction:column;flex:1;min-height:0;display:flex}.card__split{align-items:flex-start;gap:var(--spacing-md) var(--spacing-xl);flex-wrap:wrap;display:flex}.card__main,.card__aside{flex:16rem;min-width:0}.card__main{gap:var(--spacing-sm);flex-direction:column;display:flex}.card__header{align-items:flex-start;gap:var(--spacing-sm);display:flex}.card__header-right{flex-shrink:0;align-self:flex-start;margin-left:auto}.card__icon{height:var(--md-sys-typescale-headline-small-line-height);flex-shrink:0;align-items:center;display:flex}.card__header--section .card__icon{height:var(--md-sys-typescale-title-small-line-height)}.card__titles{flex-direction:column;gap:2px;display:flex}.card__title{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface-strong);margin:0}.card__title--section{font:var(--md-sys-typescale-title-small)}.card__subtitle{font-size:var(--font-size-caption,14px);color:var(--md-sys-color-on-surface-variant);margin:0}.card__body{color:var(--md-sys-color-on-surface-strong);padding-bottom:var(--spacing-smd)}.card__lead{font-size:var(--font-size-caption);color:var(--md-sys-color-on-surface-variant);margin:0}.card__lead:not(:last-child){margin-bottom:var(--spacing-xs)}.card__footer{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto;display:flex}.card__footer:empty,.card__actions:empty{display:none}.card__actions{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);border-radius:0 0 var(--md-sys-shape-corner-small) var(--md-sys-shape-corner-small);justify-content:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.card:has(>.ribbon){padding-top:calc(var(--spacing-md) + var(--ribbon-clearance))}