.start-screen{display:flex;align-items:center;width:100%;height:100dvh;flex-direction:column;font-family:Arial,sans-serif;background-color:var(--color-background)}.start-screen img{width:30vw;max-width:200px;padding:1rem}.answer-window{display:flex;align-items:center;flex-direction:column;flex:1;background-color:var(--color-background);margin:0;padding:1rem;overflow:auto}.title{font-size:1.2rem;font-weight:700;color:var(--color-text)}.container{background-color:var(--color-background);max-width:400px;margin:0 auto;padding:1rem}.section{width:80vw;max-width:400px;background-color:var(--color-background);margin-bottom:1rem}.label{display:block;flex-direction:column;margin-bottom:.5rem;color:var(--color-text)}.custom-select__control,.custom-select__menu{background-color:var(--color-dialog)!important;border-color:var(--color-primary)!important;border-width:1.5px!important;color:var(--color-primary)!important}.custom-select__single-value{background-color:var(--color-dialog)!important;color:var(--color-primary)!important;font-weight:700}.custom-select__option--is-selected{background-color:var(--color-primary)!important}.custom-select__input{color:var(--color-primary)!important}.start-button{display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:var(--color-gray-white);width:90%;max-width:300px;height:3rem;border:0;border-radius:30px;padding:.5rem;font-size:1rem;font-weight:700;cursor:pointer}.info{display:block;flex-direction:column;margin:1rem;width:80vw;max-width:400px;background-color:var(--color-info);border:1px solid var(--color-primary);border-radius:4px}.explanatory-title{padding:.5rem;color:var(--color-primary);font-size:2rem;font-weight:700}.explanatory-text{padding:.5rem;display:block;flex-direction:column;color:var(--color-text);white-space:pre-wrap}.loading{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;color:var(--color-text);height:100dvh;background-color:var(--color-background);background-blend-mode:lighten;background-image:var(--chat-window-img-url);background-repeat:no-repeat;background-position:center 98%;background-size:5rem;font-family:Arial,sans-serif}.header{position:relative;z-index:900}.open-button{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;justify-content:center;border-radius:1.25rem;border:0;width:2.5rem;height:2.5rem;margin:0;background-color:var(--color-text);color:var(--color-background);box-shadow:var(--box-shadow);cursor:pointer}:root{--tail: 12px}.message-bubble-container{display:flex;box-sizing:border-box;padding-inline:var(--tail);flex-direction:column;width:95dvw;justify-content:center;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none}.message-bubble-container.with-tail{margin-top:1rem}.sent .message-bubble-container{align-items:flex-end}.received .message-bubble-container{align-items:flex-start}.message-info{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:80%;line-height:1}.sender{color:var(--color-text)}.sent .sender{font-weight:700}.timestamp{padding-inline-start:1rem;color:var(--color-message-info);font-size:.8rem}.message-bubble-edited{display:flex;align-items:flex-end;width:100%;flex-direction:row}.sent .message-bubble-edited{flex-direction:row-reverse}.edited{color:var(--color-message-info);line-height:1;margin-inline-start:.5rem;font-size:.7rem;margin-bottom:5px}.sent .edited{margin-inline-end:.5rem}.message-bubble{position:relative;width:80%;margin-top:5px;border-radius:10px;display:flex;align-items:center;justify-content:flex-start;overflow-wrap:break-word}.sent .message-bubble{background-color:var(--color-bubble-sent);color:var(--color-message-sent)}.received .message-bubble{background-color:var(--color-bubble-received);color:var(--color-message-received)}:is(.sent,.received) .message-bubble.with-tail:after{content:"";position:absolute;top:16px;border-style:solid;translate:0 -50%}.sent .message-bubble.with-tail:after{inset-inline-end:0;border-width:8px 0 8px 16px;border-color:transparent transparent transparent var(--color-bubble-sent);translate:100% -50%;transform:skew(0,-45deg);transform-origin:left}[dir=rtl] .sent .message-bubble.with-tail:after{border-width:8px 16px 8px 0;border-color:transparent var(--color-bubble-sent) transparent transparent;translate:-100% -50%;transform:skew(0,45deg);transform-origin:right}.received .message-bubble.with-tail:after{inset-inline-start:0;border-width:8px 16px 8px 0;border-color:transparent var(--color-bubble-received) transparent transparent;translate:-100% -50%;transform:skew(0,45deg);transform-origin:right}[dir=rtl] .received .message-bubble.with-tail:after{border-width:8px 0 8px 16px;border-color:transparent transparent transparent var(--color-bubble-received);translate:100% -50%;transform:skew(0,-45deg);transform-origin:left}.offloadData{display:flex;align-items:center;border-radius:10px;justify-content:center;width:100%;max-height:30vh;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none}.imageData img{display:flex;align-items:center;border-radius:10px;justify-content:center;max-width:100%;max-height:30vh;width:100%}.imageData{position:relative;cursor:pointer;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:auto}.imageData.video-thumb img{filter:brightness(70%)}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:10px;pointer-events:none}.play-button{width:3rem;height:3rem;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:#0006}.play-button:after{content:"";display:block;margin-left:4px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none}.videoData video{display:flex;align-items:center;border-radius:10px;justify-content:center;max-width:100%;max-height:30vh;-webkit-tap-highlight-color:transparent;touch-action:auto}.pdfData{display:flex;align-items:center;justify-content:center;width:100%;color:var(--color-text);background-color:var(--color-clear);cursor:pointer;border:0;border-radius:10px;font-weight:500;font-size:1rem;box-shadow:var(--box-shadow)}.pdfIcon{width:3rem;height:3rem;color:var(--color-text)}.message-content{flex:1;display:flex;flex-direction:column;padding:10px;white-space:pre-wrap}.message-content p{margin:0;padding:.3rem .5rem;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere}.none p{margin:0;padding:.3rem .5rem;text-align:start;color:var(--color-message-info)}a{color:var(--color-primary)}.chat-window-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-window{display:flex;align-items:center;flex-direction:column;flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:9rem;background-color:var(--color-background);background-image:var(--chat-window-img-url);background-repeat:no-repeat;background-position:center 98%;background-size:5rem}.no-history{color:var(--color-text)}.media-panel{width:100%;display:flex;align-items:stretch;justify-content:center;z-index:1000;padding:0}.media-panel__dialog{background:var(--color-input-area);border-end-start-radius:10px;border-end-end-radius:10px;padding:.5rem;max-width:100%;max-height:40vh;width:100%;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:.75rem;z-index:1000;position:relative}.media-panel__content{width:100%;max-height:32vh;border-radius:10px;object-fit:contain;background:var(--color-input-area);-webkit-tap-highlight-color:transparent;touch-action:none;will-change:transform}.media-panel__content-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none;z-index:1}.media-panel__status{color:var(--color-text);text-align:center}.media-panel__status.error{color:var(--color-error)}.media-panel__close{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;justify-content:center;border-radius:1.25rem;border:0;width:2.5rem;height:2.5rem;margin:0;background-color:var(--color-text);color:var(--color-background);opacity:75%;box-shadow:var(--box-shadow);cursor:pointer;z-index:10}.new-chat-popup{position:absolute;bottom:7rem;inset-inline-end:1rem;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);opacity:.9;color:var(--color-gray-white);border-radius:.5rem;cursor:pointer;z-index:1000;box-shadow:var(--box-shadow);animation:fadeIn .3s ease}.dialog{color:var(--color-text)!important;background-color:var(--color-dialog)!important}.language-list-item{max-width:100%;max-height:100%;height:100%;text-align:start}.language-list-item .MuiTypography-root.MuiTypography-body2{color:var(--color-subtext)!important}.check{color:var(--color-primary)}.overlay-blur{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-translucent);z-index:999;opacity:1;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-menu{position:fixed;top:2%;left:50%;transform:translate(-50%);width:70%;max-width:400px;background-color:var(--color-dialog);z-index:1000;border-radius:12px;box-shadow:var(--box-shadow);overflow:hidden;transition:opacity .3s ease,transform .3s ease;opacity:1}.dialog-menu.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.menu-header{display:flex;justify-content:space-between;align-items:center;block-size:4rem;font-size:1.5rem;padding-inline:1rem;border-bottom:1px solid var(--color-gray)}.menu-header button{background:none;border:none}.menu-content{display:flex;flex-direction:column}.menu-button{display:flex;align-items:center;justify-content:space-between;height:4rem;inline-size:100%;padding-inline:1rem;font-size:1rem;color:var(--color-text);background-color:var(--color-dialog);border:0;cursor:pointer}.menu-button:not(:last-child){border-bottom:1px solid var(--color-gray)}.button-title{display:flex;align-items:center}.button-icon{width:1.5rem;margin-inline-end:.5rem}.exit-title{display:flex;align-items:center;color:var(--color-destructive);white-space:normal}[dir=rtl] .button-icon{transform:scaleX(-1)}.toggle-wrapper{margin-inline-end:28px}.toggle-switch{position:relative;display:inline-block;inline-size:50px;block-size:28px}.toggle-switch input{opacity:0;inline-size:0;block-size:0}.slider{position:absolute;cursor:pointer;background-color:var(--color-gray);border-radius:34px;top:0;right:0;bottom:0;left:0;transition:background-color .4s ease}.slider:before{content:"";position:absolute;inline-size:20px;block-size:20px;inset-block-start:4px;inset-inline-start:4px;background-color:var(--color-background);border-radius:50%;transition:transform .4s ease}.toggle-switch input:checked+.slider{background-color:var(--color-primary)}[dir=ltr] .toggle-switch input:checked+.slider:before{transform:translate(22px)}[dir=rtl] .toggle-switch input:checked+.slider:before{transform:translate(-22px)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.help-header{display:flex;justify-content:space-between;align-items:center;height:4rem;font-size:1.5rem;padding-left:1rem;padding-right:1rem;border-bottom:1px solid var(--color-gray)}.help-header button{background:none;border:none}.help-content{background:#fff;border-radius:8px;max-width:300px;max-height:85dvh;width:90%;position:relative;box-shadow:var(--box-shadow)}.help-content p{padding-right:24px;padding-left:24px;max-height:70dvh;overflow:auto}.help-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:20px;cursor:pointer}.confirm-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-background),.5);z-index:1000;display:flex;align-items:center;justify-content:center}.confirm-header{display:flex;justify-content:center;align-items:center;height:1rem;font-size:1rem;font-weight:700;margin-top:2rem;margin-inline:20px;margin-bottom:1rem;color:var(--color-text)}.confirm-header button{background:none;border:none}.confirm-content{background:var(--color-dialog);border-radius:8px;max-width:300px;max-height:85dvh;width:90%;position:relative;box-shadow:var(--box-shadow);z-index:1000}.confirm-content p{margin-inline:20px;max-height:70dvh;text-align:center;overflow:auto;color:var(--color-text);white-space:pre-wrap}.confirm-footer{display:flex;flex-flow:column;justify-content:space-between;align-items:center;height:6rem;font-size:1rem;margin-inline:20px;margin-bottom:1rem}.confirm-footer button{border:none;font-size:1rem}.confirm-button{background-color:var(--color-primary);color:var(--color-gray-white);width:100%;height:3rem;border-radius:30px;font-weight:700;cursor:pointer}.destructive .confirm-button{background-color:var(--color-destructive);color:var(--color-gray-white)}.confirm-cancel{background-color:var(--color-clear);color:var(--color-primary-text);height:3rem;font-size:1rem;cursor:pointer}.destructive .confirm-cancel{color:var(--color-destructive)}.chat-input{display:flex;position:absolute;bottom:0;left:0;right:0;align-items:center;flex-direction:column;border:0;border-start-start-radius:10px;border-start-end-radius:10px;background-color:var(--color-clear);z-index:10;box-shadow:var(--box-shadow)}.input-area{display:flex;align-items:center;flex-direction:row;width:100dvw;background-color:var(--color-input-area);background-image:var(--chat-window-img-url);background-repeat:no-repeat;background-position:.5rem .5rem;background-size:5rem;border:0;border-start-start-radius:10px;border-start-end-radius:10px;padding-top:2rem}[dir=rtl] .input-area{background-position:right .5rem top .5rem}.input-area input{flex:1;margin-block:.5rem;margin-inline-start:.5rem;padding:.5rem;background-color:var(--color-background);color:var(--color-text);border:0;border-radius:10px;font-size:100%;width:100%}.input-area input::placeholder{color:var(--color-text);opacity:.5}.input-button{display:flex;align-items:center;justify-content:center;margin-inline:1rem;padding:0;border:none;border-radius:1.5rem;background-color:var(--color-clear);color:var(--color-input-button);width:2rem;height:2rem}.input-button .send-icon{width:100%;height:100%}[dir=rtl] .send-icon{transform:scaleX(-1)}.input-button--active{color:var(--color-input-button-active);cursor:pointer}.talk-button{position:absolute;flex-direction:column;bottom:3rem;display:flex;align-items:center;justify-content:center;padding:0;border:solid 4px;border-color:var(--color-primary);border-radius:40px;background-color:var(--color-talk-button);font-size:.8rem;color:var(--color-gray-white);cursor:pointer;width:80px;height:80px;z-index:100;box-shadow:var(--box-shadow);margin-bottom:.5rem}.talk-button--speak{background-color:var(--color-primary)}.mic-icon{height:32px;margin-bottom:5px;user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;pointer-events:none}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif;overflow:hidden;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.buddycom-translate-chat{display:flex;width:100%;height:100dvh;flex-direction:column;font-family:Arial,sans-serif}.toast{position:fixed;top:0;left:50%;transform:translate(-50%,-120%);background:var(--color-toast);color:var(--color-toast-text);height:3rem;max-width:400px;width:95%;border-radius:4px;box-shadow:var(--box-shadow);z-index:9999;opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:none;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center}.toast.show{transform:translate(-50%,16px);opacity:.9}.error img{width:30vw;max-width:200px;padding:1rem}.error{display:flex;flex-direction:column;flex:1;align-items:center;text-align:center;vertical-align:center;background-color:var(--color-background);color:var(--color-text);background-size:cover;min-height:100vh;margin:0 auto;padding:1rem;font-family:Arial,sans-serif}.exit-page img{width:30vw;max-width:200px;padding:1rem}.exit-page{display:flex;flex-direction:column;flex:1;align-items:center;text-align:center;vertical-align:center;background-color:var(--color-background);background-size:cover;min-height:100vh;margin:0 auto;padding:1rem;color:var(--color-text)}:root{--color-gray-white: #FFFFFF;--color-gray-100: #FCFCFC;--color-gray-300: #E8E8E8;--color-gray-400: #D6D6D6;--color-gray-600: #A3A3A3;--color-gray-800: #5C5C5C;--color-gray-black: #000000;--color-navy-100: #EDEFF4;--color-navy-200: #BFC7D9;--color-navy-300: #91A0C0;--color-navy-400: #6B7B9A;--color-navy-500: #4C586F;--color-navy-600: #2F3747;--color-navy-700: #030B19;--color-red-100: #F9EEEF;--color-red-200: #ECBCC1;--color-red-300: #E28892;--color-red-400: #D44D61;--color-red-500: #9A3645;--color-red-600: #64202A;--color-red-700: #330C12;--color-blue-100: #E2E8FB;--color-blue-200: #ADBFF4;--color-blue-300: #7198ED;--color-blue-400: #3B73D0;--color-blue-500: #285195;--color-blue-600: #1F2E4B;--color-blue-700: #06142C;--color-green-100: #CFFEB1;--color-green-200: #8EE429;--color-green-300: #72B91F;--color-green-400: #579016;--color-green-500: #3E690D;--color-green-600: #274405;--color-green-700: #112202;--color-primary: var(--color-blue-400);--color-primary-02: var(--color-blue-500);--color-primary-03: var(--color-blue-300);--color-accent: var(--color-green-300);--color-background-01: var(--color-navy-700);--color-background-02: var(--color-blue-600);--color-error: var(--color-red-500);--color-error-02: var(--color-red-300);--box-shadow: 0 0 8px rgba(0, 0, 0, .2);--color-talk-button: var(--color-blue-600);--color-input-button: var(--color-gray-400);--color-input-button-active: var(--color-primary-03);--color-destructive: var(--color-red-400);--color-background: var(--color-gray-white);--color-background-light: var(--color-gray-300);--color-primary-text: var(--color-blue-400);--color-text: var(--color-gray-black);--color-info: var(--color-blue-100);--color-dialog: var(--color-gray-white);--color-gray: var(--color-gray-600);--color-subtext: var(--color-gray-600);--color-input-area: var(--color-navy-100);--color-toast: var(--color-blue-600);--color-toast-text: var(--color-gray-white);--color-bubble-sent: var(--color-blue-600);--color-bubble-received: var(--color-navy-100);--color-message-sent: var(--color-gray-white);--color-message-received: var(--color-gray-black);--color-message-info: var(--color-gray-600);--color-clear: rgba(255, 255, 255, 0);--color-translucent: rgba(255, 255, 255, .5);--chat-window-img-url: url(/assets/Buddycom_Translator_logo-kgiRSicE.png)}.dark{--color-background: var(--color-background-01);--color-background-light: var(--color-background-02);--color-primary-text: var(--color-blue-300);--color-text: var(--color-gray-white);--color-info: var(--color-blue-700);--color-dialog: var(--color-navy-700);--color-gray: var(--color-gray-600);--color-subtext: var(--color-gray-400);--color-input-area: var(--color-background-02);--color-toast: var(--color-navy-100);--color-toast-text: var(--color-gray-black);--color-bubble-sent: var(--color-navy-100);--color-bubble-received: var(--color-blue-600);--color-message-sent: var(--color-gray-black);--color-message-received: var(--color-gray-white);--color-message-info: var(--color-gray-400);--color-clear: rgba(0, 0, 0, 0);--color-translucent: rgba(0, 0, 0, .5);--chat-window-img-url: url(/assets/Buddycom_Translator_logo_white-Zq9hrLpz.png)}