.NavFrame{display:flex;flex-direction:row;width:100%;height:100%}.NavFrame.sidebarOpen{--gigabrain-sidebar-width: var(--gigabrain-sidebar-width-open)}.NavFrame.sidebarClosed{--gigabrain-sidebar-width: var(--gigabrain-sidebar-width-closed)}.NavFrame.sideBarNone{--gigabrain-sidebar-width: 0rem}.NavFrameContentArea{width:100%}.NavFrameRight{width:calc(100% - var(--gigabrain-sidebar-width))}.NavFrameHeaderContainer{height:var(--gigabrain-header-height);width:100%;position:fixed;top:0;right:0;z-index:9;display:flex;flex-direction:row;.NavFrameHeader-search-active .SearchBar {max-width: min(var(--gigabrain-width),100%);} .NavFrameHeaderRightButtons {display: flex; flex-direction: row; align-items: center; gap: 1rem; .GButton.small {padding: .75rem 1rem; height: 2.5rem;}}}.NavFrameSideBarContent{height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-section);.NavFrameSideBarScrollBox {display: flex; flex-direction: column; justify-content: space-between; height: 100%; overflow-y: auto; overflow-x: hidden; gap: 2rem;}}.NavFrameSideBarTop{flex-grow:1;display:flex;flex-direction:column;.NavFrameSideBarExtButtonContainer {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 1.5rem; transition: padding .3s; .SideBar-closed & {padding: 0 1.37rem;} + .SideBarNavLinks {margin-top: 2rem;} .NavFrameSideBarExtButton {width: 100%; .GButton.medium {.ExtButtonContent {transition: gap .3s; .SideBar-closed & {gap: 0;} .ExtCTACopy {width: 100%; transition: width .3s; .SideBar-closed & {width: 0;} .Text {overflow: hidden; text-wrap: nowrap;}}} .NavFrame-loggedout & {border: 1px solid transparent; background: linear-gradient(var(--bg-ui-fill),var(--bg-ui-fill)) padding-box,linear-gradient(to right,#515151,white) border-box; &:hover {background: linear-gradient(var(--bg-ui-fill-hover),var(--bg-ui-fill-hover)) padding-box,linear-gradient(to right,#515151,white) border-box;}}}} .NavFrameSideBarExtButtonSpacer {.NavFrame-loggedin & {width: 100%; transition: width .3s; .SideBar-closed & {width: 0;}} .NavFrame-loggedout & {display: none;}}}}.NavFrameSideBarBottom{.NavFrameSideBarOpenControl {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 1.88rem;} .NavFrameSideBarDrawer {display: grid; grid-template-rows: 1fr; transition: grid-template-rows .3s; .SideBar-closed & {grid-template-rows: 0fr;} .NavFrameSideBarDrawerContent {overflow: hidden;}}}@media only screen and (max-width: 700px){.NavFrame{--gigabrain-sidebar-width: 0rem}.NavFrameRight{width:100%}.NavFrameLogoGiga,.NavFrameLogoProIcon,.NavFrameLeft{display:none}}