*{margin:0;outline:none;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{text-decoration:underline;text-underline-offset:.2em}a:hover{text-decoration:none}.link-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:.2em}.link-btn:hover{text-decoration:none}.font-bold{font-weight:700}html{color:#000;font-family:Courier;font-size:1em;line-height:1.4;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}body,html{background-color:#ff0}body{margin:0;min-height:100vh;padding:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}#sansho{bottom:20px;color:#333;cursor:pointer;font-size:.7em;left:25px;position:absolute;z-index:11}#waveform{position:absolute;right:30px;top:-15px;width:300px;z-index:3}#curated{bottom:15px;display:flex;justify-content:center;left:0;position:absolute;width:100%}#curated a,#curated p{color:#ff0}#curated .twentypx{margin-right:40px}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}wave{border-right-style:none!important}#reloader{cursor:pointer;display:inline-block;text-decoration:underline}audio,canvas,iframe,img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.videosection video{height:auto;left:50%;min-height:100%;min-width:100%;position:fixed;top:50%;transform:translate(-50%) translateY(-50%);width:auto;z-index:1}#intro{background:#ff0;color:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.logo{margin-left:-50px;top:38px;transition:1s ease;width:100px}.logo,.logo_active{left:50%;position:absolute}.logo_active{margin-left:-100px;margin-top:-100px;top:50%;width:200px}.logo2{left:50%;margin-left:-50px;margin-top:-50px;top:50%;width:100px;z-index:3}.box,.logo2{position:absolute}.box{border:2px solid #000;color:#000;left:calc(50% - 250px);padding:30px;text-align:center;top:40%;width:500px;width:auto}#webcam{height:200px;left:30px;margin:0;padding:0;position:fixed;top:0;width:200px;z-index:2}#imprint{background:#ff0;display:none;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:9}.imprint{margin-left:30px;margin-top:30px;padding-bottom:20px;width:80%}.imprintlink{bottom:20px;color:#333;cursor:pointer;font-size:.7em;position:fixed;right:50px;z-index:11}#privacy{background:#ff0;display:none;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:9}.privacy{margin-left:30px;margin-top:30px;padding-bottom:20px;width:80%}.privacylink{bottom:20px;color:#333;cursor:pointer;font-size:.7em;position:fixed;right:120px;z-index:11}.loader{animation:animationFrames 1.5s linear;animation-iteration-count:infinite;-webkit-animation:animationFrames 1.5s linear;-webkit-animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}@keyframes animationFrames{0%{transform:rotate(0)}5%{transform:rotate(0)}15%{transform:rotate(90deg)}25%{transform:rotate(90deg)}44%{transform:rotate(180deg)}54%{transform:rotate(180deg)}70%{transform:rotate(270deg)}80%{transform:rotate(270deg)}94%{transform:rotate(1turn)}to{transform:rotate(1turn)}}.speakCircle{left:35vw;position:absolute;top:45vh;width:30vw;z-index:3}.blink{animation:blink 1s steps(3,start) 2 forwards;-webkit-animation:blink 1s steps(3,start) 2 forwards;transition:.3s ease}@keyframes blink{to{visibility:hidden}}#end{align-items:center;color:#ff0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:8}#end.show{opacity:1;pointer-events:auto;transition:opacity 3s ease-in-out}#end.hide{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}#end .endtext{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;height:auto;justify-content:center;margin-bottom:5vh;position:relative;text-align:center}#end .endtext span{margin-bottom:10px}#end .endtext.show{opacity:1;pointer-events:auto;transition:opacity 3s ease-in-out}#end .endtext.hide{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}#end #curated{font-size:.9rem;margin-top:30px;text-align:center}#end #curated p{margin-bottom:10px}#end #curated #made{line-height:1.4}#norecognition{height:100%;left:0;position:absolute;top:0;width:100%;z-index:7}.alertbox{background:#000;border:2px solid #ff0;color:#ff0;height:auto;left:50%;margin-left:-150px;margin-top:-100px;padding:20px;position:absolute;text-align:center;top:50%;width:300px;z-index:3}#refreshButton{background:#ff0;border:none;color:#000;margin-top:20px;padding:3px 5px}#nomedia,#notchrome,#notdesktop{align-items:center;background:#ff0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:10}#nomedia span,#notchrome span,#notdesktop span{max-width:1000px}#noAutoplay{align-items:center;background:#ff0;display:flex;flex-direction:column;font-size:2rem;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:10}#noAutoplay .readyButton{background-color:#000;cursor:pointer;margin-top:25px;padding:10px 25px;transition:all .3s ease}#noAutoplay .readyButton:hover{transform:scale(1.1)}#noAutoplay .readyButton p{color:#ff0;font-size:1.6rem}#subtitle{bottom:50px;color:#ff0;font-size:2em;font-weight:400;left:0;position:absolute;text-align:center;width:100%;z-index:6}#subtitle,.typewrite{pointer-events:none}#redFlash{background-color:red;height:100vh;left:0;mix-blend-mode:multiply;position:fixed;top:0;width:100vw;z-index:3}.prePermissions{z-index:6}#emotion_chart,#main1,#main2,#main3,#main4,#nomicallowed,#norecognition,#redFlash,#videoloader,#waveform,.speakCircle{display:none}.hidden{display:none!important;visibility:hidden}#cam_overlay{left:0;position:absolute;top:0}#cam_overlay,#videoel{-ms-filter:fliph;filter:fliph;transform:scaleX(-1)}#cam_container{left:30px;position:absolute;top:30px;transform-origin:0 0;transition:.2s ease;width:370px;z-index:6}.container_small{transform:scale(.5)}.container_big{transform:scale(1)}.factors{color:#ff0;font-size:13px;left:22px;text-align:left;top:-8px;word-spacing:10px}#emotion_chart,.factors{position:absolute;width:300px}#emotion_chart{display:flex;flex-direction:row;gap:15px;justify-content:center;left:calc(50% - 150px);margin:0 auto;opacity:0;text-align:center;top:30px;z-index:2}#weite40{transform:translate(-14px)}#weite100{transform:translate(-10px)}#weite160{transform:translate(-2px)}#weite220{transform:translate(5px)}@media only screen and (max-width:600px){.box{border:none;transform:scale(.7)}}@keyframes typing{0%{width:100%}to{width:0}}.h1,.h2,.h3,.h4,.h5{float:left;position:relative}p span{background:#ff0;box-sizing:border-box;position:absolute;right:0;top:0;width:100%}.h1.go span{animation:typing 1.9s steps(27) forwards}.h2.go span{animation:typing 2s steps(39) forwards;animation-delay:2.1s}.h3.go span{animation:typing 2.1s steps(47) forwards;animation-delay:4.1s}.h4.go span{animation:typing 2s steps(31) forwards;animation-delay:7.1s}.h5.go span{animation:typing 1.7s steps(23) forwards;animation-delay:9.1s}@media (max-width:1000px){#emotion_chart{left:3px;top:171px;transform:scale(.9);z-index:2}#waveform{left:30px;top:180px;width:240px}.container_big{transform:scale(.8)}}@media (max-width:850px){#curated{font-size:.8em}.twentypx{margin-right:15px}}.alertbox[data-v-05834e97]{background:#000;border:2px solid #ff0;color:#ff0;height:auto;left:50%;margin-left:-150px;margin-top:-100px;padding:20px;position:absolute;text-align:center;top:50%;width:300px;z-index:3}#refreshButton[data-v-05834e97]{background:#ff0;border:none;color:#000;cursor:pointer;margin-top:20px;padding:3px 5px}