@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap";*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}html,body,form,fieldset,table,tr,td,img{font-family:Sora,serif;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:0;margin:0}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body{background:#000}.collapsible{width:100%;max-width:400px;border-radius:5px;overflow:hidden}.collapsible-header{text-align:center;background-color:#f84c1b;color:#fff;padding:8px;cursor:pointer}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-content.open{max-height:1300px;transition:max-height .5s ease-in}.section label{display:block;margin-left:12px;margin-bottom:4px;color:#acacac;font-size:12px}h2{display:block;margin-bottom:5px}input,select{width:100%;padding:8px 12px;background:#242424;color:#fff;font-size:14px;border-radius:8px;border:1px solid #323232;outline:none;box-sizing:border-box}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 8.417l6.587 6.587a2.013 2.013 0 0 0 2.826 0L20 8.417'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}input::placeholder{color:#5c5d5d;font-size:14px;font-weight:400;line-height:150%}input[type=checkbox]{margin-right:5px;transform:scale(1.2)}button{width:100%;padding:8px;font-size:16px;border-radius:5px;border:none;cursor:pointer;background-color:#202291;color:#fff}.toggle-button{background-color:#f84c1b;border-radius:8px;font-size:12px;font-weight:700;padding:10px;color:#fff}.room-list{display:flex;justify-content:center;flex-wrap:wrap}.room{background:#f0f0f0;padding:10px 20px;margin:5px;border-radius:5px;cursor:pointer;font-size:16px}.room.active{background:#d0d0d0}.participant-container{transition:all .5s ease-in-out;background-color:transparent}.participant-container.speaking{box-shadow:0 0 5px 4px #ec5a00}.audio-controls{display:grid;padding:10px;gap:15px}.audio-controls.main-screen{display:flex;align-items:center;justify-content:center}.audio-controls.main-screen video{transform:scaleX(1);width:400px}.audio-controls.main-screen .local-participant{width:auto}.audio-controls .local-participant{width:100%}.audio-controls video{width:100%}.audio-controls .video-element{width:100%;position:absolute;top:100%;transform:translateY(-100%) scaleX(-1);display:flex}.audio-controls .mute-icon{position:absolute;top:10px;left:10px}.audio-controls .mute-icon svg path{fill:#fff}#localVideo{max-width:100%;max-height:300px;object-fit:inherit}.header{display:flex;align-items:center;min-height:70px;padding:0 20px}@media (max-width: 768px){body{padding:5px}.room-list{align-items:stretch}.room{width:100%;text-align:center}}#settingsContainer{display:grid;gap:12px}#settingsContainer .langSelectors .section{flex-basis:50%}#settingsContainer .controls-audio-video{display:flex;gap:20px}#settingsContainer .controls-audio-video div{flex-basis:50%}.wrapper{width:100%;display:flex;justify-content:center}.wrapper .no-camera{margin-bottom:10px;background:#323232;display:flex;justify-content:center;align-items:center;width:100%;border-radius:8px;min-height:300px}.wrapper #localVideo{margin-bottom:10px;width:100%;border-radius:8px}.toolbar{position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;bottom:0;background:#1b1b1b;min-height:50px;padding:10px;-webkit-user-select:none;user-select:none}.toolbar #disconnectButton{background:#ab342e;padding:7px 16px;border-radius:8px;font-size:12px;font-weight:700}.toolbar .audio-video-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.toolbar .audio-video-controls .menu .volume-controls{border-bottom:1px solid #343436}.toolbar .audio-video-controls .menu .controls .control label{font-size:12px;font-weight:400;color:#fff}.toolbar .audio-video-controls .menu .controls .control output{font-size:10px;color:#fff}.toolbar .audio-video-controls .menu .controls .control input[type=range]{-webkit-appearance:none;padding:0;border:none;height:4px;background:#2733df}.toolbar .audio-video-controls .menu .controls .control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:#2733df;border-radius:50%;cursor:pointer}.toolbar .audio-video-controls .menu .controls .control>div{display:flex;gap:8px;align-items:center}.toolbar .microphone{padding:10px;border-bottom:1px solid #343436}.toolbar .speaker{padding:10px}.toolbar .main-controls{display:flex;gap:20px}.toolbar .main-controls .participants div:not(:last-child){margin-bottom:8px}.toolbar .main-controls .participants .text{color:#fff;font-size:12px;font-weight:400}.toolbar .main-controls .captions .open-caption{padding:9px 18px;width:100%;border-top:1px solid #323232}.toolbar .main-controls .captions .open-caption.text{color:#fff;font-size:14px;font-weight:400}.toolbar .main-controls .translations .menu-wrapper{border-bottom:1px solid #323232}.toolbar .main-controls .translations div:not(:last-child){margin-bottom:8px}.toolbar .main-controls .translations .real-time-translations{padding:9px 18px;width:100%}.toolbar .item{cursor:pointer;align-items:end;display:flex}.toolbar .item .wrapper{display:flex;flex-direction:column;align-items:center}.toolbar .item .text{font-size:10px;font-weight:400;color:#acacac}.toolbar .item .chevron{align-self:baseline;display:flex;padding:2px;height:12px;width:12px;align-items:center}.toolbar .item .chevron:hover{background:#4c4c4c;border-radius:30%;transition:background-color .5s ease-in-out}.toolbar .item .menu{position:absolute;border-radius:14px;left:24px;top:0;transform:translateY(calc(-100% - 20px));background:#1b1b1b;min-width:300px}.toolbar .item .menu .title{margin-bottom:8px;font-weight:600;font-size:12px;color:#fff}.toolbar .menu-wrapper{padding:18px}.toolbar .muted :not(.chevron) svg path,.toolbar .muted :not(.chevron) svg rect{fill:#ab342e}.transcription-container{color:#fff}.participant-container{position:relative}.participant-label{position:absolute;right:0;background:#000;color:#fff;font-size:11px;padding:2px;z-index:10}.transcription-container{position:absolute;bottom:0;padding:5px 10px;width:100%;background-color:#1b1b1bcc}.audio-track-container.hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}div#audioControlsContainer>*{max-width:100%;max-height:calc(-150px + 100vh);display:block;overflow:hidden;height:100%;background:#323232;object-fit:cover;aspect-ratio:16/9}#captionsSidebar{position:fixed;padding:20px;color:#fff;transform:translate(100%);width:500px;height:100%;background:#4c4c4c;right:0;top:0;visibility:hidden;transition:transform .5s ease-in-out;z-index:1000;overflow-y:auto;box-shadow:-2px 0 10px #0003}#captionsSidebar .closeIcon{position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;color:#fff}#captionsSidebar .content{margin-top:50px}#captionsSidebar .content .transcriptionBlock{display:flex;justify-content:space-between;font-weight:200}#captionsSidebar .content .transcriptionBlock:not(:last-child){margin-bottom:12px}#captionsSidebar .content .transcriptionBlock .userName{font-weight:500}#captionsSidebar .content .transcriptionBlock .timeBlock{font-size:10px;padding-left:10px;min-width:52px}#captionsSidebar.open{transform:translate(0)}#captionsSidebar::-webkit-scrollbar{width:5px}#captionsSidebar::-webkit-scrollbar-thumb{background-color:#fff;border-radius:8px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:none}#notification{position:absolute;bottom:75px;left:10px;z-index:10;display:flex;flex-direction:column;gap:10px}#notification .notif{background:#1b1b1b;color:#fff;opacity:1;min-width:100px;padding:15px;border-radius:4px;transition:opacity .5s ease-in-out}.loading{display:flex;align-items:center;justify-content:center}.lang-from select{padding:5px 12px;margin-bottom:5px;min-width:130px}.lang-line{display:none}.current_user_lang_ru .lang-line.lang-ru,.current_user_lang_it .lang-line.lang-it,.current_user_lang_es .lang-line.lang-es,.current_user_lang_de .lang-line.lang-de,.current_user_lang_pt .lang-line.lang-pt,.current_user_lang_tr .lang-line.lang-tr,.current_user_lang_ar .lang-line.lang-ar,.current_user_lang_uk .lang-line.lang-uk,.current_user_lang_pl .lang-line.lang-pl,.current_user_lang_fr .lang-line.lang-fr,.current_user_lang_id .lang-line.lang-id,.current_user_lang_zh .lang-line.lang-zh,.current_user_lang_nl .lang-line.lang-nl,.current_user_lang_ja .lang-line.lang-ja,.current_user_lang_ko .lang-line.lang-ko,.current_user_lang_fi .lang-line.lang-fi,.current_user_lang_hu .lang-line.lang-hu,.current_user_lang_el .lang-line.lang-el,.current_user_lang_cs .lang-line.lang-cs,.current_user_lang_da .lang-line.lang-da,.current_user_lang_en .lang-line.lang-en,.current_user_lang_en .lang-line.lang-en-gb{display:block}.controls-audio-video{margin:12px 0;display:grid;gap:12px}.noRoomFoundError{color:#ab342e;text-align:center;display:none}.end-call{display:flex;align-items:center;gap:10px}.end-call button{width:inherit}.end-call #pauseTranslation{background:#2733df;padding:7px 16px;border-radius:8px;font-size:12px;font-weight:700}.end-call #openModalButton{background:#2733df;padding:7px 16px;border-radius:8px;font-size:12px;font-weight:700;display:none}.end-call #openModalButton.visible{display:block}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#242424;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #323232}.modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.modal-header .close-modal{color:#acacac;font-size:24px;font-weight:700;cursor:pointer;transition:color .2s}.modal-header .close-modal:hover{color:#fff}.modal-body{padding:24px}.modal-body .modal-section{margin-bottom:20px}.modal-body .modal-section:last-child{margin-bottom:0}.modal-body .modal-section label{display:block;margin-bottom:8px;color:#acacac;font-size:14px;font-weight:500}.modal-body .modal-section select{width:100%;padding:10px 12px;background:#1b1b1b;color:#fff;font-size:14px;border-radius:8px;border:1px solid #323232;outline:none}.modal-body .modal-section select:focus{border-color:#f84c1b}.modal-body .modal-section input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.modal-body textarea{width:100%;height:50%;padding:10px 12px;background:#1b1b1b;color:#fff;font-size:14px;border-radius:8px;border:1px solid #323232}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.modal-footer button{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:auto}.modal-footer button#saveModalSettings{background-color:#f84c1b;color:#fff}.modal-footer button#saveModalSettings:hover{background-color:#d93507}.modal-footer button#cancelModal{background-color:transparent;color:#acacac;border:1px solid #323232}.modal-footer button#cancelModal:hover{background-color:#323232;color:#fff}