.navbar{border-bottom:.5px solid #e6e3e3;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50px;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#fff}.sidebar .bottom .colorOption:nth-child(2){background-color:#000}.home{display:flex}.home .homeContainer{flex:6 1}
/*# sourceMappingURL=main.2c210a7d.css.map*/