:where(.ui-top-bar):not(#\#){position:relative}.ui-top-bar{position:relative}.ui-top-bar:not(#\#){flex:none;display:flex;align-items:center;justify-content:space-between}.ui-top-bar-side:not(#\#){display:flex;align-items:center;height:100%}.ui-top-bar-action:not(#\#){display:flex;align-items:center;justify-content:center;color:inherit;-webkit-tap-highlight-color:transparent}.ui-top-bar-center:not(#\#){display:flex;flex:1;align-items:center;min-width:0}.ui-top-bar-title:not(#\#){position:absolute;top:50%;left:50%;max-width:60%;translate:-50% -50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}@supports not (translate:0){.ui-top-bar-title:not(#\#){transform:translate(-50%,-50%)}}.ui-tux.ui-top-bar:not(#\#){height:calc(44 * var(--tux-dp));padding-left:calc(4 * var(--tux-dp));padding-right:calc(4 * var(--tux-dp));padding-inline:calc(4 * var(--tux-dp));color:var(--color-c-text)}.ui-tux .ui-top-bar-action:not(#\#){width:calc(40 * var(--tux-dp));height:calc(40 * var(--tux-dp));border-radius:50%}.ui-tux .ui-top-bar-action svg:not(#\#){width:calc(24 * var(--tux-dp));height:calc(24 * var(--tux-dp))}.ui-tux .ui-top-bar-action:active:not(#\#){background:var(--ui-press)}.ui-tux .ui-top-bar-title:not(#\#){font-weight:700;font-size:calc(16 * var(--tux-dp))}:root:not(#\#){--ui-tux-nav-height:calc(52 * var(--tux-dp))}.ui-tux.ui-top-bar[data-variant=nav]:not(#\#){height:var(--ui-tux-nav-height);padding-left:calc(8 * var(--tux-dp));padding-right:calc(8 * var(--tux-dp));padding-inline:calc(8 * var(--tux-dp));color:#000}.ui-tux.ui-top-bar[data-variant=nav] .ui-top-bar-action:not(#\#){width:calc(40 * var(--tux-dp));height:calc(44 * var(--tux-dp))}.ui-tux.ui-top-bar[data-variant=nav] .ui-top-bar-title:not(#\#){font-family:var(--font-tiktok-sans);font-size:calc(17 * var(--tux-dp));font-weight:700;line-height:calc(22 * var(--tux-dp));font-variation-settings:"opsz" 17}.ui-tux.ui-top-bar[data-variant=search]:not(#\#){column-gap:calc(8 * var(--tux-dp));height:calc(52 * var(--tux-dp));padding-left:calc(8 * var(--tux-dp));padding-right:calc(16 * var(--tux-dp));padding-inline:calc(8 * var(--tux-dp)) calc(16 * var(--tux-dp));background:#fff;color:#161823}.ui-tux.ui-top-bar[data-variant=search] .ui-top-bar-action:not(#\#){width:calc(32 * var(--tux-dp));height:calc(40 * var(--tux-dp));border-radius:0}.ui-tux.ui-top-bar[data-variant=search] .ui-top-bar-action:active:not(#\#){background:none}.ui-tux.ui-top-bar[data-variant=search] .ui-top-bar-side:last-child .ui-top-bar-action:not(#\#){width:calc(28 * var(--tux-dp))}.ui-tux.ui-top-bar[data-variant=player]:not(#\#){height:calc(52 * var(--tux-dp));padding-left:calc(4 * var(--tux-dp));padding-right:calc(16 * var(--tux-dp));padding-inline:calc(4 * var(--tux-dp)) calc(16 * var(--tux-dp));color:#fff;pointer-events:none}.ui-tux.ui-top-bar[data-variant=player] .ui-top-bar-action:not(#\#),.ui-tux.ui-top-bar[data-variant=player] .ui-top-bar-center>:not(#\#){pointer-events:auto}.ui-tux.ui-top-bar[data-variant=player] .ui-top-bar-action:not(#\#){width:calc(52 * var(--tux-dp));height:calc(52 * var(--tux-dp));border-radius:0}.ui-tux.ui-top-bar[data-variant=player] .ui-top-bar-action:active:not(#\#){background:none}.ui-classic.ui-top-bar[data-variant=nav]:not(#\#){box-sizing:initial;height:46px;padding-top:calc(.125 * var(--ui-rem));padding-bottom:calc(.125 * var(--ui-rem));padding-block:calc(.125 * var(--ui-rem));background:#fff;line-height:22px;color:#000}.ui-classic.ui-top-bar[data-variant=nav] .ui-top-bar-action:not(#\#){height:100%;padding-left:16px;padding-right:16px;padding-inline:16px;font-size:calc(.52 * var(--ui-rem))}.ui-classic.ui-top-bar[data-variant=nav] .ui-top-bar-title:not(#\#){font-size:calc(.42 * var(--ui-rem));font-weight:500;color:#323232}.ui-bottom-sheet .ui-top-bar:is(.ui-tux,.ui-classic)[data-variant]:not(#\#){background:none}.ui-bottom-sheet .ui-top-bar[data-variant].ui-classic,.ui-bottom-sheet .ui-top-bar[data-variant].ui-tux{background:none}.ui-classic.ui-top-bar[data-variant=plain]:not(#\#){color:#808080}.ui-classic.ui-top-bar[data-variant=plain] .ui-top-bar-action:not(#\#){font-size:calc(.6 * var(--ui-rem))}.ui-tux.ui-top-bar .ui-top-bar-action[data-kind=text]:not(#\#){width:auto;min-width:calc(40 * var(--tux-dp));padding-left:calc(8 * var(--tux-dp));padding-right:calc(8 * var(--tux-dp));padding-inline:calc(8 * var(--tux-dp));border-radius:0;font-family:var(--font-tiktok-sans);font-size:calc(16 * var(--tux-dp));line-height:calc(20 * var(--tux-dp));font-variation-settings:"opsz" 16;white-space:nowrap}.ui-tux.ui-top-bar .ui-top-bar-action[data-kind=text][data-tone=primary]:not(#\#){font-weight:600;color:var(--color-c-brand)}.ui-tux.ui-top-bar .ui-top-bar-action[data-kind=text][data-tone=secondary]:not(#\#){font-weight:400;color:#000}.ui-tux.ui-top-bar .ui-top-bar-action[data-kind=text]:active:not(#\#){background:none}.ui-tux.ui-top-bar .ui-top-bar-action[data-kind=text]:disabled:not(#\#){opacity:.4}.ui-top-bar[data-safe-top]:is(.ui-tux,.ui-classic)[data-variant]:not(#\#){box-sizing:initial;padding-top:var(--safe-top)}.ui-top-bar[data-safe-top][data-variant].ui-classic,.ui-top-bar[data-safe-top][data-variant].ui-tux{box-sizing:initial;padding-top:var(--safe-top)}.ui-classic.ui-top-bar[data-variant=nav][data-safe-top]:not(#\#){padding-top:calc(.125 * var(--ui-rem) + var(--safe-top))}.ui-top-bar[data-safe-top]>.ui-top-bar-title:not(#\#){top:calc(50% + var(--safe-top) / 2)}.ui-top-bar[data-tone=inverse]:is(.ui-tux,.ui-classic)[data-variant]:not(#\#){color:#fff}.ui-top-bar[data-tone=inverse][data-variant].ui-classic,.ui-top-bar[data-tone=inverse][data-variant].ui-tux{color:#fff}.ui-top-bar[data-tone=inverse]:is(.ui-tux,.ui-classic) .ui-top-bar-action:active:not(#\#){background:rgb(255 255 255/.15)}.ui-top-bar[data-tone=inverse].ui-classic .ui-top-bar-action:active,.ui-top-bar[data-tone=inverse].ui-tux .ui-top-bar-action:active{background:rgb(255 255 255/.15)}.ui-tux.ui-top-bar[data-tone=inverse] .ui-top-bar-action[data-kind=text][data-tone=secondary]:not(#\#){color:#fff}.ui-top-bar[data-scroll-fill]:not(#\#){isolation:isolate}.ui-top-bar-fill:not(#\#){position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:#fff;box-shadow:0 .5px 0 rgb(22 24 35/.12);opacity:0;transition:opacity .16s ease-out;pointer-events:none}@media (max-resolution:1.49dppx){.ui-top-bar-fill:not(#\#){box-shadow:0 1px 0 rgb(22 24 35/.12)}}.ui-top-bar[data-scrolled]>.ui-top-bar-fill:not(#\#){opacity:1}@media (prefers-reduced-motion:reduce){.ui-top-bar-fill:not(#\#){transition:none}}