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{--send-bg:#0b93f6;--send-color:#fff;--receive-bg:#e5e5ea;--bialy:#fff;--szary:#36393f;--szaryc:#2f3136;--szarycz:#202225;--op:#424448;--emka:#3a3a3a}body{background-color:#202225;background-color:var(--szarycz);overflow-x:hidden;overflow-y:hidden;width:100%}body,body.light{transition:background .3s ease-in-out,color .6s ease-in-out}body.light{--send-bg:#0b93f6;--send-color:#fff;--receive-bg:#e5e5ea;--bialy:#fff;--szary:#b5b7ba;--szaryc:#bdbdbd;--szarycz:#9e9e9e;--op:#c0c1c4;--emka:#787878}.App{margin:0 auto;text-align:center}.App,.App header{max-width:728px;transition:background .3s ease-in-out,color .6s ease-in-out}.App header{align-items:center;background-color:#2f3136;background-color:var(--szaryc);box-sizing:border-box;color:#fff;color:var(--bialy);display:flex;height:10vh;justify-content:space-between;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}.App sector{background-color:#36393f;background-color:var(--szary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;transition:background .3s ease-in-out,color .6s ease-in-out}.pr{width:20px}.App selector{background-color:#36393f;background-color:var(--szary)}.App selector,main{transition:background .3s ease-in-out,color .6s ease-in-out}main{bottom:l;display:flex;flex-direction:column;height:80vh;max-width:728px;overflow:hidden;overflow-y:scroll;position:absolute;width:100%}main::-webkit-scrollbar{display:inline-block;width:.5rem}main::-webkit-scrollbar,main::-webkit-scrollbar-track{-webkit-transition:background .3s ease-in-out,color .6s ease-in-out;transition:background .3s ease-in-out,color .6s ease-in-out}main::-webkit-scrollbar-track{background:#36393f;background:var(--szary)}main::-webkit-scrollbar-thumb{background:#2f3136;background:var(--szaryc);border-radius:100px;height:20px;-webkit-transition:background .3s ease-in-out,color .6s ease-in-out;transition:background .3s ease-in-out,color .6s ease-in-out}form{font-size:1.5rem;z-index:1000}.bot,form{bottom:0;display:flex;height:10vh;max-width:728px;position:fixed;transition:background .3s ease-in-out,color .6s ease-in-out;width:100%}.bot{align-items:center;background-color:#2f3136;background-color:var(--szaryc);box-sizing:border-box;color:#fff;color:var(--bialy);justify-content:space-between;min-height:50px;min-height:70px;padding:10px;z-index:99}.ikona{background-color:#424448;background-color:var(--op);border:none;border-radius:0 15px 15px 0;color:#e5e5ea;color:var(--receive-bg);width:20%}.ikona,input{font-size:1.5rem;height:50px;line-height:1.5;outline:none;padding:0 10px;transition:background .3s ease-in-out,color .6s ease-in-out}input{background:#424448;background:var(--op);border:none;border-radius:15px 0 0 15px;color:#fff;color:var(--bialy);width:100%}button:disabled{color:#3a3a3a;color:var(--emka);cursor:not-allowed;transition:background .3s ease-in-out,color .6s ease-in-out}.settings{border-radius:50%;padding:0}.signa{border-radius:10px}.sign-in{align-items:center;background:#fff;background:var(--bialy);border:none;border-radius:5px;color:#8f949e;display:inline-block;font-family:Roboto,sans-serif;font-size:27px;font-weight:700;margin:0 auto;max-width:400px;padding:15px 62px;text-align:center;text-decoration:none;transition:background .3s ease-in-out,color .6s ease-in-out;z-index:100}.sign-in,d{position:relative}d{left:36px;top:-10px}c{color:#00d26a}li,ul{list-style:none}li,p,ul{text-align:left}p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:2%;max-width:calc(100% - 120px);padding:10px 20px;position:relative;transition:all .2s ease-in-out}p:before{background-color:red;width:20px}p:after{background-color:#36393f;background-color:var(--szary);transition:background .3s ease-in-out,color .6s ease-in-out;width:26px}p:after,p:before{bottom:0;content:"";height:25px;position:absolute}.sent p:before{background-color:#0b93f6;background-color:var(--send-bg);border-bottom-left-radius:16px 14px;right:-7px}.sent p:after{border-bottom-left-radius:10px;right:-26px}.received p:before{background-color:#e5e5ea;background-color:var(--receive-bg);border-bottom-right-radius:16px 14px;left:-7px}.received p:after{border-bottom-right-radius:10px;left:-26px}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse;margin-bottom:5px;margin-right:10px}.sent img{display:none}.sent p{align-self:flex-end;background:#0b93f6;background:var(--send-bg);color:#fff;color:var(--send-color);right:8px}.received p,.sent p{overflow-wrap:anywhere}.received p{background:#e5e5ea;bottom:6px;color:#000;left:10px;margin-bottom:10px}.fot{height:auto;margin:10px -4px 2px -36px;position:relative;width:36px}.avatar,.fotk{border-radius:50%;height:40px;margin:0 5px;position:relative;width:40px;z-index:1}.fotk{margin:10px;z-index:100}.fotk,emoji{cursor:pointer}emoji{background-color:#424448;background-color:var(--op);border:none;color:#3a3a3a;color:var(--emka);font-size:1.5rem;height:50px;line-height:1.5;outline:none;padding:0 -10px;transition:background .3s ease-in-out,color .6s ease-in-out;width:20%}.smiling:hover{transform:scale(1.2)}.fotk{transition:all .2s ease-in-out}.smiling{height:26px;margin-top:11px;transition:hover .2s ease-in-out}.sent o{margin-bottom:-8px;margin-right:-80px}.received o,.sent o{color:#8f949e;font-size:10px;position:absolute}.received o{left:-80px;margin-bottom:0}o{border-radius:10px;max-width:65px;opacity:0;padding:5px 2px;transition:.4s}p:active~o{display:inline-block;margin-left:90px;margin-right:0;opacity:1}p{margin-left:50px}.avatar{position:absolute;transition:all .2s ease-in-out}p:active~.avatar{margin-left:85px}p:active{margin-left:130px;margin-right:65px}.zk{right:0}.jh,.zk{border-radius:50%;cursor:pointer;margin:10px;position:relative;top:0;z-index:1}.jh{right:10%}.aktywny{opacity:1;z-index:20}.aktywny,.nieaktywny{background-color:#424448;background-color:var(--op);border-radius:15px;height:80%;max-height:60px;padding:0 17%;position:absolute;right:10px}.nieaktywny{margin-right:-300px;opacity:0}#mn{transition:all .4s ease-in-out}.kl{font-family:Roboto,sans-serif;position:relative;right:10px;top:30%}h1{cursor:pointer}@media screen and (max-width:700px){.sign-in{transform:scale(.7)}.logt{font-size:10px}}@media screen and (min-width:700px){.message{font-size:18px}}@media screen and (max-height:600px){.signa{transform:scale(.7)}}@media screen and (min-width:434px){.aktywny,.nieaktywny{padding:0 20%}}@media screen and (min-width:520px){.aktywny,.nieaktywny{padding:0 25%}}@media screen and (max-width:348px){.aktywny{margin-right:-300px}}@media screen and (max-width:390px){h1{font-size:22px}.aktywny,.nieaktywny{padding:0 22%}}.tp{color:#2f3136;color:var(--szaryc);display:none;font-family:Roboto,sans-serif;font-weight:700}.tp,qs{font-size:1.5rem}qs{align-items:center;background:#424448;background:var(--op);border:none;border-radius:20px;color:#e5e5ea;cursor:pointer;outline:none;padding:2% 25px;position:relative;top:-10px;width:100%}@media (max-height:700px){.tp{display:inline-block;overflow:hidden;padding:5vh}}.wczytywanie{align-items:center;background-color:var(--main-to-dark-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2100}.wczytywanie span{animation:zoomInOut_1 2s ease infinite;background-color:var(--dark-to-main-color);border-radius:50%;display:block;height:60px;width:60px}.emoji-group:before{color:#00d26a;text-align:center}.emoji-categories,.emoji-group:before{background-color:#424448;background-color:var(--op)}.hjz{background-color:#36393f;background-color:var(--szary);height:100%;left:0;top:0;width:100%;z-index:100000}.gooey,.hjz{position:absolute}.gooey{background:#e5e5ea;background:var(--receive-bg);filter:contrast(20);height:80px;left:50%;margin:-40px 0 0 -142px;top:50%;width:284px}.gooey .dot{animation:dot 2.8s infinite;background:#000;border-radius:50%;filter:blur(8px);height:32px;left:30px;position:absolute;top:24px;transform:translateX(0);width:32px}.gooey .dots{animation:dots 2.8s infinite;margin-left:62px;margin-top:24px;transform:translateX(0)}.gooey .dots span{background:#000;border-radius:50%;display:block;filter:blur(8px);float:left;height:32px;margin-left:32px;width:32px}@keyframes dot{50%{transform:translateX(192px)}}@keyframes dots{50%{transform:translateX(-62px)}}
/*# sourceMappingURL=main.c3118e50.css.map*/