.card{border:var(--panel-border);border-radius:var(--card-border-radius);color:var(--color-text-default);background-color:var(--brand-surface-1);box-shadow:var(--card-shadow);padding:var(--panel-padding);margin-top:0;margin-bottom:var(--panel-margin-bottom);width:100%;transition:var(--transition-normal);flex-direction:column;display:flex}.card-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-large);margin-bottom:var(--panel-title-margin-bottom)}.card--transparent{background-color:#0000}.card--hoverable:hover{background-color:var(--brand-surface-2);box-shadow:var(--panel-shadow-hover);transform:translateY(-2px)}.card[role=button]{-webkit-user-select:none;user-select:none;cursor:pointer}.card[role=button]:focus-visible{outline:var(--border-w-thick) solid var(--color-text-primary);outline-offset:2px}