*/ */ */ */ */ .position-relative{position:relative}.btn-rounded{border-radius:70px!important}.btn-circular{border-radius:50%!important;aspect-ratio:1}.v-spacer{height:100%}.h-spacer{width:100%}.meeting-room *{padding:0;margin:0;color:#fff}.meeting-room{background-color:#282828!important;height:100vh;width:100vw;border:none;display:flex;flex-direction:column;overflow:hidden}.flex-center{display:flex;justify-content:center;align-items:center}.meeting-container{height:100%;width:100%;padding:8px 24px;display:flex;flex-direction:column}span{user-select:none;-webkit-user-select:none;-ms-user-select:none}.meeting-info{font-weight:700;text-align:center;font-size:24px;height:5%;text-transform:uppercase}.meeting-participant-container{height:100%;display:flex;justify-content:center}.meeting-participant-card{background-color:#3c3c3c;width:100%;min-height:100%;max-height:300px;border:1px solid rgb(120,120,120);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative}.width-60{width:60%}.meeting-participant-profile{border-radius:50%;border:1px solid rgb(230,230,230);width:100px;height:100px;display:flex;justify-content:center;align-items:center}.meeting-participant-profile span{text-align:center;font-size:48px;font-weight:700}.meeting-participant-profile img{object-fit:cover;width:100%;height:100%;border-radius:50%}.meeting-participant-title{position:absolute;left:20px;bottom:10px;color:#fff;font-weight:700}.meeting-participant-card video{border-radius:15px;width:100%;height:100%}.meeting-footer{height:15%;display:flex;justify-content:space-between;align-items:center;z-index:100}.meeting-controls{display:flex;justify-content:center;align-items:center;gap:10px}.meeting-control-btn,.meeting-control-btn-disabled{color:#fff!important;background-color:#3b3b3b!important}.meeting-control-btn-enabled{color:#fff!important;background-color:#c8c8c8!important}.meeting-control-btn:hover{color:#fff!important;background-color:#464646!important}.meeting-users-counter{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;background-color:gray;padding:2px;left:-2px;top:-4px;text-align:center}.meeting-room-reception{height:100%;display:flex;align-items:center}.meeting-info-reception{text-align:center;font-weight:700;font-size:64px;text-transform:uppercase}.meeting-room-joining-form{display:flex;margin-left:200px;height:300px;justify-content:center}.meeting-room-joining-form form{display:flex;flex-direction:column;padding:20px;width:90%;border-radius:25px;background-color:#414141}.meeting-room-joining-form input{color:#000;margin:10px 0;padding:10px;border-radius:6px}.meeting-room-joining-form input:focus{outline:none}.meeting-reception-media-preview{display:flex;flex-direction:column;justify-content:center;align-items:center}.meeting-reception-media-preview-video-placeholder{aspect-ratio:16/9;border-radius:15px;width:60%;background-color:gray}.meeting-reception-media-preview video{aspect-ratio:16/9;border-radius:15px;width:60%}.meeting-reception-profile{display:flex;align-items:center;justify-content:center}.meeting-reception-photo{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid beige;border-radius:50%;aspect-ratio:1}.meeting-reception-photo img{border-radius:50%;padding:2px;width:100%;aspect-ratio:1;object-fit:cover}.meeting-reception-photo span{font-size:48px;text-align:center;font-weight:700}.btn-source-selector{width:100%!important;justify-content:start}.source-selector-menu{width:500px!important}.height-100{height:100%;flex:1;align-self:normal}