.widgetbar-wrap {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.widgetbar-hider {
    bottom: 58px;
    display: block;
    left: -3px;
    position: absolute;
    z-index: 10
}

.widgetbar-hider--closed {
    left: -4px
}

.widgetbar-handle {
    background: #0000;
    cursor: ew-resize;
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 5px
}

html.feature-mobiletouch .widgetbar-handle {
    left: -8px;
    width: 15px
}

.widgetbar-tabs {
    background-color: var(--tv-color-pane-background, #fff);
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px
}

html.theme-dark .widgetbar-tabs {
    background-color: var(--tv-color-pane-background, #0f0f0f)
}

.layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius) .widgetbar-pages,
.layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius) .widgetbar-widget:first-child,
.layout-with-border-radius .layout__area--right:not(.no-border-top-left-radius):has(.widgetbar-pages.hidden) .widgetbar-tabs {
    border-top-left-radius: 4px
}

.widgetbar-pages,
.widgetbar-pages-no-tabs {
    background-color: #fff;
    border-bottom-color: #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top-color: #ebebeb;
    height: 100%;
    position: absolute;
    right: 45px;
    top: 0
}

html.theme-dark .widgetbar-pages,
html.theme-dark .widgetbar-pages-no-tabs {
    background-color: #0f0f0f;
    border-color: #2e2e2e
}

.widgetbar-pages-no-tabs {
    left: 0
}

.widgetbar-pages.hidden {
    border-right: none !important
}

.widgetbar-pages.hidden .widgetbar-pagescontent {
    display: none
}

.widgetbar-pagescontent {
    height: 100%;
    overflow: hidden
}

.widgetbar-page {
    display: none;
    height: 100%
}

.widgetbar-page.active {
    display: block
}

.widgetbar-widget {
    background-color: #fff;
    position: relative
}

html.theme-dark .widgetbar-widget {
    background-color: #0f0f0f
}

.widgetbar-widgetheader {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    contain: strict;
    cursor: default;
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px;
    width: 100%
}

html.theme-dark .widgetbar-widgetheader {
    background-color: #0f0f0f;
    border-bottom: 1px solid #3d3d3d
}

.widgetbar-headerspace {
    display: flex;
    margin-right: -8px;
    padding: 1px 2px 0 0;
    position: relative
}

.widgetbar-widgetheader-icon {
    float: left;
    margin: 7px 0 0 10px
}

.widgetbar-widgetbody {
    contain: strict;
    overflow: hidden;
    position: relative
}

.widgetbar-widgettitle {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.theme-dark .widgetbar-widgettitle {
    color: #dbdbdb
}

.widgetbar-widgethandle {
    background: #0000;
    display: none;
    height: 5px;
    left: 0;
    position: absolute;
    top: -3px;
    touch-action: none;
    width: 100%
}

html.feature-mobiletouch .widgetbar-widgethandle {
    height: 15px;
    top: -8px
}

.widgetbar-page.widget-resize-mode,
.widgetbar-page.widget-resize-mode *,
.widgetbar-widgethandle {
    cursor: ns-resize
}

.widgetbar-widget+.widgetbar-widget .widgetbar-widgethandle {
    display: block
}

.widgetbar-headerspace .button {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    color: #0f0f0f;
    display: flex;
    float: left;
    font-size: 12px;
    height: 34px;
    justify-content: center;
    line-height: 15px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 34px;
    fill: currentColor
}

html.theme-dark .widgetbar-headerspace .button {
    color: #dbdbdb
}

.widgetbar-headerspace .button.active,
.widgetbar-headerspace .button:active {
    background-color: #f2f2f2;
    transform: scale(1)
}

@media (any-hover:hover) {
    .widgetbar-headerspace .button:hover {
        background-color: #f2f2f2;
        transform: scale(1)
    }
}

html.theme-dark .widgetbar-headerspace .button.active,
html.theme-dark .widgetbar-headerspace .button:active {
    background-color: #2e2e2e
}

@media (any-hover:hover) {
    html.theme-dark .widgetbar-headerspace .button:hover {
        background-color: #2e2e2e
    }
}

.widgetbar-headerspace .button.i-loading {
    background-color: #2962ff;
    border-color: #2962ff;
    pointer-events: none
}

html.theme-dark .widgetbar-headerspace .button.i-loading {
    background-color: #2962ff;
    border-color: #2962ff
}

@keyframes tv-pulse-animation-button {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

.widgetbar-headerspace .button.i-loading:after {
    animation-duration: 1.05s;
    animation-iteration-count: infinite;
    animation-name: tv-pulse-animation-button;
    animation-timing-function: cubic-bezier(.33, 0, .11, 1);
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

html.theme-dark .widgetbar-headerspace .button.i-loading:after {
    border: 1px solid #dbdbdb
}

.widgetbar-headerspace .button.i-loading svg {
    opacity: 0
}

.widgetbar-widget.widget-X9EuSe_t {
    border-top: 4px solid #ebebeb;
    margin-bottom: 0
}

html.theme-dark .widgetbar-widget.widget-X9EuSe_t {
    border-top-color: #2e2e2e
}

.widgetbar-widget.widget-X9EuSe_t:first-child {
    border-top: none
}

.widgetbar-widget.widget-X9EuSe_t:last-child {
    box-shadow: none
}

.widgetHeader-X9EuSe_t {
    align-items: center;
    cursor: default;
    display: flex;
    height: 48px;
    margin: 0;
    padding: 0 16px
}

.widgetHeader-X9EuSe_t .widgetTitle-X9EuSe_t {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    line-height: 28px;
    white-space: nowrap
}

html.theme-dark .widgetHeader-X9EuSe_t .widgetTitle-X9EuSe_t {
    color: #dbdbdb
}

.widgetHeader-X9EuSe_t .widgetTitle-X9EuSe_t.widgetbar-widgettitle {
    padding-left: 0
}

.widgetHeader-X9EuSe_t .headerSpace-X9EuSe_t {
    margin-left: auto
}

.widgetbarButton-tGxPdSaN {
    align-items: center;
    background-color: #2962ff;
    border-radius: 50%;
    bottom: 25px;
    box-shadow: 0 2px 4px 0 #0003;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    position: fixed;
    right: 25px;
    transition: background-color .35s ease;
    width: 56px
}

html.theme-dark .widgetbarButton-tGxPdSaN {
    box-shadow: 0 2px 4px 0 #0006
}

@media (any-hover:hover) {
    .widgetbarButton-tGxPdSaN:hover {
        background-color: #1e53e5
    }
}

.button-c8sm3pCb {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 45px;
    justify-content: center;
    width: 100%;
    --ui-lib-nav-button-color-bg: var(--tv-color-pane-background, #fff)
}

html.theme-dark .button-c8sm3pCb {
    --ui-lib-nav-button-color-bg: var(--tv-color-pane-background, #0f0f0f)
}

.separator-gZVyfVJP {
    align-self: stretch;
    background-color: var(--tv-color-toolbar-divider-background, #ebebeb);
    flex: 0 0 auto;
    height: 1px;
    margin: 6px
}

html.theme-dark .separator-gZVyfVJP {
    background-color: var(--tv-color-toolbar-divider-background, #4a4a4a)
}

.filler-GfsAWtWz {
    flex: 1 1 100%;
    min-height: 16px;
    width: 100%
}

.button-I_wb5FjE {
    height: 44px;
    width: 44px;
    --tv-toolbar-explicit-hover-margin: 3px;
    --tv-toolbar-explicit-hover-border-radius: 8px
}

.button-I_wb5FjE+.button-I_wb5FjE {
    margin-top: 2px
}

.counterRow-I_wb5FjE {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    font-size: 10px;
    height: 14px;
    left: 10px;
    line-height: 14px;
    position: absolute;
    right: calc(50% - 18px);
    top: 4px;
    white-space: nowrap
}

.wrapper-lftgaMYj {
    position: relative
}

.hintPlaceholder-lftgaMYj {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.toolbar-S4V6IoxY {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    flex: 1 0 auto;
    flex-direction: column;
    height: 100%;
    padding: 2px 0;
    width: 45px
}

.container-Wp9adlfh {
    display: block;
    transition: fill 60ms ease, stroke 60ms ease
}

.container-Wp9adlfh.mirror-Wp9adlfh {
    transform: rotate(180deg)
}

.container-Wp9adlfh .background-Wp9adlfh {
    fill: var(--tv-color-pane-background, #fff);
    stroke: var(--tv-color-platform-background, #ebebeb)
}

html.theme-dark .container-Wp9adlfh .background-Wp9adlfh {
    stroke: var(--tv-color-platform-background, #2e2e2e);
    fill: var(--tv-color-pane-background, #0f0f0f)
}

.container-Wp9adlfh .arrow-Wp9adlfh,
html.theme-dark .container-Wp9adlfh .arrow-Wp9adlfh {
    stroke: #b8b8b8
}

@media (any-hover:hover) {
    .container-Wp9adlfh:hover .background-Wp9adlfh {
        fill: var(--tv-color-toolbar-toggle-button-background-active, #2e2e2e);
        stroke: var(--tv-color-toolbar-toggle-button-background-active-hover, #4a4a4a)
    }
    html.theme-dark .container-Wp9adlfh:hover .background-Wp9adlfh {
        stroke: var(--tv-color-toolbar-toggle-button-background-active-hover, #dbdbdb);
        fill: var(--tv-color-toolbar-toggle-button-background-active, #f2f2f2)
    }
    .container-Wp9adlfh:hover .arrow-Wp9adlfh {
        stroke: var(--tv-color-pane-background, #fff)
    }
    html.theme-dark .container-Wp9adlfh:hover .arrow-Wp9adlfh {
        stroke: var(--tv-color-pane-background, #0f0f0f)
    }
}

.wrapper-QjsFciMd {
    position: relative
}

.hintPlaceholder-QjsFciMd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}