.leftNav{position:fixed;height:100vh;box-shadow:0 0 10px 0 rgba(0,0,0,.1);background-color:#fff;border-right:1px solid #e5e7eb;.leftNav-top{width:100%;padding-left:14px;height:60px;display:flex;align-items:center;.top-btn{padding:12px;cursor:pointer}}.leftNav-btm{padding:8px 15px 8px 18px;.item{display:flex;flex-direction:column;margin-bottom:6px;min-height:38px;justify-content:center;box-sizing:border-box;.item-button{cursor:pointer;display:flex;align-items:center;white-space:nowrap;border-radius:20px;text-decoration:none;border:0;background:transparent;padding:10px 0 10px 10px;font-size:16px;line-height:22px;.item-button-icon{width:20px;height:22px;margin-right:10px;color:#e5e7eb}}.item-button:hover{background-color:#f2f8ff}.checked-btn{background:linear-gradient(90deg,#00a7fa,#0076f5)!important;color:#fff}.item-children{padding-left:32px;box-sizing:border-box;overflow-y:hidden;transition:max-height .3s ease;max-height:650px;visibility:visible;transform:translateZ(0);padding-top:8px;.item-children-item{padding:6px 0 4px;margin-bottom:2px;font-size:14px;cursor:pointer}.item-children-item.checked,.item-children-item:hover{color:#00a7fa}}}}}.leftNav:hover{width:150px}.leftNav:hover .item-button-text{visibility:visible!important;opacity:1!important}