:root{--tran-03:all 0.2s ease;--tran-03:all 0.3s ease;--tran-04:all 0.3s ease;--tran-05:all 0.3s ease}.sidebarModli{position:fixed;top:0;left:0;height:100%;width:250px;padding:10px 14px;background:#1f2129;transition:var(--tran-05);z-index:100}.sidebarModli.close{width:88px}.sidebarModli li{height:50px;list-style:none;display:flex;align-items:center;margin-top:10px}.sidebarModli .icon,.sidebarModli header .image{min-width:60px;border-radius:6px}.sidebarModli .icon{min-width:60px;border-radius:6px;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.sidebarModli .icon,.sidebarModli .text{color:#ccc;transition:var(--tran-03)}.sidebarModli .text{font-size:17px;font-weight:500;white-space:nowrap;opacity:1}.mode .sun-moon i.sun,.sidebarModli.close .text,body.dark .mode .sun-moon i.moon{opacity:0}.sidebarModli header{position:relative}.sidebarModli header .image-text{display:flex;align-items:center}.sidebarModli header .logo-text{display:flex;flex-direction:column}header .image-text .name{margin-top:2px;font-size:18px;font-weight:600}header .image-text .profession{font-size:16px;margin-top:-2px;display:block}.sidebarModli header .image{display:flex;align-items:center;justify-content:center}.sidebarModli header .image img{width:40px;border-radius:6px}.sidebarModli header .toggle{position:absolute;top:50%;right:-25px;transform:translateY(-50%) rotate(180deg);height:25px;width:25px;background-color:#3a3b3c;color:#242526;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:var(--tran-05)}body.dark .sidebarModli header .toggle,body.dark .sidebarModli li a:hover .icon,body.dark .sidebarModli li a:hover .text{color:#ccc}.sidebarModli.close .toggle{transform:translateY(-50%) rotate(0)}.sidebarModli .menu{margin-top:40px}.sidebarModli li a{list-style:none;background-color:transparent;display:flex;align-items:center;height:100%;width:100%;border-radius:6px;text-decoration:none;transition:var(--tran-03)}.sidebarModli li a:hover{background-color:#fff}.sidebarModli li a:hover .icon,.sidebarModli li a:hover .text{color:#242526}.sidebarModli .menu-bar{height:calc(100% - 55px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:scroll}.menu-bar::-webkit-scrollbar{display:none}.sidebarModli .menu-bar .mode{border-radius:6px;background-color:#3a3b3c;position:relative;transition:var(--tran-05)}.menu-bar .mode .sun-moon{height:50px;width:60px}.mode .sun-moon i{position:absolute}body.dark .mode .sun-moon i.sun{opacity:1}.menu-bar .bottom-content .toggle-switch{position:absolute;right:0;height:100%;min-width:60px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.toggle-switch .switch{position:relative;height:22px;width:40px;border-radius:25px;background-color:#fff;transition:var(--tran-05)}.switch::before{content:'';position:absolute;height:15px;width:15px;border-radius:50%;top:50%;left:5px;transform:translateY(-50%);background-color:#242526;transition:var(--tran-04)}body.dark .switch::before{left:20px}.home{position:absolute;top:0;left:250px;height:100vh;width:calc(100% - 250px);background-color:var(--body-color);transition:var(--tran-05)}.home .text{font-size:30px;font-weight:500;color:var(--text-color);padding:12px 60px}.sidebar.close~.home{left:78px;height:100vh;width:calc(100% - 78px)}body.dark .home .text{color:var(--text-color)}