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}:root{--spacing-none:0;--spacing-extra-small:.25rem;--spacing-small:.5rem;--spacing-medium:1rem;--spacing-large:2rem;--spacing-extra-large:4rem;--spacing-extra-extra-large:8rem;--spacing-extra-extra-extra-large:16rem;--color-main-theme:#0084ff;--color-background:#333;--color-background-hover:#555}[class*=col-]{width:100%}@media only screen and (min-width:992px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}html{font-size:12pt}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#333;background:var(--color-background);margin:5px;width:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px;width:10px}::-webkit-scrollbar-thumb:hover{background:#555}.App{height:100vh;height:var(--app-height);position:absolute;width:100vw}.main-page{height:100%;width:100%}.main-page__center{display:flex;flex-direction:column;height:100%;margin:auto;position:relative;z-index:0}.top-bar{align-items:center;background-color:#333;background-color:var(--color-background);display:flex;flex-direction:row;height:4rem;justify-content:flex-start;padding-left:.5rem;padding-right:.5rem}.top-bar__avatar{border-radius:100%;margin-right:.5rem;width:3rem}.top-bar__name{color:#fff;flex-grow:1}.message-list{background-color:#333;background-color:var(--color-background);display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow:auto;padding-left:2rem;padding-left:var(--spacing-large);padding-right:2rem;padding-right:var(--spacing-large)}.chat-bar{align-items:center;background:#333;background:var(--color-background);display:flex;flex-direction:row;flex-shrink:0;height:3.5rem;justify-content:space-between;padding-left:.5rem;padding-right:.5rem}.chat-bar__input{background-color:gray;border:none;border-radius:9999px;color:#fff;flex-grow:1;font-size:1rem;height:2rem;outline:none;padding-left:.5rem}::placeholder{color:#ddd;opacity:1}.chat-bar__button{align-items:center;background-color:#333;background-color:var(--color-background);border-radius:50%;border-width:0;display:flex;height:2rem;justify-content:center;margin-left:.5rem;width:2rem}.chat-bar__button:hover{background-color:#555;background-color:var(--color-background-hover);cursor:pointer}.disabled{pointer-events:none}.chat-bar__button div{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.2rem;width:1.2rem}.single-message--server{align-self:flex-start;background-color:gray}.single-message--client,.single-message--server{word-wrap:break-word;border-radius:1.5rem;color:#fff;font-size:1rem;margin:.25rem;margin:var(--spacing-extra-small);max-width:16rem;padding:.8rem}.single-message--client{align-self:flex-end;background-color:#0084ff;background-color:var(--color-main-theme)}.single-message--loading{word-wrap:break-word;align-self:flex-start;background-color:gray;border-radius:1.5rem;color:#fff;display:flex;flex-direction:row;font-size:1rem;margin:.25rem;margin:var(--spacing-extra-small);max-width:16rem;padding:.8rem}@keyframes loading{0%{top:0}25%{top:-.5rem}50%{top:0}}.single-message--loading__dots{animation:loading 1.5s infinite;background-color:#333;background-color:var(--color-background);border-radius:50%;height:.5rem;margin:.25rem;position:relative;width:.5rem}#dot-1{animation-delay:0s}#dot-2{animation-delay:.2s}#dot-3{animation-delay:.4s}.single-message-image--server{align-self:flex-start;margin:.25rem;margin:var(--spacing-extra-small);max-width:20rem}.single-message-image--server img{border-radius:1.5rem;cursor:pointer;width:100%}.single-message-image--client{align-self:flex-end;margin:.25rem;margin:var(--spacing-extra-small);max-width:20rem}.server-message-option{word-wrap:break-word;align-self:flex-start;background-color:#fff;border-radius:.8rem;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:.5rem;margin:var(--spacing-small);max-width:16rem;padding:.8rem;text-align:center}.server-message-option:hover{background-color:#bbb}.single-message-youtube{align-self:flex-start;margin:.25rem;margin:var(--spacing-extra-small);width:18rem}.single-message-youtube img{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;object-fit:cover;width:100%}.single-message-youtube__wrapper{background-color:gray;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;color:#fff}.single-message-youtube__button,.single-message-youtube__wrapper{word-wrap:break-word;font-size:1rem;font-weight:700;padding:.8rem}.single-message-youtube__button{align-self:flex-start;background-color:#fff;border-radius:.8rem;color:#000;cursor:pointer;margin:.5rem;margin:var(--spacing-small);max-width:16rem;text-align:center}.single-message-youtube__button:hover{background-color:#bbb}.chat-modal{align-self:flex-start;background-color:#333;background-color:var(--color-background);border-radius:1rem;bottom:3.5rem;box-shadow:0 7px 16px 0 #000;font-size:1rem;margin:.25rem;margin:var(--spacing-extra-small);max-width:16rem;padding:.25rem;padding:var(--spacing-extra-small);position:absolute;right:0;width:200px}.chat-modal:after{border-left:20px solid #0000;border-right:5px solid #0000;border-top:10px solid #333;border-top:10px solid var(--color-background);bottom:-10px;content:"";height:0;position:absolute;right:1rem;width:0}.chat-modal__option{word-wrap:break-word;align-self:flex-start;background-color:#333;background-color:var(--color-background);border-radius:.8rem;color:#fff;font-size:1rem;max-width:16rem;padding:.8rem}.chat-modal__option:hover{background-color:#555;background-color:var(--color-background-hover);cursor:pointer}.client-message-option-list{display:flex;flex-direction:row;justify-content:center}.client-message-option{word-wrap:break-word;align-self:flex-start;background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 10px -1px #000;color:#000;cursor:pointer;font-size:1rem;margin:.25rem;margin:var(--spacing-extra-small);max-width:16rem;padding:.8rem}.client-message-option:hover{bottom:5px;position:relative}.image-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.image-modal__wrapper{object-fit:cover;position:relative}.image-modal__cancel{color:#bbb;cursor:pointer;font-size:1.5rem;height:1.5rem;margin:0;padding:.5rem;position:absolute;right:0;top:0;width:1.5rem}.image-modal img{width:100%}
/*# sourceMappingURL=main.cbdefa03.css.map*/