*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:purple;background:url(https://source.unsplash.com/1600x900/?pattern%2Cwallpaper=);background-repeat:no-repeat;background-size:cover}.App{background-color:#212024;z-index:3}.App,.App-background{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:250px}.App-background{background-color:#222020;position:absolute;border-color:currentcolor;border-style:solid;border-width:50px 10px;border-radius:18px}.bottom-btn{bottom:-38px}.bottom-btn,.top-btn{position:absolute;color:#f5f5f5;z-index:5}.top-btn{top:-35px}@media only screen and (max-width:480px){.App{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#212024;height:100vh;width:100%}.App-background,.bottom-btn,.top-btn{display:none}}.webcamCapture{position:relative}.webcamCapture_button{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;color:#fff}.preview{position:relative}.preview-close{top:0;margin:5px;color:red}.preview-close,.preview-toolbar{position:absolute;font-size:18px;cursor:pointer}.preview-toolbar{display:flex;flex-direction:column;right:0;margin:8px;color:#fff}.preview-toolbar>.MuiSvgIcon-root{font-size:20px!important;margin-bottom:10px}.preview-footer{position:absolute;bottom:5px;right:5px;margin:5px;cursor:pointer;background-color:#fff;border-radius:30px;padding:7px;display:flex;align-items:center;justify-content:space-evenly}.preview-footer>h2{font-size:8px;margin-right:3px}.preview-sendIcon{font-size:10px!important}.chats{position:relative;height:400px;width:250px}.chats-header{display:flex;justify-content:space-around;align-items:center;padding-left:10px;padding-right:10px;background-color:#059ee0;height:50px}.chats-avatar{height:25px!important;width:25px!important}.chats-search{display:flex;align-items:center;flex:1 1;padding-left:8px}.chats-search>input{background-color:transparent;outline:none;border:none;font-size:12px;flex:1 1;width:90%;color:#fff}.chats-search>input::-webkit-input-placeholder{color:#fff;opacity:1}.chats-search>input:-ms-input-placeholder{color:#fff;opacity:1}.chats-search>input::placeholder{color:#fff;opacity:1}.chats-post{box-shadow:1px -7px 7px -6px rgba(0,0,0,.44);height:359px;margin-top:-6px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.chats-post::-webkit-scrollbar{display:none}.hoverAdd:hover{opacity:.9;cursor:pointer}.chats-chatIcon{color:#f5f5f5;padding:8px}.chats-search,.chats-take-pic{color:#f5f5f5}@media only screen and (max-width:480px){.chats{height:100vh;width:100%;position:absolute;top:0;left:0;margin:0;padding:0}.chats-post{box-shadow:1px -7px 7px -6px rgba(0,0,0,.44);height:auto;margin-top:-6px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}}.chat{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #f5f5f5;cursor:pointer}.chat:hover{opacity:.8}.chat-readIcon{color:red}.chat-info{padding-left:5px;flex:1 1}.chat-info>h4{font-size:11px;font-weight:500}.chat-info>p{font-size:9px}.chat-avatar{height:35px!important;width:35px!important}.chat-view,.chat-wrapper{position:relative}.chat-wrapper{height:400px;width:250px}.chat-view>img{cursor:pointer}.chat-view-timer{position:absolute;top:0;right:0;margin:10px}@media only screen and (max-width:480px){.chat-wrapper{position:relative;height:100vh;width:100%;background-color:#000}.chat-view{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;scrollbar-width:none}.chat-view>img{object-fit:contain;height:100vh;width:100vw}}.login{background-color:#fff00e;height:100%;width:100%;display:grid;place-items:center}.login-container{height:400px;width:250px}.login-container,.login-container>div{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.login-container>div>.MuiSvgIcon-root{height:50px!important;width:50px!important;color:red}
/*# sourceMappingURL=main.e7a4e601.chunk.css.map */