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}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}html{font-size:62.5%}body *{-webkit-overflow-scrolling:touch;box-sizing:border-box;font-family:MS Pゴシック,sans-serif;font-size:1.6rem;padding:0}body,body *{margin:0}img{vertical-align:bottom;width:100%}input[type=text]{border:1px solid #000;border-radius:100px;text-align:center}video{vertical-align:bottom}.button{border:none;border-radius:100px;cursor:pointer;padding:2px 0;text-align:center}.button,.status{color:#fff;font-weight:700}.status{border-radius:100px;display:inline-block;padding:3px 20px}.input-wrap{height:100vh;position:relative}.input-content-wrap{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.input{width:50%}.setting{width:70%}.stage-participant-false{background-color:#707070}.stage-participant-true{background-color:#1cc610}.status p{font-size:1.4rem}.input-content{background-color:#f1f1f1;border-radius:30px;margin-top:20px;padding:20px;text-align:center}.input-content-name{margin-bottom:100px;margin-top:50px}.input-content-setting{margin-bottom:30px;margin-top:30px}.authority{background-color:#707070;text-align:right}.input-text{font-size:2.5rem;font-weight:700}.input-sub-text{margin-top:20px}.input-inline{margin-top:40px}.input-inline-before{margin-top:10px}.input-inline input{min-width:330px;padding:10px;width:50%}.input-inline input::placeholder{font-weight:700;text-align:center}.inline-button{font-size:1.7rem;min-width:330px;width:50%}.blue-button{background-color:#0070c0;padding:10px}.red-button{background-color:#e03a2c}.green-button{background-color:#00b050}.orange-button{background-color:#e26419}.gray-button{background-color:#a4a4a4}.streams-setting-button{margin-right:10px;min-width:140px;padding:10px 0;width:20%}.application{margin-left:10px}.user-info-button{font-size:1.4rem;min-width:70px;padding:3px 0}.text-right{text-align:right}.setting-info-wrap{background-color:#fff;border:2px solid #c5c5c5;margin:auto;min-width:650px;text-align:left;width:80%}.setting-info-inner{margin:auto;padding:40px 0;width:80%}.setting-info-title{font-size:1.8rem}.setting-info-container{align-items:center;display:flex}.setting-info-item-title{margin-top:20px}.setting-info-item-title h2{font-size:1.8rem}.setting-info-icon{cursor:pointer;display:flex;margin-left:15px;width:13px}.setting-info-item-content{font-size:1.1rem;margin-top:10px;word-break:break-all}.setting-info-inline{margin-top:30px;text-align:center}.blue-short-button{background-color:#0070c0;padding:5px 50px}.distribution-wrap{display:flex;justify-content:space-between;margin:20px auto auto;width:95%}.video-wrap{width:70%}.streams-wrap{align-items:center;display:flex;justify-content:space-between}.stream-settings{width:100%}.stream-settings-container{display:flex;justify-content:end}.media-setting{display:flex}.setting-icon{background-color:#ececec;border-radius:100px;height:45px;margin-right:10px;position:relative;width:45px}.icon-child{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.request-wrap{background-color:#333;bottom:0;padding:10px;position:fixed;right:20px;width:20%;z-index:2}.request-wrap button:last-of-type{margin-left:10px}.request-user-name{color:#fff;font-weight:700}.chat-flex-item{width:25%}.chat-title-text{border-bottom:1px solid #d7d7d7;font-size:1.8rem;font-weight:700;padding:5px 0}.chat-content{background-color:#f6f6f6;border:1px solid #d8d8d8;border-bottom:none;border-radius:10px 10px 0 0;height:500px;margin-top:10px;overflow:auto;padding:5px}.chat-inner{padding:5px}.chat-item{margin-top:20px}.chat-item:first-of-type{margin-top:0}.chat-user-info{align-items:center;display:flex}.chat-user-name{font-size:1.3rem;font-weight:700;margin-left:10px}.chat-icon{border-radius:100px;height:25px;width:25px}.damy-icon{background-color:#000;border-radius:100px;height:100%;width:100%}.chat-text{background-color:#0070c036;border-radius:5px;display:inline-block;font-size:1.4rem;margin-top:10px;padding:5px;word-break:break-all}.chat-time{color:#8f8f8f;font-size:1.1rem}.chat-send-wrap{border:1px solid #d8d8d8;border-radius:0 0 10px 10px;padding:10px 0}.chat-send-inner{margin:auto;width:90%}.chat-send-container{align-items:center;display:flex;margin-top:5px}.chat-input-area{width:100%}.chat-input-area textarea{background-color:#eaeaea;border:none;border-radius:100px;font-size:1.3rem;height:40px;padding:10px;resize:none;text-align:left;width:100%}.chat-input-area input::placeholder{font-size:1.3rem}.chat-send-icon{margin-left:20px;width:35px}.setting-detail-wrap{background-color:#fff;border:1px solid #bbb;left:50%;min-width:300px;padding:20px 0;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2}.setting-detail-inner{margin:auto;width:90%}.setting-detail-title{font-size:2rem;font-weight:700}.setting-mic-wrap,.setting-webcam-wrap{margin-top:20px}.setting-detail-wrap label{font-size:1.4rem}.setting-detail-wrap select{background-color:#e9e9e9;border:none;border-radius:5px;display:inline-block;padding:10px;width:100%}.user-info-container{display:flex;justify-content:space-between;margin-top:5px}.user-name-container{align-items:center;display:flex}.muted-screen-wrap{position:relative}.muted-screen{background-color:#2a2b34;border-radius:20px;height:100%;position:absolute;width:100%}.muted-screen-icon{display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.top-screen{width:100%}.low-screen,.top-screen{border:1px solid #e7e7e7;object-fit:contain}.low-screen{max-height:120px;width:auto}.lowScreenContainer{display:inline-block}.modal{left:0;position:fixed;top:0}.modal,.modal-bg{height:100%;width:100%}.modal-bg{background-color:#00000040}.modal-content-wrap{left:50%;min-width:650px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-link{color:blue;font-size:1.8rem}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1250px){.top-screen{width:100%}}@media screen and (max-width:1000px){.distribution-wrap{display:block}.video-wrap{width:100%}.chat-flex-item{margin-top:10px;width:100%}}@media screen and (max-width:900px){.input{width:95%}}@media screen and (max-width:700px){.modal{overflow:auto}.modal-content-wrap,.setting-info-wrap{min-width:0;min-width:auto}.setting{height:100%}.setting,.setting-info-wrap{width:100%}}@media screen and (max-width:592px){.streams-wrap{display:block}.stream-settings-container{display:block;justify-content:space-between;margin-top:10px}.media-setting{display:flex}.treams-setting{margin-left:5px;margin-top:10px}.streams-setting-button{margin-right:5px}.blue-button{font-size:1.4rem}.inline-button,.input-inline input{min-width:300px;width:90%}}
/*# sourceMappingURL=main.72d0fbfd.css.map*/