:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--back: #675496;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--back);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 60px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:linear-gradient(90deg,#675496,#675496,#eedeff);transition:color .5s,background-color .5s;line-height:normal;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 5px}h1{font-size:4.2vw;margin-bottom:-4px}body{font-size:26px}#app{margin:0 auto;padding:1rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.avatar-container[data-v-61ed6eff]{position:relative;min-width:100px;min-height:100px;text-align:center;background:#fff;background-image:var(--v574c833c);background-repeat:no-repeat;background-size:50% auto;background-position:center 40%;border:4px solid rgb(96,96,96);box-shadow:10px 10px #43424d;border-radius:170px;margin:20px;font-size:20px;padding:10px;z-index:999}.avatar-container[data-v-61ed6eff]:hover{cursor:pointer;border:4px solid rgb(118,128,62);margin:17px 23px 17px 17px}.avatar-window[data-v-61ed6eff]{min-width:100px;min-height:100px;position:relative;text-align:center;border-radius:170px;font-size:20px;padding:5px 10px 10px}.mood-text[data-v-61ed6eff]{position:absolute;min-width:100%;background:#eedeff;border:4px solid rgb(96,96,96);box-shadow:10px 10px #43424d;left:50%;transform:translate(-50%,10%);bottom:-10px;white-space:nowrap}.avatar-img[data-v-61ed6eff]{padding:10px}.mood-img[data-v-61ed6eff]{max-width:100%;height:auto;width:auto\	}.edit[data-v-61ed6eff]{position:absolute;top:-10px;right:-10px;width:50px;background:#fff;border:4px solid rgb(96,96,96);box-shadow:10px 10px #43424d;border-radius:170px}.edit[data-v-61ed6eff]:hover{cursor:pointer;border:4px solid black}.remove[data-v-61ed6eff]{position:absolute;top:-10px;left:-10px;width:40px;color:red;font-weight:700;background:#fff;border:4px solid rgb(96,96,96);box-shadow:10px 10px #43424d;border-radius:170px;z-index:999}.remove[data-v-61ed6eff]:hover{cursor:pointer;border:4px solid black}.has-mood[data-v-61ed6eff]{position:absolute;top:84px;left:96px;width:40px;color:green;font-weight:700;background:#fff;border:4px solid rgb(96,96,96);box-shadow:4px 4px #43424d;border-radius:170px;z-index:999}.kies-je-plaatje[data-v-c296e0d8]{color:#fff;position:absolute;left:75px;background:#675496;padding:0 10px}.avatars-container[data-v-c296e0d8]{margin-bottom:60px}.avatars[data-v-c296e0d8]{display:flex;flex-wrap:wrap;margin:20px;padding:20px;border:1px solid white;box-shadow:2px 2px #43424d;border-radius:15px}.menu[data-v-c296e0d8]{position:absolute;top:10px;right:10px;background:#fff;border:2px solid black;border-radius:170px;padding:10px;box-shadow:8px 15px #43424d;margin:15px}.back[data-v-c296e0d8]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}.page-container[data-v-2117c86c]{margin:auto;padding:5px 25px;width:350px;background:#eedeff;border-radius:15px}.button-container[data-v-2117c86c]{margin-left:180px}.current-avatar-container[data-v-2117c86c]{margin:10px 0;width:300px;background-color:#fff;border:1px solid black;border-radius:15px}.avatar-preview[data-v-2117c86c]{display:flex;flex-wrap:wrap;margin:20px 60px}.select-avatar-container[data-v-2117c86c]{display:block;width:300px}.avatar-block[data-v-2117c86c]{display:inline-block}.avatar-selection[data-v-2117c86c]{float:left;display:block;width:50px;height:50px;background-color:#fff;border:1px solid black;border-radius:15px;cursor:pointer}.img-selection[data-v-2117c86c]{margin:6px}.input-name[data-v-2117c86c]{font-size:20px}.back[data-v-2117c86c]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}.mood-img[data-v-bde14c16]{max-width:90%;height:auto;width:auto\	;margin-top:10px}.mood-window[data-v-bde14c16]{float:left;position:relative;background:#fff;min-width:100px;width:18%;min-height:100px;text-align:center;margin:10px 1%;box-shadow:10px 10px #43424d;border-radius:12px}.mood-text[data-v-bde14c16]{height:20%;width:100%;position:relative;margin:auto;font-size:20px}.mood-window[data-v-bde14c16]:hover{border:1px solid black;border-radius:12px;cursor:pointer;color:#b8860b}.container[data-v-2921450c]{opacity:.1}.top[data-v-2921450c]{display:block;position:relative}.title-container[data-v-2921450c]{width:100%;height:100px}.text[data-v-2921450c]{display:block;width:100%;color:#fff}.title[data-v-2921450c]{margin-top:25px;float:left}.avatar-pic[data-v-2921450c]{float:left;position:relative;width:100px;height:100px;text-align:center;background:#fff;background-image:var(--v93a7c5aa);background-repeat:no-repeat;background-size:50% auto;background-position:center;border:4px solid rgb(96,96,96);border-radius:170px;margin:20px;font-size:20px;padding:10px}.moods[data-v-2921450c]{margin:4% auto;display:flex;flex-wrap:wrap-reverse;text-align:center;padding:0 10px 5% 20px}.moods [data-v-2921450c]::_item{text-align:center}.back[data-v-2921450c]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}.mood-popup[data-v-2921450c]{position:absolute;margin:0 auto;width:582px;height:648px;top:15%;padding:47px;border-radius:12px;left:30%;text-align:center;opacity:1}.rotating-image[data-v-2921450c]{width:480px;height:480px;border-radius:130px;margin:-60px 0 0 -60px;-webkit-animation:spin-2921450c 4s linear infinite;-moz-animation:spin-2921450c 4s linear infinite;animation:spin-2921450c 4s linear infinite}@-moz-keyframes spin-2921450c{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin-2921450c{to{-webkit-transform:rotate(360deg)}}@keyframes spin-2921450c{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}thead th[data-v-31a99dff]{color:#000;background-color:#eedeff}.clickable[data-v-31a99dff],.sortable[data-v-31a99dff]{cursor:pointer;font-weight:700}.weekend[data-v-31a99dff]{background:#a9a9a9!important}.container[data-v-31a99dff]{color:#fff;font-size:medium;margin:0 5%}.mood-table[data-v-31a99dff]{margin-right:20px;margin-bottom:80px;float:left}.back[data-v-31a99dff]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}.Verdrietig[data-v-31a99dff]{color:gray}.Rustig[data-v-31a99dff]{color:#00f}.Blij[data-v-31a99dff]{color:#6a6a07}.Boos[data-v-31a99dff]{color:red}.Bang[data-v-31a99dff]{color:orange}.menu[data-v-02dd62ab]{position:absolute;top:10px;right:10px;background:#fff;border:2px solid black;border-radius:170px;padding:10px;box-shadow:8px 15px #43424d;margin:15px}.classroom-selection[data-v-02dd62ab]{display:block;align-items:center;justify-content:center}.classroom-container[data-v-02dd62ab]{position:relative;float:left;margin:0 20px 20px;cursor:pointer;border:1px solid white;box-shadow:8px 15px #43424d}.classroom-container .editable-classroom[data-v-02dd62ab]{background:#000}.classroom-container[data-v-02dd62ab]:hover{cursor:pointer;border:2px solid white;box-shadow:10px 17px #43424d}.classroom-title[data-v-02dd62ab]{color:#fff;text-align:center;margin:auto;font-size:24px}.remove[data-v-02dd62ab]{position:absolute;padding:0 6px;top:-10px;left:-10px;width:40px;color:red;font-weight:700;background:#fff;border:4px solid rgb(96,96,96);box-shadow:10px 10px #43424d;border-radius:170px;opacity:1}.remove[data-v-02dd62ab]:hover{cursor:pointer;border:4px solid black}.title[data-v-a3628e3c]{margin:20px auto;max-width:600px;color:#fff}.page-container[data-v-a3628e3c]{margin:auto;padding:5px 25px;width:350px;background:#eedeff;border-radius:15px}.button-container[data-v-a3628e3c]{margin-top:20px;margin-left:180px}.input-name[data-v-a3628e3c]{font-size:20px}.back[data-v-a3628e3c]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}body[data-v-13b54346]{color:#000;background-color:#eedeff}.image[data-v-13b54346]{display:block;margin:0 5px;z-index:1}.page-title[data-v-13b54346]{margin:auto;color:#fff}.title-container[data-v-13b54346]{display:block;padding:10px;background-color:#675496;border:1px solid grey;border-radius:15px;z-index:999}.title[data-v-13b54346]{color:#fff;font-size:24px}.login[data-v-13b54346]{width:328px;margin:auto;padding:5px;background-color:#eedeff;border:1px solid grey;border-radius:15px;font-size:12px}.input-field[data-v-13b54346]{border:1px solid grey;border-radius:15px;height:30px;width:310px;padding-left:10px}.button-container[data-v-13b54346]{margin:10px 0 0;padding:10px;background-color:#675496;border:1px solid grey;border-radius:15px}.login-button[data-v-13b54346]{margin:3px;background-color:#fff;border:1px solid grey;border-radius:15px;width:280px;height:20px;cursor:pointer}.title[data-v-c9b31aab]{margin:20px auto;max-width:600px;color:#fff}.page-container[data-v-c9b31aab]{margin:auto;padding:5px 25px;width:550px;background:#eedeff;border-radius:15px}.button-container[data-v-c9b31aab]{margin-top:20px;margin-left:180px}.back[data-v-c9b31aab]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}.title[data-v-777399ae]{margin:20px auto;max-width:600px;color:#fff}.page-container[data-v-777399ae]{margin:auto;padding:5px 25px;width:550px;background:#eedeff;border-radius:15px}.button-container[data-v-777399ae]{margin-top:20px;margin-left:180px}.title[data-v-20418fcf]{margin:20px auto;max-width:600px;color:#fff}.page-container[data-v-20418fcf]{margin:auto;padding:5px 25px;width:550px;background:#eedeff;border-radius:15px}.button-container[data-v-20418fcf]{margin-top:20px;margin-left:180px}.title[data-v-5af2ed87]{margin:20px auto;max-width:600px;color:#fff}.page-container[data-v-5af2ed87]{margin:auto;padding:5px 25px;width:550px;background:#eedeff;border-radius:15px}.button-container[data-v-5af2ed87]{margin-top:20px;margin-left:180px}.back[data-v-5af2ed87]{min-width:200px;max-width:200px;min-height:40px;position:fixed;bottom:20px;text-align:center;font-weight:700;font-size:20px;background-color:#eedeff;border-radius:20px;border:5px solid rgb(61,56,56);box-shadow:10px 10px #43424d;cursor:pointer}