@import url(https://fonts.googleapis.com/css2?family=Barriecito&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:wght@100;200;400;600;800&display=swap);.header{height:70px;margin-bottom:2.5rem;position:relative;transition:all .6s ease;width:100%}.walkthrough-header{justify-content:center!important;max-width:280px;z-index:101}.title{color:var(--sub-heading);color:var(--heading);font-family:Raleway;font-weight:900;position:relative;transition:all .6s ease}.shift-left{right:3.5rem}@media (min-width:576px){.shift-left{right:9rem}}.clever{font-size:2rem;left:5.5rem;top:.75rem;z-index:1}.clever,.clive{position:absolute}.clive{font-size:4rem;left:.8rem;top:1.2rem}.mascot-container{transition:all .6s ease}.mascot{opacity:0;position:absolute;right:15px;top:75%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s ease;transition:all .6s ease;width:67px}.mascot-base,.show{opacity:1}.hide{opacity:0}.menu-title{font-weight:700}.profile{max-width:400px;position:absolute;right:0;top:0;width:100%;z-index:4}.profile-icon{border:1.5px solid var(--sub-heading);border-radius:20px;cursor:pointer;height:32px;transition:all .4s ease;width:100%;width:32px;z-index:4}.profile-letter{color:#ffbc2a;color:var(--sub-heading);font-size:1.25rem;font-weight:400}.dark-bg{background:#34486b!important}.auth-buttons{font-weight:500;position:absolute;right:.5rem;top:.7rem;width:60px}.auth-buttons svg{display:inline;width:20px}.email-signin-input,.email-signup-input,.name-signup-input,.password-signin-input,.password-signup-input{background:none;border:none;border-bottom:2px solid var(--utility);border-radius:3px 3px 0 0;caret-color:#ffdfbf;color:#fff;font-size:1rem;font-weight:500;height:40px;margin-bottom:1rem;outline:none;padding-left:.6rem}.email-signin-input:focus,.email-signup-input:focus,.name-signup-input:focus,.password-signin-input:focus,.password-signup-input:focus{background:#34486b;border:none;border-bottom:2px solid var(--utility);border-radius:3px 3px 0 0}.submit-signin-button,.submit-signup-button{background:none;border:1px solid #5d6772;border-radius:30px;color:#fff;font-size:1rem;margin-top:2rem;padding:.8rem 1.4rem;transition:all .4s ease}.submit-signin-button:hover,.submit-signup-button:hover{background:#ffbc2a;border-bottom:1px solid #ffbc2a;color:#1c2a38;font-weight:600}.signup-button{border:1px solid var(--green);border-radius:5px;color:var(--green);cursor:pointer;font-weight:600;transition:all .4s ease}.signup-button:hover{background:var(--green);color:#fff;color:#2a2b2c}.signup-svg{fill:var(--green);transition:all .4s ease}.signup-button:hover svg{fill:#fff;fill:#2a2b2c}.login-button{border:1px solid var(--utility);border-radius:5px;color:var(--utility);cursor:pointer;font-weight:600;transition:all .2s ease}.login-button:hover{background:var(--utility);color:#fff;color:#2a2b2c}.login-svg{stroke:var(--utility);fill:none;transition:all .4s ease}.login-button:hover svg{stroke:#fff;stroke:#2a2b2c}.change-name-container{margin-top:5rem!important;position:relative;width:100%}.change-display-name-input{background:none;caret-color:#ffdfbf;color:#fff;font-size:1rem;font-weight:500;outline:none}.change-display-name-input,.change-display-name-input:focus{border:none;border-bottom:2px solid var(--utility);border-radius:3px 3px 0 0}.change-display-name-input:focus{background:#34486b}.submit-change-name{fill:#53637f;border-radius:3px 3px 0 0;color:var(--session-buttons);font-size:1rem;transition:all .2s ease}.submit-change-name:hover{fill:#8ba3ce}.help{bottom:1.2rem;cursor:pointer;left:1.4rem;position:absolute;width:14px;z-index:1}.help svg{fill:#3a4961;transition:all .4s ease}.help svg:hover{fill:#536889}.logout-button{border:1px solid #ffbc2a;border:1px solid var(--utility);border-radius:5px;bottom:1rem;color:#ffbc2a;color:var(--utility);cursor:pointer;font-size:1rem!important;font-weight:600;position:absolute;right:.5rem;transition:all .2s ease;width:36px}.logout-button:hover{background:#ffbc2a;background:var(--utility);color:#2a293a}.logout-svg{stroke:#ffbc2a;fill:none;position:relative;transition:all .4s ease;width:20px}.logout-button:hover svg{stroke:#fff;stroke:#2a293a}@media (min-width:576px){.profile-icon{right:2rem}.auth-buttons,.logout-button{width:140px}}.popup-bg-style{background:#13171e;background:linear-gradient(-45deg,rgba(19,23,30,.98),rgba(19,23,30,.98))}.popup-bg{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:3}.popup{font-size:2rem;font-weight:200;left:50%;padding:3rem;position:fixed;top:38%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-bg-light{background:rgba(19,23,30,.3);background:linear-gradient(-45deg,rgba(19,23,30,.35),rgba(19,23,30,.55))}.popup-style{background:#13171e;background:linear-gradient(-35deg,#13171e,#242b38)!important;border-bottom:1px solid #99d6f121!important;border-radius:15px!important;box-shadow:0 -1px 1px #99d6f131!important}.popup-style-neu{background:#13171e;background:linear-gradient(-65deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.021) 50%,hsla(0,0%,100%,0) 70%);border-bottom:1px solid #99d6f121;border-radius:10px;box-shadow:0 -1px 1px #99d6f131}.top-right-popup{border-left:1px solid #99d7f134!important;border-radius:15px 0 0 15px!important;border-top:1px solid #99d6f121!important;box-shadow:0 0 20px #37444a47!important}.popup-message{left:50%;position:relative;top:44%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.close-popup-button{bottom:.5rem;cursor:pointer;font-size:1.5rem;font-weight:200;opacity:.2;position:absolute;right:.6rem;width:20px}.lobby-menu{background:#202733;background-position:0 0,0 0,0 0;box-shadow:-2px 2px 10px rgba(19,23,30,.505)}.lobby-menu,.sessions-menu{border-radius:6px;position:relative;transition:all .4s ease}.sessions-menu{background:#202733;box-shadow:-2px 2px 10px rgba(19,23,30,.518)}.glare{transition:all .4s ease}.glare:hover{background:linear-gradient(-65deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.038) 50%,hsla(0,0%,100%,0)),#202733}.menu-title{color:var(--buttons);font-size:1.6rem;font-weight:400;position:relative;text-align:center;transition:all .3s ease;width:100%}.sub-h{color:var(--sub-heading);font-size:1rem;text-align:left}@media (max-width:768px){.width-0{width:0}}.expand-svg,.minimize-svg{fill:#3d485c;left:1.6rem;position:absolute;top:1.2rem;width:18px}.user-thumb{border-radius:50px;box-shadow:-1px 2px 3px rgba(0,0,0,.274);font-weight:600;height:36px;overflow:hidden;padding-bottom:2rem!important;transition:background-color .2s ease;transition:all .2s ease}.user-thumb:hover{background:#34486b;cursor:pointer}.user-thumb-name{margin:auto 0;position:relative;width:100%}.session-thumb{background:rgba(36,42,54,.963);border-radius:0 20px 20px 20px;box-shadow:-1px 2px 4px rgba(19,23,30,.452);color:var(--item);font-size:1rem;font-weight:600;margin:.8rem;overflow:hidden;text-align:left;transition:all .2s ease}.session-thumb:hover{background:#34486b;cursor:pointer}@media (min-width:576px){.session-thumb{text-align:center}}.show-create-session-button{fill:var(--buttons);position:absolute;right:1rem;top:.4rem;transition:all .5s ease;width:30px;z-index:2}.clickout-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.create-session{background:#34486b;border-radius:15px 2px 15px 15px;border-radius:4px 4px 4px 25px;box-shadow:0 2px 5px #0b0b0d69;position:absolute;right:0;top:0;width:200px;z-index:1}@media (min-width:992px){.create-session{width:240px}}.new-session-title-input{background:#34486b;border:none;border-bottom:2px solid var(--utility);border-radius:0;caret-color:#ffdfbf;color:#fff;max-width:78%;outline:none}.new-session-title-input::-webkit-input-placeholder{color:#d9eafd}.new-session-title-input::placeholder{color:#d9eafd}.create-session-button{border-left:1px solid #ffe5ae44;border-radius:8px 0 8px 8px;border-radius:4px;border-top:1px solid #ffe9b823;box-shadow:3px 4px 5px rgba(0,0,0,.162);color:#ffbc2a;color:var(--utility);transition:all .2s ease}.create-session-button:hover{background-color:#ffbc2a;background-color:var(--utility);color:#13171e}.session{background:#313e56;box-shadow:-2px 2px 15px rgba(19,23,30,.655);position:relative;text-align:center}.session,.starters-container{border-radius:6px;min-height:300px}.starters-container{background:#202733;background:linear-gradient(-65deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.021) 50%,hsla(0,0%,100%,0) 70%),#202733}.session-title{font-size:2rem;font-weight:600;text-align:left}.session-title-container{height:80px;position:relative;width:100%}.change-session-title-input{background:none;border:none;border-radius:0;caret-color:#ffdfbf;color:#fff;font-size:2rem;font-weight:600;left:0;outline:none;position:absolute;top:0;width:100%}.change-session-title-input:focus{background:#34486b;border-bottom:2px solid var(--utility)}.delete-session-button{color:var(--session-buttons);right:5.5rem}.delete-session-button,.leave-session-button{border:1px solid #284460;border:1px solid var(--session-buttons);border-radius:4px;position:absolute;top:1.5rem;transition:all .2s ease}.leave-session-button{color:#284460;color:var(--session-buttons);right:.8rem}.delete-session-button:hover,.leave-session-button:hover{background-color:#284460;color:#13171e}.text{background:transparent;border:none;color:#fff;font-size:.9rem;height:calc(100vh - 118px);margin:0;padding:1rem 3.3rem 1rem 1rem;position:relative;width:100%}.text::-webkit-input-placeholder{color:#5fa686}.text::placeholder{color:#5fa686}.text:focus{outline:0}@media (min-width:768px){.text{padding-left:1.6rem}}.listening,.thinking{fill:var(--green)!important}.prompt-1 .speak{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}.prompt-1 .speak,.prompt-2 .speak{left:50%;position:absolute;top:50%;transition:all 1s ease;width:50px}.prompt-2 .speak{-webkit-transform:translate(150%,-10%) scale(.8);transform:translate(150%,-10%) scale(.8)}.prompt-2 .speak svg{fill:#4a5057}.prompt-1 .speak svg{-webkit-animation:micAnim 5s ease 0s infinite;animation:micAnim 5s ease 0s infinite}.prompt-1 .think{-webkit-transform:translate(125%,-50%) scale(.8);transform:translate(125%,-50%) scale(.8)}.prompt-1 .think,.prompt-2 .think{left:50%;position:absolute;top:50%;transition:all 1s ease;width:50px}.prompt-2 .think{-webkit-transform:translate(-50%) scale(2);transform:translate(-50%) scale(2)}.prompt-1 .think svg{fill:#4a5057}.prompt-2 .think svg{fill:var(--buttons);-webkit-animation:bubbleAnim 4s ease 0s;animation:bubbleAnim 4s ease 0s}@-webkit-keyframes micAnim{0%,40%,to{fill:var(--svg-inactive)}50%,90%{fill:var(--green)}}@keyframes micAnim{0%,40%,to{fill:var(--svg-inactive)}50%,90%{fill:var(--green)}}@-webkit-keyframes bubbleAnim{0%,40%{fill:var(--svg-inactive)}50%,to{fill:var(--green)}}@keyframes bubbleAnim{0%,40%{fill:var(--svg-inactive)}50%,to{fill:var(--green)}}.undo{right:.8rem;top:50%;transition:all 1s ease;width:40px;z-index:1}.undo svg{display:inline;-webkit-transform:translateX(-5%) translateY(0);transform:translateX(-5%) translateY(0);transition:all .1s ease;width:120%}.undo.highlight svg{fill:var(--buttons)}.session-controls{position:absolute;right:0;top:5.2rem;transition:all .5s ease;width:45px;z-index:1}@media (min-width:576px){.session-controls{right:1rem}}.session-controls-popup-active{position:fixed;right:50%;top:330px;-webkit-transform:translateX(50%);transform:translateX(50%);z-index:101}.button{background:transparent;border:none;color:var(--btn-text);height:50px;padding:.375rem .75rem}.button:focus{box-shadow:none}.session-controls svg{fill:var(--svg-inactive);transition:all .5s ease}.speak svg{-webkit-transform:translateX(-5%);transform:translateX(-5%);width:120%}.think svg{-webkit-transform:translateX(-15%);transform:translateX(-15%);width:150%}.disabled-fill{fill:#5b677523!important}.starters{color:var(--muted);color:var(--buttons);color:var(--mute-green);font-size:.8rem;text-align:center}.starter-item{cursor:pointer;transition:all .2s ease}.starter-icon{fill:var(--mute-green);margin:.5rem;transition:all .4s ease;width:32px}.starter-item:hover{color:var(--buttons)}.starter-item:hover svg{fill:var(--buttons)!important}.active-session-users{color:#fff}.graphic-panel{border:1px solid #fff;border-radius:5px}.graphic{background:#ffffff24;border:1px solid grey;overflow:hidden}.landing-header{color:#86c0c7;color:var(--utility);color:#fff;font-size:2rem;margin:6rem auto 5rem;max-width:800px;width:86%}.decoration{color:#e5c13d}.decoration-2{color:#49b1b1}.decoration-3{color:#9880e5}.landing-auth{background:#6b849f0e;background:radial-gradient(at 55% 62%,#212833 0,#13171e 100%);border-radius:15px;max-width:360px}.landing-button{border:none;color:#fff}.landing-button:hover{background:none;color:#cbd2b1;opacity:1}.landing-info{color:var(--mute-blue);color:#7b838b;margin-top:5rem}@media (min-width:992px){.landing-header{font-size:3rem;margin-bottom:9rem;margin-top:12rem}}body,html{margin:0;overflow-x:hidden;padding:0}*{box-sizing:border-box}:root{--buttons:#adbfe0;--muted:#4a617b;--secondary:#e1a21b;--sub-heading:#a2b3cb;--heading:#fff;--hover-bg:#34486b;--utility:#ffbc2a;--utility-2:#e0b14b;--item:#fff;--green:#44da79;--mute-green:#5fa686;--svg-inactive:#c1ccda;--bg:#13171e;--header-height:112px;--mute-blue:#506ca9;--font-header:Barriecito;--session-color:#e0b14b;--sky-blue:#3863ad;--session-buttons:#8c91aa}body{background:none;background:#13171e;background:radial-gradient(at 55% 62%,rgba(33,40,51,.82) 0,rgba(19,23,30,.82) 100%),url(/static/media/net1.486bc1c42728bca3e6e0.jpg);background-attachment:fixed;background-position:top;background-repeat:no-repeat;background-size:cover;color:#bf8867;color:#fff;font-family:Raleway;min-height:100vh;text-align:center}.container{min-height:600px;overflow:hidden}.row{margin-left:0;margin-right:0;margin-top:0}.walkthrough-bg{height:100vh;left:0;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:100}.walkthrough{border-radius:10px;height:420px;left:50%;position:absolute;top:200px;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);width:280px}.next-button{border:.5px solid rgba(52,196,107,.463);border-radius:3px;color:#44da79;color:var(--green);cursor:pointer;margin:2rem auto;padding:.5rem .5rem .7rem;position:relative;width:100px}.fade-anim{-webkit-animation:fade-anim 1.2s ease .9s forwards;animation:fade-anim 1.2s ease .9s forwards}@-webkit-keyframes fade-anim{0%{opacity:1}to{opacity:0}}@keyframes fade-anim{0%{opacity:1}to{opacity:0}}.top{bottom:auto;top:0}.top-110{top:110px}.right{left:auto;right:0}.left{left:0;right:auto}.bottom{bottom:0;top:auto}.mid-x{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mid-y{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.translate-none{-webkit-transform:translate(0);transform:translate(0)}.disable-caret{-webkit-user-select:none;user-select:none}.fill-orange{fill:var(var(--secondary))}.bg-1{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net1.486bc1c42728bca3e6e0.jpg)}.bg-2{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net2.235457410486af6d6ece.jpg)}.bg-3{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net3.44e992412c1432853d3f.jpg)}.bg-4{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net4.1d46121c0f93d33fd4a5.jpg)}.bg-5{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net5.57560e3e570803c0a810.jpg)}.bg-6{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net6.5dd399b6f20239f7d1fe.jpg)}.bg-7{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net7.e105735c7b5ada34a83b.jpg)}@-webkit-keyframes bgAnim{0%{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net5.57560e3e570803c0a810.jpg)}50%{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net6.5dd399b6f20239f7d1fe.jpg)}}@keyframes bgAnim{0%{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net5.57560e3e570803c0a810.jpg)}50%{background:radial-gradient(at 46% 42%,rgba(33,40,51,.7) 0,rgba(19,23,30,.7) 100%),url(/static/media/net6.5dd399b6f20239f7d1fe.jpg)}}
/*# sourceMappingURL=main.1fd887cd.css.map*/