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{--light-color-1:#3f0071;--light-color-2:#fff;--light-color-3:#eaf6f6;--light-color-4:#ff0063;--dark-color-1:#131212;--dark-color-2:#1e1e1e;--dark-color-3:#3f0071;--dark-color-4:#610094}*{box-sizing:border-box}body{overflow:hidden}.App{background-color:#131212;background-color:var(--dark-color-1);display:flex;overflow:auto;position:relative;transition:background-color .2s ease-in-out}.App.light{background-color:#eaf6f6;background-color:var(--light-color-3)}.content{background-color:#1e1e1e;background-color:var(--dark-color-2);display:grid;grid-template-columns:350px 1fr;height:100%;margin:auto;max-height:700px;max-width:1200px;min-height:265px;padding:0;transition:background-color .2s ease-in-out}.content.light{background-color:#fff;background-color:var(--light-color-2)}.side-bar{background-color:#1e1e1e;background-color:var(--dark-color-2);display:flex;flex-direction:column;flex-shrink:1;height:100%;max-height:inherit;min-height:0;padding:0;transition:background-color .2s ease-in-out}.side-bar.light{background-color:#fff;background-color:var(--light-color-2)}.loader{height:100vh;justify-content:center}.loader,.side-bar-header{align-items:center;display:flex}.side-bar-header{background-color:#3f0071;background-color:var(--dark-color-3);justify-content:space-evenly;margin:0;padding:3px 0;transition:background-color .2s ease-in-out}.side-bar-header.light{background-color:#3f0071;background-color:var(--light-color-1)}.side-bar-header>img{border-radius:50%;height:40px;object-fit:contain;width:40px}.side-bar-header>button{background-color:initial;border:none;color:#fff;outline:none;transition:color .2s ease-in-out}.side-bar-header>button:hover{cursor:pointer}.theme-switcher{align-items:center;display:flex;justify-content:center}.theme-switcher>input[type=checkbox]{opacity:0}.theme-switcher>label{align-items:center;background-color:#131212;background-color:var(--dark-color-1);border-radius:50px;cursor:pointer;display:flex;height:30px;justify-content:space-between;padding:5px;position:relative;transition:background-color .2s ease-in-out;width:60px}.theme-switcher.light>label{background-color:#ff0063;background-color:var(--light-color-4)}.ball{background-color:#fff;border-radius:50%;height:20px;left:5px;position:absolute;top:5px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:20px}.checkbox:checked+.label .ball{-webkit-transform:translateX(30px);transform:translateX(30px)}.input{border-bottom:2px solid #3f3f3f;border-top:2px solid #3f3f3f;display:flex;justify-content:center;padding:10px;position:relative;transition:border .2s ease-in-out}.input.light{border-color:#000}.input>button{align-items:center;background:#fff;border:2px solid #000;border-radius:7px 0 0 7px;border-right:none;display:flex;justify-content:center;outline:none;padding:5px 10px;transition:border .2s ease-in-out}.input>button:hover{cursor:pointer}.input>input{border:2px solid #000;border-left:none;border-radius:0 7px 7px 0;margin-left:-2px;outline:none;transition:border .2s ease-in-out;width:75%}.info{position:absolute;right:40px;top:14px}.info:hover{cursor:pointer}.room-options{display:grid;grid-template-columns:1fr 1fr}.room-options>button{background-color:#fff;border:none;outline:none;padding:4px;transition:background-color .2s linear}.room-options>button:hover{cursor:pointer}.room-options>button:first-child{border-right:1px solid #3f3f3f}.room-options.light>button:first-child{border-left:1px solid #000}.room-options>button:nth-child(2){border-left:1px solid #3f3f3f}.room-options.light>button:nth-child(2){border-left:1px solid #000}.room-options>button.active{background-color:#3f0071;background-color:var(--dark-color-3);color:#fff;transition:background-color .2s linear}.room-options.light>button.active{background-color:#3f0071;background-color:var(--light-color-1)}.rooms{overflow:auto;padding:0 0 3px}.App::-webkit-scrollbar,.content::-webkit-scrollbar,.rooms::-webkit-scrollbar,.roomview-content-chatroom>main::-webkit-scrollbar{width:2px}.App::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb,.rooms::-webkit-scrollbar-thumb,.roomview-content-chatroom>main::-webkit-scrollbar-thumb{background-color:#3f3f3f;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.App.light::-webkit-scrollbar-thumb,.rooms.light::-webkit-scrollbar-thumb,.roomview-content-chatroom.light>main::-webkit-scrollbar-thumb{background-color:#000}.create-room-card,.no-result-found,.room{align-items:center;border-bottom:1px solid #3f3f3f;color:#fff;display:flex;font-size:1.25em;justify-content:space-between;padding:12px;transition:color .2s linear;transition:border .2s linear}.create-room-card.light,.no-result-found.light,.room.light{border-color:#000;color:#000}.create-room-card:hover,.room:hover{box-shadow:0 2px 2px #3f3f3f;cursor:pointer}.create-room-card.light:hover,.room.light:hover{box-shadow:0 2px 2px #000}.create-room-card{gap:15px;justify-content:center}.login{flex-direction:column;gap:25px;margin:auto}.login,.login>button{align-items:center;display:flex;justify-content:center}.login>button{border:none;border-radius:2px;font-size:1.25em;outline:none;padding:7px 10px}.login.light>button{background-color:#3f0071;background-color:var(--light-color-1);color:#fff}.login>button:hover{cursor:pointer}.login>button>svg{margin-right:12px}.login span{color:#fff}.login.light span{color:#000}.login>div{flex-direction:column}.create-room-overlay,.login>div{align-items:center;display:flex;justify-content:center}.create-room-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:initial;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.2s;z-index:-1}.create-room-overlay:hover{cursor:default}.create-room-overlay.active{opacity:1;pointer-events:all;z-index:1}.create-room-overlay-content{align-items:center;background-color:#3f0071;background-color:var(--dark-color-3);border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:200px;padding:15px;pointer-events:all}.create-room-overlay-content>div{display:flex;justify-content:center;padding:0;position:relative}.create-room-overlay-content>div>.info{color:#3f0071;color:var(--dark-color-3);left:16px;position:absolute;top:3px}.create-room-overlay-content>div>input[type=text]{border:none;outline:none;padding:8px 30px;width:75%}.create-room-overlay-content>div>button{background-color:#fff;border:none;color:#3f0071;color:var(--dark-color-3);margin-left:-2px;outline:none}.create-room-overlay-content>div>button:hover{cursor:pointer}.create-room-overlay-content>fieldset{border:2px solid #fff;width:100%}.create-room-overlay-content>fieldset>label{cursor:pointer;margin:12px}.create-room-overlay-content>fieldset>input[type=radio]{cursor:pointer;outline:none}.main-content{border-left:2px solid #3f3f3f;max-height:inherit;min-height:0;min-width:200px;width:40vw}.about,.main-content{display:flex;height:100%}.about{align-items:center;color:#fff;flex-direction:column;justify-content:center;padding:50px;width:100%}.about.light{color:#000}.roomview{align-self:stretch;flex:1 1 auto;flex-direction:column;justify-content:space-between;padding:0}.roomview,.roomview-content{display:flex;height:100%;max-height:inherit;min-height:0}.roomview-content{flex-direction:column}.roomview-content-chatroom{display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:inherit;min-height:0}.about>h2,.about>p{text-align:center}.roomview-header{align-items:center;background-color:#3f0071;background-color:var(--dark-color-3);color:#fff;display:flex;flex:0 0 46px;font-size:1em;gap:15px;justify-content:space-between;margin:0;padding:0 15px}.roomview-header-icon:hover{cursor:pointer}.roomview-content-chatroom>form{display:flex;width:100%}.roomview-content-chatroom>form>input{border:none;flex:1 1 auto;outline:none;padding:5px 12px;width:75%}.roomview-content-chatroom.light>form>input{border:2px solid #000;border-left:none;border-right:none}.roomview-content-chatroom>form>button{background:#fff;border:none;margin-left:-2px;outline:none}.roomview-content-chatroom.light>form>button{border:2px solid #000;border-left:none}.roomview-content-chatroom>form>button:hover{cursor:pointer}.roomview-content-chatroom>form>button:disabled{cursor:not-allowed}.roomview-content-chatroom>main{display:flex;flex-direction:column;gap:20px;height:inherit;min-height:0;overflow-y:auto;padding:12px}.message{align-items:center;color:#fff;-webkit-column-gap:10px;column-gap:10px;display:flex;transition:color .2s linear}.message.light{color:#000}.message>img{border-radius:50%;height:40px;object-fit:contain;width:40px}.sent{align-self:flex-end;display:flex;flex-direction:row-reverse}@media screen and (max-width:600px){.main-content{width:100%}.content{grid-template-columns:350px}}
/*# sourceMappingURL=main.04a0c84b.css.map*/