.app-badges{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.app-badge{border-radius:var(--r-md);background:var(--navy-900);color:#fff;min-height:48px;transition:background-color var(--dur-fast) ease;align-items:center;gap:.5rem;padding:0 20px 0 16px;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.app-badge:hover{background:var(--navy-800)}:is(.on-dark,.tone-band,.tone-court,.tone-navy,.tone-stage) .app-badge{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29}:is(.on-dark,.tone-band,.tone-court,.tone-navy,.tone-stage) .app-badge:hover{background:#ffffff24}.on-light .app-badge{background:var(--navy-900);box-shadow:none;color:#fff}.app-badges--sm .app-badge{min-height:40px;padding:0 16px 0 12px;font-size:.875rem}