@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=El+Messiri:wght@600&display=swap);.snackbar-button{color:#fff;border:none;outline:none;background:none;cursor:pointer;padding:10px;border-radius:5px;transition:.2s ease-out;text-decoration:none}.snackbar-button:hover{color:#fff;background-color:#5daaea}#app-container{margin:0 auto;width:80vw;max-width:1000px}#menubar{position:fixed;left:0;width:100%;top:0;z-index:10;background-color:var(--bg-color)}.home-column{position:relative;margin-top:25px;flex-direction:column}.home-column,.home-column .loader-container{display:flex;justify-content:center;align-items:center}.home-column .loader-container{position:fixed;top:0;width:100%;height:100%}.form-container{width:350px;margin:25px auto auto;border-radius:20px;padding:20px 30px;background:var(--bg-color);box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -2px hsla(0,0%,100%,.8)!important;border:1px solid transparent!important}.form-container h1{font-family:"El Messiri","Bebas Neue";font-size:60px;text-align:center}.form-container input{font-size:15px!important;border:none!important;outline:none!important;background:none!important;padding:10px 10px 10px 20px!important;border-radius:50px!important;box-shadow:inset 3px 3px 8px rgba(0,0,0,.15),inset -3px -3px 8px hsla(0,0%,100%,.5)!important}.form-container .ui.primary.button{border-radius:30px!important;box-shadow:3px 3px 8px #b1b1b1,-3px -3px 8px #fff!important}#switchform{text-align:center;margin-top:10px;height:14px}#switchform span:hover{border-bottom:1px solid #4e88cc}.postcard-width{max-width:550px;width:550px}.single-post-container{display:flex;justify-content:center;margin-top:20px!important;padding:10px}.postcard-container{width:600px;margin-bottom:20px}.single-post-card{border-radius:10px!important;background:#e3edf7!important;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -2px hsla(0,0%,100%,.6)!important;border:1px solid transparent!important}.single-post-body{padding:0 10px 5px;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:18px;word-break:normal;overflow-wrap:break-word}.single-post-images{border-top:none!important;padding-left:5px!important;padding-right:5px!important;width:100%;display:grid}.single-post-images div{border-radius:15px;margin-bottom:5px;display:inline-block;width:inherit;height:300px;max-height:350px;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover}.single-post-images div:last-child{margin-bottom:0}.buttons{display:flex;width:100%}@media (max-width:771px){.postcard-width{width:500px}#app-container,.home-column{width:100%}}@media (max-width:550px){.postcard-width{width:95%}}@media (max-width:370px){.form-container{width:95%}}.like-button-container{width:50px;display:flex;position:relative;justify-content:space-between;align-items:center;margin-right:20px}.like-button{cursor:pointer;outline:none;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50px;background-color:#e3edf7;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.55);border:1px solid transparent;transition:all 1s ease-in-out}.like-button:hover i.icon.outline{color:#df0505!important}.like-button:active{opacity:.8;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.2),-.5px -.5px 0 hsla(0,0%,100%,.2),0 0 0 hsla(0,0%,100%,.5),0 0 10px -10px hsla(0,0%,100%,.5)!important;border:1px solid rgba(0,0,0,.1)!important;transform:translateY(2px)!important}.like-button-container span{color:#000}.comment-button-container{width:50px;display:flex;justify-content:space-between;align-items:center}.comment-button{cursor:pointer;outline:none;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50px;background-color:#e3edf7;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.55);border:1px solid transparent}.comment-button:hover i.icon.outline{color:teal!important}.comment-button:active{opacity:.8;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.2),-.5px -.5px 0 hsla(0,0%,100%,.2),0 0 0 hsla(0,0%,100%,.5),0 0 10px -10px hsla(0,0%,100%,.5)!important;border:1px solid rgba(0,0,0,.1)!important;transform:translateY(2px)!important}.comment-button-container span{color:#000}.delete-button-container{cursor:pointer;outline:none;float:right;width:30px;height:30px;border-radius:50px;background-color:#e3edf7;border:1px solid transparent;transition:.1s ease-in;-webkit-transition:.1s ease-in}.delete-button-container:hover{box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.55);border:1px solid transparent}.delete-icon{color:silver!important}.delete-button-container:hover .delete-icon{color:#df5557!important}.delete-button-container:active{opacity:.8;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.2),-.5px -.5px 0 hsla(0,0%,100%,.2),0 0 0 hsla(0,0%,100%,.5),0 0 10px -10px hsla(0,0%,100%,.5)!important;border:1px solid rgba(0,0,0,.1)!important;transform:translateY(2px)!important;-webkit-transform:translateY(2px)!important}.confirm-box{border-radius:50px!important}.confirm-box>.header{border-bottom:none!important}.confirm-box>.content,.confirm-box>.header{text-align:center;background-color:#e3edf7!important}.confirm-box>.actions{border-top:none!important;display:flex;justify-content:space-evenly;background-color:#e3edf7!important}.confirm-box>.actions>.primary.button{background-color:#e63946!important;transition:-webkit-filter .1s;transition:filter .1s;transition:filter .1s,-webkit-filter .1s}.ui.primary.button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.createdAt:hover{cursor:pointer;color:grey!important;border-bottom:1px solid grey!important}.emoji-mart-anchors button{cursor:pointer}.emoji-mart-anchor-icon svg{display:none}.emoji-mart-anchors button:first-child:before{display:block;margin:0 auto;content:"";width:24px;height:24px;background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f551.svg)}.emoji-mart-anchors button:nth-child(2):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f600.svg)}.emoji-mart-anchors button:nth-child(2):before,.emoji-mart-anchors button:nth-child(3):before{-webkit-filter:grayscale(100%);filter:grayscale(100%);display:block;margin:0 auto;content:"";width:24px;height:24px}.emoji-mart-anchors button:nth-child(3):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f43b.svg)}.emoji-mart-anchors button:nth-child(4):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f354.svg)}.emoji-mart-anchors button:nth-child(4):before,.emoji-mart-anchors button:nth-child(5):before{-webkit-filter:grayscale(100%);filter:grayscale(100%);display:block;margin:0 auto;content:"";width:24px;height:24px}.emoji-mart-anchors button:nth-child(5):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/26bd.svg)}.emoji-mart-anchors button:nth-child(6):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f698.svg)}.emoji-mart-anchors button:nth-child(6):before,.emoji-mart-anchors button:nth-child(7):before{-webkit-filter:grayscale(100%);filter:grayscale(100%);display:block;margin:0 auto;content:"";width:24px;height:24px}.emoji-mart-anchors button:nth-child(7):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f4a1.svg)}.emoji-mart-anchors button:nth-child(8):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f523.svg)}.emoji-mart-anchors button:nth-child(8):before,.emoji-mart-anchors button:nth-child(9):before{-webkit-filter:grayscale(100%);filter:grayscale(100%);display:block;margin:0 auto;content:"";width:24px;height:24px}.emoji-mart-anchors button:nth-child(9):before{background:transparent url(https://abs-0.twimg.com/emoji/v2/svg/1f6a9.svg)}.emoji-mart-anchor-selected:before,.emoji-mart-anchors button:hover:before{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important}.emoji-mart-search input{font-size:14px!important;border-radius:25px!important;background:var(--bg-color)}.emoji-mart-search-icon{top:10px}.emoji-mart-category span{font-weight:600;background:var(--bg-color)}.emoji-mart-scroll::-webkit-scrollbar-track{background:var(--bg-color);visibility:hidden}.emoji-mart-emoji{outline:none}.emoji-mart-emoji:active{transform:scale(1.1)}.post-comment-container{font-family:"Helvetica Neue",Helvetica,sans-serif;display:flex}.post-comment-avatar{margin-top:4px;margin-right:5px;flex-basis:0.2;flex-shrink:0;flex-grow:0}.post-comment-bar{flex-basis:0.8;flex-shrink:1;flex-grow:1;display:flex;flex-direction:column;position:relative;border-radius:25px;background-color:hsla(0,0%,100%,.4)}.post-comment-input{width:100%}.post-comment-input textarea{width:100%;font-family:var(--font-fam);font-size:15px;line-height:1.3em;border:none;outline:none;padding:12px 12px 10px 15px;resize:none!important;background:none}.post-comment-helper{margin-left:3px;position:relative;display:flex;height:40px;align-items:center}.post-comment-helper .MuiIconButton-root{margin-right:2px;width:32px;height:32px;padding:5px}@media (max-width:420px) and (min-width:332px){.post-comment-bar[expand="0"]{height:40px}.post-comment-avatar{margin-top:0}}@media (min-width:331px){.post-comment-bar[expand="0"]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.post-comment-helper[expand="0"] .MuiIconButton-root:last-child{display:none}}.comment{display:flex;margin-bottom:10px}.comment:hover .comment-right{visibility:visible}.comment-avatar{flex-shrink:0;margin-right:7px}.comment-body,.comment-content{display:flex;flex-direction:column}.comment-content{font-family:var(--font-fam);color:#000;background:hsla(0,0%,100%,.4);border-radius:15px;padding:2px 12px 5px}.comment-content>span{font-weight:700}.comment-content>p{display:inline-block;font-size:15px;word-break:break-all;overflow-wrap:break-word}img.emoji{height:1.3em;width:1.3em;margin:0 .05em 0 .1em;vertical-align:-.1em}.comment-body>span{font-size:12px}.comment-date{display:flex;height:20px}.comment-right{visibility:hidden;margin-left:5px}.comment-options{margin:auto;width:30px;height:30px;border-radius:50px;background:silver}._modal,.comment-options{display:flex;align-items:center}._modal{justify-content:center;position:fixed;z-index:12;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}._modal-image{display:block;width:100%}._modal-image-close{position:absolute!important;background:#000!important;border:none!important;top:15px;right:35px;padding:5px;transition:.3s}._modal-image-close:hover{background:#484848!important;opacity:.9!important}@media only screen and (max-width:700px){._modal-image{width:100%}}.post-card-body img.emoji{height:1.3em;width:1.3em;margin:.2em .05em .2em .1em;vertical-align:-.1em}.post-card{margin-bottom:20px!important;border-radius:10px!important;background:var(--bg-color)!important;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.55)!important;border:1px solid transparent!important}.post-card-body{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:15px;word-wrap:break-word}.post-see-more{color:silver}.post-see-more:hover{color:silver;border-bottom:1px solid silver}.post-card-images{border-top:none!important;padding:0 5px!important;width:100%;display:grid;grid-gap:2px;gap:2px;align-items:stretch;grid-template-rows:repeat(2,2fr);grid-template-columns:repeat(4,2fr);grid-template-areas:"a a b b" "a a b b" "c c d d" "c c d d"}.post-card-images div{display:inline-block;width:100%;height:300px;max-height:350px;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover}.post-card-images video{width:auto;height:auto;width:100%;object-fit:contain;transform:scale(1.1)}.post-card-images .gif-tag{-ms-user-select:none;user-select:none;-webkit-user-select:none;border-radius:5px;position:absolute;bottom:10px;left:10px;width:30px;height:20px;background:#000;color:#fff;font-size:13px;font-weight:700;z-index:5;padding:5px;text-align:center;line-height:10px}.image-1{grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:"a"}.image-2{grid-template-rows:repeat(2,1fr);grid-template-areas:"a b" "a b"}.image-2,.image-3{grid-template-columns:repeat(2,1fr)}.image-3{grid-template-rows:1fr 1fr;grid-template-areas:"a b" "a c"}.post-card-images div:first-child{grid-area:a}.post-card-images div:nth-child(2){grid-area:b}.post-card-images div:nth-child(3){grid-area:c}.post-card-images div:nth-child(4){grid-area:d}.image-1 div{border-radius:15px}.image-2 div:first-child{border-radius:15px 0 0 15px}.image-2 div:nth-child(2){border-radius:0 15px 15px 0;float:right}.image-3 div:first-child{border-radius:15px 0 0 15px}.image-3 div:nth-child(2){border-radius:0 15px 0 0;height:150px}.image-3 div:nth-child(3){border-radius:0 0 15px 0;height:150px}.image-4 div{height:150px}.image-4 div:first-child{border-radius:15px 0 0 0}.image-4 div:nth-child(2){border-radius:0 15px 0 0}.image-4 div:nth-child(3){border-radius:0 0 0 15px}.image-4 div:nth-child(4){border-radius:0 0 15px 0}.post-card-comment-section{border-bottom:none!important}#comments-hide,.post-card-comment-section #comments-view-more{cursor:pointer;height:18px;display:inline-block;color:grey}#comments-hide:hover,.post-card-comment-section #comments-view-more:hover{border-bottom:1px solid grey}.post-card-comment-section .comment:last-child{margin-bottom:0}.post-card-post-comment{border-top:none!important;padding-top:0!important;padding-bottom:8px!important}.to-be-upload-container{margin:15px 0 10px;width:100%;display:grid;align-items:stretch;grid-gap:8px;gap:8px;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);grid-auto-rows:1fr;grid-auto-columns:1fr}.image-to-be-uploaded{width:100%;height:200px;position:relative}.image-to-be-uploaded .remove-button{background:#1b2432;opacity:.8;position:absolute;top:5px;left:5px}.image-to-be-uploaded .remove-button:hover{background:#000}.image-to-be-uploaded .image{width:100%!important;height:100%!important;border-radius:15px!important;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover}.image-to-be-uploaded .gif-tag{border-radius:5px;position:absolute;bottom:10px;left:10px;width:30px;height:20px;background:#000;color:#fff;font-size:13px;font-weight:700;z-index:5;padding:5px;text-align:center;line-height:10px}.to-be-upload-container .image-to-be-uploaded:nth-child(2){grid-area:1/2/span 1/span 1}.gifpicker-container{display:flex;flex-direction:column;position:absolute;top:-10px;height:70vh;width:600px;border-radius:15px;z-index:12;overflow:hidden}.gifpicker-top{width:100%;background:#6ac4fe;justify-content:space-between}.gifpicker-search,.gifpicker-top{display:flex;align-items:center;padding:5px 10px}.gifpicker-search{width:90%;background-color:#c4e0f9;background:#f6f9fb;border-radius:50px}.gifpicker-search input{margin-left:10px;width:100%;outline:none;height:25px;font-size:15px;background:none;border:none}.gifpicker-search:focus-within .MuiSvgIcon-root{color:#2ec0f9}.giphy-grid,.giphy-grid>div{width:100%!important}.gifpicker-categories-wrapper{background-color:#020104;flex:1 1;height:100%;overflow-y:auto;overflow-x:hidden}.gifpicker-categories-wrapper::-webkit-scrollbar{width:8px}.gifpicker-categories-wrapper::-webkit-scrollbar-thumb{background:#6ac4fe}.gifpicker-categories-wrapper::-webkit-scrollbar-thumb:hover{background:#2ec0f9}.gifpicker-categories-wrapper::-webkit-scrollbar-track{background:#000}.gifpicker-categories{width:100%;height:100%;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:3px;gap:3px}.gifpicker-categories::-webkit-scrollbar{width:8px}.gifpicker-categories::-webkit-scrollbar-thumb{background:#6ac4fe}.gifpicker-categories::-webkit-scrollbar-thumb:hover{background:#2ec0f9}.gifpicker-categories::-webkit-scrollbar-track{background:#000}.gifpicker-categories div{cursor:pointer;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;height:130px}.gifpicker-categories div span{position:absolute;bottom:8px;left:5px;color:#fff;font-size:20px;font-weight:600;text-transform:capitalize}#gifpicker-background{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.9);opacity:.4;z-index:10}@media (max-width:689px){.gifpicker-container{margin:0;border-radius:0;position:fixed;top:0;left:0;width:100%;height:100%}.giphy-grid,.giphy-grid>div{width:100%!important;height:100%!important}}@media (pointer:coarse){.gifpicker-categories-wrapper::-webkit-scrollbar,.gifpicker-categories::-webkit-scrollbar{display:none}}.post-form{font-family:"Helvetica Neue",Helvetica,sans-serif;display:flex;padding:10px 15px 10px 10px;margin-bottom:40px!important;justify-content:center;border-radius:10px!important;background:#e3edf7!important;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.45)!important;border:1px solid transparent!important}.post-form .avatar{margin-right:10px!important;width:40px!important;height:40px!important}.post-form-field{width:100%}.post-form-field textarea{font-family:var(--font-fam);resize:none!important;font-size:15px!important;background:none!important;border:none!important}.textarea-container{width:100%;display:flex;flex-direction:column;position:relative}.textarea-helper{display:flex;align-items:center;justify-content:space-between;width:100%}.textarea-icons{position:relative}.textarea-icons .MuiIconButton-root{width:35px;height:35px;padding:5px}.post-form-button{letter-spacing:1px;font-size:16px!important;padding:10px 20px!important;border-radius:20px!important;background:#e3edf7!important;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15),-6px -6px 10px -1px hsla(0,0%,100%,.7)!important;border:1px solid transparent!important;transition:.1s ease-in!important}.post-form-button:active{opacity:.5!important;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.2),-.5px -.5px 0 hsla(0,0%,100%,.2),0 0 0 hsla(0,0%,100%,.5),0 0 10px -10px hsla(0,0%,100%,.5)!important;border:1px solid rgba(0,0,0,.1)!important;transform:translateY(2px)!important}.post-form-button:active span{font-size:13px}.button-inactive{opacity:.5!important}@media (max-width:550px){.post-form-button span{font-size:13px}}:root{--font-fam:"Favorit","Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;--bg-color:#e3edf7}body{background-color:#e3edf7;background-color:var(--bg-color);overflow:overlay}body::-webkit-scrollbar{background:#e3edf7;background:var(--bg-color);width:7px}body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.7);border-radius:10px}@media (pointer:coarse){body::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}}
/*# sourceMappingURL=main.b8720a1f.chunk.css.map */