body{margin:0;font-family:Arial,sans-serif}footer{background-color:green;color:#000;padding:10px;text-align:center}footer img{margin:0 10px}.img2{margin:0 10px}@property --avatar-inset{syntax: "<percentage>"; inherits: true; initial-value: 15%;}.speaking-indicator-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.de-avatar-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden;border-radius:11px;container-type:size;container-name:avatar-container}.de-avatar-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);z-index:0;opacity:.8}.de-avatar-wrapper{position:relative;height:100%;width:100%;z-index:1;margin-left:-1px}.de-avatar-wrapper.video-active,.de-avatar-wrapper.speaking{box-shadow:0 0 20px #4caf5080;transition:box-shadow .3s ease}.de-avatar-idle-gif{position:absolute;top:calc(-1 * var(--avatar-inset));left:calc(-1 * var(--avatar-inset));width:calc(100% + 2 * var(--avatar-inset));height:calc(100% + 2 * var(--avatar-inset));object-fit:cover;z-index:2;pointer-events:none;transition:opacity .15s ease-in-out}.de-avatar-idle-gif.visible{opacity:1}.de-avatar-idle-gif.hidden{opacity:0}.de-avatar-video{position:absolute;top:calc(-1 * var(--avatar-inset));left:calc(-1 * var(--avatar-inset));width:calc(100% + 2 * var(--avatar-inset));height:calc(100% + 2 * var(--avatar-inset));object-fit:cover;transition:opacity .15s ease-in-out}.de-avatar-wrapper.fading-to-idle .de-avatar-idle-gif,.de-avatar-wrapper.fading-to-idle .de-avatar-video{transition-duration:.15s}.de-avatar-wrapper.video-active .de-avatar-idle-gif{transition-delay:.15s}.de-avatar-video.ratio-1-1{top:0;left:0;width:100%;height:100%;object-fit:contain;transform:scale(1.035);transition:opacity .15s ease-in-out;-webkit-mask-image:linear-gradient(to right,transparent 22%,black 25%,black 75%,transparent 78%);mask-image:linear-gradient(to right,transparent 22%,black 25%,black 75%,transparent 78%)}.video-section.fullscreen .de-avatar-video.ratio-1-1{transform:scale(1.035)}.de-avatar-freeze-frame{position:absolute;top:calc(-1 * var(--avatar-inset));left:calc(-1 * var(--avatar-inset));width:calc(100% + 2 * var(--avatar-inset));height:calc(100% + 2 * var(--avatar-inset));background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none}.de-avatar-static,.de-avatar-static-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.video-overlay-controls{position:absolute;bottom:.75rem;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:100}.de-avatar-wrapper.loading{filter:blur(5px);transition:filter .3s ease}.audio-visualizer{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:40px}.audio-visualizer-bar{width:4px;background:linear-gradient(to top,#4caf50,#8bc34a);border-radius:2px;animation:audioWave .5s ease-in-out infinite alternate}.audio-visualizer-bar:nth-child(1){animation-delay:0s}.audio-visualizer-bar:nth-child(2){animation-delay:.1s}.audio-visualizer-bar:nth-child(3){animation-delay:.2s}.audio-visualizer-bar:nth-child(4){animation-delay:.3s}.audio-visualizer-bar:nth-child(5){animation-delay:.4s}@keyframes audioWave{0%{height:10%}to{height:100%}}.video-section{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background-color:#000;--avatar-inset: 15%;transition:--avatar-inset .3s ease}.video-wrapper{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.microphone-overlay-button{position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:auto;background:#000000b3;border-radius:25px;padding:6px;transition:background-color .3s ease;cursor:pointer}.microphone-overlay-button:hover{background:#000000e6}.microphone-overlay-button button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:stretch;width:100%}.microphone-overlay-button svg{color:#fff;width:24px;height:24px}@keyframes gradientAnimation{0%{background-position:0% 50%}25%{background-position:25% 50%}50%{background-position:100% 50%}75%{background-position:75% 50%}to{background-position:0% 50%}}.video-section.initial-border{padding:4px;background:#f5f5f5;background-size:400% 400%;border-radius:11px}.video-section.initial-border>.de-avatar-container{border-radius:8px;overflow:hidden}.video-section.loading-border{padding:4px;background:linear-gradient(45deg,#046a38,#1ae985,#046a38,#1ae985,#046a38,#1ae985);background-size:400% 400%;animation:gradientAnimation 2.3s linear infinite;border-radius:11px}.video-section.loading-border>.de-avatar-container{border-radius:8px;overflow:hidden}.video-section.fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;z-index:1200;padding:0;--avatar-inset: 7%}.video-section.fullscreen>.de-avatar-container{border-radius:0}@media(max-aspect-ratio:3/4){.video-section.fullscreen{--avatar-inset: 3%}}@media(min-aspect-ratio:3/4)and (max-aspect-ratio:4/3){.video-section.fullscreen{--avatar-inset: 5%}}@media(min-aspect-ratio:4/3)and (max-aspect-ratio:21/9){.video-section.fullscreen{--avatar-inset: 7%}}@media(min-aspect-ratio:21/9){.video-section.fullscreen{--avatar-inset: 10%}}@media(max-width:480px)and (orientation:portrait){.video-section.fullscreen{--avatar-inset: 2%}}@media(max-height:480px)and (orientation:landscape){.video-section.fullscreen{--avatar-inset: 6%}}@container avatar-container (aspect-ratio > 21/9){.de-avatar-idle-gif,.de-avatar-video{--avatar-inset: 10%}}@container avatar-container (max-aspect-ratio: 3/4){.de-avatar-idle-gif,.de-avatar-video{--avatar-inset: 5%}}.fullscreen-controls-group{position:absolute;bottom:0;pointer-events:auto;display:flex;flex-direction:column;gap:8px}.fullscreen-controls-group .fullscreen-overlay-button,.fullscreen-controls-group .hide-ui-overlay-button{position:static}.fullscreen-overlay-button{position:absolute;bottom:0;right:0;pointer-events:auto;background:#000000b3;border-radius:25px;padding:6px;transition:background-color .3s ease;cursor:pointer}.fullscreen-overlay-button:hover{background:#000000e6}.fullscreen-overlay-button button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.hide-ui-overlay-button{pointer-events:auto;background:#000000b3;border-radius:25px;padding:6px;transition:background-color .3s ease;cursor:pointer}.hide-ui-overlay-button:hover{background:#000000e6}.hide-ui-overlay-button button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.scenario-pseudo-fullscreen{overscroll-behavior:none}.scenario-pseudo-fullscreen .video-section.fullscreen{position:absolute;flex:1;height:100%;min-height:0;z-index:2}@media(min-width:768px){.scenario-pseudo-fullscreen .video-section.fullscreen{position:relative}}.scenario-pseudo-fullscreen .fullscreen-controls-group{z-index:10}.video-section.mobile .microphone-overlay-button,.video-section.mobile .fullscreen-controls-group,.video-section.mobile .fullscreen-overlay-button,.video-section.mobile .hide-ui-overlay-button{pointer-events:auto}.video-section.mobile .microphone-overlay-button button,.video-section.mobile .fullscreen-overlay-button button,.video-section.mobile .hide-ui-overlay-button button{min-width:44px;min-height:44px;touch-action:manipulation}@media(max-width:900px){.video-section:not(.fullscreen){border-radius:8px}.video-section.mobile .fullscreen-controls-group{bottom:env(safe-area-inset-bottom,8px);z-index:5}.video-section.mobile .microphone-overlay-button{min-width:180px;bottom:calc(env(safe-area-inset-bottom,0px) + 56px)}.scenario-pseudo-fullscreen .video-section.fullscreen{flex:1;min-height:0}}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background-color:#fff;outline:#00000018;outline-style:solid;outline-width:1px;border-radius:8px}.agent-header h2{margin:0;color:#333}.connection-status{font-size:14px;padding:5px 10px;border-radius:4px;background-color:#e0e0e0;color:#666}.chat-section{border:1px solid #ddd;border-radius:8px;overflow:hidden}.messages-container{height:400px;overflow-y:auto;padding:20px;background-color:#f9f9f9}.message{margin-bottom:15px;display:flex;flex-direction:column}.user-message{align-items:flex-end}.assistant-message{align-items:flex-start}.message-content{max-width:70%;padding:10px 15px;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0000001a}.user-message .message-content{background-color:#007bff;color:#fff}.assistant-message .message-content{background-color:#e9ecef;color:#333}.input-section{padding:20px;background-color:#f5f5f5}.input-controls{display:flex;gap:10px}.input-controls textarea{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px}.input-controls button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.input-controls button:hover:not(:disabled){background-color:#0056b3}.input-controls button:disabled{background-color:#ccc;cursor:not-allowed}.disconnected-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.disconnected-overlay h3{color:#fff;margin-bottom:20px}.disconnected-overlay button{padding:10px 30px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.disconnected-overlay button:hover{background-color:#218838}.didImage{vertical-align:text-bottom;padding-right:.2rem;width:48px}#previewName{font-size:20px}#connectionLabel{font-weight:lighter;font-size:smaller;display:inline-block}.inputsDiv{display:flex;width:100%}button{font-size:16px}.button-coachme{margin-top:20px}.mainInput{margin-bottom:12px;width:100%;-ms-flex-item-align:center;align-self:center;margin-top:0;position:relative;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;background-color:var(--focus, rgba(255, 255, 255, .6));z-index:4;border-radius:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;-webkit-transition:height .3s ease,background-color .3s ease;transition:height .3s ease,background-color .3s ease}.mainInput>textarea{position:relative;border:none;outline:none;resize:none;font-family:inherit;text-align:left;width:100%;height:100%;background:transparent;font-size:16px;color:var(--did-secondary-shades-800);margin-top:10px;-webkit-transition:margin-top .2s ease;transition:margin-top .2s ease;line-height:20px}.mainInput .roundButton{height:36px}.roundButton{height:100%;aspect-ratio:1;color:#fff;border:none;outline:none;cursor:pointer;padding:0;background:#efefef;border-radius:100vmax;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,.07);box-shadow:0 3px 3px #00000012;-webkit-transition:background-color .1s ease-out;transition:background-color .1s ease-out}.roundButton:disabled *{color:#1010104d}.roundButton:hover{background-color:#f9f9f9}.roundButton:disabled:hover{background-color:#efefef}.button{color:#090604;border:1px solid rgb(235,235,235);background-color:#f3f3f3;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-.4px;gap:16px;margin:.5rem;outline:none;cursor:pointer;min-width:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:6px;transition:background-color .15s ease}.button:hover{background-color:#f9f9f9}.button:disabled{color:#989898;background-color:#fff;cursor:default}#buttons{display:flex;justify-content:center}#buttons input[type=radio]{display:none}#buttons input[type=radio]+label{color:#989898;background-color:#fff;border:1px solid rgb(235,235,235)}#buttons input[type=radio]+label:hover{background-color:#f9f9f9}#buttons input[type=radio]:checked+label{color:#090604;background-color:#f3f3f3;border:1px solid rgb(235,235,235)}#answers{height:200px;width:100%;overflow:scroll;display:flex;flex-direction:column;gap:8px}.agentMessage{border-radius:0 16px 16px;border:1px solid var(--Blacks-300, #dbdbdb);margin-right:auto;position:relative;min-width:50px;max-width:75%;display:flex;flex-direction:column;align-items:flex-start;padding:.5rem}.userMessage{border-radius:14px;background:var(--blacks-100, #f3f3f3);padding:10px 16px;margin-left:auto;min-width:50px;max-width:max-content;display:flex;justify-content:flex-end}#videoElement,#idleVideoElement{width:100%;height:100%}#video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center}#video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;position:absolute}#hidden{display:flex;flex-direction:column;align-items:center;width:50%;height:75vh;margin:0 auto;justify-content:center}#reconnectButton{color:#fff;background-color:#090604}#reconnectButton:hover{background-color:#2b2a28}