button>.lds-ellipsis div{background-color:var(--btn-color-primary)}.lds-ellipsis{display:flex;align-items:center;margin:0 auto;position:relative;width:44px;height:100%}.lds-ellipsis div{position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--text-color-secondary);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:5px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:5px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:18px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:31px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(13px)}}.post-skeleton-bg{display:flex;flex-direction:column;background-color:var(--background-color-primary);border-radius:.5rem;width:100%;height:7.8rem;padding:.5rem}.user-skeleton-bg{display:flex;flex-direction:column;background-color:var(--background-color-primary);border-radius:.5rem;width:100%;height:4rem;padding:.5rem}.skeleton-row{display:flex;gap:1rem}.skeleton-col{display:flex;flex-direction:column;gap:1rem}.skeleton-grid{display:grid;place-content:center;gap:.25rem}.skeleton-block{display:block}.post-skeleton-bg .circle,.user-skeleton-bg .circle{display:flex;background-color:var(--background-color-secondary);width:3rem;aspect-ratio:1/1;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.post-skeleton-bg .skeleton,.user-skeleton-bg .skeleton{display:flex;background-color:var(--background-color-secondary);width:100%;height:1rem;border-radius:.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.post-skeleton-bg hr{margin:1rem 0 .25rem;border-left:0;border-right:0;border-top:1px solid var(--hr-color);border-bottom:none}.skeleton-post-btns{justify-content:space-around}.post-skeleton-container{display:flex;flex-direction:column;gap:.5rem}.user-skeleton-container{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.whotofollow-skeleton-container{display:flex;flex-direction:column;gap:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-container{padding:1rem;background-color:var(--background-color-secondary);position:absolute;top:0;bottom:0;left:0;right:0}.auth-form{margin:50vh auto 0;transform:translateY(-50%);max-width:30rem;display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:.5rem;background-color:var(--background-color-primary)}.auth-heading{text-align:center;color:var(--text-color-primary)}.auth-container input{font-size:1rem;border-radius:.5rem;border:none;padding:1rem;color:var(--text-color-primary);background-color:var(--background-color-secondary)}.auth-container input:focus{outline:1px solid var(--text-color-secondary)}.form-link{text-align:center;color:var(--text-color-secondary)}.form-link a{text-decoration:none;color:var(--accent-color-primary)}.auth-container button{position:relative}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;cursor:default}.dropdown{position:absolute;right:calc(50% - 1rem);z-index:102}.dropdown:has(> .account-dropdown){left:0}.dropdown ul{width:max-content;overflow:hidden;list-style:none;background-color:var(--background-color-primary);border-radius:.5rem;box-shadow:var(--box-shadow-color-1) 0 0 15px,var(--box-shadow-color-2) 0 0 3px 1px}.post-dropdown li,.share-dropdown li{display:flex;gap:1rem;align-items:center;font-size:1rem;padding:.5rem 1rem;cursor:pointer;color:var(--text-color-primary)}.dropdown a{display:flex;gap:1rem;align-items:center;font-size:1rem;padding:.5rem 1rem!important;cursor:pointer;text-decoration:none}.dropdown li{transition:.1s}@media (hover: hover) and (pointer: fine){.dropdown li:hover{background-color:var(--hover-color)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:100;cursor:default}.modal-container{padding:1rem;position:absolute;left:0;right:0;top:0;bottom:0;height:fit-content;margin:auto;max-width:37.5rem;max-height:90%;background-color:var(--background-color-primary);border-radius:.5rem;overflow:auto}.modal-container hr{margin:1rem 0;border-left:0;border-right:0;border-top:1px solid var(--hr-color);border-bottom:none}.modal-container input{width:100%;padding:1rem;font-size:1rem;resize:none;border:none;background-color:var(--background-color-secondary);color:var(--text-color-primary);border-radius:.5rem}.close-modal-btn{display:flex;width:fit-content;height:fit-content;border-radius:50%;padding:.5rem;background-color:var(--hr-color);color:var(--text-color-secondary);font-weight:700;position:absolute;right:.5rem;top:.5rem}@media (hover: hover) and (pointer: fine){.close-modal-btn:hover{filter:brightness(90%)}}.material-symbols-outlined{vertical-align:middle}.modal-container h1{font-size:1.5rem;color:var(--text-color-primary)}.modal-container h2{text-align:left;font-size:1.5rem}.modal-container h4{color:var(--text-color-primary)}.modal-container form{padding-inline:1rem;display:grid;gap:1rem}.modal-centered{text-align:center}.modal-btns{margin-top:1rem;display:flex;justify-content:center;gap:1rem;align-items:center}.modal-btns button{width:12.5rem}.cancel-btn{background-color:var(--background-color-primary);color:var(--text-color-primary);border:1px solid #b9b9b9}.delete-btn{background-color:#f4212e;font-weight:700;background-color:var(--background-color-warning);color:var(--text-color-warning);border:1px solid var(--border-color-warning)}.comment-modal-main{margin:1rem 1rem 0}.modal-post{display:flex;gap:1rem}.modal-post-picture{margin-top:.25rem;display:flex;gap:.25rem;flex-direction:column}.modal-post-picture .modal-post-spacer{flex:1}.modal-post-picture .vertical-line{height:100%!important}.modal-post-picture img{object-fit:cover;width:3rem;height:3rem;border-radius:50%;vertical-align:middle}.modal-post-header{display:flex;align-items:center;gap:.25rem;padding:.5rem 0}.modal-post-text{word-break:break-all}.modal-post-fullname{color:var(--text-color-primary)}.modal-post-username,.modal-post-date{color:var(--text-color-secondary)}.modal-post-dot{color:var(--text-color-secondary);font-size:.5rem}.modal-post-body{display:flex;flex-wrap:wrap;font-size:1.5rem;color:var(--text-color-primary)}.modal-post-spacer .vertical-line{width:2px;border:none;height:3rem;margin-left:1.5rem;background-color:var(--hr-color)}.modal-comment-form{margin-top:.5rem;padding:0!important}.modal-comment-form .input-area{display:flex;gap:.5rem;align-items:center}.modal-comment-form .input-area img{object-fit:cover;width:3rem;height:3rem;border-radius:50%;vertical-align:middle;transition:.1s}.post-body-input{height:3rem;width:100%;padding:1rem;font-size:1rem;resize:none;overflow:hidden;border:none;background-color:var(--background-color-secondary);color:var(--text-color-primary);border-radius:.5rem}.post-body-input::placeholder{white-space:nowrap;overflow:hidden}.post-body-input:focus{outline:1px solid var(--text-color-secondary)}.modal-comment-picture{align-self:flex-start}.modal-comment-form img:hover{filter:none!important}.delete-account-modal button{margin-top:1rem;padding:0 1rem;font-weight:700;color:var(--text-color-warning);background-color:var(--background-color-warning);border:1px solid var(--border-color-warning)}.delete-account-modal .warning-text{margin:0 1rem 1rem;color:var(--text-color-primary)}.delete-account-modal .error-message{margin-bottom:1rem}.delete-account-modal label{color:var(--text-color-primary)}.edit-profile .profile-img-wrapper{position:relative;width:10rem;margin-inline:auto}.edit-profile .profile-img{object-fit:cover;width:100%;aspect-ratio:1/1;vertical-align:middle;border-radius:50%}.edit-profile .profile-img-wrapper input{display:none}.edit-profile .profile-img-wrapper label{cursor:pointer;position:absolute;bottom:2%;right:2%;color:var(--text-color-primary);background-color:var(--btn-background-color-secondary);padding:.5rem;border-radius:50%;transition:.1s;font-size:1.5rem}@media (hover: hover) and (pointer: fine){.edit-profile .profile-img-wrapper label:hover{filter:brightness(90%)}}.edit-post-modal .img-container{border-radius:.5rem;overflow:hidden;position:relative}.edit-post-modal .img-container img{width:100%;vertical-align:middle}.edit-post-modal .img-container .remove-img-btn{background-color:var(--background-color-secondary);position:absolute;display:flex;align-items:center;border-radius:50%;aspect-ratio:1 / 1;padding:.5rem;top:.25rem;right:.25rem;cursor:pointer}.btns-container{display:flex;gap:.5rem}.btns-container button,.btns-container label{width:100%;display:flex;align-items:center;justify-content:center;gap:.25rem}.btns-container label{border-radius:.5rem;background-color:var(--accent-color-primary);cursor:pointer}.btns-container input[type=file]{display:none}.comment{display:flex;gap:.5rem;padding:1rem}.comment-pfp{border-radius:50%}.comment-pfp img{border-radius:50%;vertical-align:middle;object-fit:cover;height:2.5rem;width:2.5rem}.comment-text{flex:1;word-break:break-all;padding:.25rem .5rem .5rem;background-color:var(--background-color-primary);border-radius:.5rem;position:relative}.comment-top{display:flex;justify-content:space-between;align-items:center}.comment-dropdown-wrapper{position:relative}.comment-top .meatball-btn{display:flex;padding:.25rem;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;user-select:none;transition:.1s}.comment-text .fullname{font-weight:700;color:var(--text-color-primary)}.comment-text .comment-body{color:var(--text-color-primary)}.like-section{position:absolute;bottom:0;height:fit-content;display:flex;gap:.25rem;align-items:center;transform:translateY(100%);color:var(--text-color-secondary)}.like-section .dot{padding-right:.25rem}.comment .like-btn{padding:.25rem;width:fit-content;height:fit-content;background-color:transparent;border-radius:.5rem!important;color:var(--text-color-primary)}.comment .liked{color:var(--accent-color-primary)}.post-page{padding-bottom:50%;display:grid;gap:1rem}.post-top{background-color:var(--background-color-primary);color:var(--text-color-primary);border-radius:.5rem;padding:.25rem;display:flex;align-items:center;gap:1rem}.post-top p{font-weight:700;font-size:1.25rem}.meatball-btn{padding:.5rem;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;user-select:none;transition:.1s}.post-main{background-color:var(--background-color-primary);border-radius:.5rem;padding:1rem 1rem 0;display:grid;gap:.5rem}.post-header{display:flex;align-items:center;justify-content:space-between}.post-header-left{display:flex;align-items:center;gap:1rem}.post-header-right{align-self:flex-start;position:relative}.post-body{word-break:break-all}.post-page .post-img-container{border-radius:.5rem;overflow:hidden}.post-page .post-img-container img{width:100%;vertical-align:middle}.post-pfp-btn{border-radius:50%;transition:.1s;cursor:pointer}@media (hover: hover) and (pointer: fine){.post-pfp-btn:hover{filter:brightness(90%)}}.post-pfp-btn img{object-fit:cover;width:3rem;height:3rem;border-radius:50%;vertical-align:middle}.post-fullname{cursor:pointer}.post-fullname:hover{text-decoration:underline}.post-body{display:flex;flex-wrap:wrap;font-size:1.5rem}.post-date{color:var(--text-color-secondary);display:flex;flex-shrink:0;align-items:center;gap:.25rem}.post-main hr{border-left:0;border-right:0;border-top:1px solid var(--hr-color);border-bottom:none}.post-bottom .like-comment-share-btns{margin-top:.25rem;margin-bottom:.25rem;display:flex;justify-content:space-around;color:var(--text-color-secondary)}@media (hover: hover) and (pointer: fine){.post-page .btn-wrapper:hover{color:var(--accent-color-primary);background-color:#1d9bf01a}}.post-page .like-btn,.comment-btn,.share-btn{border-radius:50%;display:flex;align-items:center;gap:.25rem}.post-page .selected{color:var(--accent-color-primary);font-variation-settings:"FILL" 1}.comment-section h2{color:var(--text-color-primary);text-align:center;margin-bottom:.25rem}.comments{display:grid}.post-page .btn-wrapper{display:flex;padding:.5rem;border-radius:50%;cursor:pointer;transition:.1s}.settings-page{display:grid;gap:1rem}.settings-top{background-color:var(--background-color-primary);color:var(--text-color-primary);border-radius:.5rem;padding:.25rem;display:flex;align-items:center;gap:1rem;font-weight:700}.settings-container{display:grid;gap:1rem}.settings-container hr{border-left:0;border-right:0;border-top:1px solid var(--hr-color);border-bottom:none;margin:1rem 0}.settings-container>div{padding:1rem;background-color:var(--background-color-primary);color:var(--text-color-primary);border-radius:.5rem}.appearance-options{display:grid;gap:1.5rem}.appearance-options>div{display:grid;gap:.5rem}.themes{background-color:var(--background-color-secondary);border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.themes>input[type=radio]{display:none}.themes>label{border-radius:.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1rem}.themes>label:before{content:"";height:1rem;width:1rem;border:2px solid black;border-radius:50%}.themes>label[for=light]{background-color:#fff;color:#000}.themes>label[for=light]:before{border-color:#b9b9b9}.themes>label[for=dark]{background-color:#000;color:#fff}.themes>label[for=dark]:before{border-color:#757575}.themes>input[type=radio]:checked+label:before{width:.75em;height:.75em;background-color:var(--accent-color-primary);outline:2px solid var(--accent-color-primary)}.themes>input[type=radio]:checked+label[for=light]:before{border:.25em solid white!important}.themes>input[type=radio]:checked+label[for=dark]:before{border:.25em solid black!important}.settings-page .warning{color:#f4212e}.delete-account button{margin-top:1rem;padding:0 1rem;font-weight:700;color:#f4212e;background-color:#f4212e1a;border:1px solid rgb(253,201,206)}.logout button{align-self:flex-end;background-color:var(--btn-background-color-secondary);color:var(--text-color-primary);font-weight:700;padding:1rem;display:flex;align-items:center}.logout a{display:flex;align-items:center;gap:.5rem}.user{background-color:var(--background-color-primary);border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between}.user img{height:3rem;width:3rem;border-radius:50%;object-fit:cover;vertical-align:middle;transition:.1s;cursor:pointer}@media (hover: hover) and (pointer: fine){.user img:hover{filter:brightness(90%)}}.user .user-info{display:flex;gap:.5rem;align-items:center}.user-info .fullname{color:var(--text-color-primary);cursor:pointer}.user-info .fullname:hover{text-decoration:underline;text-decoration-color:var(--text-color-primary)}.user-info .username{color:var(--text-color-secondary)}.follow-user-btn{display:flex;align-items:center;color:#fff;font-weight:700;padding:1rem}.unfollow-user-btn{background-color:var(--btn-background-color-secondary);color:var(--text-color-primary);font-weight:700;width:6rem}@media (hover: hover) and (pointer: fine){.unfollow-user-btn:hover{color:var(--text-color-warning);background-color:var(--background-color-warning);border:1px solid var(--border-color-warning)}}.connect-page{padding-bottom:50%;display:grid;gap:1rem}.connect-top{background-color:var(--background-color-primary);color:var(--text-color-primary);border-radius:.5rem;padding:.25rem;display:flex;align-items:center;gap:1rem;font-weight:700}.connect-h1{color:var(--text-color-primary);padding:0 .25rem;font-size:1.5rem}.unfollowed-users{margin:1rem 0;display:grid;gap:.5rem}.post{cursor:pointer;display:flex;flex-direction:column;padding:.25rem .5rem;background-color:var(--background-color-primary);border-radius:.5rem}.post .post-img-container{border-radius:.5rem;overflow:hidden;margin-right:4rem}.post-img{width:100%;vertical-align:middle}.post-content{display:flex;gap:1rem}.post-text{flex:1;word-break:break-all}.post-picture{padding-top:.25rem}.post-picture-btn{border-radius:50%}.post-picture img{object-fit:cover;width:3rem;height:3rem;border-radius:50%;vertical-align:middle;transition:.1s}@media (hover: hover) and (pointer: fine){.post-picture img:hover{filter:brightness(90%)}}.post-fullname-link{color:inherit;text-decoration:none}.post-fullname-link:hover{text-decoration:underline}.post-fullname-link,.post-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-fullname{color:var(--text-color-primary);overflow:hidden;text-overflow:ellipsis}.post .post-header{display:flex;align-items:center;justify-content:space-between}.left-post-header{display:flex;align-items:center;gap:.25rem}.right-post-header{position:relative}.meatball-btn{display:flex;padding:.5rem;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;user-select:none;transition:.1s}@media (hover: hover) and (pointer: fine){.meatball-btn:hover{color:var(--accent-color-primary);background-color:#1d9bf01a}}.post-username{color:var(--text-color-secondary)}.post-dot{color:var(--text-color-secondary);font-size:.5rem}.post-date{color:var(--text-color-secondary);flex-shrink:0}.post-body{color:var(--text-color-primary);display:flex;flex-wrap:wrap;font-size:1.5rem}.like-comment-share-btns{display:flex;justify-content:space-around;color:var(--text-color-secondary)}.like-comment-share-icons{font-size:1.25rem}@media (hover: hover) and (pointer: fine){.post .btn-wrapper:hover{color:var(--accent-color-primary);background-color:#1d9bf01a}}.post hr{margin:.5rem 0 .25rem;border-left:0;border-right:0;border-top:1px solid var(--hr-color);border-bottom:none}.post .like-btn,.comment-btn,.share-btn{border-radius:50%;display:flex;align-items:center;gap:.25rem}.post .liked{color:var(--accent-color-primary);font-variation-settings:"FILL" 1}.post .btn-wrapper{display:flex;padding:.5rem;border-radius:50%;cursor:pointer;transition:.1s}.share-btn{position:relative}.bookmarks-page{padding-bottom:50%;display:grid;gap:1rem}.bookmarks-top{background-color:var(--background-color-primary);color:var(--text-color-primary);border-radius:.5rem;padding:.25rem;display:flex;align-items:center;gap:1rem;font-weight:700}.bookmarks-posts{display:flex;flex-direction:column;gap:.5rem}.nav-sidebar{display:flex;flex-direction:column;padding:1rem 0}.nav-sidebar nav{background-color:var(--background-color-secondary);border-radius:.5rem;padding:1rem}.nav-sidebar .links{display:flex;flex-direction:column;gap:.5rem;list-style:none}.nav-sidebar nav li{display:flex;align-items:center;font-size:1.25rem;border-radius:.5rem}@media (hover: hover) and (pointer: fine){.nav-sidebar li:hover{background-color:var(--hover-color)}}.nav-sidebar nav a{text-decoration:none;color:var(--text-color-primary);display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;width:100%}.nav-sidebar .selected{color:var(--accent-color-primary)!important;font-weight:700;font-variation-settings:"FILL" 1}.curr-user-wrapper{position:relative;margin-top:auto}.curr-user{margin:0 auto;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:3.5rem;transition:.1s}.curr-user:hover{background-color:var(--hover-color)}.curr-user .fullname{font-weight:700;color:var(--text-color-primary);font-size:.9rem}.curr-user .username{color:var(--text-color-secondary);font-size:.9rem}.curr-user img{object-fit:cover;width:2.5rem;height:2.5rem;vertical-align:middle;border-radius:50%;transition:.1s}.right-sidebar{padding:1rem 0}.who-to-follow{background-color:var(--background-color-secondary);border-radius:.5rem;padding:1rem 1rem .5rem;display:grid;overflow:auto;gap:.5rem;max-height:calc(100vh - 3rem)}.who-to-follow h2{margin-bottom:.5rem;color:var(--text-color-primary)}.who-to-follow .show-more{background-color:var(--background-color-secondary);color:var(--accent-color-primary);height:fit-content;width:fit-content;padding:.5rem 1rem;margin:0 auto}.app-container{display:flex;gap:1rem;max-width:81.25rem;margin:0 auto;padding-inline:1rem}.nav-sidebar{flex-grow:1;z-index:100;height:100vh;position:sticky;top:0}.main{padding:1rem 1rem 0;flex-shrink:0;flex-basis:37.5rem;background-color:var(--background-color-secondary);position:relative}.main::-webkit-scrollbar{width:0}.right-sidebar{flex-basis:23rem;position:sticky;top:0;height:fit-content}@media (max-width: 76.875rem){.nav-sidebar .links{align-items:center}.nav-sidebar nav li{justify-self:center}.nav-sidebar nav li{width:fit-content}.nav-sidebar .link-txt,.nav-sidebar .curr-user-info{display:none}.curr-user{width:fit-content;border-radius:50%}}@media (width < 68.75rem){.nav-sidebar{flex-grow:0}.main{flex-shrink:1}.right-sidebar{display:none}}@media (width < 36.875rem){:root{background-color:var(--background-color-secondary)!important}.main{padding:0}.app-container{margin-top:0;padding:0}.nav-sidebar{top:unset;height:unset;position:fixed;bottom:0;left:0;right:0;padding:0}.nav-sidebar nav{border-radius:0;padding:0!important}.nav-sidebar .links{flex-direction:row!important;justify-content:space-around;padding-top:.25rem;padding-bottom:.25rem}.nav-sidebar .curr-user{display:none}.main{height:100%;background-color:unset;overflow:unset}.post-header{font-size:.9rem}.post-body{font-size:1.25rem!important}.profile-top,.profile-card,.post,.post-main,.post-top,.new-post-form,.followers-following-page .header,.user,.settings-top,.settings-container .appearance,.settings-container .account{border-radius:0!important}}.followers-following-page{padding-bottom:50%;display:grid;gap:1rem}.header{padding:1rem;background-color:var(--background-color-primary);border-radius:.5rem;display:grid;gap:.5rem}.header .top{display:flex;align-items:center;gap:1rem}.header .username{color:var(--text-color-secondary)}.header .fullname{font-weight:700}.following-user-info{display:grid;gap:0}.following-user-info .fullname{color:var(--text-color-primary)}.back-btn{display:flex;user-select:none;color:var(--text-color-primary);cursor:pointer;border-radius:50%;padding:.5rem;transition:.1s}@media (hover: hover) and (pointer: fine){.back-btn:hover{color:var(--accent-color-primary);background-color:#1d9bf01a}}.user-connections{display:grid;gap:.5rem}.header .links{justify-self:center;display:flex;gap:.5rem}.followers-link,.following-link{cursor:pointer;border-radius:.5rem;padding:1rem;color:var(--text-color-secondary);font-weight:700}@media (hover: hover) and (pointer: fine){.followers-link:hover,.following-link:hover{color:var(--accent-color-primary);background-color:#1d9bf01a}}.active-link{color:var(--text-color-primary)}.active-link:after{content:"";background-color:var(--accent-color-primary);height:2px;display:block;position:relative;bottom:-1rem}.load-more{padding:.5rem 1rem;width:fit-content;height:fit-content;margin:0 auto;background-color:var(--background-color-primary);color:var(--text-color-secondary);border-radius:2rem}*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{color-scheme:only light;--accent-color-primary: #1877f2}:root.light{color-scheme:light;--background-color-primary: white;--background-color-secondary: #f0f2f5;--background-color-warning: rgba(244, 33, 46, .1);--btn-color-primary: white;--btn-background-color-secondary: #e4e6eb;--btn-background-color-disabled: #e4e6eb;--btn-color-disabled: #b9b9b9;--text-color-primary: black;--text-color-secondary: #71767b;--text-color-warning: rgb(244, 33, 46);--border-color-warning: rgb(253, 201, 206);--hr-color: #d8dadf;--hover-color: #e4e6eb;--box-shadow-color-1: rgb(101 119 134 / 20%);--box-shadow-color-2: rgb(101 119 134 / 15%)}:root.dark{color-scheme:dark;--background-color-primary: black;--background-color-secondary: #16181c;--background-color-warning: rgba(244, 33, 46, .1);--btn-color-primary: white;--btn-background-color-secondary: #21242a;--btn-background-color-disabled: #21242a;--btn-color-disabled: #b9b9b9;--text-color-primary: #e7e9ea;--text-color-secondary: #71767b;--text-color-warning: rgb(244, 33, 46);--border-color-warning: rgb(253, 201, 206);--hr-color: #242526;--hover-color: #21242a;--box-shadow-color-1: rgba(255, 255, 255, .2);--box-shadow-color-2: rgba(255, 255, 255, .15)}:root{background-color:var(--background-color-primary)}html{scrollbar-gutter:stable}img{user-select:none}button{font-size:1rem;height:2.5rem;border-radius:.5rem;border:none;cursor:pointer;color:var(--btn-color-primary);background-color:var(--accent-color-primary);transition:.1s}@media (hover: hover) and (pointer: fine){button:enabled:hover{filter:brightness(90%)}}button:disabled{border:none;background-color:var(--btn-background-color-disabled);color:var(--btn-color-disabled);cursor:not-allowed}a{text-decoration:none;color:var(--text-color-primary)}.error-message{color:var(--text-color-warning);background-color:var(--background-color-warning);border:1px solid var(--border-color-warning);border-radius:.5rem;width:fit-content;padding:.25rem .5rem;margin:0 auto}label{display:grid}.loading-background{background-color:var(--background-color-primary);width:fit-content;margin:1rem auto;text-align:center;font-size:1rem;padding:1rem;border-radius:1rem}.persist-loading-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:1rem;background-color:var(--background-color-secondary);width:fit-content;text-align:center;font-size:1rem;padding:1rem;border-radius:.5rem}.persist-loading-background p{color:var(--text-color-primary)}.no-posts{display:grid;gap:.25rem;text-align:center;margin:0 auto;background-color:var(--background-color-primary);color:var(--text-color-primary);width:fit-content;padding:.5rem 1rem;border-radius:.5rem}.no-posts button{background-color:var(--background-color-secondary);color:var(--accent-color-primary);height:fit-content;width:fit-content;padding:.5rem 1rem;margin:0 auto}