.baseMenu{
  position:absolute;
  right:var(--scrollbar-width);
  top:0px;
  z-index:100;
  display: flex;
  justify-content:flex-end;
  flex-direction: row-reverse;
}
.baseMenu .level{
  display:flex;
  flex-direction: column;
  margin-left:1px;
}
.baseMenu .item{
  width:60px;
  height:60px;
  margin-bottom:1px;
  background-color: rgba(0, 0, 0, 0.3);
  color:#fff;
  font-size:2rem;
  font-family: GeoramaCondenssed-ThinItalic;
  background-size:auto;
  background-repeat: no-repeat;
  background-position: center;
}


@media(hover: hover){
  .baseMenu .item:hover{
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
  }
}
.baseMenu .item:active{
  background-color: rgba(0, 0, 0, 0.9);
}


.baseMenu .mainMenu{  
  background-image: url(../images/icons/menu_w_xs.png);
}
.baseMenu .likes{
  display:none;
  position:relative;
  background-image: url(../images/icons/like-main_w_xs.png);
}
.baseMenu .wants{
  display:none;
  position:relative;
  background-image: url(../images/icons/want-main_w_xs.png);
}
.baseMenu .likes .indicator,
.baseMenu .wants .indicator{
  color: #fff;
  font-size:0.6rem;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  background-color: #000;
  padding-top:1px;
  width:16px;
  height:16px;
  border-radius:50%;
  position: absolute;
  top:12px;
  right:8px;
  text-align: center;
}
.baseMenu .l2{
  display:none;
}



.baseMenu .close{
  background-image: url(../images/icons/close_b_xs.png);
  background-color: #fff;
}