*{margin:0;padding:0;box-sizing:border-box}.menu{position:relative;width:100%;height:100%;position:fixed;z-index:9999;visibility:hidden;padding:5%;background-color:#f5ed0e;font-family:Arial,Helvetica,sans-serif}.menu--collapsable{position:fixed;width:0}.menu--from-left{transition:left .5s;left:-100%;top:0;bottom:0;right:0}.menu--from-right{transition:right .5s;right:-100%}.menu--from-top{transition:top .5s;top:-100%;left:0;bottom:0;right:0}.menu--from-bottom{transition:bottom .5s;bottom:-100%}.open--left{left:0}.open--right{right:0}.open--top{top:0}.open--bottom{bottom:0}.hide--right{right:-100%}.menu--sm{width:30%}.menu--md{width:50%}.menu--lg{width:100%}.menu--speed-slow{transition-duration:2s}.menu--speed-normal{transition-duration:.5s}.menu--speed-fast{transition-duration:.2s}::backdrop,:fullscreen{background-color:rgba(255,255,255,0)}