[data-theme=light] {
    --_0-TTQI: var(--color-cold-gray-900);
    --_1-TTQI: var(--color-cold-gray-100);
    --_2-TTQI: var(--color-cold-gray-900);
    --_3-TTQI: var(--color-cold-gray-150);
    --_4-TTQI: var(--color-cold-gray-300)
}

[data-theme=dark] {
    --_0-TTQI: var(--color-white);
    --_1-TTQI: var(--color-cold-gray-800);
    --_2-TTQI: var(--color-white);
    --_3-TTQI: var(--color-cold-gray-750);
    --_4-TTQI: var(--color-cold-gray-600)
}

.nav-button-JwteAiHB {
    border: none;
    box-sizing: initial;
    display: flex;
    outline: none;
    padding: 0;
    position: relative;
    --ui-lib-nav-button-default-color-content: var(--color-text-primary);
    --ui-lib-nav-button-default-color-bg: #0000;
    background: #0000;
    color: var(--ui-lib-nav-button-color-content, var(--ui-lib-nav-button-default-color-content))
}

.nav-button-JwteAiHB.link-JwteAiHB {
    cursor: pointer
}

@media (any-hover:hover) {
    .nav-button-JwteAiHB:hover {
        --ui-lib-nav-button-default-color-content: var(--_0-TTQI);
        --ui-lib-nav-button-default-color-bg: var(--_1-TTQI)
    }
}

.nav-button-JwteAiHB:active {
    --ui-lib-nav-button-default-color-content: var(--_2-TTQI);
    --ui-lib-nav-button-default-color-bg: var(--_3-TTQI)
}

.nav-button-JwteAiHB:focus .background-JwteAiHB:after {
    display: block
}

.nav-button-JwteAiHB:focus-visible .background-JwteAiHB:after {
    display: block
}

.nav-button-JwteAiHB:focus:not(:focus-visible) .background-JwteAiHB:after {
    display: none
}

.nav-button-JwteAiHB:disabled,
.nav-button-JwteAiHB[aria-disabled=true] {
    --ui-lib-nav-button-default-color-content: var(--_4-TTQI);
    cursor: default
}

.nav-button-JwteAiHB:disabled .background-JwteAiHB,
.nav-button-JwteAiHB[aria-disabled=true] .background-JwteAiHB {
    display: none
}

.background-JwteAiHB {
    --ui-lib-nav-button-color-outline-default: var(--color-tv-blue-500);
    background: var(--ui-lib-nav-button-color-bg, var(--ui-lib-nav-button-default-color-bg));
    display: block;
    outline: none;
    overflow: visible;
    position: absolute
}

.background-JwteAiHB:focus {
    outline: none
}

.background-JwteAiHB:focus-visible {
    outline: none
}

