@charset "utf-8";

[_nghost-ng-c2349869725] { --stb-scrollbar-visibility: hidden; position: fixed; inset-inline-start: 0px; top: var(--stb-header-height); bottom: 0px; z-index: 3; display: flex; flex-direction: column; width: var(--stb-sidebar-expanded-width); }

@media (hover: hover) and (pointer: fine) {
  [_nghost-ng-c2349869725]:hover { --stb-scrollbar-visibility: visible; }
}

[_nghost-ng-c2349869725] [_ngcontent-ng-c2349869725]::-webkit-scrollbar, [_nghost-ng-c2349869725] [_ngcontent-ng-c2349869725]::-webkit-scrollbar-thumb, [_nghost-ng-c2349869725] [_ngcontent-ng-c2349869725]::-webkit-scrollbar-track { width: var(--stb-scrollbar-width); height: var(--stb-scrollbar-height); visibility: var(--stb-scrollbar-visibility); }

[_nghost-ng-c2349869725] [_ngcontent-ng-c2349869725]::-webkit-scrollbar-thumb { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-thumb-color); }

[_nghost-ng-c2349869725] [_ngcontent-ng-c2349869725]::-webkit-scrollbar-track { border-radius: var(--stb-scrollbar-border-radius); background: var(--stb-scrollbar-track-color); }

.collapsed[_nghost-ng-c2349869725] { width: var(--stb-sidebar-collapsed-width); }

.backdrop[_ngcontent-ng-c2349869725] { position: absolute; inset-inline-start: 0px; top: 0px; bottom: 0px; z-index: -1; width: var(--stb-sidebar-expanded-width); border-inline-end: 2px solid rgb(var(--stb-brand-250)); background: var(--stb-gradient-2800); }

.backdrop--collapsed[_ngcontent-ng-c2349869725] { --stb-sidebar-collapsed-translateX: calc(-100% + var(--stb-sidebar-collapsed-width)); transform: translate(var(--stb-sidebar-collapsed-translateX)); }

html[dir="rtl"][_nghost-ng-c2349869725] .backdrop--collapsed[_ngcontent-ng-c2349869725], html[dir="rtl"] [_nghost-ng-c2349869725] .backdrop--collapsed[_ngcontent-ng-c2349869725] { --stb-sidebar-collapsed-translateX: calc(100% - var(--stb-sidebar-collapsed-width)); }