:root { --card-footer-gap: 8px; --card-footer-line: 14px; }
.card-footer-stack { display: flex; flex-direction: column; gap: var(--card-footer-gap); }
.card-footer { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: var(--card-footer-line); color: var(--card-footer-color); font-size: 10px; font-weight: 400; line-height: var(--card-footer-line); letter-spacing: 0; pointer-events: none; }
.card-footer__note { min-width: 0; margin: 0; text-align: left; overflow-wrap: anywhere; }
.card-footer__cue { flex: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.card-footer .card-footer__cue svg { width: 12px; height: 12px; flex: none; }
.card-footer__cue.is-last svg { transform: rotate(180deg); }