.background-JwteAiHB:after {
    border-color: var(--ui-lib-nav-button-color-outline, var(--ui-lib-nav-button-color-outline-default));
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.icon-JwteAiHB {
    z-index: 0
}

.icon-JwteAiHB,
.icon-JwteAiHB svg {
    display: flex
}

.flip-icon-JwteAiHB,
.flip-icon-JwteAiHB svg {
    transform: rotate(90deg)
}

.flip-icon-JwteAiHB svg:dir(rtl),
.flip-icon-JwteAiHB:dir(rtl) {
    transform: rotate(-90deg)
}

.size-large-JwteAiHB {
    height: 24px;
    width: 24px;
    --ui-lib-nav-button-basic-offset: 8px;
    --ui-lib-nav-button-safe-offset: 12px;
    --ui-lib-navButton-border-radius: 8px
}

.size-large-JwteAiHB.preserve-paddings-JwteAiHB {
    padding: 8px
}

.size-large-JwteAiHB .background-JwteAiHB {
    border-radius: var(--ui-lib-navButton-border-radius);
    height: calc(100% + 16px);
    inset-inline-start: -8px;
    top: -8px;
    width: calc(100% + 16px)
}

.size-large-JwteAiHB .background-JwteAiHB:after {
    border-radius: calc(var(--ui-lib-navButton-border-radius) + 4px)
}

.size-large-JwteAiHB.preserve-paddings-JwteAiHB .background-JwteAiHB {
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    width: 100%
}

.size-medium-JwteAiHB {
    height: 18px;
    width: 18px;
    --ui-lib-nav-button-basic-offset: 8px;
    --ui-lib-nav-button-safe-offset: 12px;
    --ui-lib-navButton-border-radius: 8px
}

.size-medium-JwteAiHB.preserve-paddings-JwteAiHB {
    padding: 8px
}

.size-medium-JwteAiHB .background-JwteAiHB {
    border-radius: var(--ui-lib-navButton-border-radius);
    height: calc(100% + 16px);
    inset-inline-start: -8px;
    top: -8px;
    width: calc(100% + 16px)
}

.size-medium-JwteAiHB .background-JwteAiHB:after {
    border-radius: calc(var(--ui-lib-navButton-border-radius) + 4px)
}

.size-medium-JwteAiHB.preserve-paddings-JwteAiHB .background-JwteAiHB {
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    width: 100%
}

.size-small-JwteAiHB {
    height: 14px;
    width: 14px;
    --ui-lib-nav-button-basic-offset: 8px;
    --ui-lib-nav-button-safe-offset: 12px;
    --ui-lib-navButton-border-radius: 6px
}

.size-small-JwteAiHB.preserve-paddings-JwteAiHB {
    padding: 8px
}

.size-small-JwteAiHB .background-JwteAiHB {
    border-radius: var(--ui-lib-navButton-border-radius);
    height: calc(100% + 16px);
    inset-inline-start: -8px;
    top: -8px;
    width: calc(100% + 16px)
}

.size-small-JwteAiHB .background-JwteAiHB:after {
    border-radius: calc(var(--ui-lib-navButton-border-radius) + 4px)
}

.size-small-JwteAiHB.preserve-paddings-JwteAiHB .background-JwteAiHB {
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    width: 100%
}

.size-xsmall-JwteAiHB {
    height: 12px;
    width: 12px;
    --ui-lib-nav-button-basic-offset: 4px;
    --ui-lib-nav-button-safe-offset: 8px;
    --ui-lib-navButton-border-radius: 4px
}

.size-xsmall-JwteAiHB.preserve-paddings-JwteAiHB {
    padding: 4px
}

.size-xsmall-JwteAiHB .background-JwteAiHB {
    border-radius: var(--ui-lib-navButton-border-radius);
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.size-xsmall-JwteAiHB .background-JwteAiHB:after {
    border-radius: calc(var(--ui-lib-navButton-border-radius) + 4px)
}

.size-xsmall-JwteAiHB.preserve-paddings-JwteAiHB .background-JwteAiHB {
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    width: 100%
}

.size-xxsmall-JwteAiHB {
    height: 10px;
    width: 10px;
    --ui-lib-nav-button-basic-offset: 4px;
    --ui-lib-nav-button-safe-offset: 8px;
    --ui-lib-navButton-border-radius: 4px
}

.size-xxsmall-JwteAiHB.preserve-paddings-JwteAiHB {
    padding: 4px
}

.size-xxsmall-JwteAiHB .background-JwteAiHB {
    border-radius: var(--ui-lib-navButton-border-radius);
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    top: -4px;
    width: calc(100% + 8px)
}

.size-xxsmall-JwteAiHB .background-JwteAiHB:after {
    border-radius: calc(var(--ui-lib-navButton-border-radius) + 4px)
}

.size-xxsmall-JwteAiHB.preserve-paddings-JwteAiHB .background-JwteAiHB {
    height: 100%;
    inset-inline-start: 0;
    top: 0;
    width: 100%
}

.visually-hidden-JwteAiHB {
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}