.menu{position:relative}.menu-wrap{color:#fff;z-index:5;background-color:#006bb8;background-image:linear-gradient(240deg,#0080809c,#0050959c);width:220px;height:100%;padding-top:12px;transition:left .15s;position:relative;box-shadow:inset 0 5px 2px #0000004d}.menu-group{margin-bottom:34px}.menu.collapsed{width:30px}.menu.collapsed .menu-wrap{position:absolute;top:0;bottom:0;left:-180px}.menu.collapsed nav{opacity:0}.menu.collapsed.after-transit .menu-wrap:hover{left:0}.menu.collapsed .menu-wrap:hover nav{opacity:1}button.trigger{color:#006bb8;z-index:6;background-color:#fff;border:1px solid #006bb8;width:30px;height:30px;position:absolute;top:16px;right:-15px}button.trigger:hover{color:#fff;background-color:#006bb8;border-color:#fff}