:root{--selected_radio:#898989}@font-face{font-family:Manrope;src:url(/fonts/Manrope-VariableFont_wght.3f499944.ttf) format("truetype")}body,html{padding:0;margin:0;width:100%;min-height:100vh}body{background-color:#000}.persona img{border-radius:50%}#app{font-family:Manrope;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,button{color:#aaa;background-color:#000}button{width:100px;padding:12px 20px;border:1.5px solid var(--selected_radio);margin:14px 4px;border-radius:24px;box-sizing:border-box;text-decoration:none;font-size:10pt;cursor:pointer}button:disabled,button[disabled]{background-color:var(--selected_radio);color:#fff}.play-toggle,.proc-toggle,.proc-toggle:disabled{position:absolute;left:50%;transform:translate(-50%);padding:0;color:#e9e4f0}.procOn{background-color:#ff892f;border:0}.procOff{background-color:#333;border-width:2px;border-color:#4a4a4a}.proc-toggle{width:110px;font-size:8pt;height:40px}.play-toggle,.proc-toggle{display:flex;justify-content:center;align-items:center;padding:auto}.play-toggle{--radius:50px;width:var(--radius);height:var(--radius);border-radius:var(--radius)}.transport-img{scale:80%}.blah{position:absolute;left:50%;transform:translate(-50%);display:flex;width:380px;justify-content:center;align-items:center;font-size:10pt}.blah span{padding-left:10px}.earImg{position:relative;padding:5px;padding-inline:13px;width:23px;height:100%;border-radius:100%;scale:90%}.earImg img{scale:80%}.earGreen{background-color:#437752}.earYellow{background-color:#997d34}.earRed{background-color:#94463c}.ear-img img{scale:80%;transform:translateY(10%)}.wave-img{scale:70%;transform:translate(-10%)}.btm-buttons{position:absolute;width:200px;left:50%;transform:translate(-50%)}.btm-buttons button{width:200px;border:0}.demo-btn{background-color:#333;color:#e9e4f0}.pending{position:absolute;left:50%;transform:translate(-50%)}@-o-viewport{width:device-width;zoom:1}@viewport{width:device-width;zoom:1}@media screen and (max-width:720px){.pending{top:200px}.persona img,.playMusic,.playSpeech,.procMusic,.procSpeech{top:100px;--radius:220px;position:absolute;z-index:0;width:var(--radius);height:var(--radius);left:calc(50% - var(--radius)/2)}.proc-toggle{top:75px}.play-toggle{top:275px}.blah{top:430px;max-width:300px}.content,.people{position:absolute;display:flex;left:50%;transform:translate(-50%);width:auto}.content{top:340px}.all-loops{transform:translate(-50%) translate(-80px)}.all-loops,.all-movies{position:absolute;top:680px;left:50%}.all-movies{transform:translate(-50%) translate(80px)}.all-desc{position:absolute;font-size:8pt;width:320px;top:645px;left:50%;transform:translate(-50%)}.btm-buttons{top:520px}}@media screen and (min-width:720px){button{display:block}.pending{top:180px}.persona img,.playMusic,.playSpeech,.procMusic,.procSpeech{top:70px;--radius:270px;position:absolute;z-index:0;width:var(--radius);height:var(--radius);left:calc(50% - var(--radius)/2)}.proc-toggle{top:40px}.play-toggle{top:300px}.blah{top:390px}.people{top:110px;transform:translate(-50%) translate(-250px)}.content,.people{position:absolute;left:50%}.content{top:140px;transform:translate(-50%) translate(250px)}.all-loops{transform:translate(-50%) translate(-80px)}.all-loops,.all-movies{position:absolute;top:630px;left:50%}.all-movies{transform:translate(-50%) translate(80px)}.all-desc{position:absolute;font-size:8pt;width:320px;top:595px;left:50%;transform:translate(-50%)}.btm-buttons{top:470px}}:root{--music_bpm:100;--movie_bpm:61;--music_period_ms:calc(500ms*60/var(--music_bpm));--movie_period_ms:calc(500ms*60/var(--movie_bpm))}.playMusic,.playSpeech,.procMusic,.procSpeech{background-color:#ff892f;opacity:.2;border-radius:100%;z-index:-100;scale:110%}.playMusic{animation:smallThrob var(--music_period_ms) infinite alternate}.playSpeech{animation:smallThrob var(--movie_period_ms) infinite alternate}.procMusic{animation:bigThrob calc(var(--music_period_ms)/2) infinite alternate}.procSpeech{animation:bigThrob var(--movie_period_ms) infinite alternate}@keyframes smallThrob{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.05)}}@keyframes bigThrob{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.15)}}