.mmenu{position:absolute;right:20px;top:20px;overflow:visible;background:none;}
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox+label {
	color:#fff;
  display: inline-flex;
  align-items: center;
  user-select: none;
  transform:ease 1s;
}
.custom-checkbox~ul{max-height: 0; transition: max-height .5s ease-out; overflow: hidden;
	 padding:0;background:#fff;position:absolute;right:0;width: 90vw;max-width:500px;top:10px;}
.custom-checkbox+label::before {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  flex-grow: 0;
  font-size:50px;line-height:8px;font-weight:300;
  content:"– – –";
}
.custom-checkbox:checked+label::before {
	font-size:30px;line-height:30px;
	content:"✖";
}
.custom-checkbox:checked~ul{
	max-height: 90vh;
    transition: max-height .5s ease-in;
}