html{height:100%;background-color:#f9f9f900}div{margin:0}body *{font-family:Inter;text-align:center;color:#090604;margin:0;padding:0}body{margin:0;overflow:hidden;height:100vh;width:100vw}header{display:none}h1{text-align:left;color:#1d1d1d;font-size:24px;font-weight:700;letter-spacing:-.48px;margin:0}input:disabled{background-color:#ccccccc9;color:#a0999999}.loader-label{font-weight:700;font-size:medium;font-family:Inter}#container{display:flex;flex-direction:column;align-items:center;font-size:12px;margin:0;width:100%;height:100vh;padding:0;box-sizing:border-box;overflow:hidden}#mention{padding-top:10px;padding-bottom:10px;display:inline-block;font-style:italic;font-size:15px;color:#5d4037;max-width:500px;position:relative}#mention:before{font-style:normal}.header{display:none}.didImage{vertical-align:text-bottom;padding-right:.2rem;width:48px}#previewName,#connectionLabel{display:none}#layout-wrapper{display:flex;flex-direction:row;width:100%;height:100%;gap:16px;padding-left:1%;padding-right:1%;box-sizing:border-box;overflow:hidden}#space-header{background:transparent;opacity:0;height:5vh}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}#video-wrapper{height:36vh;width:36vh;aspect-ratio:1;overflow:hidden;background-color:#1918154b;background-size:contain;background-repeat:no-repeat;background-position:center;border:2px solid #e6197b;border-radius:15px;flex-shrink:0;align-self:center;position:relative}.refresh-container{display:flex;flex:1;justify-content:center;align-items:center;box-sizing:border-box;margin-top:45px}#id_actualise{width:180px;height:35px;max-width:250px;padding:12px 0;border-radius:30px;white-space:nowrap;font-weight:600;font-family:Inter}#id_actualise svg{width:16px;max-width:16px}#side-panel{display:flex;flex:1;flex-direction:column;align-items:flex-end;height:100vh;padding-top:10vh;padding-right:5px;box-sizing:border-box;overflow:hidden}#empty-top-part{flex:1}#side-panel-top{display:flex;flex:1;flex-direction:column;height:65%;width:19%}#messageButton{width:40px;height:40px;margin-right:5px;border:none;background:transparent}#side-panel-bottom{display:flex;flex:3;flex-direction:column;overflow:hidden;height:65%;background:#fcfcff;border-radius:10px;width:19%}#position-controls{display:none}.inputsDiv{display:flex;flex-direction:column;width:100%;margin-top:0}#textAreaInput{width:100%;min-height:1.5em;max-height:150px;resize:none;overflow-y:auto;line-height:1.5em;box-sizing:border-box}#validationMessage{color:green}button{font-size:16px}.mainInput,#hidden_greeting{display:flex;justify-content:center;align-items:center;margin-bottom:2px;margin-top:2px;width:100%;align-self:center;gap:12px;z-index:4;border-radius:8px;transition:height .3s ease,background-color .3s ease;flex-shrink:0}.mainInput>textarea{display:block;width:100%;height:auto;max-height:150px;overflow:hidden;border:1px solid #dbd9d9;border-radius:10px;outline:none;resize:none;font-family:inherit;font-size:16px;line-height:20px;padding:10px 15px;text-align:left;background:transparent;color:var(--did-secondary-shades-800);transition:all .2s ease}.mainInput .roundButton{height:45px;flex-shrink:0}.roundButton{height:32px;aspect-ratio:1;color:#fff;border:none;outline:none;cursor:pointer;padding:0;background:#efefef;border-radius:100vmax;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 3px #00000012;transition:background-color .1s ease-out}.roundButton:disabled *{color:#1010104d}.roundButton:hover{background-color:#f9f9f9}.roundButton:disabled:hover{background-color:#efefef}#speechButton:disabled,#actionButton:disabled{color:#1010104d}.button{color:#090604;border:1px solid rgb(235,235,235);background-color:#f3f3f3;font-size:14px;font-weight:600;line-height:24px;letter-spacing:-.4px;margin:.25rem;outline:none;cursor:pointer;min-width:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:6px 12px;transition:background-color .15s ease}.button:hover{background-color:#f9f9f9;cursor:pointer}.button:disabled{color:#989898;background-color:#fcfcff;cursor:default}#button-panel{display:flex;flex-direction:column;width:100%;margin:5px}#buttons{display:none!important;justify-content:center;gap:8px;margin-top:8px;flex-shrink:0}#buttons input[type=radio]{display:none}#buttons input[type=radio]+label{color:#989898;background-color:#fcfcff;border:1px solid rgb(235,235,235)}#buttons input[type=radio]+label:hover{background-color:#f9f9f9}#buttons input[type=radio]:checked+label{color:var(--primary-color);background-color:#fce3ee;border:1px solid var(--primary-color)}#answers{display:flex;flex-direction:column;flex:1;overflow-x:hidden;gap:8px;padding-top:15px;padding-left:10px;padding-right:10px;margin-top:15px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}#answers::-webkit-scrollbar{display:none;width:0;height:0}.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;word-wrap:break-word}.agentMessage:before{content:"Emma: ";font-weight:700}.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;word-wrap:break-word}.userMessage:before{content:"Utilisateur: ";font-weight:700}.ratingButtons{align-self:flex-end}video{object-fit:cover;display:block;position:absolute}#idleVideoElement,.streamVideoElement{width:100%;height:100%;max-width:100%;object-fit:fill;background-position:center;background-size:contain;position:absolute;top:0;left:0}textarea{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}textarea::-webkit-scrollbar{display:none}#textarea-popup-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:start}#textarea-popup{width:85%;height:20px;margin-right:5px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;outline:none;resize:none;overflow-y:hidden;text-align:left;font-family:Arial,sans-serif;font-size:14px;line-height:1.4;vertical-align:top;transition:all .2s ease}#textarea-popup:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.popup-right-btn{width:30px;height:30px;position:absolute;top:10px;left:93%}#hidden{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;margin:0 auto;justify-content:center;background:#fff}#hidden_h2{display:none}#reconnectButton{color:#fcfcff;background-color:#090604}#reconnectButton:hover{background-color:#2b2a28;cursor:pointer}#speechButton{font-size:24px;background-color:transparent;border:none;cursor:pointer;color:#333;transition:all .3s ease;width:40px;height:40px;margin-left:20px}#speechButton svg{width:40px;height:40px;vertical-align:middle}.roundButton.recording{background-color:#ffebeb;color:red;box-shadow:0 0 15px #ff0000b3;animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 5px #ff000080}50%{box-shadow:0 0 15px red}to{box-shadow:0 0 5px #ff000080}}:root{--primary-color: #e6197b}.button,.roundButton{background-color:var(--primary-color);color:#fcfcff;border:none}.button:hover,.roundButton:hover{background-color:#d0166d}.model-switch{display:none}#infoSelect{width:100%;padding:12px 16px;font-size:16px;font-family:Manrope,sans-serif;border:1px solid rgb(235,235,235);border-radius:8px;background-color:#fcfcff;color:#090604;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}#infoSelect:hover{background-color:#f9f9f9;border-color:var(--primary-color)}#infoSelect:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #e6197b1a}.info-display{flex-direction:column;gap:10px;margin-top:16px;padding:16px;background:#fff;border:1px solid var(--primary-color);border-radius:12px;text-align:left;max-height:calc(100vh - 300px);overflow:auto;word-break:break-word;overflow-wrap:anywhere}.info-line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px}.info-key{font-weight:700;color:var(--primary-color)}.info-value{color:#2b2a28}#networkWidget,.stt-message{display:none!important}.popup-overlay{position:fixed;padding-top:5%;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:10000}.popup-container{display:flex;flex:1;flex-direction:column;background:#fcfcff;border-radius:12px;box-shadow:0 20px 60px #00000026;padding:30px;max-width:45vw;min-height:40vh;overflow-y:auto;position:relative;animation:popupAppear .3s ease-out}#popup-actions-container{display:flex;flex:2;flex-direction:column}.popup-actions{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center}#popup-chat-text{display:flex;flex:2;flex-direction:row;justify-content:center;align-items:center;margin-top:10px}.input-section{display:flex;flex:1;flex-direction:column;align-items:center;margin:5px}@keyframes popupAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-title{font-size:14px;font-weight:700;color:#333;text-align:center}.valid-popup-btn{position:relative;border:none;font-size:14px;cursor:pointer;transition:color .3s;width:70px;height:35px;display:flex;align-items:center;justify-content:center;background:#e6197b;border-radius:5px;color:#fff}.valid-popup-btn:hover{background:#fff;border:2px solid #e6197b;color:#e6197b}.valid-popup-btn:focus{outline:1px solid transparent;outline-offset:1px}#validationButtonFromSpeech:hover{cursor:pointer}#close-popup{width:28px;height:28px;background:#e6197b;border:1px solid transparent;border-radius:20px;position:absolute;top:10px;left:93%}#close-popup:hover{cursor:pointer}.error-msg{color:#dc3545;font-size:14px;margin:4px 0}#button-container{display:flex}.input-section{display:flex;flex-direction:column}#text-action-button{position:relative;display:flex;width:100%;align-items:flex-end;gap:8px}#textAreaChat{width:100%;border:1px solid #ddd;border-radius:8px;padding:4px 12px;margin-left:5px;margin-right:5px;margin-bottom:5px;font-size:14px;outline:none;height:20px;box-sizing:border-box;text-align:left;background:#e9efff;resize:none;min-height:30px;max-height:150px;overflow-y:hidden;transition:height .2s ease}#textAreaChat::placeholder{font-style:italic}#textAreaChat:-moz-placeholder{font-style:italic}#textAreaChat::-moz-placeholder{font-style:italic}#textAreaChat::-webkit-input-placeholder{font-style:italic}#textAreaChat:-ms-input-placeholder{font-style:italic}#ChatActionButton{position:absolute;right:10px;top:40%;transform:translateY(-50%);background:none;border:none;color:#666;display:flex;align-items:center;justify-content:center;padding:0;opacity:.4;pointer-events:none;transition:opacity .2s ease;z-index:4}#ChatActionButton.active{opacity:1;pointer-events:auto}.button:hover,#ChatActionButton:hover{cursor:pointer}.history-user{background:#e9e9e9;margin-left:auto;margin-right:8px;text-align:left}.history-actor{font-size:12px;color:#1f2923}.history-response{max-width:85%;padding:4px 12px;border-radius:8px;font-size:12px;word-break:break-word;text-align:left}@media (max-aspect-ratio: 1/1) and (max-height: 600px){#layout-wrapper{flex-direction:column;gap:12px;padding:0}#video-wrapper{max-height:40vh;max-width:85vw}#idleVideoElement,.streamVideoElement{width:100%;height:100%}#side-panel{flex:1;min-height:0;flex-direction:column}#side-panel-top{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;margin-left:0}#buttons{width:100%;margin-top:8px}#button-container{display:flex;flex-direction:column}#side-panel-bottom{width:100%;flex:1;min-height:0;margin-right:0}#answers{max-height:none;margin-bottom:8px}.mainInput{width:100%}.agentMessage,.userMessage{max-width:85%}.button{font-size:14px;padding:6px 10px}.popup-container{max-width:90vw}#close-popup{top:8px;left:91%}}@media (min-width: 600px) and (max-width: 934px){.refresh-container{margin-top:65px}#video-wrapper{height:30vh;width:30vh}#side-panel-bottom,#side-panel-top{width:26%}#side-panel-top{height:73%}#textAreaChat{font-size:10px}.history-actor,.history-response{font-size:8px}}@media (min-width: 935px) and (max-width: 1023px){#video-wrapper{height:35vh;width:35vh}#side-panel-bottom,#side-panel-top{width:24%}#side-panel-top{height:73%}}@media (min-width: 1024px) and (max-width: 1279px){#video-wrapper{width:38vh;height:37vh}#side-panel-bottom,#side-panel-top{width:19%}#side-panel-top{height:73%}}@media (min-width: 1280px) and (max-width: 1439px){#button-panel{margin:0}.refresh-container{margin-top:40px}#video-wrapper{width:38vh;height:37vh}#side-panel-bottom,#side-panel-top{width:24vw}}@media (min-width: 1360px) and (max-width: 1439px){.refresh-container{margin-top:40px}#video-wrapper{width:38vh;height:38vh}#space-header{height:22vh}#side-panel-bottom,#side-panel-top{width:22vw}}@media (min-width: 1440px) and (max-width: 1699px){.refresh-container{margin-top:30px}#video-wrapper{width:40vh;height:40vh}#side-panel-bottom,#side-panel-top{width:28%}#side-panel-top{height:73%}}@media (min-width: 1700px) and (max-width: 1919px){.refresh-container{margin-top:40px}#video-wrapper{width:45vh;height:45vh}.history-actor,.history-response{font-size:14px}#side-panel-bottom,#side-panel-top{width:22vw}#side-panel-top{height:73%}}@media (min-width: 1920px) and (max-width: 2259px){.refresh-container{margin-top:10px}#video-wrapper{width:40vh;height:40vh}#side-panel-bottom,#side-panel-top{width:24vw}#side-panel-top{height:73%}}@media (min-width: 2260px) and (max-width: 2443px){.refresh-container{margin-top:5px}#video-wrapper{width:45vh;height:45vh}#side-panel-bottom,#side-panel-top{width:23%}}@media (min-width: 2444px){.refresh-container{margin-top:90px}#video-wrapper{width:40vh;height:40vh}#side-panel-bottom{width:24%}#side-panel-top{width:25%;height:73%}}@media (min-width: 3840px){.refresh-container{margin-top:40px}#video-wrapper{width:40vh;height:40vh}#side-panel-bottom{width:24%}#side-panel-top{width:25%;height:73%}}