.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;inset: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.action-container-kiosk{gap:18px}.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}.avatar-container{position:relative}.avatar-container--fill{width:100%;height:100%}@media screen and (orientation:portrait){.avatar-container--landscape-half .avatar-video,.avatar-container--landscape-half .avatar-chroma-canvas{-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;width:100%;height:auto;max-height:min(42vh,56%);inset:0 0 auto}}.avatar-video--chroma-source{opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0}.avatar-chroma-canvas{z-index:1;background-color:#d3d3d3;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset: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,.reset,.end-session,.push-to-talk{z-index:500;position:relative}.mic,.interrupt,.reset,.end-session{z-index:10;width:64px!important;height:64px!important}.reset{justify-content:center!important;align-items:center!important;min-width:64px!important;min-height:64px!important;display:flex!important}.reset.reset-kiosk{background-color:hsl(var(--primary))!important}.reset.reset-kiosk .icon-button,.reset.reset-kiosk svg{color:#fff!important}.reset.reset-kiosk[data-disabled=true]{opacity:.55}.push-to-talk{z-index:10;position:fixed;top:680px;width:84px!important;height:64px!important}.hide,.notTalking{display:none!important}.show,.userInput{display:flex}.active{content:"";background-position:50%!important;background-size:64px 64px!important;width:64px!important;height:64px!important}.logo,.shift-logo{z-index:100;width:200px;height:auto;margin-left:30px;position:fixed}.logo{top:70px}.shift-logo{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}.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-closed-captions{color:#000;scrollbar-gutter:stable;white-space:pre-wrap;word-break:break-word;z-index:205;background-color:#ffffffe0;border:1px solid #0000002e;border-radius:10px;width:fit-content;max-width:min(95%,900px);margin-bottom:12px;padding:10px 14px;line-height:1.4;overflow-y:auto}.avatar-closed-captions.for-light-bg{color:#f8fafc;background-color:#0f172adb;border:1px solid #f8fafc40}.avatar-closed-captions.with-input{margin-bottom:16px}.avatar-closed-captions.without-input{margin-bottom:80px}.avatar-closed-captions p{text-align:center;max-height:5.6em;margin:0;padding-right:4px;overflow-y:auto}.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,.avatar-footer-disclaimer.for-light-bg{background-color:#0000}.avatar-container,.h-dvh{overflow:visible!important}.modal-open .avatar-footer-container,.modal-open .avatar-footer-disclaimer,.modal-open .avatar-closed-captions,.modal-open .input-controls{z-index:0!important;pointer-events:none!important}@media screen and (min-width:1920px) and (height:1080px){.action-container{right:20px}}@media screen and (min-width:2160px) and (min-height:3840px){.action-container{gap:30px;right:20px}.action-container.action-container-kiosk{gap:28px}.mic,.interrupt,.reset,.end-session,.active{width:80px!important;height:80px!important}.icon-button{font-size:60px!important}.avatar-closed-captions{z-index:1001;width:fit-content;max-width:min(90%,1500px);position:fixed;top:90px;left:50%;transform:translate(-50%);margin-bottom:0!important}.avatar-closed-captions.with-input,.avatar-closed-captions.without-input{margin-bottom:0!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}.config-setting-label{align-items:center;gap:.375rem;display:inline-flex}.config-help-trigger{color:#4b5563;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #4b5563;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;padding:0;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex}@media (hover:hover) and (pointer:fine){.config-help-trigger:hover{color:#111827;border-color:#111827}}.config-help-trigger:focus-visible{outline-offset:2px;outline:2px solid #fd5108}.config-help-glyph{position:relative;top:-.02rem}.config-tooltip-content{white-space:normal;max-width:20rem;font-size:.75rem;line-height:1.4;display:block}.config-language-picker-trigger{touch-action:manipulation;cursor:pointer;min-height:2.75rem}.config-language-picker-menu{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;max-height:12rem;margin-top:.5rem;overflow-y:auto}.config-language-picker-option{text-align:left;touch-action:manipulation;cursor:pointer;background:0 0;border:0;width:100%;min-height:2.75rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem;display:block}.config-language-picker-option:hover,.config-language-picker-option:focus-visible{background:#f3f4f6}.config-language-picker-option[aria-selected=true]{color:#c2410c;background:#fff7ed}
