.layout-dashboard #toggle-navigation{padding:1rem}.layout-dashboard #app__navigation{position:fixed;width:15rem;top:0;left:0;bottom:0;z-index:2}.layout-dashboard #app__navigation .wrapper{padding:1.75rem;padding-top:3rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.layout-dashboard #app__navigation .wrapper nav{flex:1 1 auto}.layout-dashboard #app__navigation .wrapper nav ul,.layout-dashboard #app__navigation .wrapper nav ul li{display:block}.layout-dashboard #app__navigation .wrapper nav ul li:not(:last-child){margin-bottom:.5rem}.layout-dashboard #app__navigation .wrapper nav ul li a{font-size:1.5rem;font-weight:700;color:#656e82}.layout-dashboard #app__navigation .wrapper nav ul li a .icon{margin-right:1rem}.layout-dashboard #app__navigation #app__branding{padding-bottom:2.75rem}.layout-dashboard #app__navigation #app__branding .logo{display:flex;align-items:center}.layout-dashboard #app__navigation #app__branding .logo .img{max-width:2.5rem;margin-right:1rem}.layout-dashboard #app__navigation #app__branding .logo .text{color:#4842b7;font-size:1.25rem;font-weight:700;line-height:1.2}.layout-dashboard #app__navigation .user{display:flex;align-items:center}.layout-dashboard #app__navigation .user .icon{margin-right:.75rem;font-size:1.5rem}.layout-dashboard #app__navigation .user .display_name{font-weight:700;font-size:.8125rem}.layout-dashboard .topbar{display:flex}@media(min-width:40em){.layout-dashboard #app__view{padding:1rem}}@media(max-width:63.9375em){.layout-dashboard #app__navigation,.layout-dashboard #app__navigation:before,.layout-dashboard #app__view,.layout-dashboard .exitNavigation{transition:all .4s cubic-bezier(.075,.82,.165,1)}.layout-dashboard .exitNavigation{top:0;left:0;position:absolute;width:100vw;height:100vh;opacity:0}.layout-dashboard #app__navigation{opacity:0;z-index:2;transform:translateX(2rem)}.layout-dashboard #app__navigation:after,.layout-dashboard #app__navigation:before{position:absolute;display:block;content:"";top:0;left:0;height:100vh;background-color:#f4f8fb}.layout-dashboard #app__navigation:before{width:100vw;background-color:#b0acff;transform:translateX(50%)}.layout-dashboard #app__navigation:after{width:50vw;min-width:18rem}.layout-dashboard #app__navigation .wrapper{position:relative;z-index:1}.layout-dashboard #app__view{z-index:3}.layout-dashboard.navigation--true #app__navigation{opacity:1;transform:translateX(0)}.layout-dashboard.navigation--true #app__view{transform:perspective(10rem) translate3d(16rem,1rem,-3rem);box-shadow:0 0 2rem 0 rgba(77,87,134,.25);background-color:#fff}.layout-dashboard.navigation--true #app__view .exitNavigation{z-index:2;opacity:.15}.layout-dashboard:not(.navigation--true) .exitNavigation{pointer-events:none}.layout-dashboard:not(.navigation--true) #app__view{background-color:#f4f8fb}}@media(min-width:64em){.layout-dashboard{padding-left:15rem}.layout-dashboard #toggle-navigation{display:none}.layout-dashboard #app__navigation{box-shadow:0 0 1rem 0 rgba(77,87,134,.05)}.layout-dashboard #app__navigation .wrapper,.layout-dashboard #app__view{padding:2.75rem}}