#root{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.App{width:inherit;height:inherit;overflow:hidden}.App a{color:inherit;text-decoration:underline}.App ul,.App ol{list-style:none}.App img,.App picture,.App video,.App canvas,.App svg{max-width:100%;height:auto;display:block}.App svg{width:inherit}.App button{border-radius:32px;padding:10px;transition:scale .1s ease-in-out,filter .1s ease-in-out,transform 50ms ease-in-out}.hidden{opacity:0}.display-none{display:none!important}.bg-blur{-webkit-backdrop-filter:blur(5.9px);backdrop-filter:blur(5.9px);background-color:#ffffff80}.w-1{min-width:100px;max-width:100px}.w-100{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.top-50percent{top:50%;transform:translateY(-50%)!important}.left-50percent{left:50%;transform:translate(-50%)!important}.right-50{right:50%;transform:translate(-50%)translateY(6px)}.left-22{left:22px}.bottom-36{bottom:36px}.bottom-48{bottom:48px}.pos-abs-important{position:absolute!important}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;right:-400px}to{opacity:1;right:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rec-pulse{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 8px #f440}to{box-shadow:0 0 #f440}}@keyframes rec-spin{to{transform:rotate(360deg)}}@keyframes recording-pulse{0%{outline-color:var(--outline-danger)}50%{outline-color:var(--outline-soft)}to{outline-color:var(--outline-danger)}}@keyframes hide-right{0%{opacity:1;right:0}to{opacity:.5;right:-100px}}@keyframes hide-bottom{0%{opacity:1;bottom:0}to{opacity:.5;bottom:-64px}}@keyframes scale-topleft{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.3)}}@keyframes scale-reset{0%{opacity:.5;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes popup-slide-up-from-bottom{0%{opacity:0;transform:translate(-50%)translateY(60px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reveal{animation-duration:.22s;animation-iteration-count:1;animation-fill-mode:forwards}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.slide-up{animation-name:slide-up}.slide-down{animation-name:slide-down}.slide-left{animation-name:slide-left}.fade{animation-name:fade}.scaleIn{animation-name:scaleIn}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}}.loader{color:#fff;flex-direction:column;align-items:center;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-loader-container{justify-content:flex-end;align-items:center;gap:12px;min-width:100%;min-height:85%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.spinner{border:4px solid var(--purple-900);border-top:4px solid #0000;border-radius:50%;width:23px;height:23px;animation:1s linear infinite spin}.spinner.spinner-sm{border-width:3px;width:18px;height:18px}h1.title.denied-title{color:var(--red-900)}p.subtitle.denied-subtitle{color:var(--red-800)}h1.title.prompt-title,h1.title.refresh-title{color:var(--purple-900)}p.subtitle.prompt-subtitle,p.subtitle.refresh-subtitle{color:var(--purple-800)}.filter-grayscale{filter:grayscale();opacity:.4}.avatar-switcher button:nth-child(4n+1){transform:rotate(9deg)}.avatar-switcher button:nth-child(4n+2){transform:rotate(-6deg)}.avatar-switcher button:nth-child(4n+3){transform:rotate(5deg)}.avatar-switcher button:nth-child(4n){transform:rotate(-9deg)}@media (max-width:768px){.rec-btn{left:37px}.avatar-container.mb\:pos{transform:translateX(calc(-100% * (var(--scale) - 1))) scale(var(--scale));transform-origin:bottom;transition:transform .3s}.mb\:camera-dropdown{border-radius:12px;width:48px;height:48px;margin-left:auto;position:relative}.mb\:camera-dropdown>span{width:18px;height:18px;margin-left:6px;position:absolute}.mb\:camera-dropdown>span.dropdown-text,.mb\:camera-dropdown>span.dropdown-icon{display:none}}
.playback-controls{width:max-content;min-width:560px}@media (max-width:768px){.playback-controls{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}.player-timeline-container{cursor:grab;background-color:var(--muted);min-width:120px;height:40px}.player-timeline-container:active{cursor:grabbing}.player-progress{appearance:none;cursor:grab;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.player-progress:active{cursor:grabbing}.player-progress::-webkit-progress-bar{background:0 0}.player-progress::-webkit-progress-value{background-color:var(--accent)}.player-progress::-moz-progress-bar{background-color:var(--accent)}.player-progress:hover::-webkit-progress-value{background-color:var(--accent-foreground);opacity:.15}.player-timeline-playhead{background-color:var(--primary);pointer-events:none;z-index:20;border-radius:50%;width:9px;height:9px;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0003;box-shadow:0 1px 3px lab(0% 0 0/.2)}.player-timeline-label{pointer-events:none;z-index:15;color:var(--muted-foreground)}