.sliding-background[data-v-20768e8a]{opacity:.9;transition:opacity .3s;position:relative;overflow:hidden}.sliding-background[data-v-20768e8a]:before{content:"";background:var(--sliding-bg,#600);z-index:1;height:100%;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sliding-background[data-v-20768e8a]:hover{opacity:1}.sliding-background[data-v-20768e8a]:hover:before{transform:translateY(0)}.sliding-background img[data-v-20768e8a]{z-index:2;position:relative}.control-container[data-v-20768e8a]{position:absolute;top:5vh;left:50%;transform:translate(-50%)}.control-container .board-input[data-v-20768e8a]{color:#fff;background:0 0;border:0;border-bottom:thick solid #fff;border-radius:0;width:32rem;font-size:2rem}.control-container .board-input[data-v-20768e8a]:focus{border:0;border-bottom:thick solid #fff;outline:none}.flex-container[data-v-20768e8a]{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.nav-icon[data-v-20768e8a]{opacity:.9;border:thick solid #fff;justify-content:center;align-items:center;width:16rem;height:16rem;transition:opacity .3s;display:inline-flex;position:relative;overflow:hidden}.nav-icon[data-v-20768e8a]:before{content:"";z-index:1;background:#600;height:100%;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.nav-icon[data-v-20768e8a]:hover{opacity:1}.nav-icon[data-v-20768e8a]:hover:before{transform:translateY(0)}.nav-icon[data-v-20768e8a]:focus{background:#600}.nav-icon img[data-v-20768e8a]{z-index:2;position:relative}.nav-icon .module-name[data-v-20768e8a]{z-index:2;color:#fff;white-space:normal;text-align:center;max-width:110%;padding:5px 4px;font-size:1rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fade-enter-active[data-v-20768e8a],.fade-leave-active[data-v-20768e8a]{transition:opacity .3s}.fade-enter[data-v-20768e8a],.fade-leave-to[data-v-20768e8a]{opacity:0}@keyframes cycleFade-20768e8a{0%,to{opacity:0}50%{opacity:1}}.cycle-fade[data-v-20768e8a]{animation:1s infinite cycleFade-20768e8a}.modal-contents[data-v-20768e8a]{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;width:80%;max-height:80vh;padding:20px 0;display:flex;position:absolute;top:12vh;left:50%;overflow-y:auto;transform:translate(-50%)}.modal-contents[data-v-20768e8a]::-webkit-scrollbar{width:12px}.modal-contents[data-v-20768e8a]::-webkit-scrollbar-track{background:#333}.modal-contents[data-v-20768e8a]::-webkit-scrollbar-thumb{background-color:#555;border:3px solid #333;border-radius:10px}