body .staff-layout{display:grid;grid-template-columns:100%;grid-gap:0;gap:0;&>.content{padding:32px 16px;width:100vw}&.overflow-x>.content{width:-moz-fit-content;width:fit-content}&>.content .staff-sticky{position:-webkit-sticky;position:sticky;width:calc(100vw - 32px);white-space:nowrap;left:16px}}body .staff-menu-bar{display:none;position:-webkit-sticky;position:sticky;left:0;top:80px;background-color:#ffffff;z-index:200;padding:32px 16px;white-space:nowrap;border-right:1px solid #f7f8fa}body .staff-menu{display:flex;flex-direction:column;& .staff-menu-buttons-group:not(:last-of-type){padding-bottom:8px;border-bottom:1px solid #d1d6dd}& .staff-menu-buttons-group:not(:first-of-type){padding-top:8px}& .MuiButton-text{width:100%;border-radius:6px;&:hover{background-color:#EDEDED}&.active{background-color:#E8EDF8}&.active:hover{background-color:#D3DCF2}}& .category-button{display:flex;justify-content:start;height:40px;background-color:#FCFCFC}& .category-button.expanded{position:-webkit-sticky;position:sticky;top:88px;z-index:20;box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}& .category-button:disabled{opacity:50%}& .category-button>svg:first-of-type{font-size:24px;margin-right:12px;& path{stroke:#485A76}&.mui{color:#485A76;& path{stroke:unset}}}& .category-button.active>svg:first-of-type{& path{stroke:#033889}&.mui{color:#033889;& path{stroke:unset}}}& .category-button>.MuiTypography-root{flex:1 1;text-align:left;color:#303E51;font-size:16px;font-weight:600;line-height:24px}& .category-button.active>.MuiTypography-root{color:#0451C6}& .category-button .expansion-indicator{font-size:20px;color:#68778E}& .category-button.active .expansion-indicator{color:#0451C6}& .staff-menu-group-content{padding:4px 0;display:flex;flex-direction:column;gap:2px}& .staff-menu-button{display:block;padding:8px 12px 8px 48px!important}& .staff-menu-button:disabled{opacity:50%}& .staff-menu-button .MuiTypography-root{display:block;color:#303E51;white-space:wrap;text-align:left;&:first-of-type{font-size:16px;font-weight:600;line-height:24px}&:last-of-type{font-size:14px;font-weight:400;line-height:20px}}& .staff-menu-button.active .MuiTypography-root{color:#0451C6}}body .MuiDrawer-root .category-button.expanded{top:-8px!important}@media only screen and (min-width:1200px){body .staff-layout{grid-template-columns:288px auto;gap:40px;&>.content{padding:32px 32px 32px 0;width:calc(100vw - 360px)}&>.content .staff-sticky{width:calc(100vw - 344px);white-space:nowrap;left:328px}}body .staff-menu-bar{display:block}}