.card{background-color:var(--surface-color);border-style:solid;border-width:1px;border-color:var(--border-color);border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.card--flat{box-shadow:none;background-color:#0000;border:none}.card__header{border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.card__heading{min-width:0}.card__title{font-size:1.125rem}.card__description{color:var(--neutral-color);margin-top:.15rem;font-size:.875rem}.card__actions{flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.card__body{padding:1rem}.card__footer{border-top:1px solid var(--border-color);padding:1rem}.card--flat .card__header,.card--flat .card__footer{border:none}