@import"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";:root{--app-height: 100%}html,body{padding:0;margin:0;overflow:hidden;width:100vw;height:100vh;height:var(--app-height)}#app{background:url(https://tree-projects.s3.eu-central-1.amazonaws.com/edubox-migratie/background-tile.png);background-size:210px;display:flex;height:100%;justify-content:center;align-items:center}.screen a{display:contents;text-decoration:none}.container-center-horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;pointer-events:none;width:100%;height:100%}@media (min-width: 420px){.container-center-horizontal{height:90%}}.container-center-horizontal>*{flex-shrink:0;pointer-events:auto}.valign-text-middle{display:flex;flex-direction:column;justify-content:center}.screen{width:100%;position:relative}@media (min-width: 420px){.screen{width:420px;box-shadow:0 0 20px #00000040}}*{box-sizing:border-box}@font-face{font-family:Roobert VRT-Regular;src:url(/fonts/roobert/RoobertVRT-Regular.woff) format("woff"),url(/fonts/roobert/RoobertVRT-Regular.woff2) format("woff2")}@font-face{font-family:Roobert VRT-RegularItalic;src:url(/fonts/roobert/RoobertVRT-RegularItalic.woff) format("woff"),url(/fonts/roobert/RoobertVRT-RegularItalic.woff2) format("woff2")}@font-face{font-family:Roobert VRT-Bold;src:url(/fonts/roobert/RoobertVRT-Bold.woff) format("woff"),url(/fonts/roobert/RoobertVRT-Bold.woff2) format("woff2")}:root{--alto: #d9d9d9;--black: #000000;--cultured-pearl: #f5f5f5;--light-marine: #e6f5ff;--narvik: #e8fbf1;--primary-emerald: #3ecf6e;--primary-marine: #0081ff;--primary-midnight: #031037;--primary-teal: #00beaa;--silver-sand: #c1c1c6;--white: #ffffff;--font-size-l: 17px;--font-size-m: 16px;--font-size-s: 11px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-family-roobert_vrt-bold: "Roobert VRT-Bold", Helvetica;--font-family-roobert_vrt-regular: "Roobert VRT-Regular", Helvetica;--font-family-roobert_vrt-regularitalic: "Roobert VRT-RegularItalic", Helvetica}.roobertvrt-regular-normal-black-16px{color:var(--black);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-m);font-style:normal;font-weight:400}.roobertvrt-bold-white-24px{color:var(--white);font-family:var(--font-family-roobert_vrt-bold);font-size:var(--font-size-xxl);font-style:normal;font-weight:700}.roobertvrt-bold-midnight-20px{color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-bold);font-size:var(--font-size-xl);font-style:normal;font-weight:700}.roobertvrt-regularitalic-normal-midnight-11px{color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-regularitalic);font-size:var(--font-size-s);font-style:italic;font-weight:400}.roobertvrt-regular-normal-alto-16px{color:var(--alto);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-m);font-style:normal;font-weight:400}.roobertvrt-regular-normal-midnight-18px{color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-l);font-style:normal;font-weight:400}.roobertvrt-regular-normal-midnight-11px{color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-s);font-style:normal;font-weight:400}.input-options-closed,.input-options-selected{align-items:flex-end;background-color:var(--white);border:1px none;display:flex;flex-direction:column;height:100vh;min-height:844px;min-width:390px;position:relative;width:100%}.logo-tree-company{position:fixed;display:none}@media (min-width: 420px){.logo-tree-company{display:block;width:8vh;bottom:0;text-align:center}}@media (min-width: 768px){.logo-tree-company{display:block;right:0;bottom:0;width:16vh;padding:0 10px 10px 0}}.header{align-items:flex-start;background-color:var(--primary-marine);display:flex;justify-content:space-between;min-width:100%;padding:14px 12px}.header-logo{align-self:flex-end;height:72px;margin-bottom:8px;width:78px}.header-container{align-items:flex-end;display:flex;flex-direction:column;gap:39px;min-height:81px;width:121px}.header-detailsnot-in-anima{height:12px;width:23px}.header-title{letter-spacing:0;min-height:30px;min-width:121px}.header.header-1,.header.header-3,.header.header-8,.header.header-12{flex:unset;height:127px;max-height:unset;min-width:390px}.header.header-3 .header-detailsnot-in-anima,.header.header-9 .header-detailsnot-in-anima,.header.header-11 .header-detailsnot-in-anima{margin-right:0}.contact{align-items:flex-end;border:1px none;display:flex;flex:1;max-height:77px;min-width:100%}.overlap-group1{align-items:flex-start;background-color:var(--white);display:flex;flex-direction:column;gap:11px;margin-bottom:-2px;min-height:79px;padding:2px 0;width:100%;border-bottom:1px solid #c1c1c6}.contact-flex-row{align-items:center;display:flex;gap:16px;margin-left:24px;margin-top:10px;min-width:123px}.contact-profile-picture{height:53px;object-fit:cover;width:53px;border-radius:50%}.contact-container{align-items:flex-start;display:flex;flex-direction:column;gap:3px;margin-top:1px;min-height:42px;width:54px}.contact-name{letter-spacing:0;min-height:25px}.contact-status{display:flex;gap:8px;width:49px}.status-circle{background-color:var(--primary-emerald);border:1px none;border-radius:4px;height:8px;margin-top:3px;width:8px}.status-text{height:14px;letter-spacing:0;width:31px}.contact-dividing-line{height:1px;object-fit:cover;width:390px}.contact.contact-2,.contact.contact-10{flex:unset;height:77px;max-height:unset;min-width:390px}.play-button{height:75px;display:flex;align-items:center;cursor:pointer}.play-button-icon{height:66px;width:66px}.play-button-small{height:29px}.play-button-small .play-button-icon{height:25px;width:25px}.audio-player{display:flex;align-items:center}.audio-progress-indicator{position:relative;min-width:min(50vw,200px)}.audio-progress-background{background-color:var(--silver-sand);border:1px none;border-radius:5px;height:3px;width:100%}.audio-progress-line{position:absolute;top:0;background-color:var(--primary-teal);border:1px none;border-radius:5px;height:3px;width:0%}.video-player{display:flex;align-items:center}.video-player-inline{position:relative}.video-player-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player-thumb{max-width:100%;width:240px;height:424px;object-fit:cover}.video-progress-indicator{position:relative;min-width:237px}.progress-background{background-color:var(--silver-sand);border:1px none;border-radius:5px;height:3px;width:100%}.progress-line{position:absolute;top:0;background-color:var(--primary-teal);border:1px none;border-radius:5px;height:3px;width:0%}.message-in-audio-1-1.message-in-audio-1 .rectangle-15{background-color:var(--primary-teal)}.fullscreen-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;-webkit-user-select:none;user-select:none}.fullscreen-video{z-index:-1;width:100%;height:auto}.fullscreen-video-close{position:absolute;top:10px;right:10px;height:62px;width:62px;cursor:pointer}.video-progress-indicator{width:95%;position:relative;top:-10px;opacity:.2}.video-progress-background{background-color:#000;border:1px none;border-radius:5px;height:3px;width:100%}.video-progress-line{position:absolute;top:0;background-color:#fff;border:1px none;border-radius:5px;height:3px;width:0%}.fullscreen-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:10}.fullscreen-image{object-fit:contain;flex:1;overflow:hidden}.fullscreen-image-close{position:absolute;top:10px;right:10px;height:62px;width:62px;cursor:pointer}.message-text{align-items:flex-start;background-color:var(--cultured-pearl);border:1px none;box-shadow:1px 1px 1px #00000026;margin:2px 24px;padding:8px 8px 8px 12px;display:inline-block;line-height:1.3}.message-text-in{border-radius:0 10px 10px;max-width:70%;width:fit-content}.message-text-out{border-radius:10px 0 10px 10px;background-color:var(--light-marine);text-align:left;align-self:flex-end;max-width:70%}.message-text-in+.message-text-out,.message-text-out+.message-text-in{margin-top:12px}.message-text p{overflow:hidden;text-overflow:ellipsis}.message-text-image-wrapper{max-width:224px}.message-text-image{height:200px;width:200px;object-fit:contain;cursor:pointer}.message-text-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.message-text.message-text-1{height:36px;margin-top:12px}.message-text.message-text-3,.message-text.message-text-12{height:unset;margin-left:unset;margin-right:42px}.message-text.message-text-4,.message-text.message-text-13{background-color:var(--light-marine);height:unset;margin-left:42px;padding:8px 12px;transform:rotate(180deg)}.message-text.message-text-4 .lorem-ipsum-dolor-si,.message-text.message-text-5 .lorem-ipsum-dolor-si,.message-text.message-text-6 .lorem-ipsum-dolor-si,.message-text.message-text-7 .lorem-ipsum-dolor-si,.message-text.message-text-8 .lorem-ipsum-dolor-si,.message-text.message-text-9 .lorem-ipsum-dolor-si,.message-text.message-text-11 .lorem-ipsum-dolor-si,.message-text.message-text-13 .lorem-ipsum-dolor-si{transform:rotate(180deg)}.message-text.message-text-6,.message-text.message-text-9{align-self:flex-end;background-color:var(--light-marine);margin-left:unset;margin-right:24px;padding:8px 12px;transform:rotate(180deg)}.input-field{align-items:center;background-color:var(--primary-teal);border:1px none;display:flex;gap:15px;justify-content:flex-end;align-self:flex-end;height:60px;min-width:100%;padding:0 13px;cursor:pointer}.input-field-text-wrapper{align-items:flex-start;background-color:var(--white);border-radius:10px;display:flex;height:40px;min-width:330px;padding:8px 11px}.text-field{height:21px;letter-spacing:0}.input-field.input-field-1{margin-top:217px}.input-field.input-field-2{margin-top:245px}.input-field.input-field-3,.input-field.input-field-4{margin-top:460px}.input-field.input-field-6{flex:unset;height:60px;margin-top:294px;max-height:unset;min-width:390px}.input-field.input-field-7{margin-top:289px}.input-text{align-items:center;background-color:var(--primary-teal);border:1px none;display:flex;gap:15px;justify-content:flex-end;align-self:flex-end;height:60px;min-width:100%;padding:0 13px;cursor:pointer}.input-text-text-wrapper{align-items:flex-start;background-color:var(--white);border-radius:10px;display:flex;align-items:center;max-width:330px;height:40px;flex:1;padding:0 11px}.input-text-prefix{margin-right:.5ch;white-space:nowrap;height:40px;line-height:40px}.input-text-field{height:40px;line-height:40px;letter-spacing:0;border:none;outline:none;background-color:transparent;flex:1}.send-icon{height:36px;width:36px}.input-options{border:1px none}.input-options-wrapper{height:275px;display:flex;gap:11px;flex-direction:column;padding:10px 0;align-items:center;background-color:var(--primary-teal)}.input-option{background-color:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;flex:1;width:93%;cursor:pointer;padding:0 8px}.input-option:hover{background-color:var(--cultured-pearl)}.input-option-text{height:23px;letter-spacing:0;min-width:222px;text-align:center}.overlap-group-10{align-items:flex-start;background-color:var(--white);border-radius:10px;display:flex;height:122px;min-width:342px;padding:49px 58px}.choice-two{height:23px;letter-spacing:0;min-width:226px;text-align:center}.input-options.input-options-1 .overlap-group1-9{background-color:var(--cultured-pearl)}.input-end{align-items:flex-start;background-color:var(--primary-teal);border:1px none;display:flex;gap:28px;height:60px;justify-content:flex-end;min-width:390px;padding:8px 13px;cursor:pointer}.input-end-field{color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-m);font-weight:400;height:41px;letter-spacing:0;min-width:278px;padding-left:15px}.input-end-send-icon{align-self:center;height:36px;width:36px}.chat-screen{background-color:var(--white);display:flex;flex-direction:column;height:100%}.message-scroll{overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;margin-top:2px;padding-top:8px;padding-bottom:8px}.chat-input{height:60px;transition:height .3s ease-in-out;overflow:hidden;background-color:var(--primary-teal)}.chat-input--options-open{height:275px}.system-message-wrapper{display:flex;justify-content:center;width:100%}.system-message{align-items:center;background-color:var(--narvik);border:1px none;border-radius:10px;display:flex;gap:10px;justify-content:center;margin-top:12px;margin-bottom:12px;padding:4px 48px;width:fit-content}.system-message-text{letter-spacing:0;margin-top:-1px;width:fit-content}.typing-indicator{align-items:center;background-color:var(--cultured-pearl);border:1px none;border-radius:0 10px 10px;box-shadow:1px 1px 2px #00000040;display:flex;gap:7px;height:36px;margin-left:24px;margin-top:12px;margin-bottom:12px;padding:12px;width:59px}.ellipse{background-color:var(--alto);border:1px none;border-radius:3.5px;height:7px;min-width:7px;animation:1s linear infinite bounce-up-down}.ellipse:nth-child(1){animation-delay:0s}.ellipse:nth-child(2){animation-delay:.15s}.ellipse:nth-child(3){animation-delay:.3s}@keyframes bounce-up-down{0%{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}to{transform:translateY(0)}}.end-video-screen{align-items:center;background-color:#000;border:1px none;display:flex;flex-direction:column;position:relative;width:100vw}.end-video-video{max-width:100%;overflow:hidden;object-fit:contain}.end-video-overlap{align-items:center;background-position:50% 50%;background-size:cover;display:flex;flex:1;justify-content:flex-end;min-width:390px;padding:0 157px;position:relative}.end-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-screen{display:flex;flex-direction:column;background-color:var(--white);border:1px none;overflow:hidden;position:relative}.start-overlap-group{position:relative;height:80vh;display:flex;justify-content:center;align-items:center}.start-gradient{background:linear-gradient(0deg,#e6f5ff,#0081ff);border:1px none;position:absolute;top:0;left:0;width:100%;height:100%}.start-button{background-color:var(--narvik);border:2px none;border-radius:10px;padding:25px 40px;color:var(--primary-midnight);font-family:var(--font-family-roobert_vrt-regular);font-size:var(--font-size-l);font-weight:500;position:absolute;text-align:center;cursor:pointer}.start-button:hover{text-decoration:underline}.choose-character{align-items:center;background-color:var(--white);border:1px none;display:flex;flex-direction:column;height:100%;position:relative}.choose-character-text{letter-spacing:0;margin-top:39px;min-height:23px;text-align:center;width:340px}.flex-row-12{align-items:flex-start;display:flex;gap:12px;height:578px;margin-top:41px;min-width:342px}.profile-container{align-items:flex-start;display:flex;flex-direction:column;gap:12px;min-height:578px;width:165px}.profile{height:283px;object-fit:cover;width:165px;cursor:pointer}