@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;800&family=Quicksand:wght@300;500;600&display=swap);*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}a{text-decoration:inherit}a,ol,ul{color:inherit}ol,ul{list-style:none}img,picture{display:block;max-width:100%}h1,h2,h3,h4,h5,h6,p,textarea{overflow-wrap:break-word}textarea{display:inline-block;white-space:pre-wrap}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d6d6d6;font-family:Montserrat,sans-serif;margin:0}.navbar{background-color:#14a190;left:0;padding:0 1em;position:fixed;top:0;width:100%;z-index:10}.navbar ul{align-items:center;display:flex;flex-direction:row;gap:.25em;height:100%;margin:0 auto;max-width:1700px}.navbar ul li{color:#fff;font-size:1.1em;font-weight:600;letter-spacing:.02em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.navbar ul li a,.navbar ul li button{all:unset;cursor:pointer;display:flex;height:100%;margin:.15em 0;padding:.8em;position:relative;text-decoration:none;transition:background .2s ease}.navbar ul li a:not(.active):hover,.navbar ul li button:not(.active):hover{background-color:hsla(0,0%,100%,.25)}.navbar ul li a:not(.active):hover>.info,.navbar ul li button:not(.active):hover>.info{visibility:visible}.navbar ul li a.active,.navbar ul li button.active{background-color:#2489c0}.navbar ul li a svg,.navbar ul li button svg{font-size:1.5em}.navbar ul li a .info,.navbar ul li button .info{background-color:#fff;border-radius:5px;bottom:0;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#000;font-size:.9em;font-weight:300;left:50%;padding:.3em .5em;position:absolute;text-align:center;-webkit-transform:translate(-50%,130%);transform:translate(-50%,130%);transition:visibility 10ms ease .25s;visibility:hidden}.navbar ul li a .info:hover,.navbar ul li button .info:hover{display:none}.navbar ul li:nth-child(3){margin-left:.5em}.navbar ul li:nth-child(4){margin-left:auto}.navbar ul li.user a{align-items:center;border:2px solid #2489c0;border-radius:25px;display:flex;flex-direction:row;gap:.5em;margin:.25em;padding:.25em .5em}.navbar ul li.user img{border-radius:50%;height:35px;width:35px}.navbar-search-form{opacity:.7}.navbar-search-form:hover{opacity:1}.navbar-search-form span{position:relative}.navbar-search-form span input{background-color:hsla(0,0%,61%,.1);border-radius:15px;color:#fff;font-family:Quicksand,sans-serif;font-size:.9em;letter-spacing:.025em;min-width:250px;outline:2px solid hsla(0,0%,100%,.7);padding:.25em 2em .25em 1em}.navbar-search-form span input::-webkit-input-placeholder{color:#fff;font-size:.9em;opacity:.7}.navbar-search-form span input:-ms-input-placeholder{color:#fff;font-size:.9em;opacity:.7}.navbar-search-form span input::placeholder{color:#fff;font-size:.9em;opacity:.7}.navbar-search-form span svg{cursor:pointer;position:absolute;right:10px;top:25%;-webkit-transform:translateY(-25%);transform:translateY(-25%)}.page-container{height:100vh;margin:0 auto;max-width:1700px;padding-top:3.6em}.home{align-items:flex-start;display:flex;flex-direction:row;height:100%;margin:0 auto;width:100%}.home,.post-item{position:relative}.post-item{background-color:#fff;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);cursor:pointer;overflow:hidden;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:40em;z-index:1}.post-item:hover>.post-body>p{visibility:visible}.post-item:hover>.post-body>h4{opacity:.3}.post-item:active{-webkit-transform:scale(.99);transform:scale(.99)}.post-item .privacy{background-color:#2489c0;border-radius:5px;color:#fff;left:1em;position:absolute;top:1em}.post-item .privacy p{font-size:.55em;font-weight:400;letter-spacing:.05em;padding:.3em .5em}.post-item.with-image:hover>.post-body>h4{opacity:0}.post-item.with-image:hover>.post-body>img{opacity:.25}.post-item.with-image .post-body h4{background-color:#14a190;color:#fff;font-size:1.4em;left:0;padding:.4em .5em;position:absolute;top:0;width:100%;z-index:2}.post-item.with-image .post-body img{height:auto;object-fit:cover;width:auto}.post-body{display:flex;flex-direction:column;justify-content:center;min-height:12em;position:relative;transition:all .25s ease;z-index:-1}.post-body h4{font-size:1.75em;font-weight:600;letter-spacing:.05em;padding:.25em 2em}.post-body p{align-items:center;background-color:rgba(0,0,0,.45);color:#fff;display:flex;font-size:1.05em;font-weight:400;height:100%;justify-content:center;left:0;letter-spacing:.05em;line-height:1.5em;max-width:90ch;padding:1.5em;position:absolute;top:0;visibility:hidden;width:100%}.post-body p.private-post{font-style:italic;font-weight:500}.post-footer{background-color:#14a190;color:#fff;font-size:.8em;gap:1em;justify-content:end;letter-spacing:.01em;padding:1.2em;z-index:2}.post-footer,.post-footer .likes{align-items:center;display:flex;flex-direction:row}.post-footer .likes{gap:.5em;margin-left:.5em;margin-right:auto}.post-footer .likes button svg{font-size:2em}.post-footer .likes button:hover{color:#2489c0;-webkit-filter:brightness(160%);filter:brightness(160%)}.post-footer .likes button:active{-webkit-transform:scale(.9);transform:scale(.9)}.post-footer .likes button.disabled-like-btn{opacity:.5;pointer-events:none}.post-footer span{font-style:italic;font-weight:300;gap:.75em}.post-footer span,.post-footer span button{align-items:center;display:flex;flex-direction:row}.post-footer span button{font-style:normal;font-weight:400;gap:.25em}.post-footer span button img{border-radius:50%;height:20px;width:20px}.post-footer span button:hover{color:#d6d6d6;-webkit-filter:brightness(110%);filter:brightness(110%)}.post-footer p{font-weight:300}.posts-list{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2em;justify-content:center;list-style:none;padding-top:1em}.posts-list li{background-color:#fff;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);cursor:pointer;overflow:hidden;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:40em;z-index:1}.posts-list li.create-post-item{align-items:center;border:2px solid #2489c0;color:#2489c0;display:flex;flex-direction:row;font-weight:600;gap:.15em;justify-content:center;letter-spacing:.05em;margin-bottom:1.2em;min-height:60px;opacity:.75;padding:.5em 0}.posts-list li.create-post-item span{font-size:1.35em;margin-right:.5em}.posts-list li.create-post-item svg{font-size:1.8em}.posts-list li.create-post-item:hover{border:2px solid #14a190;opacity:1}.posts-list li:hover>.body>p{visibility:visible}.posts-list li:hover>.body>h4{opacity:.3}.posts-list li:active{-webkit-transform:scale(.99);transform:scale(.99)}.posts-list li .privacy{background-color:#2489c0;border-radius:5px;color:#fff;left:1em;position:absolute;top:1em}.posts-list li .privacy p{font-size:.55em;font-weight:400;letter-spacing:.05em;padding:.3em .5em}.posts-list li .body{display:flex;flex-direction:column;justify-content:center;min-height:12em;position:relative;transition:all .25s ease;z-index:-1}.posts-list li .body h4{font-size:1.75em;font-weight:600;letter-spacing:.05em;padding:.25em 2em}.posts-list li .body p{align-items:center;background-color:rgba(0,0,0,.45);color:#fff;display:flex;font-size:1.05em;font-weight:400;height:100%;justify-content:center;left:0;letter-spacing:.05em;line-height:1.5em;max-width:90ch;padding:1.5em;position:absolute;top:0;visibility:hidden;width:100%}.posts-list li .body p.private-post{font-style:italic;font-weight:500}.posts-list li .footer{align-items:center;background-color:#14a190;color:#fff;display:flex;flex-direction:row;font-size:.8em;gap:1em;justify-content:end;letter-spacing:.01em;padding:1.2em;z-index:2}.posts-list li .footer .likes{align-items:center;display:flex;flex-direction:row;gap:.5em;margin-left:.5em;margin-right:auto}.posts-list li .footer .likes button svg{font-size:2em}.posts-list li .footer .likes button:hover{color:#2489c0;-webkit-filter:brightness(160%);filter:brightness(160%)}.posts-list li .footer .likes button:active{-webkit-transform:scale(.9);transform:scale(.9)}.posts-list li .footer .likes button.disabled-like-btn{opacity:.5;pointer-events:none}.posts-list li .footer span{font-style:italic;font-weight:300}.posts-list li .footer span button{font-style:normal;font-weight:400}.posts-list li .footer span button:hover{color:#d6d6d6;-webkit-filter:brightness(110%);filter:brightness(110%)}.posts-list li .footer p{font-weight:300}.posts-list li.with-image:hover>.body>h4{opacity:0}.posts-list li.with-image:hover>.body>img{opacity:.25}.posts-list li.with-image .body h4{background-color:#14a190;color:#fff;font-size:1.4em;left:0;padding:.4em .5em;position:absolute;top:0;width:100%;z-index:2}.posts-list li.with-image .body img{height:auto;object-fit:cover;width:auto}.user-navigation{align-items:flex-start;border-right:1px solid rgba(0,0,0,.25);display:flex;flex-direction:column;height:100%;min-width:20em;padding-top:1em;position:fixed;-webkit-user-select:none;-ms-user-select:none;user-select:none}.user-navigation .backdrop{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:15}.user-navigation .user-info{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;width:100%}.user-navigation .user-info .user-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.user-navigation .user-info .user-avatar.online{border:2px solid green}.user-navigation .user-info .user-avatar.idle{border:2px solid #de9000;opacity:.85}.user-navigation .user-info .user-avatar.invisible{border:2px solid gray;opacity:.65}.user-navigation .user-info .user-avatar img{height:auto;width:auto}.user-navigation .user-info .user-data{display:flex;flex-direction:column;letter-spacing:.02em;margin-left:1em}.user-navigation .user-info .user-data p{font-size:1.1em}.user-navigation .user-info .user-data p.username{font-weight:500}.user-navigation .user-info .user-data p.name{font-size:.95em;font-weight:300;opacity:.9}.user-navigation .status-select{letter-spacing:.02em;margin-top:1.5em;padding:.25em .5em;position:relative;width:100%}.user-navigation .status-select:hover{background-color:rgba(0,0,0,.1);border-radius:10px}.user-navigation .status-select .status{align-items:center;display:flex;flex-direction:row;font-size:.95em;width:100%}.user-navigation .status-select .status p{font-weight:500;margin-left:.5em}.user-navigation .status-select .status svg{margin-left:auto}.user-navigation .status-select .status svg.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.user-navigation .status-select ul{background-color:#f1f1f1;box-shadow:0 3px 8px rgba(0,0,0,.24);left:1.5em;overflow:hidden;position:absolute;top:1.9em;width:90%;z-index:16}.user-navigation .status-select ul li{align-items:center;border:1px solid transparent;color:#2489c0;cursor:pointer;display:flex;flex-direction:row;padding:.75em}.user-navigation .status-select ul li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.user-navigation .status-select ul li:hover{background-color:hsla(0,0%,100%,.25);border:1px solid #2489c0}.user-navigation .status-select ul li svg{font-size:1em;margin-right:.5em}.user-navigation .status-select ul li svg.online{color:green}.user-navigation .status-select ul li svg.idle{color:#de9000}.user-navigation .status-select ul li svg.invisible{color:gray}.user-navigation .friends{padding:.25em .5em;width:100%}.user-navigation .friends ul{display:flex;flex-direction:column;gap:.25em;margin-top:.5em;width:100%}.user-navigation .item{margin-top:1.5em;padding:.25em .5em;width:100%}.user-navigation .item:hover{background-color:rgba(0,0,0,.1);border-radius:10px}.user-card-list-item button{all:unset;align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;gap:1em;padding:.25em;width:100%}.user-card-list-item button img{border-radius:50%;height:40px;width:40px}.user-card-list-item button img.online{border:2px solid green}.user-card-list-item button img.idle{border:2px solid #de9000;opacity:.85}.user-card-list-item button img.invisible{border:2px solid gray;opacity:.65}.user-card-list-item button p{font-size:.9em;letter-spacing:.02em}.user-card-list-item button p small{font-weight:500;margin-left:.25em}.user-card-list-item button:hover{background-color:rgba(0,0,0,.1)}.user-card-list-item button .chat-item{display:flex;flex-direction:column;height:100%;width:100%}.user-card-list-item button .chat-item .username{font-weight:500}.user-card-list-item button .chat-item .message{display:flex;flex-direction:row;justify-content:space-between;margin-top:.1em;overflow:hidden;position:relative;width:100%}.user-card-list-item button .chat-item .message p{font-size:.8em;font-weight:300;opacity:.75}.user-card-list-item button .chat-item .message p:first-child{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-list-item button .chat-item.unread .username{font-size:.95em;font-weight:600;letter-spacing:.025em}.user-card-list-item button .chat-item.unread .message p:first-child{color:#2489c0;font-size:.85em;font-weight:500;opacity:1}.user-card-list-item button.unread-container{background-color:hsla(0,0%,100%,.2)}.friends{margin-top:1em}.friends .requests{margin-bottom:2em}.friends .requests .list-item{position:relative}.friends .requests .list-item .actions{display:flex;flex-direction:row;gap:.5em;position:absolute;right:.5em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.friends .requests .list-item .actions button{background-color:#2489c0;border-radius:10px;color:#fff;display:flex;opacity:.75;padding:.15em 1em}.friends .requests .list-item .actions button:last-child{background-color:#d84713}.friends .requests .list-item .actions button:hover{-webkit-filter:brightness(110%);filter:brightness(110%);opacity:1}.friend-requests{margin-top:1em;padding:.25em .5em;width:100%}.friend-requests ul{padding-top:.5em}.friend-requests ul .list-item{position:relative}.friend-requests ul .list-item .actions{display:flex;flex-direction:row;gap:.5em;position:absolute;right:.5em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.friend-requests ul .list-item .actions button{background-color:#2489c0;border-radius:10px;color:#fff;display:flex;opacity:.75;padding:.15em 1em}.friend-requests ul .list-item .actions button:last-child{background-color:#d84713}.friend-requests ul .list-item .actions button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);opacity:1}.lds-facebook{display:flex;height:1em;margin:0 auto;position:relative;width:1em}.lds-facebook div{-webkit-animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite;background:rgba(0,0,0,.25);display:inline-block;left:8px;position:absolute;width:16px}.lds-facebook div:first-child{-webkit-animation-delay:-.24s;animation-delay:-.24s;left:8px}.lds-facebook div:nth-child(2){-webkit-animation-delay:-.12s;animation-delay:-.12s;left:32px}.lds-facebook div:nth-child(3){-webkit-animation-delay:0;animation-delay:0;left:56px}@-webkit-keyframes lds-facebook{0%{height:64px;top:8px}50%,to{height:32px;top:24px}}@keyframes lds-facebook{0%{height:64px;top:8px}50%,to{height:32px;top:24px}}.add-image-form{border:1px dotted #2489c0;margin:0 auto 2em;max-height:400px;max-width:450px;position:relative}.add-image-form img{height:auto;width:auto}.add-image-form button{background-color:#d6d6d6;color:#2489c0;display:flex;opacity:.75;position:absolute;right:0;top:0}.add-image-form button:hover{opacity:1}.create-post{background-color:#fff;border-radius:25px;box-shadow:0 3px 8px rgba(0,0,0,.24);font-family:Montserrat,sans-serif;margin:1em auto;max-width:1100px;padding:2em 5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.create-post h3{color:#2489c0;font-size:2em;letter-spacing:.05em;margin-bottom:.5em}.create-post h3 svg{font-size:.9em}.create-post .description{font-size:.85em;letter-spacing:.02em;margin-bottom:3em;opacity:.8}.create-post form{display:flex;flex-direction:column;margin:2em auto;max-width:800px}.create-post form span{font-weight:500;letter-spacing:.05em;margin-bottom:.2em}.create-post form label{display:flex;flex-direction:column;margin-bottom:2em;position:relative;text-align:left}.create-post form label .error{color:#ff4500;font-style:italic;opacity:.8;position:absolute;right:.5em;top:0}.create-post form label input,.create-post form label textarea{letter-spacing:.02em;width:100%}.create-post form label textarea{height:12em}.create-post form .privacy{align-items:center;display:flex;flex-direction:row;gap:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0 0 2em;position:relative}.create-post form .privacy li button{align-items:center;background-color:#d6d6d6;border:2px solid transparent;border-radius:10px;color:#2489c0;display:flex;flex-direction:row;font-size:.9em;margin:0;opacity:.75;padding:.25em .75em;transition:opacity .15s ease,border .15s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.create-post form .privacy li button svg{font-size:1em;margin-right:.25em}.create-post form .privacy li button.active{background-color:#2489c0;border:2px solid #14a190;color:#fff;opacity:1}.create-post form .privacy li button:hover{border:2px solid #14a190;opacity:1}.create-post form .privacy li:last-child{margin-left:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.create-post form .privacy li:last-child div,.create-post form .privacy li:last-child label{align-items:center;background-color:rgba(0,0,0,.1);border:2px solid transparent;border-radius:10px;color:#14a190;cursor:pointer;display:flex;flex-direction:row;margin:0;padding:.25em 1em;transition:opacity .15s ease,border .15s ease}.create-post form .privacy li:last-child div p,.create-post form .privacy li:last-child label p{font-size:.85em}.create-post form .privacy li:last-child div svg,.create-post form .privacy li:last-child label svg{font-size:2.5em;margin-right:0}.create-post form .privacy li:last-child div:hover,.create-post form .privacy li:last-child label:hover{border:2px solid #14a190;color:#2489c0}.create-post form .privacy li:last-child div input,.create-post form .privacy li:last-child label input{display:none}.create-post form .privacy li:last-child div{pointer-events:none}.create-post form .privacy .privacy-info{color:#2489c0;font-size:.85em;font-style:italic;font-weight:300;left:.5em;position:absolute;top:3.4em;width:100%}.create-post form .cancel-btn,.create-post form .submit-btn{background-color:#2489c0;border:2px solid transparent;border-radius:15px;color:#fff;font-size:1em;letter-spacing:.05em;margin-top:3em;opacity:.9;outline:none;padding:.75em 0;text-align:center;transition:opacity .15s ease,border .15s ease}.create-post form .cancel-btn:disabled,.create-post form .submit-btn:disabled{opacity:.5}.create-post form .cancel-btn:disabled:hover,.create-post form .submit-btn:disabled:hover{border:2px solid transparent;opacity:.5}.create-post form .cancel-btn.cancel-btn,.create-post form .submit-btn.cancel-btn{background-color:#d6d6d6;color:#2489c0;font-weight:600;margin-top:2em}.create-post form .cancel-btn:hover,.create-post form .submit-btn:hover{border:2px solid #14a190;opacity:1}.post-page{display:flex;flex-direction:row;height:100%;overflow-y:hidden;width:100%}.post-preview{height:100%;width:65%}.post-preview .container{border:2px solid #14a190;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);margin:3em auto 3em 3em;overflow:hidden;width:50em}.post-preview .container h1{background-color:#14a190;color:#fff;font-weight:400;letter-spacing:.05em;margin:0;padding:.75em 1.2em}.post-preview .container .text{margin:5em .5em}.post-preview .container .footer{background-color:#14a190;color:#fff;display:flex;flex-direction:row;gap:2em;padding:1em}.comments-preview{display:flex;flex-direction:column;height:100%;overflow-y:hidden;width:35%}.comments-preview form{align-items:center;background-color:rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:row;gap:1em;justify-content:center;margin-top:3em;min-height:5em;padding:.75em 1.25em}.comments-preview form .user-avatar{background-color:#fff;border-radius:50%;overflow:hidden}.comments-preview form .user-avatar img{height:40px;width:40px}.comments-preview form input{border:1px solid #2489c0;border-radius:15px;box-sizing:border-box;flex:1 1;font-size:.9em;letter-spacing:.025em;padding:.5em 1em;width:100%}.comments-preview form input:focus{background-color:hsla(0,0%,100%,.05);border:2px solid #2489c0}.comments-preview form button{all:unset;background-color:#2489c0;color:#fff;cursor:pointer;font-size:.95em;font-weight:300;height:2em;letter-spacing:.02em;opacity:.9;outline:none;padding:.25em .8em}.comments-preview form button:hover{opacity:1}.comments-preview .commentsList{display:flex;flex-direction:column;flex-direction:column-reverse;list-style:none;margin:1em 0;overflow-y:auto;padding:2em .5em}.comments-preview .commentsList .comment{align-items:flex-start;background-color:hsla(0,0%,100%,.25);border:2px solid rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:row;margin-bottom:.5em;min-height:4em;overflow:hidden;position:relative}.comments-preview .commentsList .comment .user-avatar{all:unset;border-radius:50%;cursor:pointer;margin:.25em .5em .25em .25em;overflow:hidden}.comments-preview .commentsList .comment .user-avatar img{height:40px;width:40px}.comments-preview .commentsList .comment .body{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.25em 2em .75em .5em}.comments-preview .commentsList .comment .body .comment-text{font-size:.95em}.comments-preview .commentsList .comment .body .user-info{align-items:flex-end;display:flex;flex-direction:column;justify-content:right;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.comments-preview .commentsList .comment .body .user-info p.user{font-size:.75em;margin-bottom:.1em}.comments-preview .commentsList .comment .body .user-info p.time{font-size:.6em}.comments-preview .commentsList .comment button{color:#2489c0;cursor:pointer;position:absolute;right:.2em;top:.2em}.comments-preview .commentsList .comment button svg{font-size:1.2em}.profile-page-user-information{align-items:center;border-bottom:1px solid rgba(0,0,0,.15);display:flex;flex-direction:column;padding-bottom:1em;padding-top:2em;width:100%}.profile-page-user-information .about-user{align-items:center;display:flex;flex-direction:row;gap:1em;justify-content:center;width:100%}.profile-page-user-information .about-user .profile-picture{overflow:hidden}.profile-page-user-information .about-user .profile-picture img{border-radius:50%;height:100px;padding:5px;width:100px}.profile-page-user-information .about-user .profile-picture img.online{border:2px solid green}.profile-page-user-information .about-user .profile-picture img.idle{border:2px solid #de9000;opacity:.85}.profile-page-user-information .about-user .profile-picture img.invisible{border:2px solid gray;opacity:.65}.profile-page-user-information .about-user .username-container{display:flex;flex-direction:column;gap:.1em}.profile-page-user-information .about-user .username-container p:first-child{font-family:Quicksand,sans-serif;font-size:1.25em;font-weight:600;letter-spacing:.05em}.profile-page-user-information .about-user .username-container p:last-child{font-size:1.15em;font-weight:400;letter-spacing:.02em;opacity:.75}.profile-page-user-information .about-user .username-container .status-container{background-color:rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:row;margin-top:.5em;padding:.2em .5em .15em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-page-user-information .about-user .username-container .status-container p{font-size:.9em;font-weight:400;letter-spacing:.02em;margin-right:.25em;opacity:.8}.profile-page-user-information .about-user .username-container .status-container p.not-friends{font-style:italic;opacity:.6}.profile-page-user-information .about-user .username-container .status-container .icon{display:flex;height:100%}.profile-page-user-information .about-user .username-container .status-container .icon.online{color:green}.profile-page-user-information .about-user .username-container .status-container .icon.idle{color:#de9000;opacity:.85}.profile-page-user-information .about-user .username-container .status-container .icon.invisible{color:gray;opacity:.65}.profile-page-user-information .about-user .username-container .status-container .icon svg{display:flex;font-size:.65em;height:100%}.profile-page-user-information .about-user .profile-actions{-webkit-user-select:none;-ms-user-select:none;user-select:none}.profile-page-user-information .about-user .profile-actions .edit-btn{align-items:center;background-color:#2489c0;border-radius:5px;color:#fff;display:flex;font-size:.9em;font-weight:400;gap:.5em;letter-spacing:.02em;margin-left:5em;padding:.5em 1em}.profile-page-user-information .about-user .profile-actions .edit-btn svg{font-size:1.2em}.profile-page-user-information .user-content{align-items:flex-end;display:flex;flex-direction:row;gap:3em;margin-top:1em}.profile-page-user-information .user-content p{font-size:1.1em;letter-spacing:.05em}.profile-page-user-information .user-content p span{font-size:1.15em;font-weight:300;margin-right:.25em}.friend-response-actions{border-radius:5px;display:flex;flex-direction:row;margin-left:5em;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.friend-response-actions.pending button{opacity:.75}.friend-response-actions .backdrop{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:15}.friend-response-actions .friend-response-container{display:flex;flex-direction:row;position:relative}.friend-response-actions .friend-response-container button{align-items:center;background-color:#2489c0;color:#fff;display:flex;font-size:.9em;font-weight:400;gap:.5em;letter-spacing:.02em;padding:.5em 1em}.friend-response-actions .friend-response-container button svg{font-size:1.2em}.friend-response-actions .friend-response-container button.response-btn{border-bottom-left-radius:5px;border-top-left-radius:5px}.friend-response-actions .friend-response-container button.selector-btn{border-bottom-right-radius:5px;border-left:1px solid hsla(0,0%,100%,.374);border-top-right-radius:5px;padding-left:.75em;padding-right:.75em}.friend-response-actions .friend-response-container button.selector-btn svg{font-size:1.5em}.friend-response-actions .friend-response-container button.message-btn{border-radius:5px;margin-left:.5em;padding:.5em 1.5em}.friend-response-actions .friend-response-container button.message-btn svg{font-size:1.5em}.friend-response-actions .friend-response-container button:hover{-webkit-filter:brightness(105%);filter:brightness(105%)}.friend-response-actions .friend-response-container .options{background-color:#f1f1f1;box-shadow:0 3px 8px rgba(0,0,0,.24);overflow:hidden;position:absolute;right:0;top:102%;width:85%;z-index:16}.friend-response-actions .friend-response-container .options li{align-items:center;border:1px solid transparent;color:#2489c0;cursor:pointer;display:flex;flex-direction:row;padding:.75em}.friend-response-actions .friend-response-container .options li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.friend-response-actions .friend-response-container .options li:hover{background-color:hsla(0,0%,100%,.25);border:1px solid #2489c0}.friend-response-actions .message-btn{align-items:center;background-color:#2489c0;border-radius:5px;color:#fff;display:flex;font-size:.9em;font-weight:400;letter-spacing:.02em;margin-left:1em;padding:.5em 1.5em}.friend-response-actions .message-btn svg{font-size:1.5em}.user-posts{margin-top:1em;position:relative}.user-posts .backdrop{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:15}.user-posts .posts-actions{display:flex;flex-direction:row;gap:3em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.user-posts .posts-actions .item{background-color:rgba(0,0,0,.1);border:1px solid transparent;border-radius:10px;cursor:pointer;letter-spacing:.02em;padding:.25em .5em;position:relative}.user-posts .posts-actions .item:hover{border:1px solid #2489c0}.user-posts .posts-actions .item span{align-items:center;display:flex;flex-direction:row;font-size:.95em;width:100%}.user-posts .posts-actions .item span p{font-weight:500;margin-left:.5em;min-width:8em}.user-posts .posts-actions .item span svg{color:#14a190;margin-left:auto}.user-posts .posts-actions .item span svg.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.user-posts .posts-actions .item ul{background-color:#f1f1f1;box-shadow:0 3px 8px rgba(0,0,0,.24);left:1.5em;overflow:hidden;position:absolute;top:1.9em;width:90%;z-index:16}.user-posts .posts-actions .item ul li{align-items:center;border:1px solid transparent;color:#2489c0;cursor:pointer;display:flex;flex-direction:row;padding:.75em}.user-posts .posts-actions .item ul li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.user-posts .posts-actions .item ul li:hover{background-color:hsla(0,0%,100%,.25);border:1px solid #2489c0}.posts-list{margin-top:1em}.profile-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px}.profile-setup-page{background-color:#fff;border-radius:25px;box-shadow:0 3px 8px rgba(0,0,0,.24);font-family:Montserrat,sans-serif;margin:3em auto;padding:3em 5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-setup-page h1{font-size:2em;letter-spacing:.1em;margin-bottom:1em}.profile-setup-page h3{font-size:1.2em;letter-spacing:.05em;margin-bottom:3em}.profile-setup-page form{display:flex;flex-direction:column;margin:2em auto;max-width:800px}.profile-setup-page form label{display:flex;flex-direction:column;margin-bottom:3em;position:relative;text-align:left}.profile-setup-page form label span{font-weight:500;letter-spacing:.05em;margin-bottom:.2em}.profile-setup-page form label .error{color:red;font-style:italic;opacity:.8;position:absolute;right:.5em;top:0}.profile-setup-page form label input{letter-spacing:.02em;width:25em}.profile-setup-page form button{font-size:1.1em;margin-top:5em;padding:.8em}.profile-setup-page .redirect{color:#14a190;font-weight:500;letter-spacing:.02em}.upload-image-form{position:relative}.upload-image-form .image-input{margin-bottom:1.5em}.upload-image-form .image-input .image-preview{margin:.5em auto;max-height:150px;max-width:150px;position:relative}.upload-image-form .image-input .image-preview img{max-height:auto;max-width:auto}.upload-image-form .image-input input[type=file]{display:none}.upload-image-form .input-btn,.upload-image-form .load-btn{border:1px solid #14a190;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:1.1em;font-weight:300;overflow:hidden;padding:.5em;position:relative;text-align:left;width:25em}.upload-image-form .load-btn{cursor:not-allowed;opacity:.5}.upload-image-form .close-btn{background-color:#2489c0;color:#fff;font-size:.8em;font-weight:400;height:100%;letter-spacing:.05em;margin:0;padding:0 .5em;position:absolute;right:0;top:0}.new-chat{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.new-chat .find-recipient-form{box-shadow:0 3px 8px rgba(0,0,0,.24);letter-spacing:.02em;width:100%}.new-chat .find-recipient-form label{align-items:center;background-color:hsla(0,0%,100%,.5);display:flex;flex-direction:row;justify-content:center;padding:.5em 1em;width:inherit}.new-chat .find-recipient-form label span{font-weight:500}.new-chat .find-recipient-form label input{border:none;margin-left:.5em;width:inherit}.new-chat .results{margin-top:1em;width:100%}.input-item,.new-chat .results{display:flex;flex-direction:column}.input-item{padding:1em;text-align:left}.input-item span{font-family:var(--secondary-font);letter-spacing:.02em}.input-item input,.input-item textarea{background-color:var(--dark-color);border-radius:5px;color:var(--light-color);height:1.6em;margin-top:.3em;opacity:.9;padding:.25em .5em}.input-item input:focus,.input-item textarea:focus{opacity:1;outline:2px solid var(--primary-color)}.input-item input:hover:not(:focus),.input-item textarea:hover:not(:focus){outline:2px solid #414141}.input-item textarea{resize:none}.chat-box-input{align-items:flex-end;background-color:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#2489c0;display:flex;flex-direction:row;margin:.5em;padding-bottom:.5em;padding-right:4em;padding-top:.5em}.chat-box-input .input-container{display:flex;flex:1 1;flex-direction:column;position:relative}.chat-box-input .input-container .error{color:red;font-size:.8em;font-style:italic;left:1.5em;opacity:.8;position:absolute}.chat-box-input .input-container .loading-img{height:100px;position:relative;width:100px}.chat-box-input .input-container .img-preview{margin-left:1em;margin-top:.2em;padding:.2em;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-box-input .input-container .img-preview:hover{background-color:hsla(0,0%,100%,.5)}.chat-box-input .input-container .img-preview img{height:100px;object-fit:cover;width:100px}.chat-box-input .input-container .img-preview button{background-color:rgba(0,0,0,.75);border-radius:50%;display:flex;opacity:.8;position:absolute;right:-5%;top:-5%}.chat-box-input .input-container .img-preview button:hover{-webkit-filter:brightness(115%);filter:brightness(115%);opacity:1}.chat-box-input .input-container .img-preview button svg{color:#14a190;font-size:1.2em}.chat-box-input .input-container label{flex:1 1}.chat-box-input .input-container label input{background-color:rgba(0,0,0,.05);display:block;font-size:1.1em;min-height:2em;opacity:.8;padding-left:1em;padding-right:2em}.chat-box-input .input-container label input:focus{outline:1px solid #2489c0}.chat-box-input .input-container label input:disabled{cursor:not-allowed;opacity:.5}.chat-box-input .message-actions{display:flex;flex-direction:row;margin-left:1em;padding-bottom:1.2em;position:relative}.chat-box-input .message-actions .emoji-picker-container{bottom:3em;left:1em;position:absolute}.chat-box-input .message-actions .emoji-picker-container .backdrop{background-color:transparent;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.chat-box-input .message-actions .emoji-picker-container aside{background-color:#d6d6d6;box-shadow:0 3px 8px rgba(0,0,0,.24);z-index:3}.chat-box-input .message-actions .emoji-picker-container aside ul:before{background-color:#d6d6d6}.chat-box-input .message-actions .emoji-picker-container aside button:hover{background-color:transparent;background-color:initial}.chat-box-input .message-actions button{border-radius:50%;display:flex;margin-right:.25em;padding:.3em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.chat-box-input .message-actions button.file-upload-btn{overflow:hidden;position:relative}.chat-box-input .message-actions button.file-upload-btn label{content:"";cursor:pointer;left:0;max-height:100%;position:absolute;top:0;width:100%}.chat-box-input .message-actions button.file-upload-btn label input{opacity:0;-webkit-transform:scale(2);transform:scale(2)}.chat-box-input .message-actions button.file-upload-btn label input[type=file]::-webkit-file-upload-button:hover{cursor:pointer}.chat-box-input .message-actions button.file-upload-btn label input[type=file]::file-selector-button:hover{cursor:pointer}.chat-box-input .message-actions button:hover{background-color:rgba(0,0,0,.15);color:var(--primary-color);opacity:1}.chat-box-input .message-actions button svg{font-size:1.7em;line-height:2em}.chat-box-input .submit-btn{color:#fff;padding-bottom:1.1em}.chat-box-input .submit-btn button{background-color:#2489c0;border-radius:10px;display:flex;padding:0 .5em}.chat-box-input .submit-btn button svg{font-size:1.6em;margin:.2em}.chat-box-input .submit-btn button svg:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.modal-backdrop{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:15}.modal{box-shadow:0 2px 8px rgba(0,0,0,.25);left:50%;margin:0 auto;max-height:80vh;max-width:80vw;position:fixed;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:30}.chat-message-item{display:flex;flex-direction:row;gap:.5em;margin:.05em 0;padding:.5em .25em}.chat-message-item .image-container{border-radius:50%;height:35px;margin:.25em;overflow:hidden;width:35px}.chat-message-item .image-container img{height:35px;width:35px}.chat-message-item .message-container{background-color:rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:column;gap:.25em;letter-spacing:.01em;padding:.25em .5em}.chat-message-item .message-container .user{font-weight:500}.chat-message-item .message-container .user small{font-size:.8em;font-weight:300;margin-left:.25em}.chat-message-item .message-container .message{font-size:.9em}.chat-message-item .message-container .media img{max-height:500px;max-width:500px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.chat-image-modal img{height:auto;width:auto}.chat-box-body{display:flex;flex-direction:row;height:100%;width:100%}.chat-box-body .chat-messages-container{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.chat-box-body .chat-messages-container ul{display:flex;flex-direction:column-reverse;height:inherit;overflow-y:auto}.private-chat-room{background-color:rgba(0,0,0,.1);border-radius:15px;display:flex;flex-direction:column;font-family:Quicksand,sans-serif;height:100%;min-width:280px;padding:.5em}.private-chat-room h5{font-size:1em}.private-chat-room .user-info{align-items:center;align-self:center;display:flex;flex-direction:column;margin:2em .5em}.private-chat-room .user-info .image-container{border-radius:50%;margin:0 auto;max-height:100px;max-width:100px;overflow:hidden}.private-chat-room .user-info .image-container.online{border:2px solid green}.private-chat-room .user-info .image-container.idle{border:2px solid #de9000;opacity:.85}.private-chat-room .user-info .image-container.invisible{border:2px solid gray;opacity:.65}.private-chat-room .user-info .image-container img{height:auto;width:auto}.private-chat-room .user-info button{color:#2489c0;font-size:1.1em;font-weight:600;letter-spacing:.025em;margin-top:1em}.private-chat-room .user-info p{color:#000;color:initial;font-weight:400;margin-top:.5em;opacity:.7}.private-chat-room .status{align-items:flex-start;display:flex;flex-direction:column}.private-chat-room .status .status-container{display:flex;flex-direction:row;margin-top:.5em}.private-chat-room .status .status-container p{font-size:.95em;font-weight:400;letter-spacing:.02em;margin-right:.75em;opacity:.8}.private-chat-room .status .status-container p.not-friends{font-style:italic;opacity:.6}.private-chat-room .status .status-container .icon{display:flex;height:100%}.private-chat-room .status .status-container .icon.online{color:green}.private-chat-room .status .status-container .icon.idle{color:#de9000;opacity:.85}.private-chat-room .status .status-container .icon.invisible{color:gray;opacity:.65}.private-chat-room .status .status-container .icon svg{display:flex;font-size:.8em;height:100%}.private-chat-room .member-relationship{align-items:flex-start;display:flex;flex-direction:column;margin-top:1.5em}.private-chat-room .member-relationship p{align-items:center;display:flex;flex-direction:row;font-family:Quicksand,sans-serif;font-size:1em;letter-spacing:.025em;margin-top:.5em;opacity:.8}.private-chat-room .member-relationship p.not-friends{font-size:.9em;font-style:italic;font-weight:400}.private-chat-room .member-relationship p svg{font-size:1em;margin-right:.5em}.private-chat-room .actions{display:flex;flex-direction:column;margin-top:3em;width:100%}.private-chat-room .actions button{align-items:center;border-radius:10px;color:#2489c0;display:flex;flex-direction:row;font-size:1.05em;padding:.25em .1em}.private-chat-room .actions button svg{font-size:1.8em}.private-chat-room .actions button p{font-weight:400;letter-spacing:.025em;margin-left:.75em;opacity:.6}.private-chat-room .actions button:hover{background-color:hsla(0,0%,100%,.25)}.chat-members{height:100%;padding:.2em}.new-chat-box-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.new-chat-box-body .receipient-info{align-items:center;background-color:rgba(90,90,90,.25);display:flex;flex-direction:column;opacity:.9;padding:2em}.new-chat-box-body .receipient-info img{cursor:pointer;height:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80px}.new-chat-box-body .receipient-info div{align-items:center;display:flex;flex-direction:column;font-size:1.2em;letter-spacing:.02em;margin-top:.5em}.new-chat-box-body .receipient-info div .username{font-weight:500}.new-chat-box-body .receipient-info div .name{font-size:.9em;font-weight:300}.new-chat-box-body ul{display:flex;flex-direction:column-reverse;height:inherit;overflow-y:auto}.chatbox{border-right:1px solid rgba(0,0,0,.2);flex:1 1}.chat-list{align-items:flex-start;background-color:rgba(0,0,0,.05);border-right:2px solid #2489c0;display:flex;flex-direction:column;min-width:22em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.chat-list .item{padding:.25em .75em}.chat-list .header{align-items:center;background-color:hsla(0,0%,100%,.05);display:flex;flex-direction:row;justify-content:space-between;padding:.5em;width:100%}.chat-list .header p{font-weight:500;letter-spacing:.02em;text-align:center;width:100%}.chat-list .header button{background-color:#14a190;border-radius:5px;color:#d6d6d6;display:flex;padding:.2em}.chat-list .header button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.chat-list ul{display:flex;flex-direction:column;gap:.25em;margin-top:1em;overflow-x:hidden;overflow-y:auto;width:100%}.chat-list ul .notice{font-size:.85em;font-style:italic;letter-spacing:.02em;margin:1em .5em;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;opacity:.8;overflow:hidden}.messages-page{display:flex;flex-direction:row;height:100%}
/*# sourceMappingURL=main.723bc10d.css.map*/