.start{align-items:center;-webkit-animation:swimUpIn .25s ease-in-out;animation:swimUpIn .25s ease-in-out;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:1.5rem;position:relative}.start--exit{-webkit-animation:swimUpOut .25s ease-in-out forwards;animation:swimUpOut .25s ease-in-out forwards}@media screen and (min-width:48rem){.start{max-width:80rem;padding:2.25rem}}@media screen and (min-width:80rem){.start{margin:0 auto;width:80rem}}.start__container{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;margin:0 auto;max-width:80rem;padding:1.5rem;-webkit-perspective:10000px;perspective:10000px;width:100%}@media screen and (min-width:48rem){.start__container{gap:2.25rem;width:80%}}@media screen and (min-width:80rem){.start__container{width:63.75rem}}.start__card{background-color:#1e232a;border-radius:16px;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-user-select:none;user-select:none}.start__card,.start__side{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.start__side{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1.5rem;position:absolute}.start__side--back,.start__side--front{-webkit-animation:swimUpIn .25s ease-in-out;animation:swimUpIn .25s ease-in-out}.start__side--back{gap:2rem}.start__side--exit{-webkit-animation:swimUpOut .25s ease-in-out forwards;animation:swimUpOut .25s ease-in-out forwards}.start__logo{pointer-events:none;width:80%}@media screen and (min-width:48rem){.start__logo{-webkit-animation:float 10s ease-in-out infinite;animation:float 10s ease-in-out infinite;width:50%}}.start__panel{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:1.5rem 0;width:100%}@media screen and (min-width:48rem){.start__panel{margin:2.25rem 0}}.start__button{align-items:center;background-color:#2672ed;border:none;border-radius:8px;cursor:grab;display:flex;justify-content:center;padding:.75rem 1rem;text-align:center;width:100%}.start__button:hover{background-color:#14b881}.start__button--join{background-color:#7e47eb}.start__button--join:hover{background-color:#ff8000}.start__button--back{background-color:#cc525f}.start__button--back:hover{background-color:#ff8000}@media screen and (min-width:48rem){.start__button{height:3rem;width:20rem}}.start__text{color:#f5f9ff}@media screen and (min-width:48rem){.start__text{margin:2.25rem 0}}.start__text--back{margin:1.5rem 0}.start__title{align-self:flex-start;color:#f5f9ff;font-size:4rem;margin:1rem 0;order:-1}.start__prompt{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;text-align:center;width:100%}.start__input{background-color:#2d3440;border:none;border-radius:8px;color:#f5f9ff;height:3rem;padding:.75rem 1rem;text-align:center;width:100%}@media screen and (min-width:48rem){.start__input{width:20rem}}.start__input:focus{outline:4px solid #2672ed}.start__input--error{outline:4px solid #cc525f}.start__flip-enter{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.start__flip-enter-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.start__flip-enter-active,.start__flip-enter-done,.start__flip-exit{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.start__flip-exit-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.start__flip-exit-active,.start__flip-exit-done{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.error{align-items:center;-webkit-animation:swimUpIn .75s ease-in-out;animation:swimUpIn .75s ease-in-out;display:flex;flex-direction:column;height:100vh;justify-content:center}.error--exit{-webkit-animation:swimUpOut .75s ease-in-out forwards;animation:swimUpOut .75s ease-in-out forwards}.error__container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto}.error__image{-webkit-animation:float 10s ease-in-out infinite;animation:float 10s ease-in-out infinite;pointer-events:none;width:15rem}@media screen and (min-width:48rem){.error__image{width:20rem}}.error__text{text-align:center}.error__redirect{width:100%}@media screen and (min-width:48rem){.error__redirect{width:auto}}.error__button{align-items:center;background-color:#ff8000;border:none;border-radius:8px;display:flex;height:3rem;justify-content:center}.error__button:hover{background-color:#14b881;cursor:grab}.error__button-text{color:#f5f9ff;font-weight:600;padding:.75rem 1rem}.flip-stream{height:100%;width:100%}.flip-stream__container{-webkit-perspective:1000px;perspective:1000px}.flip-stream__card{align-items:center;display:flex;gap:2.25rem;justify-content:center;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-user-select:none;user-select:none}.flip-stream__flip-enter{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-stream__flip-enter-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flip-stream__flip-enter-active,.flip-stream__flip-enter-done,.flip-stream__flip-exit{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-stream__flip-exit-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flip-stream__flip-exit-active,.flip-stream__flip-exit-done{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-stream__side{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;position:absolute}.flip-stream__side--front{background-color:#7e47eb}.flip-stream__side--back{background-color:#ecc502;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.setup{align-items:center;-webkit-animation:swimUpIn .25s ease-in-out;animation:swimUpIn .25s ease-in-out;display:flex;height:100vh;justify-content:center;padding:1.5rem;position:relative;width:100vw}.setup--exit{-webkit-animation:swimUpOut .25s ease-in-out forwards;animation:swimUpOut .25s ease-in-out forwards}@media screen and (min-width:48rem){.setup{padding:2.25rem}}@media screen and (min-width:80rem){.setup{margin:0 auto;width:80rem}}.setup__main{flex-direction:column;gap:2rem;margin:0 auto}.setup__container,.setup__main{align-items:center;display:flex;width:100%}.setup__container{gap:2.25rem}.setup__sliding{position:absolute;right:0;top:0}.heading{align-items:center;display:flex;gap:.25rem;justify-content:space-between;position:relative;width:100%}.heading__logo{-webkit-animation:inflate 6s ease-in-out infinite;animation:inflate 6s ease-in-out infinite;cursor:grab;height:4rem;width:4rem}@media screen and (min-width:48rem){.heading__logo{height:6rem;width:6rem}}.heading__prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%)}@media screen and (min-width:48rem){.heading__title{font-size:2rem}}@media screen and (min-width:80rem){.heading__title{font-size:3rem}}@media screen and (min-width:48rem){.heading__body{font-size:1rem}}@media screen and (min-width:80rem){.heading__body{font-size:1.5rem}}.heading__tooltip{background-color:#282f39;border-radius:4px;margin-right:1rem;padding:.5rem}.video-feed{align-items:center;aspect-ratio:1;background-color:#13161b;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;position:relative;width:100%}@media screen and (min-width:48rem){.video-feed{align-items:center;width:100%}}.video-feed--captured{-webkit-animation:captureShutter .2s ease-in;animation:captureShutter .2s ease-in}.video-feed__user{align-items:center;background-color:#7e47eb;border-radius:100%;display:flex;height:52.75%;justify-content:center;margin:3.75rem 0;width:52.75%}@media screen and (min-width:80rem){.video-feed__user{height:19.375rem;width:19.375rem}}.video-feed__user-icon{height:40%;width:40%}@media screen and (min-width:48rem){.video-feed__user-icon{height:50%;width:50%}}@media screen and (min-width:80rem){.video-feed__user-icon{height:9.625rem;width:9.625rem}}.video-feed__username{left:50%-width;position:absolute;top:80%}@media screen and (min-width:48rem){.video-feed__username{font-size:1rem;top:85%}}@media screen and (min-width:80rem){.video-feed__username{font-size:1.5rem}}.video-feed__video-container{border-radius:16px;height:100%;overflow-x:hidden;overflow-y:hidden;position:relative;width:100%}.video-feed__overlay{background-color:#13161b;border-radius:4px;font-size:1rem;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}@media screen and (min-width:80rem){.video-feed__overlay{font-size:1.5rem;left:1rem;top:1rem}}.video-feed__webcam{height:100%;left:50%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.whiteboard{aspect-ratio:1;background-color:#13161b;background-image:url(/static/media/artboard-background.c1640e52b6090fea4f9f.svg);background-position:50%;background-repeat:no-repeat;background-size:75%;border-radius:16px;display:none;height:100%;position:relative;touch-action:none;width:100%}@media screen and (min-width:48rem){.whiteboard{display:block}}.whiteboard--mobile{display:block;position:absolute}.whiteboard--test{display:block}.whiteboard__layer{border-radius:16px;cursor:crosshair;height:100%;position:absolute;width:100%}.whiteboard__tool-indicator{align-items:center;background-color:#050506;border-radius:100%;display:flex;justify-content:center;opacity:.3;padding:.25rem;pointer-events:none;position:absolute}.whiteboard__icon{height:1.5rem;width:1.5rem}@media screen and (min-width:80rem){.whiteboard__icon{height:2.25rem;width:2.25rem}}.flipindicator__container{bottom:1rem;-webkit-perspective:1000px;perspective:1000px;position:absolute;right:1rem}.flipindicator__card{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-user-select:none;user-select:none;width:100%}@media screen and (min-width:80rem){.flipindicator__card{bottom:.5rem;right:.5rem}}.flipindicator__flip-enter{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipindicator__flip-enter-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flipindicator__flip-enter-active,.flipindicator__flip-enter-done,.flipindicator__flip-exit{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipindicator__flip-exit-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flipindicator__flip-exit-active,.flipindicator__flip-exit-done{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipindicator__side{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;position:absolute}.flipindicator__side--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.controls{align-items:center;display:flex;justify-content:space-between;width:100%}@media screen and (min-width:48rem){.controls{gap:1.5rem}}.controls__tracks{align-items:center;display:flex;gap:.25rem}@media screen and (min-width:48rem){.controls__tracks{gap:1rem}}.controls__whiteboard{display:flex;gap:.25rem}@media screen and (min-width:48rem){.controls__whiteboard{gap:1rem}}.controls__button{align-items:center;background-color:#2d3440;border-radius:12px;cursor:grab;display:flex;height:2rem;justify-content:center;width:2rem}@media screen and (min-width:48rem){.controls__button{height:3rem;width:3rem}}.controls__button:hover{border:4px solid #ff8000}.controls__button--disabled{background-color:#f5f9ff}.controls__button--offline{cursor:auto;opacity:.2}.controls__button--offline:hover{border:none}.controls__button--mobile-only{display:flex}@media screen and (min-width:48rem){.controls__button--mobile-only{display:none}}.controls__button--tablet-only{display:none}@media screen and (min-width:48rem){.controls__button--tablet-only{display:flex}}.controls__icon{height:1.25rem;width:1.25rem}@media screen and (min-width:48rem){.controls__icon{height:2rem;width:2rem}}.flipbutton__container{-webkit-perspective:1000px;perspective:1000px}.flipbutton__card{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-user-select:none;user-select:none;width:100%}.flipbutton__flip-enter{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipbutton__flip-enter-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flipbutton__flip-enter-active,.flipbutton__flip-enter-done,.flipbutton__flip-exit{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipbutton__flip-exit-active{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.flipbutton__flip-exit-active,.flipbutton__flip-exit-done{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipbutton__side{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;position:absolute}.flipbutton__side--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipbutton__tooltip{margin-bottom:.5rem}@-webkit-keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px) rotateY(30deg);transform:translatey(-20px) rotateY(30deg)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes float{0%{-webkit-transform:translatey(0);transform:translatey(0)}50%{-webkit-transform:translatey(-20px) rotateY(30deg);transform:translatey(-20px) rotateY(30deg)}to{-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes inflate{50%{-webkit-transform:rotateY(30deg);transform:rotateY(30deg)}}@keyframes inflate{50%{-webkit-transform:rotateY(30deg);transform:rotateY(30deg)}}@-webkit-keyframes swimUpIn{0%{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@keyframes swimUpIn{0%{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes swimUpOut{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)}}@keyframes swimUpOut{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)}}@-webkit-keyframes captureShutter{0%{opacity:.3}to{opacity:1}}@keyframes captureShutter{0%{opacity:.3}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0b0d0f;color:#f5f9ff;font-family:Inter,Arial,Helvetica,sans-serif}h5{font-size:1.5rem;font-weight:600}p{font-size:.875rem}ul{list-style-type:none;padding:0}a{text-decoration:none}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:#f5f9ff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:#f5f9ff}.startSessionForm{align-items:flex-start;display:flex;gap:1rem;justify-content:center;width:100%}.startSessionForm__input{background-color:#2d3440;border:none;border-radius:8px;color:#f5f9ff;height:3rem;padding:.75rem 1rem;width:100%}.startSessionForm__input:focus{outline:4px solid #2672ed}.startSessionForm__input--error{outline:4px solid #cc525f}.startSessionForm__join{align-items:center;background-color:#2672ed;border:none;border-radius:8px;display:flex;height:3rem;justify-content:center}.startSessionForm__join:hover{background-color:#14b881;cursor:grab}.startSessionForm__join--end{background-color:#cc525f;width:100%}.startSessionForm__join--end:hover{background-color:#ff8000;cursor:grab}.startSessionForm__button-text{color:#f5f9ff;font-weight:600;padding:.75rem 1rem;width:7.5rem}
/*# sourceMappingURL=main.c851b4eb.css.map*/