.not-found{height:100vh}.not-found:after,.not-found:before{content:"";background:linear-gradient(var(--primary-color),var(--secondary-color));border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.not-found:before{background:linear-gradient(var(--secondary-color),var(--primary-color))}.not-found{background:linear-gradient(var(--primary-color),var(--secondary-color));overflow:hidden}.not-found:before{height:105vmax;width:105vmax;z-index:-4}.not-found:after{height:80vmax;width:80vmax;z-index:-3}.not-found{display:flex;justify-content:center;align-items:center;color:var(--light-grey);font-family:var(--font);text-shadow:0 30px 10px rgba(0,0,0,.15)}.not-found:before{height:60vmax;width:60vmax;z-index:-2}.not-found:after{height:40vmax;width:40vmax;z-index:-1}.not-found-main{text-align:center;z-index:5;max-width:90%}.not-found-content{font-size:2.2rem;color:var(--light-grey);margin-top:0}.not-found-title{font-size:8rem;color:var(--light-grey);margin:0}.not-found-btn{margin:12px 4px;padding:12px 24px;border:none;border-radius:20px;background:linear-gradient(var(--title-color),var(--accent-color));box-shadow:0 30px 15px rgba(0,0,0,.15);outline:none;color:var(--light-grey);font:var(--font);font-weight:500;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .25s}.not-found-btn:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}.not-found-bubble,.not-found-bubble:after,.not-found-bubble:before{background:linear-gradient(var(--title-color),var(--accent-color));border-radius:50%;box-shadow:0 30px 15px rgba(0,0,0,.15);position:absolute}.not-found-bubble:after,.not-found-bubble:before{content:""}.not-found-bubble:first-child{top:15vh;left:15vw;height:22vmin;width:22vmin}.not-found-bubble:first-child:before{width:13vmin;height:13vmin;bottom:-25vh;right:-10vmin}.not-found-bubble:nth-child(2){top:20vh;left:38vw;height:10vmin;width:10vmin}.not-found-bubble:nth-child(2):before{width:5vmin;height:5vmin;bottom:-10vh;left:-8vmin}.not-found-bubble:nth-child(3){top:12vh;right:30vw;height:13vmin;width:13vmin}.not-found-bubble:nth-child(3):before{width:3vmin;height:3vmin;bottom:-15vh;left:-18vmin;z-index:6}.not-found-bubble:nth-child(4){top:25vh;right:18vw;height:18vmin;width:18vmin}.not-found-bubble:nth-child(4):before{width:7vmin;height:7vmin;bottom:-10vmin;left:-15vmin}.not-found-bubble:nth-child(5){top:60vh;right:18vw;height:28vmin;width:28vmin}.not-found-bubble:nth-child(5):before{width:10vmin;height:10vmin;bottom:5vmin;left:-25vmin}:root{--primary-color:#018c4c;--secondary-color:#2ac07c;--accent-color:#ca3600;--bg-color-main:#fff;--bg-color-sec:#fcfcfc;--bg-color-accent:#f1f1f1;--title-color:#dd9210;--text-color:#1e1e1e;--label-color:#6e6e6e;--border-color:rgba(0,0,0,0.15);--hover-color:#e5e5e5;--phonetic-color:#6200ee;--light-grey:#e5e5e5;--grey:#888;--medium-grey:#5e5e5e;--dark-grey:#333;--error-color:#d6493c;--right-color:#29a322;--font:"Montserrat",Arial,Helvetica,sans-serif;--nav-height:7.2rem;--sm-border-radius:4px;--border-radius:6px;--box-shadow:0px 2px 4px -1px rgba(0,0,0,0.1),0px 1px 12px 4px rgba(0,0,0,0.08);--box-shadow-2:0px 2px 1px -1px rgba(0,0,0,0.18),0px 1px 6px 0px rgba(0,0,0,0.12),0px 1px 4px 0px rgba(0,0,0,0.08)}[data-theme=dark]{--primary-color:#02b262;--secondary-color:#38d990;--accent-color:#ff4703;--bg-color-main:#22272e;--bg-color-sec:#2d333b;--bg-color-accent:#373e46;--title-color:#eeb655;--text-color:#fff;--hover-color:#4e5763;--label-color:#dedede;--border-color:hsla(0,0%,100%,0.15);--phonetic-color:#c7a0f7}*{margin:0;padding:0;box-sizing:border-box}html{text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:62.5%;width:100%;height:100%;font-family:"Montserrat",Arial,Helvetica,sans-serif;font-family:var(--font)}body{background-color:#fff;background-color:var(--bg-color-main);overflow:auto}#root,body{position:relative}#root{width:100%;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#fff;background-color:var(--bg-color-main)}::-webkit-scrollbar-thumb{background-color:#5e5e5e;background-color:var(--medium-grey)}::-webkit-scrollbar-thumb:hover{background-color:#888;background-color:var(--grey)}h1,h2,h3,h4,h5,h6,p,pre,ul{margin:0;color:#1e1e1e;color:var(--text-color)}ul{list-style:none}p{word-wrap:break-word}li{list-style-type:none}a,li{text-decoration:none}a{color:inherit}@media only screen and (max-width:576px){html{font-size:50%}}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:8px;padding-left:8px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container,.container-sm{max-width:540px}}@media(min-width:768px){.container,.container-md,.container-sm{max-width:760px}}@media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media(min-width:1367px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1280px}}.transform-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.margin-center{display:block;margin:0 auto}.position-rel{position:relative}.position-abs{position:absolute}.d-none{display:none}.d-block{display:block}.d-flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-grow-1{flex-grow:1}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-center,.flex-center--ver{display:flex;align-items:center}.flex-center--hor,.flex-center-col{display:flex;justify-content:center}.flex-center-col{flex-direction:column;align-items:center}.flex-center-between{display:flex;align-items:center;justify-content:space-between}.flex-center-start{display:flex;align-items:center;justify-content:flex-start}.flex-center-end{display:flex;align-items:center;justify-content:flex-end}.flex-dir-col{flex-direction:column}.flex-dir-row-reverse{flex-direction:row-reverse}.align-i-center{align-items:center}.align-i-end{align-items:flex-end}.jus-content-around{justify-content:space-around}.jus-content-between{justify-content:space-between}.jus-content-end{justify-content:flex-end}.jus-content-center{justify-content:center}.w-100{width:100%!important}.h-100{height:100%!important}.h-100vh{height:100vh}.w-100vw{width:100vw}.w-50{width:50%}.max-w-100{max-width:100%}.max-h-100{max-height:100%}.m-1{margin:.2rem!important}.mt-1{margin-top:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1,.mx-1{margin-right:.2rem!important}.mx-1{margin-left:.2rem!important}.my-1{margin-top:.2rem!important;margin-bottom:.2rem!important}.p-1{padding:.2rem!important}.pt-1{padding-top:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1,.px-1{padding-right:.2rem!important}.px-1{padding-left:.2rem!important}.py-1{padding-top:.2rem!important;padding-bottom:.2rem!important}.m-2{margin:.4rem!important}.mt-2{margin-top:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2,.mx-2{margin-right:.4rem!important}.mx-2{margin-left:.4rem!important}.my-2{margin-top:.4rem!important;margin-bottom:.4rem!important}.p-2{padding:.4rem!important}.pt-2{padding-top:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2,.px-2{padding-right:.4rem!important}.px-2{padding-left:.4rem!important}.py-2{padding-top:.4rem!important;padding-bottom:.4rem!important}.m-3{margin:.6rem!important}.mt-3{margin-top:.6rem!important}.mb-3{margin-bottom:.6rem!important}.ml-3{margin-left:.6rem!important}.mr-3,.mx-3{margin-right:.6rem!important}.mx-3{margin-left:.6rem!important}.my-3{margin-top:.6rem!important;margin-bottom:.6rem!important}.p-3{padding:.6rem!important}.pt-3{padding-top:.6rem!important}.pb-3{padding-bottom:.6rem!important}.pl-3{padding-left:.6rem!important}.pr-3,.px-3{padding-right:.6rem!important}.px-3{padding-left:.6rem!important}.py-3{padding-top:.6rem!important;padding-bottom:.6rem!important}.m-4{margin:.8rem!important}.mt-4{margin-top:.8rem!important}.mb-4{margin-bottom:.8rem!important}.ml-4{margin-left:.8rem!important}.mr-4,.mx-4{margin-right:.8rem!important}.mx-4{margin-left:.8rem!important}.my-4{margin-top:.8rem!important;margin-bottom:.8rem!important}.p-4{padding:.8rem!important}.pt-4{padding-top:.8rem!important}.pb-4{padding-bottom:.8rem!important}.pl-4{padding-left:.8rem!important}.pr-4,.px-4{padding-right:.8rem!important}.px-4{padding-left:.8rem!important}.py-4{padding-top:.8rem!important;padding-bottom:.8rem!important}.m-5{margin:1rem!important}.mt-5{margin-top:1rem!important}.mb-5{margin-bottom:1rem!important}.ml-5{margin-left:1rem!important}.mr-5,.mx-5{margin-right:1rem!important}.mx-5{margin-left:1rem!important}.my-5{margin-top:1rem!important;margin-bottom:1rem!important}.p-5{padding:1rem!important}.pt-5{padding-top:1rem!important}.pb-5{padding-bottom:1rem!important}.pl-5{padding-left:1rem!important}.pr-5,.px-5{padding-right:1rem!important}.px-5{padding-left:1rem!important}.py-5{padding-top:1rem!important;padding-bottom:1rem!important}.m-6{margin:1.2rem!important}.mt-6{margin-top:1.2rem!important}.mb-6{margin-bottom:1.2rem!important}.ml-6{margin-left:1.2rem!important}.mr-6,.mx-6{margin-right:1.2rem!important}.mx-6{margin-left:1.2rem!important}.my-6{margin-top:1.2rem!important;margin-bottom:1.2rem!important}.p-6{padding:1.2rem!important}.pt-6{padding-top:1.2rem!important}.pb-6{padding-bottom:1.2rem!important}.pl-6{padding-left:1.2rem!important}.pr-6,.px-6{padding-right:1.2rem!important}.px-6{padding-left:1.2rem!important}.py-6{padding-top:1.2rem!important;padding-bottom:1.2rem!important}.m-7{margin:1.4rem!important}.mt-7{margin-top:1.4rem!important}.mb-7{margin-bottom:1.4rem!important}.ml-7{margin-left:1.4rem!important}.mr-7,.mx-7{margin-right:1.4rem!important}.mx-7{margin-left:1.4rem!important}.my-7{margin-top:1.4rem!important;margin-bottom:1.4rem!important}.p-7{padding:1.4rem!important}.pt-7{padding-top:1.4rem!important}.pb-7{padding-bottom:1.4rem!important}.pl-7{padding-left:1.4rem!important}.pr-7,.px-7{padding-right:1.4rem!important}.px-7{padding-left:1.4rem!important}.py-7{padding-top:1.4rem!important;padding-bottom:1.4rem!important}.m-8{margin:1.6rem!important}.mt-8{margin-top:1.6rem!important}.mb-8{margin-bottom:1.6rem!important}.ml-8{margin-left:1.6rem!important}.mr-8,.mx-8{margin-right:1.6rem!important}.mx-8{margin-left:1.6rem!important}.my-8{margin-top:1.6rem!important;margin-bottom:1.6rem!important}.p-8{padding:1.6rem!important}.pt-8{padding-top:1.6rem!important}.pb-8{padding-bottom:1.6rem!important}.pl-8{padding-left:1.6rem!important}.pr-8,.px-8{padding-right:1.6rem!important}.px-8{padding-left:1.6rem!important}.py-8{padding-top:1.6rem!important;padding-bottom:1.6rem!important}.m-9{margin:1.8rem!important}.mt-9{margin-top:1.8rem!important}.mb-9{margin-bottom:1.8rem!important}.ml-9{margin-left:1.8rem!important}.mr-9,.mx-9{margin-right:1.8rem!important}.mx-9{margin-left:1.8rem!important}.my-9{margin-top:1.8rem!important;margin-bottom:1.8rem!important}.p-9{padding:1.8rem!important}.pt-9{padding-top:1.8rem!important}.pb-9{padding-bottom:1.8rem!important}.pl-9{padding-left:1.8rem!important}.pr-9,.px-9{padding-right:1.8rem!important}.px-9{padding-left:1.8rem!important}.py-9{padding-top:1.8rem!important;padding-bottom:1.8rem!important}.m-10{margin:2rem!important}.mt-10{margin-top:2rem!important}.mb-10{margin-bottom:2rem!important}.ml-10{margin-left:2rem!important}.mr-10,.mx-10{margin-right:2rem!important}.mx-10{margin-left:2rem!important}.my-10{margin-top:2rem!important;margin-bottom:2rem!important}.p-10{padding:2rem!important}.pt-10{padding-top:2rem!important}.pb-10{padding-bottom:2rem!important}.pl-10{padding-left:2rem!important}.pr-10,.px-10{padding-right:2rem!important}.px-10{padding-left:2rem!important}.py-10{padding-top:2rem!important;padding-bottom:2rem!important}.m-x-auto{margin-left:auto;margin-right:auto}.m-0-auto{margin:0 auto!important}.m-auto-0{margin:auto 0!important}.m-auto{margin:auto!important}.m-0{margin:0!important}.t-center{text-align:center}.t-left{text-align:left}.t-right{text-align:right}.t-end{text-align:end}.t-justify{text-align:justify}.text-error{margin-top:4px;color:#d6493c;color:var(--error-color);font-size:1.2rem}.cur-pointer{cursor:pointer}.cur-help{cursor:help}._btn{color:#fff!important;padding:.8rem 2.4rem!important;transition:all .25s!important;text-transform:capitalize!important}._btn:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}._btn-stand{border:none!important;background-color:#888!important;background-color:var(--grey)!important}._btn-primary{background-color:#018c4c!important;background-color:var(--primary-color)!important}._btn-secondary{background-color:#2ac07c!important;background-color:var(--secondary-color)!important}._btn-accent{background-color:#ca3600!important;background-color:var(--accent-color)!important}._btn-outlined-stand{border:1px solid #6e6e6e!important;border:1px solid var(--label-color)!important;color:#6e6e6e!important;color:var(--label-color)!important}._btn-outlined-primary{color:#018c4c!important;color:var(--primary-color)!important;border:1px solid #018c4c!important;border:1px solid var(--primary-color)!important}._btn-outlined-accent{color:#ca3600!important;color:var(--accent-color)!important;border:1px solid #ca3600!important;border:1px solid var(--accent-color)!important}.or-option{position:relative;margin:0 auto;color:#1e1e1e;color:var(--text-color)}.or-option:before{left:0}.or-option:after,.or-option:before{position:absolute;content:"";width:35%;top:50%;height:1px;background-color:rgba(0,0,0,.15);background-color:var(--border-color)}.or-option:after{right:0}#_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fcfcfc;background-color:var(--bg-color-sec);opacity:.65;display:none}.phonetic{color:#6200ee;color:var(--phonetic-color);letter-spacing:1px}.dyno-label{color:#6e6e6e;color:var(--label-color);font-weight:400;font-size:1.6rem;margin:.8rem 0}.dyno-title{color:#dd9210;color:var(--title-color);font-size:2.4rem;margin-top:1rem;margin-bottom:1rem;letter-spacing:.75px;font-weight:500}.dyno-sub-title{color:#6e6e6e;color:var(--label-color);font-weight:500;font-size:1.6rem;margin:.8rem auto;line-height:1.5}.dyno-box{margin-top:3.2rem;margin-bottom:3.2rem}.dyno-container{max-width:768px;margin:0 auto}.dyno-speaker{font-size:2.2rem!important;color:#6e6e6e;color:var(--label-color);cursor:pointer}.dyno-link{font-size:1.6rem;color:#1e1e1e;color:var(--text-color)}.dyno-link:active,.dyno-link:hover{color:#2ac07c;color:var(--secondary-color)}.dyno-break{width:100%;height:1px;margin:.8rem 0;background-color:rgba(0,0,0,.15);background-color:var(--border-color)}.dyno-game-box{padding:0 .8rem}.dyno-game-title{display:flex;align-items:center;padding:1.2rem 0;border-bottom:1px solid rgba(0,0,0,.15);border-bottom:1px solid var(--border-color)}.dyno-game-title h1{color:#dd9210;color:var(--title-color);font-size:2.4rem;font-weight:500;margin-left:.8rem;text-transform:uppercase}.dyno-game-title img{width:4.8rem;height:4.8rem}@media only screen and (min-width:576px){.dyno-game-box{background-color:#fcfcfc;background-color:var(--bg-color-sec);padding:2.4rem 3.6rem;box-shadow:0 5px 18px 1px rgba(17,17,17,.1);border-radius:8px}.dyno-game-title{font-size:2.8rem;margin-top:0}.dyno-game-title img{width:5.6rem;height:5.6rem}}.right{color:#29a322;color:var(--right-color)}.wrong{color:#d6493c;color:var(--error-color)}.dyno-switch{height:3rem;width:6rem;position:relative;background-color:transparent;border:1px solid rgba(0,0,0,.15);border:1px solid var(--border-color);border-radius:25px}.dyno-switch:before{content:"";height:3rem;width:3rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:50%;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.dyno-switch.active,.dyno-switch:before{background-color:#2ac07c;background-color:var(--secondary-color)}.dyno-switch.active:before{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);background-color:#ca3600;background-color:var(--accent-color)}.dyno-switch.large{width:7.2rem;height:3.6rem}.dyno-switch.large:before{width:3.5rem;height:3.5rem}.nav-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:99;cursor:pointer;width:0;height:0;border-top:1.8rem solid transparent;border-bottom:1.8rem solid transparent;transition:all .25s}.nav-arrow:active,.nav-arrow:hover{opacity:.8}.nav-arrow.prev{left:-25px;border-right:1.8rem solid #018c4c;border-right:1.8rem solid var(--primary-color)}.nav-arrow.next{right:-25px;border-left:1.8rem solid #018c4c;border-left:1.8rem solid var(--primary-color)}.dyno-favorite{color:#6e6e6e;color:var(--label-color);font-size:2.2rem;cursor:pointer;transition:all .35s}.dyno-favorite:active,.dyno-favorite:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.dyno-favorite.active{color:#f14054}.disabled{pointer-events:none}.notfound-title{font-size:2rem;text-align:center}.dyno-setting-icon,.notfound-title{color:#6e6e6e;color:var(--label-color)}.dyno-setting-icon{font-size:2.8rem;cursor:pointer;transition:all .25s}.dyno-setting-icon:active,.dyno-setting-icon:hover{color:#018c4c;color:var(--primary-color)}.ani-spin{-webkit-animation-name:spinAni;animation-name:spinAni;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spinAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ani-fade{-webkit-animation:fadeAni .45s ease-in-out;animation:fadeAni .45s ease-in-out}@-webkit-keyframes fadeAni{0%{opacity:0}to{opacity:1}}@keyframes fadeAni{0%{opacity:0}to{opacity:1}}.ani-zoom{-webkit-animation:zoom .35s linear forwards;animation:zoom .35s linear forwards}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:none;transform:none}}@keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:none;transform:none}}
/*# sourceMappingURL=main.36b720a3.chunk.css.map */