*{box-sizing:border-box;margin:0}:root{--wrapper-background-color: rgb(25, 25, 25)}::-webkit-scrollbar{border-radius:4px;width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:gray}textarea{background-color:#00000040;border:0;outline:0;padding:10px;color:#fff;resize:none;font:inherit}.wrapper{flex:1;margin-left:auto;margin-right:auto;display:flex;overflow-y:auto;flex-direction:column;align-items:center;width:70%;background-color:var(--wrapper-background-color)}.date{color:gray}.date:hover{cursor:pointer;text-decoration:underline}.wrapper>*{margin-left:auto;margin-right:auto;width:70%}@media (max-width: 1200px){.wrapper{width:100%;font-size:smaller}.wrapper>*{width:90%}}button{color:#000}html,body,#root{font-family:Open Sans,sans-serif;color:#fff;background-color:#282828;height:100%;width:100%;margin:0}.unclickable-icon{opacity:.5}.clickable-icon{transition:all .1s}.clickable-icon:hover{transition:all .1s;cursor:pointer;opacity:.75;transform:scale(.9)}@media (hover: hover){.liked:hover{transition:all .1s;fill:#ff000040;color:#80808040}.unliked:hover{transition:all .1s;fill:#ff000080;color:#ff000080}}.unliked{transition:all .1s}.liked{transition:all .1s;fill:red;color:red}.clickable{cursor:pointer}.navlink{text-decoration:none;color:inherit}#root{display:flex;flex-direction:column;height:100vh}.avatar{border-radius:100%}input{color:#000}input:valid{background-color:#98fb98}input:invalid{background-color:#ffb6c1}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1);opacity:.7}to{transform:scale(.95);opacity:.5}}:root{--toast-padding-height: 15px;--toast-text-height: 15px;--toast-margin-height: 10px;--toastbox-top: 10px}.toast{color:#fff;padding:var(--toast-padding-height) 25px var(--toast-padding-height) 25px;font-size:var(--toast-text-height);animation-fill-mode:forwards;margin-bottom:var(--toast-margin-height);border:2px;border-radius:10px;border-style:solid;border-color:#fff}.toast-regular{animation:toast-regular 5s ease-in-out}.toast-call{animation:toast-call 10s ease-in-out}.toastbox{background-color:transparent;z-index:1000;margin:0;display:flex;flex-direction:column;align-items:end;position:fixed;top:var(--toastbox-top);right:50px}.toast-button-wrapper{display:flex;justify-content:center;background-color:transparent;width:100%}@keyframes toast-regular{0%{opacity:0}10%{opacity:1}90%{opacity:1;margin-top:0}to{opacity:0;margin-top:-62.5px}}@keyframes toast-call{0%{opacity:0}5%{opacity:1}95%{opacity:1;margin-top:0}to{opacity:0;margin-top:-62.5px}}.navbar{z-index:998;position:sticky;top:0;display:flex;width:100%;justify-content:center;height:60px;background-color:#000;box-shadow:0 0 10px #000}.navbar .navbar-element{transition:all .5s;display:flex;gap:10px;height:100%;padding:15px 30px}.navbar .navbar-element .navbar-text{color:#fff;text-decoration:none;display:flex;align-items:center}.navbar .navbar-element:hover{transition:all .5s;opacity:75%}.navbar>*>*{height:100%;color:#fff}.navbar img{height:100%;border-radius:100%}@media (max-width: 1200px){.navbar>.navbar-element>.navbar-text{display:none}.navbar{position:fixed;bottom:0;top:auto}#root{padding-bottom:60px}}.call-online-avatar{opacity:100%}.call-offline-avatar{animation:pulse 1.5s infinite ease-in-out}.call{z-index:1000;position:absolute;display:flex;flex-direction:column;background-color:#000;padding:20px;justify-content:center;align-items:center;gap:20px;border-radius:20px;top:50%;left:50%;width:200px}.call img{width:50px}:root{--form-border-color: white;--form-border-color-opacity: rgba(255, 255, 255, .3)}.form{display:flex;flex-direction:column;width:700px;align-items:center;margin:auto;background-color:#00000040;min-height:70vh;overflow-y:auto;margin-top:10vh;margin-bottom:10vh;border-radius:50px;padding:20px;box-shadow:0 0 30px var(--form-border-color-opacity);transition:all .3s;border:1px solid;border-color:var(--form-border-color)}.form button:hover{cursor:pointer}.form:hover{transition:all .3s;transform:scale(1.01)}.form input{width:70%;background-color:transparent;outline:none;border:none;color:#fff;background-color:#00000040;padding:20px;border-radius:10px;border:1px solid;border-color:var(--form-border-color)}.form input:invalid{background-color:#ff000040}.form input:valid{background-color:#00800040}.form label{padding:10px;font-weight:700}.form button{background-color:#000;color:#fff;padding:10px;width:50%;border-radius:10px;border:1px solid;border-color:var(--form-border-color);margin-top:20px}.form button:disabled{opacity:50%}@media (max-width: 1200px){.form{width:90%}}.profile{display:flex;flex-direction:column}.profile-buttons{display:flex;flex-direction:row;gap:10px;margin-top:10px}.profile-banner-wrapper{position:relative}.profile-banner-wrapper>img{height:100%;width:100%;aspect-ratio:3 / 1;border-radius:0 0 20px 20px}.profile-avatar-wrapper{position:absolute;bottom:6%;left:2%;height:50%}.profile-usernamebox{display:flex;flex-direction:row;align-items:baseline;gap:10px}.profile-tag{color:gray}.profile-avatar-wrapper>img{height:100%;border-radius:100%}.profile .bio{font-weight:lighter}.profileeditor{background-color:#000000bf}.profileeditor-wrapper{z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.profileeditor .images{position:relative;width:100%}.profileeditor .images label{padding:0}.profileeditor .images>.avatar-wrapper>img{position:absolute;bottom:6%;left:2%;height:50%;aspect-ratio:1 / 1;object-fit:cover;border-radius:100%}.profileeditor .images>.banner-wrapper{display:flex}.profileeditor .images>.banner-wrapper>img{height:100%;width:100%;aspect-ratio:3 / 1;border-radius:20px}.profileeditor .tag{position:relative;width:70%;display:flex;align-items:center;justify-content:center}.profileeditor .tag>input{width:100%}.profileeditor .tag>svg{border-radius:100%;position:absolute;right:10px}.imageviewer{z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.imageviewer img{max-width:90%;max-height:90%;width:auto;height:auto}.messages-wrapper{display:flex;flex-direction:column-reverse;justify-content:flex-start;flex:1;min-height:0;overflow-y:auto;gap:20px;background-color:#0003;border-radius:20px;padding:20px}.messages-page-wrapper{background-color:#00000080;box-shadow:0 0 10px #00000080;border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center;width:100%;align-items:center;gap:20px;padding:10px}.message .message-content{display:flex;gap:20px;flex-direction:column}.message .message-content h3{overflow-wrap:break-word;white-space:normal;overflow:hidden}.message .message-content>img{border-radius:10px;max-width:400px;min-width:100px;max-height:400px;min-height:100px;object-fit:cover}.message .avatar-wrapper{height:100%}.message{display:flex;gap:10px}.message-right{text-align:right;flex-direction:row-reverse}.message-right h3{text-align:left}.message .message-data{padding:20px;border-radius:20px;margin-left:10px;background-color:#00000080;max-width:70%}.message .avatar{height:50px}.message p{padding:10px;gap:10px;font-size:smaller}.message .message-icon{display:flex;align-items:end;height:100%}.message .message-icon svg{height:20px;margin-bottom:10px}.message-sender{display:flex;justify-content:center;width:50%;margin-top:50px;margin-bottom:50px;gap:10px;height:100px}.message-sender textarea{width:100%;background-color:#00000080;border-radius:10px}.message-sender .message-content{display:flex;width:100%;height:100%;position:relative}.message-sender .message-content .message-image-upload{position:absolute;right:0;bottom:0;margin-bottom:10px;margin-right:10px}.message-preview-image img{height:100%;width:100%;object-fit:cover;border-radius:10px}.message-preview-image{position:relative}.message-preview-image svg{position:absolute;right:0;top:0;fill:#000}.message-send-icon{margin:auto}.messages-down{position:fixed;bottom:220px;left:50%;transform:translate(-50%);background-color:#000;width:auto;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:10px;transition:all .1s;padding:10px}.messages-down:hover{transition:all .1s;opacity:.75;cursor:pointer}@media (max-width: 1200px){.message-sender{width:90%}.messages-down{bottom:280px}}.notifications h1{padding:20px}.notifications{display:flex;flex-direction:column;align-items:center;gap:10px}.notifications>.clickable:hover{opacity:.7}.notifications>div{background-color:#0003;width:100%;border-radius:10px;padding:20px}.notifications .avatars-wrapper .avatar{height:50px}.notifications .avatars-wrapper{display:flex;gap:10px}.settings .form{min-height:auto;margin-top:20px;margin-bottom:20px}.post{display:flex;justify-content:flex-start;padding:10px;border-radius:10px;width:100%}.post .post-icon-wrapper{display:flex;align-items:center;gap:5px}.post .post-icon-wrapper p:hover{color:gray;text-decoration:underline}.post .avatar-wrapper{height:100%}.post .avatar-wrapper img{height:50px}.post .post-icons{display:flex;align-items:center;gap:10px}.post .post-detail:hover,.post .post-data:hover{cursor:auto}.post:hover{cursor:pointer;background-color:#0000001a}.post .post-data h2{word-wrap:break-word;overflow:hidden;font-weight:lighter;padding:10px}.post .post-content{flex:1;min-width:0}.post .post-data img{max-width:100%;height:400px;object-fit:cover;object-position:center;border-radius:10px}.post .post-detail{padding-left:5px;display:flex;gap:5px;align-items:baseline}.post .post-detail .navlink *:hover{cursor:pointer;text-decoration:underline}.post .post-detail .navlink h4,.post .post-detail p{color:gray}.postsabove-wrapper,.replies-wrapper{display:flex;flex-direction:column-reverse}.replies-wrapper{width:80%}.postsabove-wrapper{width:100%}.post-home-wrapper:hover{background-color:#0000ff0d}.postsender-fullscreen-wrapper{z-index:999;position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;background-color:#00000040;justify-content:center!important}.postsender-fullscreen-wrapper>*{width:70%!important;margin:auto;background-color:#000;padding:20px;border-radius:10px}.postsender-fullscreen-wrapper textarea{background-color:#80808033!important;height:200px!important}.postsender-wrapper{width:90%;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.postsender-wrapper .avatar{width:50px}.postsender-wrapper>*{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.postsender-wrapper .posting-image img{min-width:40%;max-width:100%;height:200px;object-fit:cover;object-position:center;border-radius:20px}.postsender-wrapper form{display:flex;justify-content:center;gap:10px;width:100%}.postsender-wrapper form>svg{margin:auto}.postsender-wrapper .posting-image{position:relative}.postsender-wrapper .posting-image svg{position:absolute;top:8px;right:8px;fill:#000;color:#fff}.postsender-wrapper button{height:25px}.postsender-wrapper textarea{border-radius:10px;width:100%;height:150px}.postsender-wrapper .post-image-insert{position:absolute;bottom:8px;right:8px;color:#fff}.postsender-wrapper .post-write{position:relative;width:100%}.posts .postsabove-wrapper{background-color:#00000040}@media (max-width: 1200px){.postsender-wrapper .avatar{width:40px}.posts{width:100vw;align-items:start}.posts>*{width:100%}.post .post-data img{height:200px}.postsender-wrapper textarea{height:100px}.postsender-fullscreen-wrapper>*{width:100%!important}}