body{background-color:#000}.skyemu button{-webkit-appearance:button;cursor:pointer}.skyemu>.container{position:absolute;left:0;right:0;z-index:100;margin:0px;padding:0px;transition:all 0.3s}.skyemu>.container>canvas{position:relative;left:0;right:0;bottom:0;top:0;height:100%;width:100%}.skyemu .menu:not([hidden]){display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;align-items:center;padding:0px 10px;height:30px;cursor:pointer;transition:all 0.3s;user-select:none;touch-action:none}.skyemu .menu:not([hidden]) *{user-select:none;touch-action:none}.skyemu .menu:not([hidden])>.menubtn,.skyemu .menu:not([hidden])>.downbtn{border:0;width:1.5rem;height:1.5rem;border-color:transparent;background-color:transparent;border-radius:4px}.skyemu .menu:not([hidden])>.menubtn>span,.skyemu .menu:not([hidden])>.downbtn>span{display:block;width:24px;height:24px;background:#fff}.skyemu .menu:not([hidden])>.menubtn:hover,.skyemu .menu:not([hidden])>.downbtn:hover{background:#00c1ed;color:#fff}.skyemu .menu:not([hidden])>.downbtn>span{clip-path:path("M 12 20  L4 13  L6 13  L 10 16  L 11 17 L 11 6  L 13 6  L 13 17  L 14 16  L 18 13  L 20 13 Z");transition:all 0.3s}.skyemu .menu:not([hidden])>.downbtn:hover>span{clip-path:path("M 12 24  L4 13  L6 13  L 10 17  L 11 19 L 11 2  L 13 2  L 13 19  L 14 17  L 18 13  L 20 13 Z")}.skyemu .menu:not([hidden]) .title{flex-grow:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:0.675rem}.skyemu .menu:not([hidden]) .menu-list{position:absolute;bottom:calc(100% + 2px);left:0;background:#000;color:#fff;border:1px solid #726a6a;border-radius:5px;margin:auto;padding:20px;width:min(30%, 150px)}.skyemu .menu:not([hidden]) .menu-list button{display:inline-block;background:linear-gradient(360deg, #0238ff, #00b1f5);color:#fff;border-radius:5px;padding:3px;border:1px solid #0f64ff;outline:none;font-size:0.675rem;text-align:left;margin-bottom:10px;margin-right:10px}.skyemu .menu:not([hidden]) .menu-list li{margin-bottom:2px;position:relative}.skyemu .menu:not([hidden]) .menu-list li>a{word-break:break-all;color:#fff}.skyemu .menu:not([hidden]) .menu-list li>ul{position:fixed;background:#000;border:1px solid #726a6a;border-radius:5px;bottom:30px;width:calc(100% - min(30%, 150px) - 70px);height:75%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;overflow:hidden;overflow-y:auto;padding-left:25px;justify-content:flex-start}.skyemu .menu:not([hidden]) .menu-list li>ul li>p{margin:0px;font-size:0.675rem}.skyemu .menu:not([hidden]) .menu-list li>ul li>p:hover{background-color:#075eff;color:#fff}.skyemu .menu:not([hidden]) .menu-list li:not([class~="active"])>ul{right:-200%;transition:right 0.3s}.skyemu .menu:not([hidden]) .menu-list li.active>ul{right:0;transition:right 0.2s}.skyemu .menu:not([hidden]) .menubtn:not([class~="active"])~.menu-list{left:-100vw}.skyemu.active{display:inline-block}.skyemu.active>.menu{border:1px solid #000;border-radius:5px;color:#fff;background:linear-gradient(0deg, #075eff, #00e2f9)}.skyemu.active>.menu>.menubtn{margin-right:10px}.skyemu.active>.menu>.menubtn>span{clip-path:path("M 6 6 L 18 6 L 18 18 L 6 18 L 6 7 L 7 7 L 7 17 L 17 17 L 17 7 L 6 7 Z")}.skyemu.active>.menu+.container{height:0px;width:0px;top:30px;overflow:hidden}.skyemu:not([class~="active"]){position:fixed;top:0;left:0;right:0;bottom:0}@media screen and (orientation:portrait) and (max-width:800px){.skyemu:not([class~="active"]).webapp{bottom:30px}}.skyemu:not([class~="active"]) .menu{position:absolute;left:0;right:0;bottom:0;color:#fff;z-index:101;background-color:#000;background-image:linear-gradient(0deg, black, #545151)}.skyemu:not([class~="active"]) .menu>.menubtn>span{transition:clip-path 0.8s}.skyemu:not([class~="active"]) .menu>.menubtn:not([class~="active"])>span{clip-path:path("M 2 2  L 22 2  L 22 4  L 2 4 Z  M 2 10  L 22 10  L 22 12  L 2 12 Z  M 2 18  L 22 18  L 22 20  L 2 20 Z")}.skyemu:not([class~="active"]) .menu>.menubtn.active>span{clip-path:path("M 6 6 L 8 6 L 18 18 L 16 18 Z  M 18 6 L 8 18 L 6 18 L 16 6 Z")}.skyemu:not([class~="active"]) .container{width:100%}.skyemu:not([class~="active"])>.menu:not([hidden])+.container{bottom:30px;height:calc(100% - 30px)}.skyemu:not([class~="active"])>.menu[hidden]+.container{top:0;bottom:0;height:100%}