.debug-console{background-color:#fff;border:1px solid #000;flex-direction:column;gap:1rem;width:100%;height:150px;display:flex;position:fixed;bottom:0;right:0;overflow:auto}.debug-console-content{margin:10px 25px}
.feedback-popup{z-index:1000;opacity:.75;background-color:#fff;border-radius:4px;padding:20px;position:fixed;top:30%;left:50%;right:15%;transform:translate(-50%);box-shadow:0 0 10px #0000001a}.feedback-title{text-align:center;margin-top:10px;margin-bottom:10px;font-size:large;font-weight:700}.feedback-response{text-align:justify;margin-top:12px}.feedback-options{flex-wrap:nowrap;justify-content:center;align-items:center;gap:1.25rem;margin-top:16px;display:flex}.feedback-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:1.5rem;transition:background-color .3s}.feedback-popup textarea{resize:none;border:1px solid #ccc;border-radius:4px;width:100%;height:80px;margin-top:10px;padding:10px}.feedback-options{justify-content:space-around;margin-top:10px;display:flex}.feedback-button.a1,.feedback-button.re-record{color:#000}.feedback-button:hover{opacity:.8}.feedback-close{cursor:pointer;color:hsl(var(--foreground));background:0 0;border:none;font-size:24px;font-weight:500;transition:color .2s;position:absolute;top:10px;right:12px}.feedback-close:hover{color:hsl(var(--primary))}.modal-open .feedback-popup{opacity:.7;z-index:0!important;pointer-events:none!important}
.spinner-container{z-index:9999;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner{border:16px solid #f3f3f3;border-top-color:#fd5108;border-radius:50%;animation:2s linear infinite spin}.spinner-text{color:hsl(var(--primary));margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.action-container{z-index:500;flex-direction:column;align-items:flex-end;gap:20px;display:flex;position:fixed;top:50%;right:25px;transform:translateY(-50%)}.action-container.dark-theme-bg{background-color:#ffffff80;border-radius:16px;padding:8px}.icon-button{color:#4b4b4b}.avatar-video{margin-bottom:0;padding-bottom:0}.action-input-container{flex-direction:row;gap:1rem;height:100px;display:flex}.config{z-index:20;position:absolute;top:1%;left:1%;width:74px!important;height:74px!important}.mic,.interrupt,.end-session,.push-to-talk{z-index:500;position:relative}.mic,.interrupt,.end-session{z-index:10;position:relative;width:64px!important;height:64px!important}.push-to-talk{z-index:10;position:fixed;top:680px;width:84px!important;height:64px!important}.hide{display:none}.show{display:flex}.active{content:"";background-position:50%!important;background-size:64px 64px!important;width:64px!important;height:64px!important}.userInput{display:flex}.notTalking{display:none!important}.logo{z-index:100;width:200px;height:auto;margin-left:30px;position:fixed;top:70px}.shift-logo{z-index:100;width:200px;height:auto;margin-left:30px;position:fixed;top:220px}.logo.dark-theme-bg,.shift-logo.dark-theme-bg{background-color:#ffffff80;border-radius:16px;padding:0 8px}.demo-name{color:#000;z-index:100;text-align:left;border-radius:8px;width:auto;margin-left:30px;padding:6px 14px;font-size:28px;font-weight:700;position:fixed;top:20px}.demo-name.dark-theme-bg{background-color:#ffffff80}.input-controls{z-index:200;justify-content:center;width:90%;padding:1rem 0;display:flex;position:fixed;bottom:40px;left:5%}.input-controls .text-input-wrapper{flex:1;width:100%;max-width:1200px}@media screen and (min-width:1920px) and (height:1080px){.action-container{right:20px}.mic,.interrupt,.end-session{width:64px!important;height:64px!important}}@media screen and (min-width:2160px) and (height:3840px){.action-container{gap:30px;right:20px}.mic,.interrupt,.end-session{width:80px!important;height:80px!important}.icon-button{font-size:60px!important}.active{width:80px!important;height:80px!important}}.transcript-container{color:#000;z-index:1000;text-align:center;background-color:#d3d3d3cc;border-radius:8px;max-width:80%;padding:10px 20px;font-size:1.2rem;position:fixed;top:75px;left:50%;transform:translate(-50%)}.avatar-status-badge{z-index:1000;color:#1f2937;background-color:#ffffffe6;border:1px solid #1f293733;border-radius:8px;padding:8px 12px;font-size:1rem;font-weight:600;line-height:1.2;position:fixed;bottom:24px;right:24px}.avatar-status-badge.dark-theme-bg{background-color:#ffffffb3}.hidden{display:none}.feedback-mode{border:10px solid #fe7c39}.avatar-loading-overlay{z-index:9999;background-color:#fff9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-loading-spinner{border:4px solid #ccc;border-top-color:#fd5108;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.avatar-footer-container{z-index:200;flex-direction:column;align-items:center;width:90%;max-width:1200px;padding:0 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.avatar-footer-container .text-input-wrapper{width:95%;margin-bottom:80px}.avatar-footer-container input{width:100%}.avatar-footer-disclaimer{color:#000;text-align:left;z-index:150;width:100vw;padding:8px 30px;font-size:.75rem;line-height:1.4;position:fixed;bottom:0}.avatar-footer-disclaimer .divider{width:.5rem;display:inline-block}.avatar-footer-disclaimer.half{background-color:#ffffffe6}.avatar-footer-disclaimer.full{background-color:#0000}.avatar-container,.h-dvh{overflow:visible!important}.modal-open .avatar-footer-container,.modal-open .avatar-footer-disclaimer,.modal-open .input-controls{z-index:0!important;pointer-events:none!important}
.modal{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.title{text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.label{margin:10px 0;font-size:16px;font-weight:700;display:block}.prompt{background-color:hsl(var(--nextui-default-100));box-sizing:border-box;border:0 solid #e5e7eb;border-radius:.5rem;width:100%;height:100px;padding:15px;font-weight:400}.confirmation-title{margin-left:20px}.nextui-modal,.nextui-modal-content,.nextui-modal-backdrop,.nextui-modal-container,.nextui-modal-wrapper{z-index:99999!important}.nextui-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000008c!important}
.demo-details-modal-title{color:hsl(var(--foreground));font-size:1.25rem;font-weight:700;line-height:1.75rem}.demo-details-label{color:hsl(var(--foreground));font-weight:600}.demo-details-value{color:hsl(var(--foreground));font-weight:400}.demo-details-section{margin-top:.5rem}