*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#142c44;color:#c5c6d0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5{color:#eff0fa;margin-bottom:.5rem}.App{height:100vh}header{align-items:center;display:flex;justify-content:space-between;padding:24px;position:fixed;top:0;width:100%}form{box-shadow:0 20px 40px #0006;margin-top:2rem;max-width:450px;width:100%}input{background:#191b23;border:2px solid #0000;border-radius:8px;box-sizing:border-box;color:inherit;display:block;font-family:inherit;height:48px;padding:12px 16px;width:100%}input::placeholder{color:#aaa}.input-container{align-items:baseline;display:flex;gap:5px;margin-bottom:1rem}.btn{border:1px solid #0000;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:48px;padding:8px 16px}.btn-primary{background-color:#2572ed}.btn-danger{background-color:#c74e5b;padding:8px}.conference-section{background-color:#03111e;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px 30px;scrollbar-color:#191b23 #03111e;scrollbar-width:thin}.conference-section h2{border-bottom:1px solid #546e7a;font-size:32px;padding-bottom:10px;text-align:center}.peers-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10%;width:100%}.transcriptionText-section{align-items:center;background-color:#274461;flex-direction:column;height:100%;margin-bottom:0;min-height:100%}.transcriptionText-section p{font-size:18px;margin:1% 1px;padding-left:3%;padding-right:1px;white-space:pre-wrap;width:100%}.peer-video{border-radius:.5rem;border-radius:30px;height:275px;margin:10px;object-fit:cover;width:350px}.video-cover{background-color:#191b23;left:0;position:absolute;top:0}.avatar-circle,.video-cover{align-items:center;display:flex;justify-content:center}.avatar-circle{background:#949494;border-radius:50%;height:150px;overflow:hidden;width:150px}.avatar-img{height:100%;object-fit:cover;width:100%}.peer-info{align-items:center;background-color:#345169;border-radius:8px;bottom:10px;color:#fff;display:flex;font-size:16px;left:10px;padding:4px 8px;position:absolute}.local.peer-video{transform:scaleX(-1)}.peer-name{font-size:16px;text-align:center}.peer-container{position:relative}.control-bar{display:flex;justify-content:center;padding-top:20px;width:100%}.control-bar>:not(:first-child){margin-left:8px}.btn-control{background:none;border:1px solid #37474f;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:56px;letter-spacing:1px;text-align:center;text-transform:uppercase;width:56px}.hide{display:none}.separator{font-size:12px}.home{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:1200px;width:80%}.center,.home{align-items:center}.highlight{background:#2e3038}.footer-container{background-color:#201c1c;margin-bottom:6.4%;margin-top:3.5%;min-height:20vh;overflow-y:auto}.tooltip-container{display:inline-block;position:relative}.tooltip-text{background-color:#000c;border-radius:4px;bottom:125%;color:#fff;left:50%;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.footer-container::-webkit-scrollbar{width:8px}.footer-container::-webkit-scrollbar-track{background:#201c1c}.footer-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.footer-container::-webkit-scrollbar-thumb:hover{background:#555}.conference-section::-webkit-scrollbar{width:8px}.conference-section::-webkit-scrollbar-track{background:#03111e}.conference-section::-webkit-scrollbar-thumb{background:#191b23;border-radius:10px}.conference-section::-webkit-scrollbar-thumb:hover{background:#252833}.popup-content{background:#fff;border:1px solid #d7d7d7;margin:auto;padding:5px;width:50%}[role=tooltip].popup-content{border-radius:5px;box-shadow:0 0 3px #00000029;width:200px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:#0000}.popup-arrow{stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;bottom:0;color:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));left:0;right:0;top:0}
/*# sourceMappingURL=main.20e7d6af.css.map*/