body{height:100vh;background:#fff}:root{--sidebar-color: #F3F3F3;--primary-color: #DC4C64;--primary-color-light: #f6f5ff;--toggle-color: #ddd;--text-color: #707070;--tran-02: all 0.2s ease;--tran-03: all 0.3s ease;--tran-04: all 0.4s ease;--tran-05: all 0.5s ease}.sidebar{position:fixed;top:0;left:0;margin-top:60px;height:100%;width:250px;padding:10px 14px;background:var(--sidebar-color);transition:var(--tran-05);white-space:nowrap;z-index:100}.sidebar li a{color:var(--text-color)}.sidebar li a.active{color:var(--primary-color-light);background-color:var(--primary-color)}.sidebar.close{width:100px}.sidebar .text{font-size:16px;font-weight:500;color:var(--secondary)}.sidebar.close .text{opacity:0}.sidebar .image{min-width:60px;display:flex;align-items:center}.sidebar .menu-links{margin:0;padding:0}.sidebar li{padding:0px 10px 0px 0px;margin:0;height:50px;margin-top:10px;list-style:none;display:flex;align-items:center}.sidebar li .icon{display:flex;align-items:center;justify-content:center;min-width:60px;font-size:20px}.sidebar li .icon,.sidebar li .text{transition:var(--tran02)}.sidebar .first{position:relative}.sidebar .image-text img{width:40px;border-radius:6px}.sidebar header .image-text{display:flex;align-items:center}header .image-text .header-text{display:flex;flex-direction:column}.header-text .name{font-weight:600}.header-text .profession{font-weight:500}.sidebar .first .toggle{position:absolute;top:50%;right:-25px;transform:translateY(-50%) rotate(180deg);height:25px;width:25px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sidebar-color);font-size:16px;transition:var(--tran-03)}.sidebar.close .first .toggle{transform:translateY(-50%)}.sidebar li a{height:100%;width:100%;display:flex;align-items:center;text-decoration:none;border-radius:6px;transition:var(--tran-04)}.sidebar li a:hover{background:var(--primary-color)}.sidebar li a:hover .icon,.sidebar li a:hover .text{color:var(--sidebar-color)}.sidebar .menu-bar{height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:space-between}.menu-bar .mode{background:var(--primary-color-light)}.menu-bar .mode .moon-sun{height:50px;width:60px;display:flex;align-items:center}.menu-bar .mode i{position:absolute}.menu-bar .mode i.sun{opacity:0}.menu-bar .mode .toogle-switch{display:flex;align-items:center;justify-content:center;height:100%;min-width:60px;cursor:pointer}.toogle-switch .switch{position:relative;height:22px;width:44px;border-radius:25px;background:var(--toggle-color)}.switch::before{content:"";position:absolute;height:15px;width:15px;border-radius:50%;top:50%;left:5px;transform:translateY(-50%);background:var(--sidebar-color);cursor:pointer}.content{margin-top:80px;position:relative;left:250px;height:100vh;width:calc(100% - 250px);transition:var(--tran-05)}.content .text{font-size:30px;font-weight:500;color:var(--text-color);padding:8px 40px}.sidebar.close~.content{left:100px;width:calc(100% - 100px)}/*# sourceMappingURL=sidebar.css.map */