@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900";*{box-sizing:border-box;margin:0;padding:0;font:inherit;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}html,body,#root{padding:0;margin:0;background-color:#f5f5f5;height:100%;overflow:hidden;max-width:100%;font-family:Inter,-apple-system,"system-ui",Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:"cv11";text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;tab-size:4;line-height:1.5}.wrapper{height:100%;width:100%}.uninteractive{pointer-events:none;cursor:default}.phone-screen-wrapper{background-color:#fff;box-shadow:2px 2px 8px #0000004d;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;height:100%;margin:0 auto;display:flex;max-width:60vh;overflow:hidden;position:relative}.spacer{flex-grow:1;display:flex}.loader{margin-bottom:3vh;width:24vh;height:7vh;margin-left:auto;margin-right:auto;display:flex;color:#d8e2e9;filter:drop-shadow(4vh 3.5vh 0 currentColor) drop-shadow(8vh 0 0 currentColor) drop-shadow(16vh 0 0 currentColor);clip-path:inset(0 100% 0 0);animation:l12 2s infinite steps(7)}.loader:before{content:"";width:4vh;height:3.5vh;--c:no-repeat radial-gradient(farthest-side,currentColor 92%,#0000);background:var(--c) left/70% 70%,var(--c) right/20% 20%,var(--c) top 0 right 15%/20% 20%,var(--c) bottom 0 right 15%/20% 20%}@keyframes l12{to{clip-path:inset(0 -4vh 0 0)}}.loader-wrapper{position:absolute;left:0;right:0;top:55vh;text-align:center;font-size:3vh;font-weight:200}.switch{position:relative;display:inline-block;width:4vh;height:2.4vh}.switch input{opacity:0;width:0;height:0}.switch .handle{position:absolute;cursor:pointer;border-radius:1.2vh;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switch .handle:before{position:absolute;content:"";height:1.92vh;aspect-ratio:1;left:.24vh;bottom:.24vh;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.handle{background-color:#52d5a5}.switch input:focus+.handle{box-shadow:0 0 1px #52d5a5}.switch input:checked+.handle:before{-webkit-transform:translateX(84%);-ms-transform:translateX(84%);transform:translate(84%)}.video-reel{transition-duration:.4s;width:100%;position:absolute;top:30%;bottom:30%;display:flex;justify-content:center;align-items:center}.video-reel video{max-width:100%;max-height:100%}.teddy-frame{width:40%;aspect-ratio:1;margin:5vh auto 0;overflow:hidden;border-radius:500px}.small .teddy-frame{width:25%;margin:5vh 10% 0}.teddy-canvas{width:100%;height:100%}.speechbubble{position:absolute;left:10%;right:10%;margin-top:3%;background-color:#fff;padding:2vh;border-radius:1.5vh;justify-content:center;box-shadow:#0003 2px 4px 4px;border:1px solid #f0f0f0;z-index:100;font-size:2.4vh;text-align:center;display:none;line-height:1.4em;cursor:default;-webkit-user-select:none;user-select:none}.small .speechbubble{margin-top:6%}.speechbubble .speechbubble_tail_parent{position:absolute;overflow-y:clip;top:-3vh;height:3vh;width:100%;left:0}.speechbubble .speechbubble_tail{position:absolute;background:transparent;bottom:0;left:65%;height:0px;width:0px;border-left:1.125vh solid white;border-bottom:1.5vh solid white;border-right:1.125vh solid transparent;border-top:1.5vh solid transparent;filter:drop-shadow(6px 8px 4px rgba(0,0,0,.1)) drop-shadow(0px 0px 1px rgba(0,0,0,.3))}.small .speechbubble .speechbubble_tail{left:20%}.speechbubble .speechbubble_next{display:none;position:absolute;bottom:.6vh;right:2vh;font-size:1.5vh;line-height:1.4em}.speechbubble .speechbubble_next .arrow{padding-left:3px;color:#52d5a5;font-size:1.4vh;margin-top:.25vh}.speechbubble.has-next-text{padding-bottom:3.5vh}.speechbubble.has-next-text .speechbubble_next{display:flex}.fade-panel-set{position:absolute;bottom:7%;left:12%;right:12%}.fade-panel-set .fade-panel{flex-direction:column}.fade-panel-set button{width:100%;margin-top:.2vh;font-size:2.6vh;padding:1.8vh 5vh;height:auto;font-weight:400;border:none;border-radius:0;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#52d5a5}.fade-panel-set button:active{background-color:#44b38a}.fade-panel-set button:first-child{border-top-left-radius:5vh;border-top-right-radius:5vh}.fade-panel-set button:last-child{border-bottom-left-radius:5vh;border-bottom-right-radius:5vh}.fade-panel-set button:nth-child(2){background-color:#44b38a}.fade-panel-set button:nth-child(2):active{background-color:#35906f}.fade-panel-set button:nth-child(3){background-color:#35906f}.fade-panel-set button:nth-child(3):active{background-color:#287257}.fade-panel-set button:nth-child(4){background-color:#287257}.fade-panel-set button:nth-child(4):active{background-color:#1b523e}.fade-panel-set button:nth-child(5){background-color:#1b523e}.fade-panel-set button:nth-child(5):active{background-color:#0f3326}.user-video{width:25%;margin:5vh 10% 0;aspect-ratio:1;position:absolute;top:0;right:0;z-index:15000}.user-video .user-video-cover{width:100%;height:100%;overflow:hidden;border-radius:500px;position:relative;top:0;left:0}.user-video video{width:100%;height:100%;transform:scaleX(-1);object-fit:cover}.user-video .bg{width:100%;height:100%;background-color:#d8e2e9;position:absolute;top:0;left:0;z-index:-1}.user-video .outline,.user-video .silhouette{position:absolute;width:100%;height:100%;background-image:url(/static/images/silhouette.png);background-size:cover;z-index:10;-webkit-transition:.4s;transition:.4s}.user-video .outline{background-image:url(/static/images/headoutline.png)}.user-video .silhouette-controls{position:absolute;bottom:-2.5vh;left:50%;transform:translate(-50%);width:13vh;height:4vh;background-color:#fff;box-shadow:2px 2px 4px #0000004d;border-radius:1vh;font-size:1.1vh;font-weight:600;padding:0 5%;line-height:100%;display:flex;justify-content:center;align-items:center;z-index:20000;cursor:default}.user-video .silhouette-controls .icon{display:inline-block;height:60%;aspect-ratio:1;-webkit-mask-image:url(/static/images/silhouette.png);mask-image:url(/static/images/silhouette.png);-webkit-mask-size:cover;mask-size:cover;background:#ccc;margin-bottom:2%}.user-video .silhouette-controls .icon.outline-icon{-webkit-mask-image:url(/static/images/headoutline.png);mask-image:url(/static/images/headoutline.png);background:#eee}.user-video .silhouette-controls .switch{margin:0 .7vh;flex-shrink:0}.recording-notification{position:absolute;margin:3vh 0;background-color:#fff;box-shadow:2px 2px 4px #0000004d;border:1px solid #efefef;border-radius:2.5vh;height:3vh;aspect-ratio:5;line-height:2.8vh;text-align:center;font-size:1.6vh;top:0;left:50%;transform:translate(-50%);cursor:default;font-weight:600}.recording-notification svg{display:inline-block;margin-right:5%;color:#c30303;height:100%;margin-top:-1%;vertical-align:middle}.countdown-timer,.face-detector{position:absolute;top:40vh;left:50%;transform:translate(-50%);width:20vh;height:20vh}.circle-progress-text{cursor:default;font-size:6vh;font-weight:700;transition-duration:.5s}.microphone-level-indicator{height:3vh;width:3vh;margin:2.5vh 5% 0;aspect-ratio:1;position:absolute;top:0;right:0}.microphone-level-indicator .indicator{-webkit-mask-image:url(/static/images/microphone-levels.svg);mask-image:url(/static/images/microphone-levels.svg);background-color:#ccc;-webkit-mask-size:cover;mask-size:cover;height:100%;width:100%;position:relative}.microphone-level-indicator .indicator .level{background-color:#44b38a;position:absolute;left:0;right:0;bottom:0;transition-duration:.1s}.microphone-level-indicator:before{content:"";width:70%;height:70%;background-color:#1b523e;position:absolute;top:50%;left:-80%;transform:translateY(-50%);-webkit-mask-image:url(/static/images/microphone.svg);mask-image:url(/static/images/microphone.svg);-webkit-mask-size:cover;mask-size:cover}.prompt-timer{width:5vh;height:5vh;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.prompt-timer:before{content:"";display:block;background-color:#fff;inset:0 20%;position:absolute}.prompt-timer .timer{width:100%;height:100%;position:relative;-webkit-mask-image:url(/static/images/hourglass.svg);mask-image:url(/static/images/hourglass.svg);-webkit-mask-size:cover;mask-size:cover;background-color:#35906f}.prompt-timer .timer .fill{width:100%;height:0;position:absolute;top:.9vh;left:0;background-color:#ccc}.prompt-timer .timer.filled .fill{height:3.2vh}.prompt-text{transition-duration:.3s;transition-timing-function:ease-in-out;font-family:"Noto Serif",serif;font-size:2.4vh;line-height:1.6em;position:absolute;text-align:center;padding:4vh 10%;top:40%;left:0}.prompt-text:before,.prompt-text:after{content:"";display:block;height:1px;width:60%;position:absolute;top:0;left:20%;background-color:#ccc}.prompt-text:after{top:auto;bottom:0}.bubble-prompt-text{transition-duration:.3s;transition-timing-function:ease-in-out;position:absolute;top:30%;left:10%;right:10%;margin-top:3%;background-color:#fff;padding:3vh 2vh 4vh;border-radius:1.5vh;justify-content:center;box-shadow:#0003 2px 4px 4px;border:1px solid #f0f0f0;z-index:100;font-size:2.6vh;text-align:center;line-height:1.5em;cursor:default;-webkit-user-select:none;user-select:none}.bubble-prompt-text .prompt-timer{top:auto;bottom:-.1vh;transform:translate(-50%,50%)}.bubble-prompt-text .prompt-timer:before{inset:0%;border-radius:50%;border:1px solid #ddd;box-shadow:0 3px 2px #0000001a}.bubble-prompt-text .speechbubble_tail_parent{position:absolute;overflow-y:clip;top:-10vh;height:10vh;width:100%;left:0}.bubble-prompt-text .speechbubble_tail{position:absolute;background:transparent;transform:rotate(9deg);bottom:-5vh;left:15%;height:0px;width:0px;border-left:3.5vh solid white;border-bottom:7.5vh solid white;border-right:3.5vh solid transparent;border-top:7.5vh solid transparent;filter:drop-shadow(6px 8px 4px rgba(0,0,0,.1)) drop-shadow(0px 0px 1px rgba(0,0,0,.3))}