.TopBarControls{display:flex;align-items:center;gap:.375rem}.TopBarControls-brand{display:flex;align-items:center;gap:.5rem}.TopBarControls-pill{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.25rem;--tw-text-opacity:1;color:rgb(var(--c-fg-muted)/var(--tw-text-opacity))}@media (pointer:coarse){.TopBarControls-pill{min-height:var(--tap-min,2.75rem);min-width:var(--tap-min,2.75rem)}}.TopBarControls-pill{border-radius:9999px;padding:.375rem .625rem;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.TopBarControls-pill:hover{color:rgb(var(--c-fg)/var(--tw-text-opacity))}.TopBarControls-pill.active,.TopBarControls-pill:hover{--tw-bg-opacity:1;background-color:rgb(var(--c-accent-50)/var(--tw-bg-opacity));--tw-text-opacity:1}.TopBarControls-pill.active{color:rgb(var(--c-accent-strong)/var(--tw-text-opacity))}.TopBarControls-pill--icon{padding-left:.625rem;padding-right:.625rem}.TopBarControls-count{flex:none;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--c-accent-100)/var(--tw-bg-opacity));padding-left:.375rem;padding-right:.375rem;--tw-text-opacity:1;color:rgb(var(--c-accent-strong)/var(--tw-text-opacity));font-size:.6875rem;font-weight:800;line-height:1.25rem}