Sidebery CSS

#root.root {--ntb-border-radius: 0;}
#root.root {--tabs-border-radius: 0;}
#root.root {--toolbar-bg: rgb(43, 42, 51));}
#root.root {--general-margin: 2px;}
#root.root {--general-border-radius: 6px;}
#root.root {--tabs-margin: 0px;}

#root.root {--nav-btn-height: 24px;}
#root.root {--nav-btn-width: 24px;}
#root.root {--nav-btn-margin: 3px;}
#root.root {--frame-bg: light-dark(#f9f9fb, rgb(43, 42, 51));}
#root.root {--custom-frame-bg: light-dark(#f9f9fb, rgb(43, 42, 51));}
#root.root {--custom-border: light-dark(rgb(204, 204, 204), hsl(240, 5%, 5%));}


.Tab {
    width:98% !important;
    transition: all 0.1s linear !important;
}
.Tab .body::before {
    transition: all 0.1s linear;
}
.Tab .close {
    border-radius: 6px 0 0 6px;
    transition: all 0.1s linear !important;
    margin-right: -1px !important;
}
.ScrollBox .Tab:not([data-lvl="0"]) .body::before {
    border-radius: 6px 0 0 6px;
}
.ScrollBox .Tab:not([data-lvl="0"]) .body{
    border-radius: 6px 0 0 6px;
}
.Tab[data-active="true"] .body {
    border: 1px solid var(--custom-border);
    border-right: 0px;
    box-shadow: none;
}
.new-tab-btns {
    margin-left: -2px !important;
}
.TabsPanel .new-tab-btn::before {
    transition: all 0.1s linear;
}

.NavigationBar .nav-item[data-active="true"] {
    box-shadow: none;
}
.NavigationBar .nav-item {
    transition: all 0.1s linear !important;
}
.NavigationBar{
    width: 98% !important;
    border: 1px solid var(--custom-border);
    border-left: 0px;
    border-right: 0px;
}

.PinnedTabsBar {
    gap: 5px !important;
    padding: 2px 5px !important;

}
.PinnedTabsBar .tab-wrapper {
    height: 100%;
    border-radius: 6px;
flex-grow: 1;
}
.PinnedTabsBar .tab-wrapper .Tab .body{
    border-radius: 6px;
}
.PinnedTabsBar .tab-wrapper .Tab .body::before {
    border-radius: 6px;
}
.PinnedTabsBar .Tab[data-active="true"] .body {
    border: 1px solid var(--custom-border);
}