.loading-wrap[data-v-2780cabe]{align-items:center;animation:show-2780cabe 1s 1;background-color:#bbb;display:none;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:999}.hide-loading[data-v-2780cabe]{animation:hide-2780cabe 1s 1}@keyframes show-2780cabe{0%{opacity:.8}to{opacity:1}}@keyframes hide-2780cabe{0%{opacity:1}to{opacity:0}}.loading-queue[data-v-2780cabe]{box-sizing:border-box;display:inline-block;height:80px;overflow:hidden;position:relative;width:200px}.loading-queue[data-v-2780cabe]:before{top:0}.loading-queue[data-v-2780cabe]:after,.loading-queue[data-v-2780cabe]:before{background-color:gray;content:"";height:10%;left:0;position:absolute;width:100%}.loading-queue[data-v-2780cabe]:after{bottom:0}.queue-item[data-v-2780cabe]{background-color:#ddd;border-radius:5px;box-sizing:border-box;display:block;height:60%;left:45%;position:absolute;top:20%;transition:left .8s,background-color .8s;width:16%}canvas[data-v-c98d5793]{pointer-events:none;position:fixed}.router-wrap[data-v-eefebac0]{height:-moz-fit-content;height:fit-content;left:calc(50% - 150px);position:absolute;top:calc(50% - 150px);transition:.1s;width:-moz-fit-content;width:fit-content;z-index:999999}.route-wrap[data-v-eefebac0]{display:flex;flex-wrap:wrap;height:300px;width:300px}.route[data-v-eefebac0]{background-color:gray;border:1px solid #dddddd9e;box-sizing:border-box;cursor:pointer;height:50%;overflow:hidden;position:relative;transition:all .4s,background-color .1s;width:50%;z-index:1}.route[data-v-eefebac0]:hover{opacity:1}.route-link[data-v-eefebac0]{color:#fff;display:inline-block;font-size:1.2em;font-weight:700;height:100%;line-height:150px;text-align:center;text-decoration:none;text-shadow:1px 1px 5px #ddd,-1px -1px 5px #ddd;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.route-link .route-name[data-v-eefebac0]{pointer-events:none}.route:first-child .route-name[data-v-eefebac0]{transform:rotate(-45deg)}.route:nth-child(2) .route-name[data-v-eefebac0],.route:nth-child(3) .route-name[data-v-eefebac0]{transform:rotate(45deg)}.route:nth-child(4) .route-name[data-v-eefebac0]{transform:rotate(-45deg)}.route[data-v-eefebac0]:first-child{background:linear-gradient(135deg,#eee,#6bcaca,#2fb6b6);background-position:0 0;background-size:300% 300%;border-left:none;border-top:none;border-top-left-radius:100%;transform-origin:bottom right;transition:.6s}.route[data-v-eefebac0]:first-child:hover{background-position:50%;box-shadow:-1px -1px 20px #0ff3,0 10px 20px #0ff3,1px 10px 20px #0ff3;z-index:0}.route[data-v-eefebac0]:nth-child(2){background:linear-gradient(225deg,#ddd,#e6e680,#848418);background-position:100% 0;background-size:300% 300%;border-right:none;border-top:none;border-top-right-radius:100%;transform-origin:bottom left;transition:.6s}.route[data-v-eefebac0]:nth-child(2):hover{background-position:50%;box-shadow:1px -1px 20px #e7e71c33,0 10px 20px #e7e71c33,-1px 10px 20px #e7e71c33;z-index:0}.route[data-v-eefebac0]:nth-child(3){background:linear-gradient(45deg,#eee,#de9ade,#976497);background-position:0 100%;background-size:300% 300%;border-bottom:none;border-bottom-left-radius:100%;border-left:none;transform-origin:top right;transition:.6s}.route[data-v-eefebac0]:nth-child(3):hover{background-position:50%;box-shadow:-1px 1px 20px #e680e639,0 1px 20px #e680e639,1px 1px 20px #e680e639;z-index:0}.route[data-v-eefebac0]:nth-child(4){background:linear-gradient(135deg,#539653,#65d365,#ccc);background-position:100% 100%;background-size:300% 300%;border-bottom:none;border-bottom-right-radius:100%;border-right:none;transform-origin:top left;transition:.6s}.route[data-v-eefebac0]:nth-child(4):hover{background-position:50%;box-shadow:1px 1px 20px #80e68048,0 -1px 20px #80e68048,-1px 0 20px #80e68048;z-index:0}.main-content[data-v-eefebac0]{aspect-ratio:1/1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:transparent;border:6px solid #dddddd37;border-radius:50%;cursor:pointer;filter:grayscale(.1) brightness(1.1);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:.4s ease-in-out,border .3s;width:50%;z-index:9}.main-content[data-v-eefebac0] tspan{fill:transparent;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-content h1[data-v-eefebac0]{color:#fff;display:block;font-size:30px;left:50%;line-height:40px;margin:0 auto;max-width:120px;pointer-events:none;position:absolute;text-align:center;text-shadow:2px 2px 6px #666;top:50%;transform:translate(-50%,-50%);transition:.3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}.main-content[data-v-eefebac0]:hover{width:46%}.main-content:hover h1[data-v-eefebac0]{color:#ddd;text-shadow:1px 1px 4px #aaa}.main-content .animate-span[data-v-eefebac0]{display:inline-block}.main-content .animate-span[data-v-eefebac0]:nth-child(2){animation:animateSpan-eefebac0 4s ease-in-out infinite}.main-content .animate-span[data-v-eefebac0]:last-child{animation:animateSpan-eefebac0 4s ease-in-out .1s infinite}@keyframes animateSpan-eefebac0{0%,90%{transform:translateY(0)}95%{transform:translateY(-10px)}to{transform:translateY(0)}}.show-content[data-v-eefebac0]{border-radius:50%;cursor:auto;width:130%!important}.show-content[data-v-eefebac0] h1{color:transparent!important;text-shadow:1px 1px 4px transparent!important;transition:none}.show-content[data-v-eefebac0] tspan{fill:#737373;text-shadow:1px 1px 8px #999}.show-content[data-v-eefebac0] .link{visibility:visible}.link[data-v-eefebac0]{bottom:20px;position:absolute;text-align:center;transition:.2s;vertical-align:baseline;visibility:hidden;width:100%}.link a[data-v-eefebac0]{border-radius:8px;color:#111e;margin-left:4px;position:relative;transition:.4s}.link a[data-v-eefebac0]:after{background-color:#424242;bottom:0;content:"";display:block;height:2px;position:absolute;right:0;transition:width .2s;width:0}.link a[data-v-eefebac0]:hover{color:#424242}.link a[data-v-eefebac0]:hover:after{width:100%}.link>a[data-v-eefebac0]{border:2px solid transparent;color:#424242;opacity:.6;text-decoration:none}.link>a[data-v-eefebac0]:nth-of-type(2){margin-left:12px}.link>a[data-v-eefebac0]:after{display:none}.link>a.focus[data-v-eefebac0],.link>a[data-v-eefebac0]:hover{border:2px solid #424242;color:#111e;opacity:1}.link li[data-v-eefebac0]{padding-left:38%;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:text-bottom}.other-link[data-v-eefebac0],.self-link[data-v-eefebac0]{transition:.4s}.self-link[data-v-eefebac0]{margin-top:10px}.self-link>li[data-v-eefebac0]{align-items:center;display:flex}.other-link[data-v-eefebac0]{display:flex;flex-direction:column;left:50%;position:absolute;top:40px;transform:translate(-50%);width:100%}.other-link li[data-v-eefebac0]{margin:2px auto;padding-left:0!important}.other-link a[data-v-eefebac0]{display:inline-block;margin:0;text-align:center;text-decoration:none;width:100%}.other-link del[data-v-eefebac0]{color:#424242}.center[data-v-eefebac0]{left:calc(50% - 150px);top:calc(50% - 150px);transition:.36s ease-in}@keyframes revolve-eefebac0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.bottom-left[data-v-eefebac0]{animation:b_l-eefebac0 .4s ease-in-out;left:-150px;top:calc(100% - 150px)}.bottom-left .route[data-v-eefebac0]:nth-child(2){z-index:9}@keyframes b_l-eefebac0{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:-150px;top:calc(100% - 150px);transform:scale(.8)}to{left:-150px;top:calc(100% - 150px);transform:scale(1)}}.bottom-right[data-v-eefebac0]{animation:b_r-eefebac0 .4s ease-in-out;left:calc(100% - 150px);top:calc(100% - 150px)}.bottom-right .route[data-v-eefebac0]:first-child{z-index:9}@keyframes b_r-eefebac0{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:calc(100% - 150px);top:calc(100% - 150px);transform:scale(.8)}to{left:calc(100% - 150px);top:calc(100% - 150px);transform:scale(1)}}.top-left[data-v-eefebac0]{animation:t_l-eefebac0 .4s ease-in-out;left:-150px;top:-150px}.top-left .route[data-v-eefebac0]:nth-child(4){z-index:9}@keyframes t_l-eefebac0{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:-150px;top:-150px;transform:scale(.8)}to{left:-150px;top:-150px;transform:scale(1)}}.top-right[data-v-eefebac0]{animation:t_r-eefebac0 .4s ease-in-out;left:calc(100% - 150px);top:-150px}.top-right .route[data-v-eefebac0]:nth-child(3){z-index:9}@keyframes t_r-eefebac0{0%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(1)}40%{left:calc(50% - 150px);top:calc(50% - 150px);transform:scale(.9)}90%{left:calc(100% - 150px);top:-150px;transform:scale(.8)}to{left:calc(100% - 150px);top:-150px;transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:0}.fade-enter-from,.fade-leave-to{opacity:0}#app{background-color:#424242;height:100vh;position:relative;width:100vw}.fade-bottom-left-enter-active,.fade-bottom-left-leave-active,.fade-bottom-right-enter-active,.fade-bottom-right-leave-active,.fade-enter-active,.fade-leave-active,.fade-top-left-enter-active,.fade-top-left-leave-active,.fade-top-right-enter-active,.fade-top-right-leave-active{transition:opacity .35s .1s,transform .3s .1s}.fade-top-left-enter-from,.fade-top-left-leave-to{opacity:0;transform:translate(-100%,-100%)}.fade-top-right-enter-from,.fade-top-right-leave-to{opacity:0;transform:translate(100%,-100%)}.fade-bottom-left-enter-from,.fade-bottom-left-leave-to{opacity:0;transform:translate(-100%,100%)}.fade-bottom-right-enter-from,.fade-bottom-right-leave-to{opacity:0;transform:translate(100%,100%)}header{line-height:1.5;max-height:100vh}.logo{display:block;margin:0 auto 2rem}nav{font-size:12px;margin-top:2rem;text-align:center;width:100%}nav a.router-link-exact-active{color:var(--color-text)}nav a.router-link-exact-active:hover{background-color:transparent}nav a{border-left:1px solid var(--color-border);display:inline-block;padding:0 1rem}nav a:first-of-type{border:0}@media(min-width:1024px){header{display:flex;padding-right:calc(var(--section-gap)/2);place-items:center}.logo{margin:0 2rem 0 0}header .wrapper{display:flex;flex-wrap:wrap;place-items:flex-start}nav{font-size:1rem;margin-left:-1rem;margin-top:1rem;padding:1rem 0;text-align:left}}