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

[data-theme=dark] {
    --_0-OBlG: var(--color-cold-gray-750);
    --_1-OBlG: var(--color-cold-gray-200);
    --_2-OBlG: var(--color-cold-gray-800);
    --_3-OBlG: var(--color-cold-gray-200)
}

.widgetbar-wrap {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    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 {
    inset-inline-start: -8px;
    width: 15px
}

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

.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-start-start-radius: 4px
}

.widgetbar-pages,
.widgetbar-pages-no-tabs {
    background-color: var(--color-widget-pages-bg);
    border-inline-end: 1px solid;
    border-inline-start: 1px solid;
    border-color: var(--color-chart-page-bg);
    height: 100%;
    position: absolute;
    right: 45px;
    top: 0
}

.widgetbar-pages-no-tabs {
    inset-inline-start: 0
}

.widgetbar-pages.hidden {
    border-inline-end: 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: var(--color-widget-pages-bg);
    position: relative
}

.widgetbar-widgetheader {
    align-items: center;
    background-color: var(--color-bg-secondary);
    border-bottom: 1px solid var(--_0-OBlG);
    box-sizing: border-box;
    contain: strict;
    cursor: default;
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px;
    width: 100%
}

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

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

.widgetbar-widgettitle {
    color: var(--_1-OBlG);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.widgetbar-widgethandle {
    background: #0000;
    display: none;
    height: 5px;
    inset-inline-start: 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: var(--_3-OBlG);
    display: flex;
    float: inline-start;
    font-size: 12px;
    height: 34px;
    justify-content: center;
    line-height: 15px;
    margin-inline-start: 5px;
    position: relative;
    text-align: center;
    width: 34px;
    fill: currentColor
}

.widgetbar-headerspace .button.active,
.widgetbar-headerspace .button:active {
    background-color: var(--_2-OBlG);
    transform: scale(1)
}

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

[data-theme=light] {
    --_0-OkDn: var(--color-cold-gray-150);
    --_1-OkDn: var(--color-cold-gray-900)
}

[data-theme=dark] {
    --_0-OkDn: var(--color-cold-gray-800);
    --_1-OkDn: var(--color-cold-gray-200)
}

.widgetbar-widget.widget-X9EuSe_t {
    border-top: 4px solid;
    border-top-color: var(--_0-OkDn);
    margin-bottom: 0
}

.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: var(--_1-OkDn);
    font-size: 14px;
    font-weight: 600;
    height: auto;
    line-height: 28px;
    white-space: nowrap
}

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

.widgetHeader-X9EuSe_t .headerSpace-X9EuSe_t {
    margin-inline-start: auto
}

.widgetbarButton-tGxPdSaN {
    align-items: center;
    background-color: var(--color-brand);
    border-radius: 50%;
    bottom: 25px;
    box-shadow: 0 2px 4px 0 var(--color-other-shadow-primary-neutral-extra-heavy);
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    height: 56px;
    inset-inline-end: 25px;
    justify-content: center;
    position: fixed;
    transition: background-color .35s ease;
    width: 56px
}

@media (any-hover:hover) {
    .widgetbarButton-tGxPdSaN:hover {
        background-color: var(--color-brand-hover)
    }
}

.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, var(--color-pane-bg))
}

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

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

.button-TfUuip8s {
    height: 44px;
    margin-top: 2px
}

.buttonIcon-TfUuip8s {
    color: var(--color-container-fill-primary-neutral-extra-bold)
}

.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
}

[data-theme=dark],
[data-theme=light] {
    --_0-WUaq: var(--color-cold-gray-300)
}

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

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

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

.container-Wp9adlfh .background-Wp9adlfh {
    fill: var(--tv-color-pane-background, var(--color-pane-bg));
    stroke: var(--tv-color-platform-background, var(--color-chart-page-bg))
}

.container-Wp9adlfh .arrow-Wp9adlfh {
    stroke: var(--_0-WUaq)
}

@media (any-hover:hover) {
    .container-Wp9adlfh:hover .background-Wp9adlfh {
        fill: var(--tv-color-toolbar-toggle-button-background-active, var(--color-container-fill-primary-neutral-extra-bold));
        stroke: var(--tv-color-toolbar-toggle-button-background-active-hover, var(--color-container-fill-primary-neutral-bold))
    }
    .container-Wp9adlfh:hover .arrow-Wp9adlfh {
        stroke: var(--tv-color-pane-background, var(--color-pane-bg))
    }
}