.navigation-folders .folder-color{position:relative;overflow:visible;flex-shrink:0;margin-right:7px}
.folder-unread-badge{position:absolute;top:-7px;right:-11px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--panel);border-radius:999px;background:#71869a;color:#fff;font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;box-sizing:border-box;white-space:nowrap;pointer-events:none}
.navigation-folders .active .folder-unread-badge{background:#4c9ee7;border-color:var(--accent-bg)}
.navigation-folders .navigation-item:hover:not(.active) .folder-unread-badge{border-color:var(--raised)}
.navigation-collapsed .navigation-folders .folder-color{margin-right:0}
@media(max-width:600px){.mail-navigation .navigation-folders .folder-color{margin-right:7px}.folder-unread-badge{min-width:20px;height:20px;font-size:11px;top:-8px;right:-12px}}