body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1;color:#fff;height:100vh;margin:0;text-align:center;-webkit-touch-callout:none}.navigation{position:fixed;top:0;left:0;right:0;margin:20px}@media (min-width:450px){.navigation{right:auto}}.navigation ul{padding:0;margin:0}.navigation li{display:inline-block}.navigation .nav-link{list-style:none;color:#404040;display:inline-block;cursor:pointer;padding:8px 13px 8px 9px;border-radius:5px;text-decoration:none;position:relative;transition:background-color .2s,color .2s}@media (min-width:768px){.navigation .nav-link:hover{background-color:#e0e0e0}.navigation .nav-link:hover .dot{opacity:1;visibility:visible}}.navigation .nav-link.active-link .dot{opacity:1;visibility:visible}@media (min-width:768px){.navigation .nav-link.active-link:hover .dot{background-color:#404040}}.navigation.light-theme .nav-link{color:#fff}.navigation.light-theme .nav-link .dot{background-color:#fff}@media (min-width:768px){.navigation.light-theme .nav-link:hover{color:#404040}.navigation.light-theme .nav-link:hover .dot{background-color:#404040}}.navigation .dot{background-color:#404040;border-radius:50%;bottom:10px;display:inline-block;height:5px;opacity:0;position:absolute;right:6px;visibility:hidden;width:5px;transition:opacity .2s,background-color .2s}.system .active.ko,.system .inactive.en{font-size:90px;line-height:120px}.system .active.en,.system .inactive.ko{font-size:50px}.system{align-items:center;background:#90274f;display:flex;flex-direction:column;min-height:100vh;justify-content:center;transition:background-color .2s;visibility:visible;width:100%;z-index:1}.system .active,.system .inactive{line-height:100px;margin:0;position:absolute;top:calc(50% - 50px);left:50%;transform:translateX(-50%)}.system .active.jp,.system .inactive.en{font-size:90px;line-height:120px}.system .active.en,.system .inactive.jp{font-size:50px}.system .inactive{opacity:0;visibility:hidden;transform:translate3d(-50%,50%,0)}.system .answer-divider{height:1px;background-color:#fff;width:50px;opacity:0;visibility:hidden}.system.answer-visible .active{transform:translate3d(-50%,-70%,0);transition:transform .2s}.system.answer-visible .inactive{opacity:1;visibility:visible;transition:opacity .2s .2s}.system.answer-visible .answer-divider{opacity:1;visibility:visible;transition:opacity .2s .2s,width .2s;width:250px}.options-corner{left:0;margin:20px;position:fixed;right:0;top:60px}.options-corner .info{margin-left:10px}@media (min-width:450px){.options-corner{left:auto}}@media (min-width:768px){.options-corner{top:0}}.switcher{border-radius:20px;border:1px solid #fff;cursor:pointer;display:inline-block;font-size:14px;line-height:18px;margin:4px 0;vertical-align:top}.switcher .switcher-item{border-radius:20px 0 0 20px;display:inline-block;font-weight:700;padding:5px 7px;transition:background-color .2s,color .2s}.switcher .switcher-item:hover{background-color:hsla(0,0%,91%,.3)}.switcher .switcher-item:last-child{border-radius:0 20px 20px 0}.switcher .switcher-item.switcher-item-active{color:#404040;background-color:#fff}.options-side{bottom:100px;left:0;margin:0 20px;position:fixed;right:0}@media (min-width:768px){.options-side{bottom:auto;left:auto}}.info{border-radius:50%;border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;font-size:25px;font-weight:700;height:15px;line-height:15px;outline:none;padding:10px;position:relative;text-decoration:none;transition:background-color .2s;vertical-align:top;width:15px}.info.open,.info:hover{background-color:#fff}.info.open .close-button,.info.open .info-icon,.info:hover .close-button,.info:hover .info-icon{color:#90274f}.info.close-button:hover:after,.info.close-button:hover:before,.info.next-button:hover:after,.info.next-button:hover:before{background-color:#90274f}.info.next-button:after,.info.next-button:before,.info.skip-button:after,.info.skip-button:before{background-color:#fff;border-radius:3px;content:"";display:block;height:3px;left:13px;position:absolute;top:19px;transform:rotate(-45deg);transition:background-color .2s;width:10px}.info.next-button:after,.info.skip-button:after{transform:rotate(45deg);top:14px}.info.next-button:hover,.info.skip-button:hover{background-color:#fff}.info.next-button:hover:after,.info.next-button:hover:before,.info.skip-button:hover:after,.info.skip-button:hover:before{background-color:#90274f}.info.skip-button{margin-left:10px}.info.skip-button:hover{z-index:2}.info.skip-button:hover .info-icon:after,.info.skip-button:hover .info-icon:before{background-color:#90274f}.info.skip-button:after,.info.skip-button:before{left:10px}.info.skip-button .info-icon:after,.info.skip-button .info-icon:before{background-color:#fff;border-radius:3px;content:"";display:block;height:3px;left:17px;position:absolute;top:19px;transform:rotate(-45deg);transition:background-color .2s;width:10px}.info.skip-button .info-icon:after{transform:rotate(45deg);top:14px}.info.close-button{margin-left:10px}.info.close-button:after,.info.close-button:before{background-color:#fff;border-radius:3px;content:"";display:block;height:3px;left:7px;position:absolute;top:17px;transform:rotate(-45deg);width:21px;transition:background-color .2s}.info.close-button:after{transform:rotate(45deg)}.info-popup{background:#fff;border-radius:5px;color:#404040;font-size:14px;padding:8px 10px;position:absolute;right:0;top:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:30px;max-width:200px}.info-popup .info-dot{background-color:#fff;border-radius:50%;height:7px;position:absolute;right:14px;top:-10px;width:7px}.sound{color:#fff;display:inline-block;font-size:65px;line-height:100px;margin-left:25px;font-size:50px;vertical-align:middle;opacity:0;transition:none}.sound p{margin:0;padding-left:35px}.box{align-items:center;background:#282c34;display:flex;flex-direction:column;height:50vh;justify-content:center;transition:height .2s,background-color .2s}.box.success{background-color:#4bb543}.box.error{background-color:#b00}.squash .box{height:33.33333vh}.button{background-color:transparent;border-radius:5px;border:1px solid transparent;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:0 5px;outline:0;padding:7px;position:relative;transition:background-color .2s,color .2s,border-color .2s}@media (min-width:768px){.button:hover{color:#000;background-color:#ececec}}.button.larger{border:1px solid #ececec;font-size:larger;margin:15px 0;padding:10px 15px}@media (min-width:768px){.button.larger{margin:45px 0}}.button.darker{background-color:#404040;border-color:#404040}.button.darker:hover{background-color:#ececec;color:#404040}.button-container{bottom:10px;position:absolute}form{padding:0 25px}.input,form{background:#6e7684;align-items:center;display:flex;flex-direction:column;justify-content:center;height:50vh;transition:height .2s}.squash .input,.squash form{height:33.33333vh}.input{border:0;color:#fff;cursor:text;font-size:24px;font-weight:700;outline:0;text-align:center;width:100%;padding:calc(25vh - 25px) 0;resize:none}.input::-webkit-input-placeholder{color:#9e9e9e}.input:-ms-input-placeholder{color:#9e9e9e}.input::-ms-input-placeholder{color:#9e9e9e}.input::placeholder{color:#9e9e9e}.squash textarea{line-height:33.33333vh;padding:0}.title-screen{align-items:center;background-color:#324567;background-color:#f1f1f1;display:flex;flex-direction:column;min-height:100vh;justify-content:center;transition:background-color .2s;visibility:visible;width:100%;z-index:1}.title-screen h1{padding-bottom:10px;font-size:24px}@media (min-width:960px){.title-screen h1{font-size:36px;padding-bottom:30px}}.hide{display:none}.arrow{position:fixed;bottom:10px;right:10px;z-index:2;opacity:1;transition:opacity .2s;vertical-align:middle;font-family:Arial sans-serif;font-size:33px;text-decoration:none;padding:30px;cursor:pointer;visibility:visible}@media (min-width:768px){.arrow:hover:after,.arrow:hover:before{background-color:#222}}.arrow.hide{opacity:0;visibility:hidden}.arrow:after,.arrow:before{content:"";background:#464646;border-radius:10px;display:block;height:10px;position:absolute;right:0;top:18px;width:33px;transform:rotate(37.5deg);transition:background-color .2s}.arrow:after{bottom:17px;top:auto;transform:rotate(-37.5deg)}.divider{background-color:#ececec;height:1px;margin:30px auto;width:50%}.drawer{background-color:#fff;border-radius:10px 10px 0 0;bottom:0;box-shadow:0 0 15px #111;color:#000;left:0;margin:0 auto;max-width:400px;padding-top:50px;right:0;text-align:center;transform:translateY(0);transition:transform .2s .2s;width:100%;position:fixed}.drawer-small{padding:0;max-width:200px;z-index:1}.drawer-small p{font-weight:700}.drawer-small.hide{z-index:0}.drawer.hide{transform:translateY(calc(100% + 15px));transition:transform .2s}.category{padding-bottom:10px}.category-title{padding:5px 0;font-weight:700;color:#404040}.category-option{padding:5px;color:#949494;cursor:pointer;margin:0 2px;display:inline-block;border-radius:3px;transition:background-color .2s,color .2s}.category-option p{margin:0}.category-option.active{color:#000;background-color:#404040;color:#ececec}@media (min-width:768px){.category-option:hover{background-color:#404040;color:#ececec}}.caret{position:absolute;top:23px;right:15px;border-color:#000 transparent;border-style:solid;border-width:5px 5px 0}.caret-bottom{transform:rotate(180deg)}.link{color:#404040;display:block;font-size:24px;font-weight:700;height:33.3vh;line-height:33.3vh;text-decoration:none;transition:background-color .2s}@media (min-width:768px){.link:hover{background-color:#e0e0e0}.link:hover .dot{opacity:1;visibility:visible}}.link .dot{width:5px;background-color:#404040;height:5px;margin-left:1px;border-radius:50%;display:inline-block;opacity:0;visibility:hidden;transition:opacity .2s}.homepage,.japanese,.korean{margin:0;padding:0;background-color:#f1f1f1}@media (min-width:768px){.homepage:hover .homepage-divider,.japanese:hover .homepage-divider,.korean:hover .homepage-divider{opacity:0;visibility:hidden}}.homepage-divider{height:1px;margin:0 10%;background-color:#e0e0e0;opacity:1;visibility:visible;transition:opacity .2s}
/*# sourceMappingURL=main.1f38176b.chunk.css.map */