/*Restyle header like a TST tab*/
#main-window[sizemode="maximized"] #sidebar-header {
    background: var(--lwt-selected-tab-background-color) !important;
    backdrop-filter: blur(4px) brightness(0)!important;
    border: 14px rgba(1, 1, 1, 0) solid!important;
    position: relative!important;
    margin: 5px!important;
    margin-bottom: var(--tst-roots-gap)!important;
    border-radius: var(--tst-border-rad)!important;
    z-index: 1!important;
    padding: 0px!important;
    max-height: var(--tst-height)!important;
    min-height: var(--tst-height)!important;
    margin-left: 6px!important;
    margin-right: 5px!important;
    align-content: baseline;
}

#main-window[sizemode="maximized"] #sidebar-switcher-target {
    z-index: 21!important;
}
#sidebar-switcher-target {
    margin-left: 4px!important;
}
#main-window[sizemode="maximized"] #sidebar-switcher-arrow {
    margin-left: 1px!important;
    display: none!important;
}
#main-window[sizemode="maximized"] #sidebar-title {
    font-size: var(--tst-font-size)!important;
}
/*MAGRIN HACK for TST to be used together with treestyletab.css*/

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar {
    margin-top: calc( (-1) *( var(--tst-height) + 8px))!important;
}
#sidebar-splitter {
    margin-top: var(--top-toolbar-height)!important;
}
/*TST header name change*/

#main-window[sizemode="maximized"] #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-title {
    display: none!important;
    /*Remove this line if you want full title*/
    font-size: var(--tst-font-size)!important;
    margin-left: -2px!important;
}
/*Remove if you want full title*/

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-switcher-target::after {
    margin-left: 8px!important;
    appearance: dialog!important;
    content: "Tabs"!important;
    display: block!important;
    font-size: var(--tst-font-size)!important;
    color: var(--lwt-tab-text)!important;
}