.menu-toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.menu-toggle .active{display:none}.menu-toggle input{cursor:pointer;display:flex;height:25px;opacity:0;position:absolute;width:24px;z-index:12}.menu-toggle input:checked~.burger{display:none}.menu-toggle input:checked~.active{display:block}.menu-toggle input:checked~.menu{transform:none}.menu{left:-24px;position:absolute;top:0;transform:translate(-100%);transform-origin:0 0;transition:transform .3s cubic-bezier(.77,.2,.05,1)}.menu-item{align-items:center;display:inline-flex;flex-direction:column;position:relative;transition:.2s ease-in-out}.menu-item:before{background:#fff none repeat scroll 0 0;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:0}.menu-item:hover:before{left:0;width:100%}.menu-item-black:before{background-color:#000}