contextmenu{
 display: block;
 position: absolute;
 bottom:0;
 top:auto;
 left:0;
 width:100%;
 transition: top 0.5s ease,bottom 0.5s ease;
}

contextmenu choice,contextmenu cancel{
  display:block;
  text-align: center;
  font-size: 21px;
  font-family: "Regular";
  padding:16px;
  box-sizing: border-box;
  height:60px;
  width:auto;
  margin-left: 10px;
  margin-right: 10px;
  border-radius:0;
  background: rgba(30,30,30,1);
  color:white;
  transition: background 0.3s ease;
}

contextmenu[jsmgr]{
  bottom:auto;
  top:100%;
}

contextmenu choice:hover,contextmenu cancel:hover{
  background: rgba(40,40,40,1);
}
contextmenu choice:active,contextmenu cancel:active{
  background: rgba(20,20,20,1);
}

contextmenu choice:not(:first-of-type):not(:last-of-type)
{
  border-top:solid rgba(50,50,50,0.3) 1px;
  border-bottom:solid rgba(50,50,50,0.3) 1px;
}

contextmenu choice:first-of-type{
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}


contextmenu choice:not(.cancel):last-of-type{
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-bottom: 10px;
}

contextmenu choice[level=error]
{
  color:rgb(255,59,48);
}
contextmenu choice[level=warn]
{
  color:rgb(255,204,0)
}
contextmenu choice[level=success]
{
  color:rgb(76,217,100)
}
contextmenu choice[level=info]
{
  color:rgb(0,122,255)
}

contextmenu cancel
{
  border-radius: 15px;
  color:rgb(255,59,48);
  margin:10px;
}