.container{display:flex;height:100vh;background:radial-gradient(ellipse at bottom,var(--grey-900) 0%,var(--grey-900) 100%);overflow:hidden}.main-content{width:100%;transition:width .5s ease;overflow:auto;scrollbar-width:none;background-color:#d7f0ff}.main-content :-webkit-scrollbar{display:none}.sidebar-toggle-btn{position:fixed;z-index:101;left:0;top:0;height:4rem;width:4rem;margin:1rem}.sidebar{z-index:100;height:100vh;background-color:#fff;color:var(--secondary-contrastText);overflow-x:hidden}@media (min-width: 768px){.sidebar-toggle-btn{display:none}.sidebar-hidden{display:block}.sidebar{display:block;position:relative;width:20vw;min-width:215px}}@media (max-width: 768px){.sidebar-toggle-btn{display:block}.sidebar-hidden{display:none!important}.sidebar{display:block;position:fixed;width:100vw}}.sidebar-logo{text-align:center;align-content:center;height:2em;color:var(--secondary-contrastText);transition:width .5s ease;overflow:hidden}.sidebar-logo.expanded{width:240px}.sidebar-profile{display:flex;margin:1em;position:fixed;top:0;right:0;z-index:100}.sidebar-profile.expanded{width:240px}.sidebar-notifications{margin:1em}.sidebar-notifications.expanded{width:240px}.logo-container{display:flex;align-items:center;height:100px;border-bottom:2px solid #ccc}.logo-image{height:60px;max-height:100%;object-fit:contain}.notifications-container{display:flex;align-items:center;height:100px;border-bottom:2px solid #ccc}.sidebar-category-button{display:flex;align-items:center;color:var(--primary-contrastText)}.sidebar-category-button-text{text-transform:none!important;color:#3b6fb5!important;background-color:transparent!important;padding:0!important;min-width:auto!important}.sidebar-category-button-icon{color:var(--primary-contrastText)}.sidebar-category-options{margin:10px}.sidebar-category-logout{display:flex;align-items:center;color:var(--primary-contrastText)}@media (min-width: 768px){.authScreenCard{padding:5rem;width:40vw;margin-top:10vh;max-width:450px}}@media (max-width: 1024px){.authScreenCard{padding:2rem;width:60vw;margin-top:10vh;max-width:450px}}@media (max-width: 768px){.authScreenCard{padding:1rem;width:80vw;margin-top:5vh;max-width:450px}}@media (max-width: 320px){.authScreenCard{padding:.5rem;width:90vw;margin-top:2vh;max-width:450px}}