.level-badge { --badge-size:40px; display:inline-grid; width:var(--badge-size); height:var(--badge-size); flex:none; vertical-align:middle; line-height:1; isolation:isolate; }
.level-badge--sm { --badge-size:28px; }
.level-badge--lg { --badge-size:56px; }
.level-badge--hero { --badge-size:96px; }
.level-badge > img { grid-area:1/1; display:block; width:100%; height:100%; object-fit:contain; }
.level-badge > .level-badge-number { grid-area:1/1; place-self:center; position:relative; color:#fff; font-size:min(calc(var(--badge-size) * .43), calc(var(--badge-size) * .86 / var(--level-digits))); font-weight:850; font-family:inherit; font-variant-numeric:tabular-nums; letter-spacing:-.04em; text-shadow:0 1px 0 #c8d6d2, 0 2px 2px #001f19; }
.rewards-next > span { display:inline-flex; align-items:center; gap:5px; }
.profile-level .level-badge { --badge-size:36px; }
[data-sidebar-level] { display:flex; align-items:center; gap:4px; }
.nav-tone-levels .sidebar-nav-icon { background:transparent; }
.sidebar-nav-icon .level-nav-badge { width:30px; height:30px; }
.sidebar-nav-item.active .level-nav-badge { filter:drop-shadow(0 0 1px #fff6); }
.rental-option-help .level-badge { margin-right:3px; }
@media(max-width:650px) { .level-badge--hero { --badge-size:80px; } }