@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);.login-page{background:#fff;border-radius:7px;box-shadow:0 5px 10px #0000004d;left:50%;max-width:430px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.login-page__checkbox{display:none}.login-page__form{display:flex;flex-direction:column;padding:2rem}.login-page__form--login{display:block}#check:checked~.login-page__form--login{display:none}.login-page__header{font-size:2rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.login-page__input{border:1px solid #ddd;border-radius:6px;font-size:17px;height:60px;margin-bottom:1.3rem;outline:none;padding:0 15px;width:100%}.login-page__input:focus{box-shadow:0 1px 0 #0003}.login-page__error{color:red;margin-bottom:1rem;text-align:center}.login-page__button{align-items:center;background:#252827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:60px;justify-content:center;letter-spacing:1px;margin-top:1.7rem;transition:.4s;width:100%}.login-page__button:hover{background:#252827}.login-page__signup{font-size:17px;margin-top:30px;text-align:center}.login-page__signup-label{background-color:#fff;border:none;color:#252827;cursor:pointer;font-size:17px;margin-left:10px}.login-page__signup-label:hover{text-decoration:underline}.login-page__forgot-password-link{color:#252827;text-decoration:none}.home-page-container{align-items:center;background-color:#252827;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.home-page-title{color:#fff;font-size:2.5em;margin-bottom:20px}.action-buttons{display:flex;gap:20px;margin-bottom:30px}.create-button,.join-button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:1em;gap:8px;padding:12px 24px;transition:background-color .3s ease}.create-button{background-color:#007bff;color:#fff;&:hover{background-color:#0056b3}}.join-button{background-color:#28a745;color:#fff;&:hover{background-color:#1e7e34}}.button-icon{font-size:1.2em}.nav-bar{background-color:#0000004d;left:0;padding:10px 0;position:fixed;top:0;z-index:100}.nav-bar,.nav-list{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:4px;color:#fff;margin:0 10px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff1a}.nav-links{display:flex;flex-grow:1;justify-content:flex-end}.nav-link-right{color:#fff}.registration-page{background:#fff;border-radius:7px;box-shadow:0 5px 10px #0000004d;left:50%;max-width:430px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.registration-page__checkbox{display:none}.registration-page__form{display:flex;flex-direction:column;padding:2rem}.registration-page__form--login,.registration-page__form--register{display:block}#check:checked~.registration-page__form--login{display:none}.registration-page__header{font-size:2rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.registration-page__input{border:1px solid #ddd;border-radius:6px;font-size:17px;height:60px;margin-bottom:1.3rem;outline:none;padding:0 15px;width:100%}.registration-page__input:focus{box-shadow:0 1px 0 #0003}.registration-page__error{color:red;margin-bottom:1rem;text-align:center}.registration-page__button{align-items:center;background:#252827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:60px;justify-content:center;letter-spacing:1px;transition:.4s;width:100%}.registration-page__button:hover{background:#252827}.registration-page__signup{font-size:17px;margin-top:30px;text-align:center}.registration-page__signup-label{background-color:#fff;border:none;color:#252827;cursor:pointer;font-size:17px;margin-left:10px}.registration-page__signup-label:hover{text-decoration:underline}.registration-page__forgot-password-link{color:#252827;text-decoration:none}.access-panel-container{bottom:20px;display:flex;justify-content:center;left:0;position:fixed;right:0;z-index:1000}.access-code-icon{background-color:#1976d2;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;padding:12px;transition:all .3s ease}.access-code-icon:hover{background-color:#1565c0;transform:scale(1.1)}.access-code-icon svg{fill:#fff}@media (max-width:768px){.access-panel-container{bottom:10px}.access-code-icon{padding:10px}}.chat-panel{background-color:#1e1e1e;border-left:1px solid #444;color:#fff;display:flex;flex-direction:column;height:100%;width:300px;z-index:10}.chat-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.close-button svg{font-size:20px}.chat-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px}.chat-message{word-wrap:break-word;background-color:#333;border-radius:10px;margin-bottom:10px;max-width:85%;padding:8px 12px}.own-message{align-self:flex-end;background-color:#4caf50;margin-left:auto}.other-message{align-self:flex-start;background-color:#2a2a2a;margin-right:auto}.chat-input{background-color:#2a2a2a;border-top:1px solid #444;display:flex;padding:10px}.chat-input input{background-color:#444;border:none;border-radius:4px;color:#fff;flex:1 1;margin-right:8px;padding:5px}.chat-input input::placeholder{color:#aaa}.chat-input button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.video-conference-container{align-items:center;background-color:#252827;display:flex;height:100vh;justify-content:center}.video-container{grid-gap:8px;align-content:center;display:grid;gap:8px;justify-content:center;margin:0 auto;max-height:90vh;padding:8px;width:100%}.video-container.grid-1{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;max-width:50%}.video-container.grid-2{grid-template-columns:repeat(2,1fr);max-width:90%}.video-container.grid-3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;height:100%;max-width:70%}.video-container.grid-3 .stream-container{align-self:center}.video-container.grid-3 .stream-container:nth-child(3){align-self:center;grid-column:1/-1;justify-self:center;max-width:50%}.video-container.grid-4{aspect-ratio:16/9;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);max-width:80%}.video-container.grid-many{flex-wrap:wrap;max-width:90%}.stream-container,.video-container.grid-many{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center}.stream-container{background-color:#000;border-radius:8px;overflow:hidden;position:relative;width:100%}.subtitle-container{background-color:#0009;border-radius:8px;bottom:5%;color:#fff;font-size:16px;left:50%;max-width:90%;overflow:hidden;padding:6px 12px;pointer-events:none;position:absolute;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.video-element{height:100%;object-fit:cover;width:100%}.exit-call-button{background-color:#d32f2f;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;margin-left:150px;padding:12px;transition:all .3s ease}.exit-call-button:hover{background-color:#b71c1c;transform:scale(1.1)}.exit-call-button svg{fill:#fff}.exit-call-button:disabled{opacity:.5;pointer-events:none}.toggle-mic-button{background-color:#4caf50;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;margin-left:16px;padding:12px;transition:all .3s ease}.toggle-mic-button:hover{background-color:#388e3c;transform:scale(1.1)}.toggle-mic-button svg{fill:#fff}.toggle-screen-button{background-color:#1976d2;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;margin-left:16px;padding:12px;transition:all .3s ease}.toggle-screen-button:hover{background-color:#1565c0;transform:scale(1.1)}.toggle-screen-button svg{fill:#fff}.toggle-screen-button.off{background-color:#757575}.toggle-screen-button.off:hover{background-color:#616161}.main-content{display:flex;height:100%;width:100%}.video-wrapper{display:flex;flex:1 1;transition:all .3s ease}.toggle-chat-button{background-color:#1976d2;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;margin-left:16px;padding:12px;pointer-events:auto;transition:all .3s ease}.toggle-chat-button:hover{background-color:#1565c0;transform:scale(1.1)}.toggle-chat-button svg{fill:#fff}.toggle-chat-button.hidden{opacity:0;pointer-events:none}.access-panel-container{z-index:0}.subtitle-container:empty{display:none}.toggle-subtitles-button{background-color:#fbc02d;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#fff;margin-left:16px;padding:12px;transition:all .3s ease}.toggle-subtitles-button:hover{background-color:#f57f17;transform:scale(1.1)}.toggle-subtitles-button svg{fill:#fff}.toggle-subtitles-button.off{background-color:#bdbdbd}.toggle-subtitles-button.off:hover{background-color:#9e9e9e}.toggle-subtitles-button.hidden{opacity:0;pointer-events:none}.enter-room-page-container{align-items:center;background-color:#252827;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.enter-room-page-title{color:#fff;font-size:2em;margin-bottom:20px}.enter-room-form{background-color:#333;border:1px solid #444;border-radius:5px;padding:20px;width:400px}.form-group{margin-bottom:15px}.form-group label{color:#ddd;display:block;margin-bottom:5px}.form-control{background-color:#444;border:1px solid #555;border-radius:4px;color:#fff;font-size:1em;outline:none;padding:10px;width:100%}.form-control:focus{border-color:#66afe9;box-shadow:0 0 5px #66afe980}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.error-message{color:red;font-size:.9em;margin-top:10px}.language-page{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0 auto;max-width:800px;padding:12px;width:100%}.language-page__title{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.language-page__add-language{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.language-page__input{border:1px solid #ddd;border-radius:4px;font-size:16px;margin-right:10px;padding:10px;width:200px}.language-page__button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background-color .3s}.language-page__button:hover{background-color:#0056b3}.language-page__error{color:red;font-size:14px;margin-bottom:20px;text-align:center}.language-page__list{list-style-type:none;padding:0;width:100%}.language-page__item{align-items:center;background-color:#ffffff1a;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:flex-start;margin-bottom:10px;padding:12px}.language-page__item-name{color:#fff;font-size:18px}.language-page__primary{color:#28a745;font-weight:700}.language-page__button--primary,.language-page__primary{align-self:center;left:50%;position:absolute;transform:translateX(-50%)}.language-page__button--primary{background-color:#28a745}.language-page__button--primary:hover{background-color:#218838}.language-page__button--remove{background-color:#dc3545;margin-left:auto}.language-page__button--remove:hover{background-color:#c82333}.language-page__subtitle{color:#fff;font-size:18px;margin-bottom:20px;text-align:center}.language-page__select{border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:16px;margin-right:15px;padding:10px;transition:background-color .3s ease;width:220px}.language-page__select:hover{background-color:#f1f1f1}.language-page__select-option{background-color:#fff;font-size:16px;padding:10px}.language-page__select-option:checked{background-color:#007bff;color:#fff}.language-page__button--home{margin-top:100px}.files-page__actions{display:flex;justify-content:space-between;margin:0 auto;padding:0 10px}.files-page__button{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.files-page__button,.files-page__image{background:#0000;height:50px;width:50px}.files-page__image{object-fit:cover}.files-page{color:#fff;padding:30px}.files-page h2{font-size:1.8em;margin-bottom:30px}.files-grid{display:flex;flex-wrap:wrap;gap:30px}.file-item{align-items:center;background-color:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:20px;text-align:center;transition:all .3s ease;width:180px}.file-item:hover{background-color:#fff3;transform:translateY(-5px)}.file-icon{background-color:initial;height:120px;object-fit:contain;width:120px}.file-date{color:#fff;font-size:16px}.home-button-container{bottom:30px;left:50%;position:fixed;transform:translateX(-50%);width:auto;z-index:100}.home-button{background:#4a6bff;border:none;border-radius:25px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.home-button:hover{background:#3a5bef;box-shadow:0 8px 16px #00000040;transform:translateY(-2px)}.home-button:active{box-shadow:0 3px 6px #0003;transform:translateY(0)}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#252827;min-height:100vh;width:100%}
/*# sourceMappingURL=main.e09ec661.css.map*/