.nav-wrapper{height:100%;.nav-pin-icon.MuiIconButton-root{z-index:99999;box-shadow:var(--flux-shadow-3);background-color:var(--flux-color-white,#fff);position:fixed;left:43px;bottom:32px;opacity:0;transition:left .15s ease-in-out,opacity .25s ease-in-out .1s}&:hover .nav-pin-icon.MuiIconButton-root{opacity:1;left:215px}.nav-pin-icon.MuiIconButton-root:hover{background-color:var(--flux-color-white,#fff)}& .MuiDrawer-paper{width:48px;max-width:220px;position:relative;overflow-x:hidden;transition:width .15s cubic-bezier(.4,0,.2,1);z-index:auto}&:not(.nav-pinned) .MuiDrawer-paper{.nav-footer{opacity:1}&:hover{width:220px;transition-duration:225ms;transition-timing-function:cubic-bezier(.4,0,.6,1);.nav-footer{opacity:1;transition:opacity 50ms ease-in-out 225ms}}&:not(:hover){.nav-item{.nav-beta-chip,.nav-item-expand,.nav-item-text,.nav-new-chip{display:none}.nav-item-button{max-width:36px;padding:0 0 0 8px;margin:0 0 0 6px}.nav-item-button:not(.active).MuiButtonBase-root.MuiListItemButton-root.Mui-focusVisible{border-radius:50%;margin:0 0 0 6px}.active{border-radius:50%}}.nav-footer{opacity:0}}}&.nav-pinned{& .MuiDrawer-paper{width:220px;.nav-item{.nav-item-text{display:block}.nav-item-expand{display:flex}}}.nav-pin-icon{left:215px}}}@media (max-width:1280px){.nav-wrapper.nav-pinned{&:not(:hover){& .MuiDrawer-paper{width:48px;.nav-item{.nav-beta-chip,.nav-item-expand,.nav-item-text,.nav-new-chip{display:none}.nav-item-button{max-width:36px;padding:0 0 0 8px}.nav-item-button,.nav-item-button:not(.active).MuiButtonBase-root.MuiListItemButton-root.Mui-focusVisible{margin:0 0 0 6px;border-radius:50%}.active{border-radius:50%}}}.MuiCollapse-root,.nav-footer,.nav-pin-icon{display:none}}}}.nav-sub-item{& a{width:100%;text-decoration:none}.nav-sub-item-button{padding:6px 10px;border-left:2px solid var(--flux-color-gray-500,#9e9e9e);&.active,&:hover{border-left:2px solid var(--flux-color-aqua-300,#a5d9d9)}}.nav-sub-item-button:hover{background-color:transparent;border-radius:0 5px 5px 0;.nav-sub-item-text{color:var(--flux-color-gray-800,#212121)}}.nav-sub-item-text{fill:var(--flux-color-gray-700,#595959);color:var(--flux-color-gray-700,#595959);.MuiTypography-root{width:100%;font-size:14px;letter-spacing:.01em;line-height:24px}}.nav-new-chip{background-color:var(--flux-color-gray-100,#f5f5f5);color:var(--flux-color-plum-500,#96497b);border:1px solid var(--flux-color-plum-500,#96497b);border-radius:5px}.nav-beta-chip,.nav-new-chip{font-family:var(--flux-font-family-base);font-size:var(--flux-font-size-sm);font-weight:var(--flux-font-weight-bold);text-transform:capitalize;height:24px;margin-right:6px}.nav-beta-chip{background-color:#ede7f6;color:#5e35b1;border:1px solid #5e35b1;border-radius:5px}}.nav-footer{padding:12px 0 12px 16px;width:220px;margin:0;.nav-footer-text,a{color:var(--flux-color-gray-500,#9e9e9e);font-family:helvetica neue,helvetica,arial,sans-serif;font-size:12px}}.nav-loading-state{.list-item{padding:18px 50px}.text-loader{width:200px;height:20px}}.app-loader__logo{animation:transitionLogoScale 5s forwards;fill:#1d9f9f;transform:scale3d(.8,.8,1);width:276px}@keyframes transitionLogoScale{to{transform:scaleX(1)}}