.app-main[data-v-180a4543]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100vh;height:-webkit-fill-available;width:100vw;width:-webkit-fill-available}.app-main img[data-v-180a4543]{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#000;-o-object-fit:contain;object-fit:contain}.app-main button[data-v-180a4543]{position:absolute;bottom:10px;right:10px;z-index:99}.audio-controls[data-v-180a4543]{position:absolute;bottom:0;left:0;min-height:50px;max-height:50px;height:50px;width:100%;z-index:5;background-color:hsla(0,0%,50.2%,.3);display:flex;align-items:center;padding:10px;box-sizing:border-box}.audio-controls .control[data-v-180a4543]{height:100%;display:flex;align-items:center;padding:0 10px}.control img[data-v-180a4543]{position:relative;height:30px;width:-moz-fit-content;width:fit-content;background-color:transparent;filter:invert(1);margin:0 3px;cursor:pointer;transition:.2s}.control img[data-v-180a4543]:active{transform:scale(.75)}.audio-controls .time[data-v-180a4543]{width:100%;height:100%;display:flex;align-items:center}.time .bar[data-v-180a4543]{border-radius:5px;height:10px;min-height:10px;max-height:10px;width:100%;background-color:grey;overflow:hidden;cursor:pointer}.bar .progress[data-v-180a4543]{transition:.2s;height:100%;background-color:#fff;pointer-events:none}.slideLeft-enter-active[data-v-180a4543],.slideLeft-leave-active[data-v-180a4543],.slideUp-enter-active[data-v-180a4543],.slideUp-leave-active[data-v-180a4543],.zoom-enter-active[data-v-180a4543],.zoomout-enter-active[data-v-180a4543],.zoomout-leave-active[data-v-180a4543]{transition:all 1s ease}.slideLeft-enter-from[data-v-180a4543]{opacity:0;transform:translateX(100%)}.slideLeft-leave-to[data-v-180a4543]{opacity:0;transform:translateX(-100%)}.zoom-enter-from[data-v-180a4543],.zoom-leave-to[data-v-180a4543]{opacity:0;transform:scale(.5)}.slideUp-enter-from[data-v-180a4543]{opacity:0;transform:translateY(100%)}.slideUp-leave-to[data-v-180a4543]{opacity:0;transform:translateY(-100%)}.zoomout-enter-from[data-v-180a4543]{opacity:0;transform:scale(1.5)}.zoomout-leave-to[data-v-180a4543]{opacity:0;transform:scale(.5)}body{margin:0;background-color:#000}h3[data-v-6cac83af]{margin:40px 0 0}ul[data-v-6cac83af]{list-style-type:none;padding:0}li[data-v-6cac83af]{display:inline-block;margin:0 10px}a[data-v-6cac83af]{color:#42b983}