body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#1e8bf1;border-radius:8px}::-webkit-scrollbar-track{background-color:#7a7a7a2c;border-radius:8px}.gradient-border{background-color:#c6c2c2;border:5px solid;border-image:linear-gradient(45deg,red,blue) 1;display:inline-block;padding:20px}.input-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:2px solid #2582e5c7;border-radius:8px;min-height:45px!important;outline:none!important}.input-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border:2px solid #2583e5}.input-root .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{min-height:0!important;padding:12px 0 12px 10px!important}.input-root .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{border-radius:0!important;min-height:0!important;padding:12px 10px!important}.MuiFormHelperText-root.Mui-error{margin-left:2px!important;margin-top:2px!important;padding-left:0!important}.button{background:linear-gradient(35deg,#1e8bf1 1%,#b365b6);border:0 solid #000;border-radius:8px;box-shadow:0 0 15px #0000001a,inset 10px -5px 15px rgba(0,0,0,.158);color:#fff!important;cursor:pointer;font-size:20px;margin:15px auto;padding:15px 20px;text-transform:none!important}.button.pulse-button{animation:borderPulse 1s ease-out infinite,colorShift 10s ease-in infinite}.button.pulse-button-hover{animation:colorShift 10s ease-in infinite}.button:focus,.button:hover{animation:borderPulse 1s ease-out infinite,colorShift 10s ease-in infinite,hoverShine .2s}@keyframes colorShift{0%,to{background:#26a1da}33%{background:#2b2e98}66%{background:#f98dff}}@keyframes hoverShine{0%{background-image:linear-gradient(135deg,#fff6,#fff0 50%,#fff0)}50%{background-image:linear-gradient(135deg,#fff0,#fff6 50%,#fff0)}to{background-image:linear-gradient(135deg,#fff0,#fff0 50%,#fff6)}}#background-wrap{bottom:0;left:0;padding-top:50px;position:relative;right:0;top:0;z-index:-1}@keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}.x1{animation:animateCloud 35s linear infinite;transform:scale(.65)}.x2{animation:animateCloud 20s linear infinite;transform:scale(.3)}.x3{animation:animateCloud 30s linear infinite;transform:scale(.5)}.x4{animation:animateCloud 18s linear infinite;transform:scale(.4)}.x5{animation:animateCloud 25s linear infinite;transform:scale(.55)}.cloud{background:#fff;background:linear-gradient(top,#fff 5%,#f1f1f1);border-radius:100px;box-shadow:0 8px 5px #0000001a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f1f1f1",GradientType=0);height:50px;position:relative;width:350px}.cloud:after,.cloud:before{z-indeX:-1;background:#fff;content:"";position:absolute}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;height:180px;right:50px;top:-90px;width:180px}:root{--main-darklg:#1d2635;--main-dark:#161d29;--main-light:#eee;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.main{background-color:#161d29;background-color:var(--main-dark);display:flex;height:100vh;overflow:hidden}.main__left{display:flex;flex:1 1;flex-direction:column;width:100%}.video-username{background-color:#00000080;border-radius:5px;bottom:10px;color:#fff;font-size:14px;left:50%;padding:2px 8px;position:absolute;text-align:center;transform:translateX(-50%)}.options{align-items:center;background:linear-gradient(35deg,#1e8bf19a 1%,#b365b693);border-radius:10px 10px 0 0;display:flex;justify-content:center;overflow:hidden}.options__left,.options__right{align-items:center;display:flex;margin-left:10px}#options__button{background:#1e232d;border-radius:8px;box-shadow:0 0 15px #0000001a,inset 10px -5px 15px rgba(0,0,0,.158);color:#eee;color:var(--main-light);color:#fefefe;height:40px;transition:all .2s;width:40px}.options__button:hover{background-color:#000}.background__red{background-color:#ff5e5e!important}.background__red:hover{background-color:#ff5e5e}.main_right{border-radius:10px;bottom:77px;height:auto;max-height:80vh;padding:1rem;right:0;width:25%}.main_right,.main_right2{background-color:#1d2635;background-color:var(--main-darklg);display:flex;flex-direction:column;position:absolute}.main_right2{border-radius:20px;bottom:60px;height:40vh;left:50%;padding:1rem 1rem 40px;transform:translate(-50%,-50%);width:90vw;z-index:20}.main__chat_window{flex-grow:1;margin-bottom:1rem;overflow-y:auto}.chat__title{font-weight:600;margin-bottom:1rem}.chat__title,.messages{color:#eee;color:var(--main-light)}.message{background-color:#1d2635;background-color:var(--main-darklg);border-radius:8px;margin-bottom:.5rem;padding:.5rem}.main__message_container{display:flex}.chat__input{background-color:#eee;background-color:var(--main-light);border-radius:10px;color:#161d29;color:var(--main-dark);flex-grow:1}.user-info{align-items:center;color:#eee;color:var(--main-light);display:flex}.user-info .avatar{background:#161d29;border:1px solid #fff;border-radius:8px;box-shadow:0 0 15px #0000001a,inset 10px -5px 15px rgba(0,0,0,.158);margin-right:.5rem}.live-stream-container{height:100%;object-fit:contain;width:100%}.videos__group{grid-gap:10px;align-items:center;background-color:#161d29;background-color:var(--main-dark);display:grid;flex-grow:1;gap:10px;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem}.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"screen-share other-videos";height:90vh;width:100%}.screen-share-grid{left:10px;position:absolute;top:10px;width:60%}.screen-share-container,.screen-share-video{grid-area:screen-share;height:100%;max-height:80vh;width:100%}.other-videos{grid-gap:10px;align-items:center;border-radius:10px!important;display:grid;gap:10px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));height:100%;overflow-y:auto;place-items:center;width:100%}.other-videos .video-container{flex-shrink:0}.video-container{align-items:center;display:flex;height:330px;justify-content:center;position:relative}.video-container,.video-container video{border-radius:10px;max-height:350px;max-width:450px;min-height:250px;object-fit:fill;overflow:hidden;width:100%}.video-container video{display:block;height:100%;transform:scaleX(-1)}.streaming-videos__group{grid-gap:10px;align-items:center;display:grid;flex-grow:1;justify-content:center;overflow-x:hidden;overflow-y:auto}.streaming-video-grid,.streaming-videos__group{background-color:#161d29;background-color:var(--main-dark);gap:10px}.streaming-video-grid{width:100%}.streaming-other-videos{object-fit:fill}.streaming-video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.streaming-video-wrapper video{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:auto}.streaming-video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.streaming-screen-share-grid{height:100%;left:10px;top:10px;width:100%;z-index:20}.streaming-screen-share-container{object-fit:fill}.streaming-screen-share-container,.streaming-screen-share-video{grid-area:screen-share;height:100%;max-height:80vh;min-height:270px;width:100%}.overlay{background-color:#3c3c3c;color:#fff;font-size:3rem;height:100%;left:0;min-height:250px;position:absolute;top:0;width:100%;z-index:10}.avatar-container,.overlay{align-items:center;display:flex;justify-content:center}.avatar-container{background-color:#eee;background-color:var(--main-light);background:#161d29;border:1px solid #fff;border-radius:8px;box-shadow:0 0 15px #0000001a,inset 3px -3px 5px rgba(0,0,0,.158);padding:0 10px 5px;text-align:center}.username{background:linear-gradient(35deg,#1e8bf1 1%,#b365b6);border-radius:8px;bottom:10px;box-shadow:0 0 15px #0000001a,inset 3px -3px 5px rgba(0,0,0,.258);color:#fff;left:10px;padding:3px 8px 5px;position:absolute;z-index:11}@media (max-width:1200px){.video-grid{grid-template-areas:"screen-share" "other-videos";grid-template-rows:1fr 1fr}.screen-share-grid{left:10px;max-height:40vh;position:absolute;top:10px;width:calc(100% - 20px)}.screen-share-container{grid-area:screen-share;height:100%;max-height:40vh}.screen-share-video{max-height:40vh}.other-videos{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;height:30vh}}@media (max-width:600px){.streaming-screen-share-grid{right:10px;width:100%}}@media (max-width:500px){.video-grid,.videos__group{gap:0}.other-videos{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));max-width:100%}.video-container,.video-container video{height:250px;max-width:100%}.video-container video{min-width:10%}.username{left:10px}}@media (max-width:380px){.video-container{height:250px;max-width:100%}.video-container video{height:250px;max-width:95%;min-width:10%}}@font-face{font-family:Gilroy;font-style:normal;font-weight:500;src:url(/static/media/Gilroy-Medium.23dfbc19380d778f2742.ttf) format("truetype")}
/*# sourceMappingURL=main.c5eccaca.css.map*/