.sidebar{width:100px;height:-moz-fit-content;height:fit-content;color:#fff;position:fixed;z-index:5;transition:width .3s;margin:20px;background:#fff;border:1px solid #dfe3ea;border-radius:16px;padding:10px 20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar.expanded{width:-moz-fit-content;width:fit-content}.sidebar .toggleButton{display:flex;align-items:center;justify-content:center;width:50px;height:50px;cursor:pointer;border:1px solid #dfe3ea;border-radius:16px;padding:0;border-radius:50%;box-sizing:border-box;background:#fff;position:absolute;top:30px;right:-25px;z-index:5;color:#838994}.sidebar .menu{max-height:300px;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:5px}.sidebar .menu__item{padding:0 10px;transition:.3s;display:flex;align-items:center;color:#838994}.sidebar .menu__item:last-child .icon{padding-left:5px;padding-top:5px}.sidebar .menu__item.active,.sidebar .menu__item.active span,.sidebar .menu__item:hover,.sidebar .menu__item:hover span{color:#c3b091}.sidebar .menu.me{margin-top:50px}.sidebar .title{font-size:1rem;font-weight:500;color:#838994;white-space:pre-line;word-break:normal;margin-left:10px;display:none;opacity:0}@media screen and (max-width:560px){.sidebar .title{white-space:normal;display:block;opacity:1}}.sidebar .title.show{display:block;animation:fadeIn .3s ease-out .3s forwards}@keyframes fadeIn{to{opacity:1}}.sidebar a{display:flex;align-items:center;text-decoration:none}.sidebar .login-btn,.sidebar .logout-btn{padding:10px;transition:.3s;display:flex;align-items:center;color:#838994;width:180px}.sidebar .login-btn:hover,.sidebar .logout-btn:hover{color:#c3b091}.sidebar .logout-btn{padding:0 10px}.sidebar .login-btn{margin-top:50px}.sidebar .login-btn__bg{width:30px;height:30px;background:radial-gradient(100% 100% at 50% 0,#cfc0a7 0,#c3b091 100%);border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar .login-btn__bg svg{margin-left:3px}@media screen and (max-width:560px){.sidebar{display:none;height:100svh;justify-content:flex-start;gap:10px;padding:20px;position:fixed;top:0;left:0;margin:0;transition:transform .3s ease-in-out;border-top-left-radius:0;border-bottom-left-radius:0}.sidebar.expanded{display:block}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}.sidebar .logo{width:100%;padding-bottom:20px;border-bottom:1px solid #dfe3ea}.sidebar .logo img{width:140px}.sidebar .menu-wrapper{height:calc(100svh - 150px);overflow-y:scroll}.sidebar .lang-select{margin-left:10px}}