#root,body,html{margin:0;height:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{-webkit-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;-webkit-font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","kern",common-ligatures contextual;-webkit-font-smoothing:antialiased;font-family:Roboto Mono,monospace;font-size:14px;color:#5a5a5a}.app{top:0;width:100%;height:100%}.actionLabel,.app{position:absolute;left:0}.actionLabel{right:0;bottom:20px;background:transparent;border:none;text-align:center;font-size:12px;color:#00f;opacity:0;-webkit-transition:opacity .33s ease;transition:opacity .33s ease;pointer-events:none}.actionLabel--start{bottom:12vh}.microphoneRequestFailed .actionLabel--start,.restart .actionLabel--start,.sendingFailed .actionLabel--start,.start .actionLabel--start{opacity:1}.restart .actionLabel--start{-webkit-transition-delay:1.5s;transition-delay:1.5s}.actionLabel--recording{bottom:12vh}.recording .actionLabel--recording{opacity:1}.actionLabel--pending{bottom:12vh}.pending .actionLabel--pending{opacity:1}.secondaryAction{position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:transparent;border:none;font-family:Roboto Mono,monospace;font-size:12px;color:#111;opacity:0;pointer-events:none;-webkit-transition:opacity .33s ease;transition:opacity .33s ease}.secondaryAction.isVisible{pointer-events:auto;opacity:1}.introduction{position:absolute;top:0;left:0;right:0;height:60vh;display:flex;flex-flow:column nowrap;align-items:center;text-align:center;opacity:0;pointer-events:none;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;justify-content:flex-start;padding:20px 20px 0}@media only screen and (min-width:0px) and (orientation:portrait){.introduction{justify-content:center;padding:78px 20px 0}}@media only screen and (min-width:640px) and (orientation:landscape){.introduction{justify-content:flex-start;padding:24px 20px 0}}@media only screen and (min-width:1024px) and (orientation:landscape){.introduction{justify-content:center;padding:78px 20px 0}}.microphoneRequestFailed .introduction,.restart .introduction,.sendingFailed .introduction,.start .introduction{opacity:1;pointer-events:auto}.restart .introduction{-webkit-transition-delay:1.5s;transition-delay:1.5s}.introduction--text h2,.introduction--text p{width:90vw;max-width:100%;margin:0;padding:0;font-weight:400;line-height:2;font-size:11px}@media only screen and (min-width:320px) and (orientation:portrait){.introduction--text h2,.introduction--text p{width:270px;font-size:11px}}@media only screen and (min-width:375px) and (orientation:portrait){.introduction--text h2,.introduction--text p{width:270px;font-size:12px}}@media only screen and (min-width:640px) and (orientation:landscape){.introduction--text h2,.introduction--text p{width:540px;font-size:12px}}@media only screen and (min-width:1024px) and (orientation:landscape){.introduction--text h2,.introduction--text p{width:270px;font-size:12px}}.introduction--text h2{color:#00f}.introduction--festivalLogo{display:block;width:35px;height:auto;position:absolute;top:20px;left:20px}.introduction--logo{display:block;width:200px;max-width:100%;height:auto;margin-bottom:10px}@media only screen and (min-width:375px) and (orientation:portrait){.introduction--logo{width:280px}}@media only screen and (min-width:414px) and (orientation:portrait){.introduction--logo{width:300px}}@media only screen and (min-width:1024px) and (orientation:portrait){.introduction--logo{width:380px}}@media only screen and (min-width:640px) and (orientation:landscape){.introduction--logo{width:200px;margin-bottom:16px}}@media only screen and (min-width:736px) and (orientation:landscape){.introduction--logo{width:220px;margin-bottom:18px}}@media only screen and (min-width:1024px) and (orientation:landscape){.introduction--logo{width:380px;margin-bottom:20px}}.introduction--tellMeMore{position:relative;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;border:1px solid #ddd;background:#fff;font-family:Roboto Mono,monospace;color:#4a4a4a;cursor:pointer;margin:8px auto 0;width:120px;font-size:10px;line-height:24px}@media only screen and (min-width:320px) and (orientation:portrait){.introduction--tellMeMore{margin:8px auto 0;width:120px;font-size:10px;line-height:24px}}@media only screen and (min-width:375px) and (orientation:portrait){.introduction--tellMeMore{margin:14px auto 0;width:160px;font-size:11px;line-height:27px}}@media only screen and (min-width:640px) and (orientation:landscape){.introduction--tellMeMore{margin:8px auto 0;width:160px;font-size:11px;line-height:24px}}@media only screen and (min-width:1024px) and (orientation:landscape){.introduction--tellMeMore{margin:14px auto 0;width:160px;font-size:11px;line-height:27px}}.introduction--tellMeMore:focus{outline:none}.infoModal{position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,255,.5);opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;pointer-events:none}.infoModal.isOpen{opacity:1;pointer-events:auto}.infoModal--inner{position:absolute;top:50%;left:50%;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:96vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw;max-width:400px;padding:40px;background:#fff;box-shadow:0 0 50px 0 rgba(0,0,255,.3);font-size:12px;line-height:2;color:#4a4a4a}.infoModal--inner p:first-child{margin-top:0}.infoModal--inner a,.infoModal--inner a:visited{text-decoration:none;color:#4a4a4a;border-bottom:2px solid rgba(0,0,255,.25)}.infoModal--inner button{position:relative;width:100%;margin:28px 0 0;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;border:1px solid #ddd;background:#fff;font-family:Roboto Mono,monospace;font-size:11px;line-height:27px;color:#4a4a4a;cursor:pointer}.infoModal--inner button:focus{outline:none}.message{position:fixed;left:0;top:0;right:0;background-color:#000;color:#fff;pointer-events:none;text-align:center;padding:10px;opacity:0}.message.isVisible{opacity:1}.thankYou{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;padding:30px;opacity:0;-webkit-transition:opacity .33s ease;transition:opacity .33s ease}.thankYou.isVisible{opacity:1}.consentModal{position:fixed;left:0;right:0;top:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,255,.5);opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;pointer-events:none}.consentModal.isOpen{opacity:1;pointer-events:auto}.consentModal--inner{position:absolute;top:50%;left:50%;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:96vh;padding:40px;background:#fff;box-shadow:0 0 50px 0 rgba(0,0,255,.3);font-size:12px;line-height:2;color:#4a4a4a}.consentModal--inner p:first-child{margin-top:0}.consentModal--inner a,.consentModal--inner a:visited{text-decoration:none;color:#4a4a4a;border-bottom:2px solid rgba(0,0,255,.25)}.consentModal--inner button{position:relative;width:100%;margin:28px 0 0;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;border:1px solid #ddd;background:#fff;font-family:Roboto Mono,monospace;font-size:11px;line-height:27px;color:#4a4a4a;cursor:pointer}.consentModal--inner button:focus{outline:none}
/*# sourceMappingURL=main.d9af763b.chunk.css.map */