.sidebar-menu{position:fixed;top:0;bottom:0;width:300px;background-color:#333;color:#fff;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;z-index:1000;transition:transform .3s ease-in-out;background-size:cover;background-repeat:no-repeat;max-width:100%;transform:translateX(100%)}.menu-item a:hover::after,.menu-list{width:100%}.sidebar-menu.right{right:0;transform:translateX(100%)}.sidebar-menu.left{left:0;transform:translateX(-100%)}.sidebar-menu.active{transform:translateX(0)}.menu-logo img{max-width:auto;margin:26px 30px;height:30px}.menu-list{list-style:none;padding:0;margin:0;text-align:center}.menu-toggle,.menu-top{position:fixed;right:20px;z-index:1100;background:#4287f9;padding:10px 12px;line-height:0;cursor:pointer;font-size:24px}.menu-item.hover-underline:hover{text-decoration:underline}.menu-item.hover-scale:hover{transform:scale(1.1);color:#fc0}.menu-toggle{top:25px;border:none;border-radius:4px}.menu-top{bottom:25px;border:none;border-radius:4px;opacity:0;transition:opacity .3s,visibility .3s}.menu-toggle.open i{content:'\f00d'}.menu-item a{position:relative;text-decoration:none;color:inherit;display:inline-block;overflow:hidden}.menu-item a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:currentColor;transition:width .3s}.menu-item{padding:0 30px;cursor:pointer;font-size:24px;border-bottom:0 solid rgba(255,255,255,.2);transition:color .3s,transform .3s}.menu-item a:hover{color:#ff5733}.menu-item-left{text-align:left!important}.menu-item-right{text-align:right!important}

.menu-share {
  position:fixed;
  right:80px;
  z-index:1100;
  background:#4287f9;
  padding:10px 12px;
  line-height:0;
  cursor:pointer;
  font-size:24px;
  bottom: 25px;
  border: none;
  border-radius: 4px;
  transition: opacity .3s,visibility .3s;
  opacity: 0;
}


.menu-text {
  font-size: 8px;
  font-weight: 500;
  line-height: 1.4;
}