@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.main-layout{display:flex}.main-layout-left{width:240px}.main-layout-right{flex:1;display:flex;flex-direction:column}.full-width .outlet-fullscreen{width:100%}.login-page{display:flex;justify-content:center;align-items:flex-start;height:100vh;position:relative}.login-box{display:flex;background-color:#23272a;width:80rem;height:60rem;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;position:relative}.login-left{flex:3;display:flex;flex-direction:column;justify-content:flex-start;color:#fff;position:relative}.login-content{padding:0rem 2rem 7rem;overflow-y:auto}.login-content::-webkit-scrollbar{width:8px}.login-content::-webkit-scrollbar-track{background:transparent}.login-content::-webkit-scrollbar-thumb{background-color:var(--Body-login);border-radius:4px}.login-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#2c2f33;border-top-right-radius:8px;border-bottom-right-radius:8px;width:30rem;max-height:100vh;padding:2rem;overflow-y:auto;color:#fff}.fixed-scope-button{position:absolute;bottom:0;left:0;right:0;width:95%;margin-left:1rem;margin-bottom:1rem;background-color:#23272a;z-index:10}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#5865f2 #23272a}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#23272a;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#5865f2;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#7289da}body{font-family:Roboto,Helvetica Neue,Arial,sans-serif}html{--Body-login: #5865f2;--TextField-background: #2c2f33;--Button-background: #5865f2;--Forgot-text: #00a2ff;--Register-text: #949ba4;--Home-background: #313339;--SideBar-background: #2b2d30;--PageHeader-background: ##38343c;--Divider-color: #5c5c5c;--Button-text-disabled: #fff;--Sidebar-control-background: #232428;--Channel-text-area-background: #36373b;--Channel-text-area-placeholder: #505158;--Channel-users-background: #2b2d31;--User-activity-text-color: #949ba4}