.modal-backdrop[data-v-1318bc25]{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-fade-enter[data-v-1318bc25],.modal-fade-leave-to[data-v-1318bc25]{opacity:0}.modal-fade-enter-active[data-v-1318bc25],.modal-fade-leave-active[data-v-1318bc25]{transition:opacity .5s ease}.main-area[data-v-91ca4196]{display:flex;flex-direction:column;justify-content:center;align-content:center}.text-area[data-v-91ca4196]{margin:-10px 0 0 0}.modal-content[data-v-1e666ee7]{padding:20px 40px}.modal-content[data-v-1e666ee7],.modal-content[data-v-2ef7de21]{display:flex;flex-direction:column;justify-content:center;align-content:center;margin-top:-200px;background-color:#fff;border-style:none;border-radius:22px}.modal-content[data-v-2ef7de21]{padding:10px 10px;max-width:30%}.inner-title-area[data-v-2ef7de21]{margin:2px 10px 0 10px}.body-area[data-v-2ef7de21]{display:flex;flex-direction:row;justify-content:center;align-content:center;margin:auto}.inner-body-area[data-v-2ef7de21]{margin:16px 8px 0 8px;max-width:80%}.ok-cancel-button-area[data-v-2ef7de21]{justify-content:space-between}.ok-button-area[data-v-2ef7de21],.ok-cancel-button-area[data-v-2ef7de21]{display:flex;flex-direction:row;align-content:center;margin:20px 8px 0 8px}.ok-button-area[data-v-2ef7de21]{justify-content:center}#app{font-family:Nunito,Fredoka One,Avenir,Helvetica,Arial,sans-serif;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-width:350px;height:100vh}html{background-color:#ecf8fc}body{margin:0}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.router{box-sizing:content-box}.large-bold-text{font-size:24px}.large-bold-text,.regular-bold-text{font-family:Fredoka One;font-style:normal;font-weight:400;color:#27447a}.regular-bold-text{font-size:20px}.small-bold-text{font-family:Fredoka One}.regular-text,.small-bold-text{font-style:normal;font-weight:400;font-size:18px;color:#27447a}.regular-text{font-family:Nunito}.confirm-button{background-color:#4dc1aa;width:220px}.button-optiona,.confirm-button{color:#fff;border-style:none;border-radius:20px;height:40px;cursor:pointer}.button-optiona{background-color:#27447a;width:240px}.button-optionb{background-color:#ecf8fc;color:#27447a;border-style:solid;border-color:#27447a;width:240px;cursor:pointer}.button-optionb,.ok-button{border-radius:20px;height:40px}.ok-button{background-color:#4dc1aa}.cancel-button,.ok-button{color:#fff;border-style:none;width:110px}.cancel-button{background-color:#afaab9;border-radius:20px;height:40px}.debug-area{background-color:#fafad2;border-style:none;border-radius:20px;position:absolute;bottom:0;margin:auto;padding:10px}.test-button-area{display:flex;flex-direction:row-reverse;padding-right:60px;padding-top:10px;margin-bottom:6px}.dropbtn{cursor:pointer;padding:6px;font-family:Fredoka One;font-style:normal;font-weight:400;font-size:20px;background-color:#4dc1aa;color:#fff;border-style:none;border-radius:2px}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#27447a;padding:12px 16px;text-decoration:none;text-align:left;display:block}.dropdown-content a:hover{background-color:#ddd}.image-area[data-v-2aa281c6]{margin-top:20px}.main-area[data-v-250f0806]{display:flex;justify-content:center;align-content:center}h3[data-v-2d5ebfda]{margin:40px 0 0}ul[data-v-2d5ebfda]{list-style-type:none;padding:0}li[data-v-2d5ebfda]{display:inline-block;margin:0 10px}a[data-v-2d5ebfda]{color:#42b983}.card-text[data-v-2d5ebfda]{margin:4px 0 4px 0}pre[data-v-2d5ebfda]{text-align:left;white-space:pre;margin:100px}.outer[data-v-17cf3494]{display:flex;justify-content:center;align-content:center;width:26px;height:26px;margin:0;background-color:#fff;border-style:solid;border-color:#27447a;border-width:2px;border-radius:25%;cursor:pointer}.inner[data-v-17cf3494]{width:18px;height:16px;margin:auto;background-image:url(/checkmark.png);background-repeat:no-repeat;background-size:18px;background-position:50%}.card[data-v-1974d9ea]{display:grid;grid-template-areas:"checkbox name-label name-value" "checkbox grade-label grade-value";grid-template-columns:40px 50px;min-height:46;-moz-column-gap:8px;column-gap:8px;row-gap:2px;padding:4px}.checkbox[data-v-1974d9ea]{grid-area:checkbox;display:flex;justify-content:center;padding:2px 0 0 0}.name-label[data-v-1974d9ea]{grid-area:name-label}.name-value[data-v-1974d9ea]{grid-area:name-value}.grade-label[data-v-1974d9ea]{grid-area:grade-label}.grade-value[data-v-1974d9ea]{grid-area:grade-value}.card-text[data-v-1974d9ea]{text-align:left;margin:0}.checkbox-disabled[data-v-1974d9ea]{display:flex;justify-content:center;align-content:center;width:26px;height:26px;margin:auto;background-color:#fff;background-image:url(/checkmark_disabled.png);background-repeat:no-repeat;background-size:18px;background-position:50%;border-style:solid;border-color:#969eaf;border-width:2px;border-radius:25%}.regular-disabled-text[data-v-1974d9ea]{font-family:Nunito;font-style:normal;font-weight:400;font-size:18px;color:#969eaf}.class-list[data-v-33294e5c]{display:grid;grid-template-columns:1fr 1fr;gap:10px;background-color:#fff}@media(max-width:800px){.class-list[data-v-33294e5c]{grid-template-columns:1fr}}.main-area[data-v-051fa95c]{display:grid;grid-template-columns:1fr;padding:0 20px;width:60%;margin:auto}.teacher-area[data-v-051fa95c]{display:flex;justify-content:center;margin:18px 0 30px 0}.back-area[data-v-051fa95c]{display:flex;flex-direction:row;justify-content:flex-start;color:#27447a;margin:-32px 0 10px 0}.class-area[data-v-051fa95c]{display:grid;grid-template-columns:1fr;align-items:center;padding:0 50px;background-color:#fff;border-style:none;border-radius:22px}.select-classes-text[data-v-051fa95c]{display:inline-block;margin:30px}.button-area[data-v-051fa95c]{margin:30px auto}@media(max-width:800px){.main-area[data-v-051fa95c]{width:80%}}.main-area[data-v-442f65f2]{display:grid;align-items:left;grid-template-columns:1fr;row-gap:10px}h3[data-v-77f63217]{margin:40px 0 0}ul[data-v-77f63217]{list-style-type:none;padding:0}li[data-v-77f63217]{display:inline-block;margin:0 10px}a[data-v-77f63217]{color:#42b983}.card-text[data-v-77f63217]{margin:4px 0 4px 0;max-width:640px}.footer-text[data-v-77f63217]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:16px;color:#27447a}pre[data-v-77f63217]{text-align:left;white-space:pre;margin:100px}.main-area[data-v-77f63217]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-77f63217]{justify-content:center;margin:20px 0 20px 0}.custom-select[data-v-1b902518]{position:relative;width:100%;text-align:left;outline:none;height:32px;line-height:32px}.custom-select .selected[data-v-1b902518]{background-color:#fff;border-radius:10px;border:1px solid #666;color:#27447a;padding-left:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-select .selected.open[data-v-1b902518]{border:1px solid #27447a;border-radius:10px 10px 0 0}.custom-select .selected[data-v-1b902518]:after{position:absolute;content:"";top:16px;right:16px;width:0;height:0;border:5px solid transparent;border-color:#27447a transparent transparent transparent}.custom-select .items[data-v-1b902518]{color:#27447a;border-radius:0 0 10px 10px;overflow:hidden;border-right:1px solid #27447a;border-left:1px solid #27447a;border-bottom:1px solid #27447a;position:absolute;background-color:#fff;left:0;right:0;z-index:1}.custom-select .items div[data-v-1b902518]{color:#27447a;padding-left:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-select .items div[data-v-1b902518]:hover{background-color:#afaab9}.selectHide[data-v-1b902518]{display:none}.main-area-2[data-v-1dd9a5d6]{display:grid;grid-template-columns:1fr 1fr;background-color:#fff}.item-name[data-v-1dd9a5d6]{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:1;justify-self:start;align-self:center}.item-dropdown[data-v-1dd9a5d6]{grid-column-start:2;grid-column-end:2;grid-row-start:1;grid-row-end:1;align-self:center}.main-area[data-v-3a60e960]{display:grid;grid-template-columns:1fr;padding:0 20px}.teacher-area[data-v-3a60e960]{display:flex;justify-content:center;margin:18px 0 30px 0}.match-area[data-v-3a60e960]{width:50%;margin:auto;border-style:none;border-radius:22px}.class-area[data-v-3a60e960],.match-area[data-v-3a60e960]{display:grid;grid-template-columns:1fr;padding:0 50px;background-color:#fff}.class-area[data-v-3a60e960]{width:80%;margin-top:10px}.students-title-area[data-v-3a60e960]{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;background-color:#fff}.students-header[data-v-3a60e960]{justify-self:start;align-self:center}.students-area[data-v-3a60e960]{display:grid;row-gap:16px;grid-template-columns:1fr;margin-top:16px;background-color:#fff}.button-area[data-v-3a60e960]{margin:40px auto 30px auto}.class-picker[data-v-3a60e960]{margin-top:10px}.match-classes-text[data-v-3a60e960]{display:inline-block;margin-top:30px}.header-text[data-v-3a60e960]{display:inline-block;text-align:left;margin-top:10px}.text-align-left[data-v-3a60e960]{text-align:left}@media(max-width:800px){.class-area[data-v-3a60e960]{width:80%}}.main-area[data-v-da7abf66]{display:flex;justify-content:center;margin:18px 0 30px 0}.card-text[data-v-da7abf66]{margin:4px 0 4px 0}.buttons[data-v-da7abf66]{justify-content:center;margin:20px 0 20px 0}.button-area[data-v-da7abf66]{margin:8px 0}h3[data-v-7e4248c9]{margin:40px 0 0}ul[data-v-7e4248c9]{list-style-type:none;padding:0}li[data-v-7e4248c9]{display:inline-block;margin:0 10px}.card-text[data-v-7e4248c9]{margin:4px 0 4px 0;max-width:680px}.footer-text[data-v-7e4248c9]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-7e4248c9]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-7e4248c9]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-7e4248c9]{justify-content:center;margin:26px 0 20px 0}h3[data-v-2d6fda50]{margin:40px 0 0}ul[data-v-2d6fda50]{list-style-type:none;padding:0}li[data-v-2d6fda50]{display:inline-block;margin:0 10px}.card-text[data-v-2d6fda50]{margin:4px 0 4px 0;max-width:680px}.footer-text[data-v-2d6fda50]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-2d6fda50]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-2d6fda50]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-2d6fda50]{justify-content:center;margin:26px 0 20px 0}h3[data-v-7dc98f23]{margin:40px 0 0}ul[data-v-7dc98f23]{list-style-type:none;padding:0}li[data-v-7dc98f23]{display:inline-block;margin:0 10px}.card-text[data-v-7dc98f23]{margin:4px 0 4px 0;max-width:680px}.app-store-text[data-v-7dc98f23]{margin:0 0 12px 0}.footer-text[data-v-7dc98f23]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-7dc98f23]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-7dc98f23]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-7dc98f23]{justify-content:center;margin:26px 0 20px 0}.store-buttons-area[data-v-7dc98f23]{justify-content:center;margin:30px 0 20px 0}.store-button[data-v-7dc98f23]{margin:0 8px 8px 8px}h3[data-v-ea474d26]{margin:40px 0 0}ul[data-v-ea474d26]{list-style-type:none;padding:0}li[data-v-ea474d26]{display:inline-block;margin:0 10px}.card-text[data-v-ea474d26]{margin:4px 0 4px 0;max-width:680px}.footer-text[data-v-ea474d26]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-ea474d26]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-ea474d26]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-ea474d26]{justify-content:center;margin:26px 0 20px 0}h3[data-v-51f4f2fc]{margin:40px 0 0}ul[data-v-51f4f2fc]{list-style-type:none;padding:0}li[data-v-51f4f2fc]{display:inline-block;margin:0 10px}.card-text[data-v-51f4f2fc]{margin:4px 0 4px 0;max-width:710px}.app-store-text[data-v-51f4f2fc]{margin:0 0 12px 0}.footer-text[data-v-51f4f2fc]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-51f4f2fc]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-51f4f2fc]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-51f4f2fc]{justify-content:center;margin:26px 0 20px 0}.store-buttons-area[data-v-51f4f2fc]{justify-content:center;margin:30px 0 20px 0}.store-button[data-v-51f4f2fc]{margin:0 8px 8px 8px}h3[data-v-4f37639c]{margin:40px 0 0}ul[data-v-4f37639c]{list-style-type:none;padding:0}li[data-v-4f37639c]{display:inline-block;margin:0 10px}.card-text[data-v-4f37639c]{margin:4px 0 4px 0;max-width:700px}.footer-text[data-v-4f37639c]{font-family:Fredoka One;font-style:normal;font-weight:400;font-size:14px;color:#27447a}.teacher-area[data-v-4f37639c]{display:flex;justify-content:center;margin:18px 0 30px 0}.character-image[data-v-4f37639c]{justify-content:center;margin:20px 0 20px 0}.footer-area[data-v-4f37639c]{justify-content:center;margin:26px 0 20px 0}