/* A deck to look at: zones stacked, a group per card type, pictures with their quantity. */
.deck-view__edit { margin-left: auto; }
.deck-view__export { display: flex; gap: 8px; }
.deck-view__missing { margin: 16px 24px 0; font-size: 13px; color: var(--text-muted); }
.deck-view__missing strong { color: var(--accent-text); }
.deck-view__zone { padding: 16px 24px; border-bottom: 1px solid var(--border); }
.deck-view__zone-title { margin: 0 0 12px; font: 600 16px var(--font); letter-spacing: -.01em; }
.deck-view__type + .deck-view__type { margin-top: 16px; }
.deck-view__type-title { margin: 0 0 8px; color: var(--text-muted); font: 500 13px var(--font); }
.deck-view__empty { margin: 0; color: var(--text-muted); font-size: 13px; }
.deck-view .card-tile__link { position: relative; }
.deck-view__quantity {
    position: absolute;
    right: 6px;
    bottom: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--strong);
    color: var(--on-strong);
    font: 600 13px var(--font);
}

@media (max-width: 767px) {
    .deck-view__missing { margin: 12px 16px 0; }
    .deck-view__zone { padding: 12px 16px; }
}