.chat-page{overflow:auto;scrollbar-width:thin}.chat-page,.chatroom-header{display:flex;justify-content:space-between}.chatroom-header{margin:0 1.5em;text-align:center}.chatroom-predefined-messages{border:1px solid var(--gray);border-radius:4px;font-size:1rem;margin-bottom:.5em;padding:.25em .5em}.chat-part{display:flex;flex-direction:column;justify-content:space-between;margin:.5em 1em;padding:.5em;width:100%}.chat-text{height:50vh;overflow:auto;scrollbar-width:thin}.chat-input{width:100%}.json-part{border-left:1px solid var(--gray);height:72vh;overflow:auto;padding:1em;scrollbar-width:thin;width:50%}.send-button{background-color:var(--white);color:var(--black);padding:0}.send-button:hover{box-shadow:none;color:var(--blue)}.participant-side{border-left:1px solid var(--gray);overflow:auto;scrollbar-width:thin;width:32vw}.sent-message{margin-top:2em}.speech-bubbles{border:1px solid #000;overflow:auto;scrollbar-width:thin}.list{align-items:center;gap:5px;margin:.1em .5em}.list,.members-title{display:flex;justify-content:space-between}.members-title{border-bottom:1px solid var(--gray);margin:1em 0;padding:.5em}.bubble{background-color:rgba(0,150,255,.2);border-radius:10px;color:#000;margin:20px 20px 1em;padding:12px;position:relative}.bubble:before{border-color:transparent rgba(0,150,255,.2) rgba(0,150,255,.2) transparent;border-style:solid;border-width:8px;content:"";position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bubble-typing{background-color:hsla(180,2%,63%,.2);border-radius:10px;color:#000;margin:20px 20px 1em;padding:12px;position:relative}.bubble-typing:before{border-color:transparent hsla(180,2%,63%,.2) hsla(180,2%,63%,.2) transparent;border-style:solid;border-width:8px;content:"";position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bubble-red{background-color:rgba(230,119,64,.2);border-radius:10px;color:#000;margin:20px 20px 1em;padding:12px;position:relative}.bubble-red:before{border-color:rgba(230,119,64,.2) transparent transparent rgba(230,119,64,.2);border-style:solid;border-width:8px;content:"";left:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.name-circle{background-color:var(--blue);border-radius:50%;color:var(--white);display:inline-block;font-weight:700;height:50px;line-height:50px;text-align:center;width:50px}.name-circle:before{content:attr(data-letter);display:inline-block;font-size:24px;vertical-align:middle}.leave{background-color:var(--red)}.members{background-color:var(--blue)}.my-name{margin:0 1.2em -1.2em 1.8em}.other-name{float:right;margin:-1.2em 1.9em}.my-name-typing{color:var(--gray);margin:0 1em -1.2em 1.8em}.spinner{margin:1em;text-align:center}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid var(--spinner-main);border-bottom-color:var(--spinner-second);border-radius:50%;display:inline-block;height:48px;width:48px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.conferences-list{max-height:450px;overflow-y:auto;scrollbar-width:thin}.conference-list-item{border-bottom:2px solid var(--white);cursor:pointer;margin:0;padding:.5em}.conf-name{padding:.5em 1.5em}.conf-id{padding:.5em 2em}.title{align-items:center;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;padding:1em 1.2em 1em 1em}.confs{border-right:1px solid var(--gray);width:28%}.info{width:65%}.conf-list-info{display:flex;justify-content:space-between}.empty-conf{font-weight:bolder;margin:3em}.choose-conf{font-weight:bolder;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.no-conf{background-color:var(--white);margin:1em 7em 3em 2em;padding:4em}.card,.no-conf{border-radius:4px;box-shadow:var(--box-shadow)}.card{background-color:var(--white-gray);left:50%;margin:2em;padding:2em 1.3em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}@media only screen and (max-width:600px){body{background-color:var(--white-gray)}.card{border-radius:0;box-shadow:none;width:60%}}.backdrop{background-color:rgba(0,0,0,.629);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:0}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-top:-.5em;width:100%}.popup-input{margin-bottom:1em;width:100%}.popup-button{background-color:var(--blue);float:right;margin:1em 0 0;width:30%}.popup-button:disabled{cursor:not-allowed;opacity:.25}.part-header{margin-bottom:1em}.part-list{align-items:first baseline;gap:1em;margin:0;padding:0}.conf-info,.part-list{display:flex;justify-content:space-between}.conf-info{flex-direction:column;margin:1em 7em 2em 0}.conf-title-button{align-items:center;display:flex;justify-content:space-between}.member-list{background-color:#fff;border-bottom:1px solid var(--gray);border-radius:4px;box-shadow:var(--box-shadow);margin-top:1em;padding:1.4em}.manager{margin:3em}.create-conf{margin:3em;padding-bottom:3em}.App-header{background-color:var(--black);box-shadow:var(--box-shadow);color:var(--body-bg);margin-bottom:1.3em;padding:.8em;text-align:center}:root{--white:#fff;--black:#1a1a1a;--white-gray:#f6f8fb;--gray:#ccc;--light-gray:#e0dfdf;--dark-gray:#515151;--blue:#0096ff;--red:#f43030;--green:#0c6;--banner-bg:var(--white-gray);--logo-color:var(--white);--button-bg:var(--blue);--error-color:var(--red);--body-color:var(--black);--body-bg:var(--white);--border-color:var(--light-gray);--button-color:var(--white);--add-button:var(--blue);--box-shadow:5px 5px 10px 0 rgba(74,73,73,.1),0 5px 20px 0 rgba(0,0,0,.1);--spinner-main:var(--black);--spinner-second:var(--white)}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f8fb;background-color:var(--white-gray);color:#1a1a1a;color:var(--body-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{border:1px solid #ccc;border:1px solid var(--gray);border-radius:4px;margin-right:1em;padding:1.2em;width:80%}input:hover{border-bottom:2px solid #0096ff;border-bottom:2px solid var(--blue)}label{padding-bottom:2em}button{background-color:#0c6;background-color:var(--green);border:none;border-radius:4px;color:#fff;color:var(--button-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:bolder;letter-spacing:1px;margin:.4em .2em;padding:1em 3.2em;text-align:center;text-decoration:none;transition-duration:.4s}.round-button{aspect-ratio:1;border-radius:50%;padding:0 .9em}.add-button{background-color:#0096ff;background-color:var(--add-button)}.refresh-button{background-color:#ccc;background-color:var(--gray)}.delete-button{background-color:#f43030;background-color:var(--red)}.delete-part-button{background-color:#f6f8fb;background-color:var(--white-gray);color:#1a1a1a;color:var(--black);padding:0 .5em}.delete-part-button:hover,.show-button:hover{box-shadow:none}.show-button{aspect-ratio:1;background-color:var(--c-white-gray);border-radius:50%;color:#1a1a1a;color:var(--black);padding:0 .1em}button:hover{box-shadow:5px 5px 10px 0 rgba(74,73,73,.1),0 5px 20px 0 rgba(0,0,0,.1);box-shadow:var(--box-shadow)}p{margin-bottom:1em}h1,h2{margin:.5em 0 1em}h4{text-transform:capitalize}ul{list-style:none;margin:0;padding:0}li{margin-bottom:.5em}li:last-child{border-bottom:none}.icon{font-size:1.4em}.error-text{color:#f43030;color:var(--red)}hr{border-top:1px solid #ccc;border-top:1px solid var(--gray)}
/*# sourceMappingURL=main.1e5ca4d5.css.map*/