@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);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}#auth-container{background-color:#793edd;min-height:100vh}#auth-container #auth-card{display:flex;justify-content:center;margin-left:10px;margin-right:10px}#auth-container #auth-card>div{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;margin-top:10px;min-width:100%}@media(min-width:800px){#auth-container #auth-card>div{flex-direction:row;margin-top:2.5rem;min-width:500px}}#auth-container #auth-card>div #image-section{background-color:#e2d6f8;border-bottom-left-radius:0;border-top-left-radius:20px;border-top-right-radius:20px}@media(min-width:800px){#auth-container #auth-card>div #image-section{border-bottom-left-radius:20px;border-top-right-radius:0}}#auth-container #auth-card>div #image-section img{max-height:300px;max-width:100%}#auth-container #auth-card>div #form-section{min-width:100%}@media(min-width:800px){#auth-container #auth-card>div #form-section{min-width:300px}}#auth-container #auth-card>div #form-section h2{text-align:center}#auth-container #auth-card>div #form-section form{padding:20px}#auth-container #auth-card>div #form-section form .input-field input,#auth-container #auth-card>div #form-section form .input-field select{box-sizing:border-box;height:40px;width:100%}#auth-container #auth-card>div #form-section form button{background-color:#793edd;border:none;color:#fff;cursor:pointer;font-weight:600;height:30px;width:100%}.modal-mask{background-color:#00000080;display:table;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-mask .modal-wrapper{margin:2rem 10px 10px}.modal-mask .modal-wrapper .modal-container{border-radius:2px;box-shadow:0 2px 8px #00000054;font-family:Helvetica,Arial,sans-serif;margin:0 auto;max-width:400px;transition:all .3s ease}.modal-mask .modal-wrapper .modal-container .modal-header{background-color:#793edd;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;padding:10px;text-align:center}.modal-mask .modal-wrapper .modal-container .modal-body{background-color:#fff;padding:20px;text-align:left}.modal-mask .modal-wrapper .modal-container .modal-body input{background-color:#f5f6f8;border:none;box-sizing:border-box;padding:10px;width:100%}.modal-mask .modal-wrapper .modal-container .modal-footer{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:space-between;padding:10px}.modal-mask .modal-wrapper .modal-container .modal-footer button{background-color:#793edd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:5px;width:70px}#navbar{background-color:#793edd;display:flex;height:60px;justify-content:space-between;padding:0 10px}#navbar h2{align-self:center;color:#fff;display:flex}#navbar .fa-icon{color:#fff;margin-left:8px}#navbar #profile-menu{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:flex-end;position:relative}#navbar #profile-menu img,#navbar #profile-menu p{align-self:center;color:#fff;display:flex}#navbar #profile-menu img{border-radius:20px;margin-right:8px}#navbar #profile-menu #profile-options{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;padding:0 5px;position:absolute;right:5px;top:50px;z-index:9999}#navbar #profile-menu #profile-options p{color:#000;margin:10px 5px}#navbar #profile-menu form .input-field input,#navbar #profile-menu form .input-field select{box-sizing:border-box;height:40px;width:100%}#navbar #profile-menu .btn-success{background-color:#42b983;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:5px;width:70px}.friend-list{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-width:-webkit-fit-content;min-width:fit-content;padding:15px}@media(min-width:800px){.friend-list{flex-direction:row}}.friend-list>div{display:flex}.friend-list>div img{align-self:center;display:flex;margin-right:5px}.friend-list>div .friend-info{align-self:center;display:flex;flex-direction:column}.friend-list .friend-status{align-items:center;display:flex;justify-content:center}#friends{background-color:#fff;display:flex;flex-direction:column;margin-bottom:1rem;padding:15px 0}@media(min-width:800px){#friends{flex-grow:1;margin-bottom:0;margin-right:2rem;max-width:250px;min-width:250px}}#friends #title{align-items:flex-end;display:flex;justify-content:space-between;padding:0 10px}#friends #title button{background-color:#793edd;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:5px;width:60px}#friends hr{border-top:1px solid #cfcfcf;margin-bottom:0;width:100%}#friends #friends-box{display:flex;overflow-y:auto;text-align:left}@media(min-width:800px){#friends #friends-box{flex-direction:column}}#friends #no-chat{padding:10px}#friends .opened{background-color:#ececec}#friends #suggestions{margin-top:10px;max-height:300px;overflow-y:auto}#friends #suggestions .suggestion{align-items:center;display:flex;justify-content:space-between;margin:10px 0;padding:5px}#friends #suggestions .suggestion button{background-color:#42b983;border:none;border-radius:10px;color:#fff;cursor:pointer;height:25px}#chatter{display:flex;margin-top:10px;overflow-y:auto;text-align:left}#chatter h3{margin:0 10px 0 0}#chatter .chatter-info{display:flex;margin-right:10px;min-width:80px;padding:10px}#chatter .chatter-status{align-items:center;display:flex}.creator{justify-content:flex-end}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.message{display:flex;padding-right:5px;text-align:left}.message p{word-wrap:break-word;word-break:break-word}.message>div{border-radius:20px}.message .owner{background-color:#793edd;color:#fff;padding:10px}.message .other-person{background-color:#f5f6f8;padding:10px}.message .dots{margin:-5px 0 3px}.message img{max-width:200px}.msg-o-time{color:gray;font-size:.7rem;margin-top:2px}.msg-m-time{color:#fff7f7;font-size:.7rem;margin-top:2px}#msg-box{flex-grow:2;height:0;margin-bottom:10px;overflow-y:scroll;scroll-behavior:auto}#msg-box .other-person{max-width:-webkit-fit-content;max-width:fit-content}#msg-box .loader{text-align:center}#msg-box .mt-5p{margin-top:5px}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{background:#fff;border:1px solid #d9d9d9;border-radius:5px;color:#222427;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-width:1px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;line-height:0;padding:0 6px}.emoji-mart-anchor{background:none;border:none;box-shadow:none;color:#858585;display:block;flex:1 1 auto;margin:0;overflow:hidden;padding:12px 4px;position:relative;text-align:center;transition:color .1s ease-out}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor-selected,.emoji-mart-anchor:focus,.emoji-mart-anchor:hover{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{background-color:#464646;bottom:-3px;height:3px;left:0;position:absolute;width:100%}.emoji-mart-anchors i{display:inline-block;max-width:22px;width:100%}.emoji-mart-anchors img,.emoji-mart-anchors svg{fill:currentColor;height:18px;width:18px}.emoji-mart-scroll{height:270px;overflow-x:hidden;overflow-y:scroll;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{border:1px solid #d9d9d9;border-radius:5px;display:block;font-size:16px;outline:0;padding:5px 25px 6px 10px;width:100%}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{background:none;border:none;padding:2px 5px 1px;position:absolute;right:11px;top:7px;z-index:2}.emoji-mart-category .emoji-mart-emoji span{cursor:default;position:relative;text-align:center;z-index:1}.emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#f4f4f4;border-radius:100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.emoji-mart-category-label{position:relative;position:-webkit-sticky;position:sticky;top:0;z-index:2}.emoji-mart-category-label span{background-color:#fff;background-color:#fffffff2;display:block;font-weight:500;padding:5px 6px;width:100%}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{display:inline-block;list-style:none;margin:0;padding:0}.emoji-mart-emoji{background:none;border:none;box-shadow:none;display:inline-block;font-size:0;margin:0;padding:0;position:relative}.emoji-mart-emoji-native{font-family:Segoe UI Emoji,Segoe UI Symbol,Segoe UI,Apple Color Emoji,Twemoji Mozilla,Noto Color Emoji,Android Emoji}.emoji-mart-no-results{color:#858585;font-size:14px;padding-top:70px;text-align:center}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{height:70px;position:relative}.emoji-mart-preview-data,.emoji-mart-preview-emoji,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{color:#888;font-size:12px}.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-shortname+.emoji-mart-preview-shortname{margin-left:.5em}.emoji-mart-preview-emoticon{color:#bbb;font-size:11px}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{background-color:#fff;border:1px solid #d9d9d9;border-radius:12px;font-size:0;padding:2px 0}.emoji-mart-skin-swatches.custom{background-color:#fff;border:none;font-size:0}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{padding:0 2px;width:16px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;transition-duration:.125s;transition-property:width,padding;transition-timing-function:ease-out;vertical-align:middle;width:0}.emoji-mart-skin-swatch:first-child{transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{padding:0 2px;position:relative;width:16px}.emoji-mart-skin-swatch.selected:after{background-color:#fff;border-radius:100%;content:"";height:4px;left:50%;margin:-2px 0 0 -2px;opacity:0;pointer-events:none;position:absolute;top:50%;transition:opacity .2s ease-out;width:4px}.emoji-mart-skin-swatch.custom{cursor:default;display:inline-block;height:38px;overflow:hidden;transition-duration:.125s;transition-property:width,height;transition-timing-function:ease-out;vertical-align:middle;width:0}.emoji-mart-skin-swatch.custom.selected{height:38px;padding:0 2px 0 0;position:relative;width:36px}.emoji-mart-skin-swatch.custom.selected:after{content:"";height:0;width:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{height:38px;padding:0 2px 0 0;width:36px}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{background-color:#fff;border-radius:10%;color:#888;display:inline-block;font-size:11px;height:40px;padding:5px 2px;text-align:left;vertical-align:middle;width:95px}.emoji-mart-skin{border-radius:100%;display:inline-block;max-width:12px;padding-top:100%;width:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.emoji-mart-dark{background-color:#222;color:#fff}.emoji-mart-dark,.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{background-color:#2f2f2f;border-color:#555453;color:#fff}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{background-color:#222;border-color:#555453}.emoji-mart-dark .emoji-mart-anchor-selected,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor:hover{color:#bfbfbf}#input-container{position:relative}#input-container #image-upload-container{display:flex;justify-content:space-between;padding:2.5px 2.5px 2.5px 0;position:relative}#input-container #image-upload-container #image-upload{display:flex}#input-container #image-upload-container #message-notification{border:1px solid #793edd;border-radius:15px;cursor:pointer;display:flex;padding:5px}#input-container #image-upload-container #message-notification .fa-icon{color:#793edd;margin-right:5px}#input-container #image-upload-container .fa-icon{position:relative;right:0;top:0}#input-container #image-upload-container #image-details{align-items:center;border:1px solid #000;display:flex;margin-right:5px;padding:2px}#input-container #image-upload-container #image-details .fa-icon{margin:0 4px}#input-container #message-input{position:relative}#input-container #message-input input{box-sizing:border-box;width:100%}#input-container .fa-icon{color:#793edd;cursor:pointer;font-size:20px;position:absolute;right:5px;top:8px}#input-container .mb-5p{margin-bottom:5px}#input-container .mb-10p{margin-bottom:10px}#input-container input{background-color:#f5f6f8;border:none;padding:10px}#input-container #chat-image{height:0;left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:0}#messenger{background-color:#fff;flex-grow:2;justify-content:space-between;padding:15px}#messenger #messenger-wrap{display:flex;flex-direction:column;height:100%;position:relative}#messenger #messenger-wrap #settings{background-color:#fff;border:1px solid #d9d9d9;border-radius:5px;display:flex;flex-direction:column;padding:5px;position:absolute;right:12px;top:8px}#messenger #messenger-wrap #settings>div{align-items:center;cursor:pointer;display:flex;padding:5px;position:relative}#messenger #messenger-wrap #settings>div .fa-icon{color:#793edd;font-size:20px;margin-right:5px;min-width:20px;position:relative}#messenger #messenger-wrap #settings p{color:#000;margin:5px 0}#messenger #messenger-wrap>.fa-icon{color:#793edd;cursor:pointer;font-size:20px;position:absolute;right:0;top:0}#messenger>div{flex-grow:1}#messenger input{background-color:#f5f6f8;border:none;padding:10px}#messenger hr{border-top:1px solid #cfcfcf;margin-bottom:10px;width:100%}#messenger #delete-chat{background-color:#42b983;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px;width:70px}#messenger #suggestions .suggestion{align-items:center;display:flex;justify-content:space-between;margin:10px 0;padding:5px}#messenger #suggestions .suggestion button{background-color:#42b983;border:none;border-radius:10px;color:#fff;cursor:pointer;height:25px}#chat-container{background-color:#f5f6f8;bottom:0;display:flex;flex-direction:column;height:100%;left:0;margin:0!important;position:absolute;right:0;top:0}#chat-container #chat-wrap{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:2rem 1rem}@media(min-width:800px){#chat-container #chat-wrap{flex-direction:row;padding:2rem 6rem}}#chat-container .online-status{border-radius:50%;display:inline-block;height:10px;width:10px}#chat-container .online{background-color:#42b983}#chat-container .offline{background-color:#b94242}body{font-family:Roboto,sans-serif}.App{text-align:center}.card-shadow{box-shadow:0 5px 5px 0 #40404080}.m-0{margin:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}
/*# sourceMappingURL=main.1176093f.css.map*/