code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242526;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{margin:0 auto}.App,button{text-align:center}button{align-items:baseline;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:4px 2px;padding:10px 20px;text-decoration:none;transition:background-color .3s}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}.video-container{background-color:#000;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px 0;overflow:hidden}.controls{flex-wrap:wrap;gap:10px}.avatar-container{background:#242526;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.firstChild{align-items:center;background-color:#292929;border-bottom:1.5px solid gray;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;min-height:60px;padding:8px 16px;z-index:5}.brandLogo{height:auto;margin-right:8px;transform:scale(1.3);width:36px}@media (max-width:768px){.firstChild{gap:6px;min-height:54px;padding:6px 12px}.brandLogo{margin-right:6px;transform:scale(1.2);width:32px}.status-text{font-size:13px}.controls{gap:8px}.controls button{font-size:13px;padding:6px 10px}.quality-selector{font-size:13px}.quality-selector select{font-size:13px;min-width:120px;padding:6px 30px 6px 10px}}@media (max-width:480px){.firstChild{gap:4px;min-height:48px;padding:4px 8px}.brandLogo{margin-right:4px;transform:scale(1.1);width:28px}.status-text{font-size:12px}.controls{gap:6px}.controls button{font-size:12px;padding:5px 8px}.quality-selector{font-size:12px}.quality-selector select{font-size:12px;min-width:100px;padding:5px 28px 5px 8px}}@media (max-width:360px){.firstChild{gap:3px;min-height:44px;padding:3px 6px}.brandLogo{margin-right:3px;width:24px}.status-text{font-size:11px}.controls button{font-size:11px;padding:4px 6px}.quality-selector{font-size:11px}.quality-selector select{font-size:11px;min-width:80px;padding:4px 24px 4px 6px}}@media (max-width:240px){.firstChild{gap:2px;min-height:40px;padding:2px 4px}.brandLogo{margin-right:2px;width:20px}.status-text{font-size:10px}.controls{gap:4px}.controls button{font-size:10px;padding:3px 4px}.quality-selector{font-size:10px}.quality-selector select{font-size:10px;min-width:70px;padding:3px 20px 3px 4px}.quality-selector label{display:none}}.status-bar{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#c8c8c880;border:1px solid #e0e0e0;border-radius:5px;bottom:0;display:flex;justify-content:center;left:50%;padding:10px;position:absolute;right:50%;transform:translate(-50%,-100%);width:-webkit-max-content;width:max-content;z-index:10}.status-indicator{background:red;border-radius:50%;height:10px;margin-right:6px;transition:background .3s ease;width:10px}.status-indicator.active{background:#32cd32}.status-text{font-weight:500}.quality-selector{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px;line-height:1;-webkit-user-select:none;user-select:none}.quality-selector label{font-weight:600;margin-right:4px;white-space:nowrap}.quality-selector select{-webkit-appearance:none;appearance:none;background:#ffffff0a;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2020%2020%27%3E%3Cpath%20d=%27M6%208l4%204%204-4%27%20stroke=%27%23FFFFFF%27%20stroke-width=%271.7%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff1f;border-radius:7.5px;color:#fff;cursor:pointer;font-size:14px;min-width:160px;padding:8px 38px 8px 12px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.quality-selector select::-ms-expand{display:none}.quality-selector select option{background:#0b1220;color:#fff;padding:6px}.quality-selector select:focus,.quality-selector select:focus-visible{border-color:#2563ebf2;box-shadow:0 0 0 5px #2563eb14;outline:none}.quality-selector select:disabled{cursor:not-allowed;opacity:.6}.avatar-container.streaming .quality-selector,.quality-selector.hidden{display:none!important}.video-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:10px}.media-container{display:contents;height:100%;position:relative;width:100%}.video-element{aspect-ratio:16/9;background:#1f1f1f;border-radius:7.5px;filter:contrast(105%);filter:saturate(125%);height:100%;image-rendering:auto;object-fit:contain;width:100%}.controls{align-items:center;border-radius:5px;bottom:0;display:flex;gap:12px;justify-content:center;left:50%;right:50%;width:-webkit-max-content;width:max-content;z-index:10}.controls button{border:none;border-radius:7.5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:background .3s ease}.start-button,.start-button:hover{background:#2563eb}.btn-primary,.btn-primary:hover{background:#16a34a}.btn-danger,.btn-danger:hover{background:#d13438}.btn-secondary{background:#6b7280}.btn-mute,.btn-mute:hover,.btn-unmute,.btn-unmute:hover{background-color:grey}.controls button:hover{opacity:.85}.spinner{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:12.5px;width:12.5px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:50px;position:fixed;z-index:50}.modal-content{background:#242526;border-radius:12px;max-width:90%;padding:20px;text-align:center}.modal-content>h3{color:#fff}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}@media (max-width:768px){.quality-selector label{display:none}.quality-selector select{font-size:13px;min-width:120px;padding-right:34px}.video-element{aspect-ratio:4/5;height:auto;object-fit:cover}.controls{flex-wrap:wrap;gap:8px}}@media (max-width:400px){.quality-selector select{font-size:12px;min-width:100px;padding:6px 30px 6px 10px}.controls button{font-size:12px;padding:6px 10px}}@media (max-width:250px){.status-text{font-size:12px}.quality-selector select{font-size:11px;min-width:90px;padding:5px 28px 5px 8px}.controls button{font-size:11px;padding:5px 8px}}
/*# sourceMappingURL=main.a51d62d0.css.map*/