body{margin:0;overflow-x:hidden}*{box-sizing:border-box}#app,#korean-handbook-vue,body,html{width:100%;height:100%;overflow:hidden}#app{flex:1 auto;flex-direction:column;font-family:Poppins,sans-serif;margin:0;padding:0;color:#2a2b2d;background:#f1f1f1}#app,.main{display:flex}.main{flex-direction:row;justify-content:center;height:100%;width:100%}.button--logo{z-index:5}.button--logo .logo{width:100%;height:100%}.button--logo .logo .shape{fill:#fff}.info-page .page-content,.match-page .page-content,.random-page .page-content,.test-page .page-content{margin-bottom:4rem}.home-page{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.home-page .main-panel{margin-left:2rem}.home-page .text{margin:0}.home-page .header-panel h1{font-size:2.25rem;font-weight:700;margin-bottom:.25em}.home-page .header-panel h2{font-size:1.25rem;font-weight:600;color:#4e4e57;margin-top:0}.home-page .page-content{flex:none;padding:2rem}.home-page .page-content:last-of-type{margin-top:0;height:auto;flex:initial}.home-page .intro-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(250px,450px));grid-gap:1em}.home-page .intro-links .intro-link{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;height:120px;padding:0 1rem;background:#5d61da;color:#fff;border-radius:.5rem;transition:background .15s}.home-page .intro-links .intro-link:hover{text-decoration:none;background:#5356b8}.home-page .intro-links .intro-link .link-main{display:flex;font-size:1.25rem;font-weight:600;color:#fff;margin:0}.home-page .intro-links .intro-link .link-description{font-size:1rem;font-weight:400;text-decoration:none;color:#fff;margin:0}.home-page .intro-links .intro-link .text-link:hover{text-decoration:none}.home-page .intro-links .intro-link .link-icon{margin-right:.25em}.home-page .intro-links .intro-item{background:#f6f6f6;padding:1em}.home-page .intro-links .intro-item .heading{margin-top:0}.text-list{list-style:none;padding-left:0;margin:0;width:100%;padding-right:.5em}.text-list li{display:flex;flex:1 auto}.text-list li.active a{color:#5d61da}.text-list a{padding:.2em 0;text-decoration:none;font-weight:500}.text-list.no-results p{font-weight:400}.block{display:flex;flex-direction:column}.block p:not(.heading){margin-top:0}.page-content{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;box-sizing:border-box;background:#fff;border-radius:.5rem;margin-top:2rem;margin-bottom:2rem;overflow:hidden}input{background:#676770;border-radius:.5rem;color:#ececec;border:0;padding:.4em .6em;letter-spacing:.025em;font-family:rubik,sans-serif;font-size:1rem}input[type=text]::-moz-placeholder{color:#ececec}input[type=text]::placeholder{color:#ececec}button{border:0;color:#fff;border-radius:.5rem;padding:.4em .6em;font-family:rubik,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:background .15s}button,button:hover{background:#4e4e57}.button--primary{padding:.6em .8em;background:#5d61da;font-weight:600;font-size:1rem}.button--primary:hover{background:#5356b8}.button--secondary{padding:.6em .8em;background:#4e4e57;font-weight:600;font-size:1rem}.text-link{text-decoration:none;color:#5d61da;font-weight:600}.text-link:hover{text-decoration:underline;color:#5d61da}.text-link:visited{text-decoration:none}.heading{font-size:1.5rem;font-weight:600;margin-bottom:.5em;margin-top:1em}.sub-heading{font-size:1.25rem;font-weight:600;margin-top:0}.text{font-size:1rem}.text--bold{font-weight:600}.hidden{display:none!important}.material-icons{line-height:1.2}button:disabled,button:disabled:hover{background:#e6e6e6;cursor:not-allowed}#app:not(.mobile) ::-webkit-scrollbar{width:12px}#app:not(.mobile) ::-webkit-scrollbar-track{background:#e6e6e6}#app:not(.mobile) ::-webkit-scrollbar-thumb{background:#676770}#app:not(.mobile) ::-webkit-scrollbar-thumb:hover{background:#4e4e57}.mobile-category-menu{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;background:#2a2b2d;z-index:100;padding:.5rem 1rem;overflow:hidden}.mobile-category-menu .search-form{padding-bottom:1rem}.mobile-category-menu .heading{color:#fff;margin:0 0 1rem 0;text-align:center}.mobile-category-menu .no-results{color:#fff}.category-close,.category-open{position:absolute;top:0;right:0;padding:.5rem 1rem;z-index:999;font-size:2rem;cursor:pointer}.category-open{color:#5d61da}.category-close{color:#fff}.tool{display:flex;flex-direction:column;flex:1;width:100%}.tool-content{flex-direction:column;padding:2rem}.tool-actions,.tool-content{display:flex;align-items:center}.tool-actions{justify-content:center;flex-direction:row;padding:2rem 1rem;border-top:2px solid #f1f1f1;gap:1rem}.tool-options{display:flex;flex-direction:column;flex:1;padding-top:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:40rem;width:100%}.tool-options input{width:14px;height:14px}.tool-options .sub-heading{margin-top:0;margin-bottom:.5rem}.tool-options p{margin:.25rem 0 0 0}.tool-options-option{display:flex;align-items:center}.tool-instructions{margin:0;text-align:center}#app.mobile{background:#fff}#app.mobile .text{font-size:1rem}#app.mobile .main-panel{margin:0;border-radius:0}#app.mobile .page-content{border-radius:0}#app.mobile .home-page .page-content{padding:1rem}#app.mobile .home-page h1{font-size:1.625rem}#app.mobile .home-page h2{font-size:1rem;text-align:left;font-weight:500}#app.mobile .intro-links .text-link{font-size:1.375rem}#app.mobile .intro-links .link-description{font-size:1rem}#app.mobile .intro-links .intro-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#app.mobile .intro-links .link-icon{padding-right:.5rem}#app.mobile .header-panel{justify-content:center;align-items:center;text-align:center;padding:1rem;padding-bottom:0}#app.mobile .header-panel h2{margin:0}#app.mobile .tool-content{padding:1rem;margin-bottom:5rem;flex:1}#app.mobile .tool-actions{padding:1.25rem 1rem;margin-bottom:3.6rem;position:fixed;bottom:0;width:100%;background:#fff}#app.mobile .main{flex-direction:column}#app.mobile .main .intro-links{grid-template-columns:1fr 1fr;width:100%}#app.mobile .main .intro-link{height:80px}#app.mobile .main .intro-link .link-main{font-size:1.125rem}#app.mobile .main .intro-link .link-description{font-size:.875rem}#app.mobile .main .intro-link:last-child{grid-column-start:span 2}#app.mobile .main .page-content{margin:0;overflow:auto!important}#app.mobile .main .grid .grid-item{display:grid;row-gap:1em;grid-template-columns:50% 50%}#app.mobile .info-page .grid-search{background:none;padding-top:0}#app.mobile .info-page .search-form{max-width:100%}#app.mobile .main.home-page .page-content{overflow:initial!important}#app.mobile .main.home-page .page-content:last-child{padding-top:0}#app.mobile .main.home-page .main-panel{overflow:auto!important;padding-bottom:1rem}#app.mobile .tabs{width:100%;height:4rem;background:#fff;box-shadow:0 -4px 8px 1px hsla(0,0%,40%,.1)}#app.mobile .tabs-item{flex:1;align-items:center;justify-content:center;padding:0;margin:0}#app.mobile .tabs-item a{align-items:center;justify-content:center;flex-direction:column;font-size:12px}#app.mobile .tabs-item--selected a{color:#5d61da;background:#f7f7f7}#app.mobile .tabs-items{display:grid;row-gap:1em;grid-template-columns:1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:100%}#app.mobile .random .random-flashcard{height:60px}#app.mobile .table{margin-top:1rem}.main-panel{align-items:center;height:100%;width:100%;max-width:60rem;box-sizing:border-box;z-index:10;margin-top:2rem;margin-right:2rem;overflow:hidden}.main-panel,.side-panel{display:flex;flex-direction:column;border-radius:.5rem}.side-panel{width:22rem;background:#2a2b2d;color:#fff;z-index:1;margin:2rem}.side-panel .side-panel-header{padding:1em}.side-panel .side-panel-content{display:flex;flex-direction:column;overflow:hidden}.side-panel .side-panel-content .sub-heading:first-child{margin-top:0}.side-panel .search-list{padding:1em;box-sizing:border-box}.side-panel .side-panel-nav{display:flex;flex-direction:row;height:3em;width:100%;z-index:5;background:#5d61da;justify-content:center;align-items:center;border-radius:.5rem .5rem 0 0}.side-panel .side-panel-nav .nav-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;flex-direction:row;padding:0 .5em;box-sizing:border-box;flex:1 auto;justify-content:space-between}.side-panel .side-panel-nav .nav-content a{color:#fff;font-weight:600;font-size:1.25rem;text-decoration:none}.side-panel .side-panel-nav .nav-content a:hover,.side-panel .side-panel-nav .nav-content a:visited{color:#fff}.side-panel .side-panel-nav .nav-logo{width:2.5em;height:2em}.side-panel .side-panel-nav .nav-logo a{margin:0}@media screen and (max-width:1350px){.side-panel-nav a{font-size:1rem!important}}.header-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;background:#fff;padding:2rem;border-radius:.5rem}.header-panel .heading{margin:0}.header-panel .sub-heading{margin:0;color:#676770}.header-panel .text{margin-bottom:0}.header-panel h1{font-size:1.5rem;font-weight:600;margin:0}.header-panel h2{font-size:1rem;font-weight:600;margin:.25em 0 0 0}.tabs{color:#2a2b2d}.tabs,.tabs-items{display:flex;flex-direction:row;position:relative}.tabs-item{display:flex;margin-right:.25em;font-weight:600;font-size:1em;transition:color .06s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs-item:active,.tabs-item:hover{cursor:pointer;background:#f1f1f1}.tabs-item--selected{color:#5d61da}.tabs-item a{display:flex;flex:1;justify-content:center;align-items:center;color:#2a2b2d;padding:.5em .75em}.tabs-item a,.tabs-item a:visited{text-decoration:none}.tabs-item a i{padding-right:.25rem}.tabs-dash{height:4px;width:40px;background:#5d61da;position:absolute;bottom:0;transition:transform .2s,width .1s ease-in}.tabs--mobile{z-index:10}