.webtitle{font-family:serif;font-size:2rem;padding-left:12px;display:flex;align-items:center;cursor:pointer}.navigation-container{display:flex;height:fit-content;justify-content:space-between;width:100%;align-items:center;position:sticky;top:0;background-color:var(--bg-color);padding:12px;z-index:2;border-bottom:solid var(--border-color) 1px}.webtitle-text{color:var(--text-color)}.profile-dropdown{position:absolute;right:2px;top:55px;background-color:var(--dropdown-bg);border:solid black 1px;max-width:270px;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:1rem;box-shadow:var(--dropdown-shadow);border-radius:4px;border:0px;opacity:0;visibility:hidden;transform:translateY(-10%);transition:opacity .3s ease,transform .3s ease}.profile-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.search-icon,.admin-icon,.write-icon,.logout-icon,.profile-icon{height:24px;width:24px}.profile-container{display:flex}.write-btn{display:flex;align-items:center;padding:0;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin-right:32px;background-color:transparent;border:0px;cursor:pointer}.write-btn-dropdown,.write-btn,.sign-out-btn,.admin-portal-btn,.profile-btn{color:var(--secondary-color)}.admin-portal-btn:hover,.write-btn-dropdown:hover,.write-btn:hover,.sign-out-btn:hover,.profile-btn:hover{color:var(--secondary-hover-color)}.profile-dropdown-list>li{list-style-type:none;display:flex;align-items:center;padding:18px;gap:24px;cursor:pointer}.profile-dropdown-list>li:hover{background-color:var(--dropdown-item-hover)}.profile-dropdown-list li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.profile-dropdown-list li:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.nav-profile{height:40px;width:40px;border:0px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem}.nav-pp{height:41px;width:41px;border:0px;border-radius:50%}.sun-icon,.moon-icon{height:25px;width:25px}.toggle-theme-btn-ctr{display:flex;align-items:center;justify-content:center;margin-right:6px}.toggle-theme-btn{display:flex;align-items:center;justify-content:center;padding:3px;border:0px;background-color:transparent;border-radius:50%;cursor:pointer}li.write-btn-dropdown{display:none}.search-icon{color:var(--secondary-color)}.navigation-container .search-container{margin-right:auto}.search-container{display:flex;align-items:center;background-color:var(--dialog-input-bg);padding-left:12px;padding-right:12px;border-radius:24px;width:100%;max-width:240px;margin-left:24px}.post-search-input{outline:none;background-color:transparent;text-align:start;padding-left:12px;width:100%;color:var(--comment-input-text)}.search-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:0px;color:var(--secondary-color);display:none}.search-btn.hidden,.search-container.hidden{display:none}@media (max-width: 460px){.search-btn{display:flex;cursor:pointer;padding:6px;border-radius:50%}.search-container{display:none}.navigation-container .search-btn{margin-left:auto;margin-right:18px}}@media (max-width: 720px){.toggle-theme-btn{margin-right:24px}.profile-dropdown-list>li.write-btn-dropdown{display:flex}.write-btn{display:none}}@media (max-width: 500px){.webtitle{padding-left:0;font-size:1.8rem}.nav-profile{height:30px;width:30px;font-size:1rem;display:flex;justify-content:center;align-items:center}.search-icon,.admin-icon,.write-icon,.logout-icon,.profile-icon{height:24px;width:24px}.write-btn{font-size:1rem;margin-right:18px}.profile-dropdown{max-width:230px;width:100%;font-size:1rem;opacity:0;visibility:hidden;transform:translateY(-20%);transition:opacity .3s ease,transform .3s ease}.profile-dropdown.active{transform:translateY(-10px)}}.loader-container{height:90vh;width:100vw;display:flex;justify-content:center;align-items:center}html{background-color:var(--bg-color)}:root{--bg-color: #ffffff;--text-color: #1a1a1a;--primary-color: #4f46e5;--secondary-color: #64748b;--border-color: #e2e8f0;--card-bg: #f9fafb;--secondary-hover-color: #252525;--interactive-hover-bg: #e5e5e5;--dropdown-bg: #ffffff;--dropdown-shadow: 0px 0px 15px rgba(0, 0, 0, .1);--dropdown-border: #ffffff;--dropdown-item-hover: #e2e8f0;--comment-input-bg: #f9f9f9;--comment-input-text: #000;--submit-btn-bg: #156d12;--submit-btn-border: #156d12;--submit-btn-color: #156d12;--submit-btn-hover-bg: #135c10;--dialog-input-bg: #f1f5f9;--dialog-input-text: #1a1a1a;--dialog-input-border: #cbd5e1;--dialog-input-placeholder: #94a3b8;--dialog-input-focus-border: #4f46e5;--card-hover-bg: #f3f4f6;--link-color: #1e40af;--link-hover-color: #4338ca}[data-theme=dark]{--bg-color: #121212;--text-color: #f5f5f5;--primary-color: #6366f1;--secondary-color: #94a3b8;--border-color: #334155;--card-bg: #1e1e1e;--secondary-hover-color: #f0f0f0;--interactive-hover-bg: #4b4b4b;--dropdown-bg: #1f1f1f;--dropdown-shadow: 0px 4px 12px rgba(255, 255, 255, .05);--dropdown-border: #2a2a2a;--dropdown-item-hover: #2f2f2f;--comment-input-bg: #1e1e1e;--comment-input-text: #f1f1f1;--submit-btn-bg: #4caf50;--submit-btn-border: #4caf50;--submit-btn-color: #4caf50;--submit-btn-hover-bg: #43a047;--dialog-input-bg: #2a2a2a;--dialog-input-text: #f5f5f5;--dialog-input-border: #3a3a3a;--dialog-input-placeholder: #9ca3af;--dialog-input-focus-border: #6366f1;--card-hover-bg: #2a2a2a;--link-color: #60a5fa;--link-hover-color: #93c5fd}.postcard-container{display:flex;max-width:800px;width:100%;border-bottom:solid var(--border-color) 1px;flex-direction:column;padding:22px 12px}.top{display:flex;justify-content:space-between;align-items:center}a{text-decoration:none;color:#000}.profile{display:flex;gap:12px;align-items:center;padding:6px 0}.author-pict{height:25px;width:25px;border-radius:50%}.author-name{font-size:1rem;border-bottom:solid transparent 1px;color:var(--text-color);word-break:break-word}.right{display:flex;justify-content:center;align-items:center;min-width:200px;background-size:cover;background-position:center;width:200px;height:150px}.post-header-img{height:120px;width:120px}.post-title{font-size:1.5rem;font-weight:700;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;max-width:200px;font-family:Arial,Helvetica,sans-serif;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:normal;padding-right:12px;color:var(--text-color)}.post-subtext{padding-top:6px;font-size:1.3rem;overflow-wrap:break-word;word-break:break-word;padding-right:12px;color:var(--text-color)}.bottom{padding-top:32px}.left-info{display:flex;gap:18px;font-size:.9rem;opacity:70%}.author-pict-div{border-radius:50%;background-color:transparent;height:28px;width:28px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff}.author-pict-div-skeleton{border-radius:50%;height:28px;width:28px;display:flex;justify-content:center;align-items:center;border-bottom:solid transparent 1px}.comment{display:flex;align-items:center;gap:6px}.heart-icon-card,.comment-icon{height:18px;width:18px}.date{display:flex;align-items:center;color:var(--text-color);font-size:1rem}@media (max-width: 500px){.post-title{display:flex;font-size:1.2rem;font-weight:700;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:normal}.post-subtext{padding-top:6px;overflow-wrap:break-word;word-break:break-word;font-size:1rem}.right{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;min-width:120px;width:10px;height:80px}.post-header-img{height:70px;width:70px}.left-info{font-size:.7rem}.heart-icon-card,.comment-icon{height:18px;width:18px}}.small-loader-container{height:100%;width:100%;padding:24px;display:flex;justify-content:center;align-items:center}.landing-canvas{width:100%;height:100vh;overflow-y:hidden;overflow-x:hidden}.landing-container{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;overflow-x:hidden;background-color:#fdfaf6}.landing-container canvas{position:absolute;top:0;left:0;z-index:1}.landing-container .content{position:relative;z-index:2}.l-nav-container{width:100%;display:flex;justify-content:center;border-bottom:solid gray 1px}.web-title{font-size:2rem;font-weight:700}.l-foot-container{width:100%;display:flex;justify-content:center;border-top:solid gray 1px}.nav-flex-container{display:flex;justify-content:space-between;padding:12px;max-width:1110px;width:100%;align-items:center}.l-main-container{height:100%;max-width:1110px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start}.foot-flex-container{max-width:1110px;width:100%;height:50px;display:flex;justify-content:center;gap:18px;align-items:center}.foot-flex-container a{color:#6b6b6b;font-size:.9rem;cursor:pointer;z-index:3}.main-title{font-size:6rem;z-index:3;display:flex;flex-wrap:wrap;padding:24px}.main-subtitle{padding:24px 24px 48px;font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;max-width:500px}.start-reading-btn{margin-left:24px;font-size:1.2rem;padding:8px 32px;border:0px;background-color:#000;color:#fff;border-radius:24px;z-index:3;cursor:pointer}.right-nav{z-index:3}.write-btn-landing,.sign-in-btn{background-color:transparent;padding:12px 18px 12px 12px;border:0px;cursor:pointer}.get-started-btn{padding:8px 16px;margin-left:12px;border:0px;background-color:#000;color:#fff;border-radius:24px;z-index:3;cursor:pointer}.dialog-container{position:fixed;height:100vh;width:100vw;display:flex;z-index:4;background-color:#fff0;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease,background-color .3s ease}.dialog-container.active{background-color:#fffffff5;opacity:1}.sign-in{padding:100px;background-color:#fff;opacity:100%;box-shadow:0 0 15px #0000001a;border-radius:3px;height:90vh;width:44vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;opacity:0;transform:translateY(10%);transition:opacity .3s ease,transform .3s ease}.sign-in.active{opacity:100%;transform:translateY(0)}.sign-type-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dialog-title{font-size:2rem;text-align:center}.email-btn{max-width:250px;width:100%;padding:6px 12px;background-color:transparent;border-radius:50px;border:solid black 1px;align-items:center;display:flex;justify-content:space-between;cursor:pointer;font-size:1rem;margin:12px 0}.guest-icon,.sign-icon{height:24px;width:24px}.close-dialog-btn{position:absolute;top:12px;right:12px;background-color:transparent;border:0px;cursor:pointer;opacity:50%}.spacer{height:12px;width:12px}.sign-in-info,.sign-in-info>button{font-size:1rem}.create-acc-btn.padding{padding-left:6px}.create-acc-btn,.sign-up-btn{color:#1a8917;background-color:transparent;border:0px;font-weight:700;cursor:pointer;padding-left:6px}.sign-up-btn.options{font-weight:500}.create-acc-btn:hover,.sign-up-btn:hover{color:#156d12}.sign-up-form{display:flex;flex-direction:column;max-width:300px;width:100%;padding:12px;justify-content:center}.sign-up-form>button{align-self:center}.label{text-align:center;padding-bottom:8px;margin-top:12px}input{text-align:center;height:32px;font-size:1rem;background-color:#f2f2f2;border:0px}input:focus{background-color:transparent;border-radius:4px}.submit-btn{padding:9px 7px;width:80%;border-radius:50px;background-color:#000;border:solid transparent 1px;color:#fff;margin-top:24px;cursor:pointer}.input-ctr{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.input-ctr>input{flex-grow:1}.error-exclamation{position:absolute;right:0;transform:translate(100%);cursor:pointer;padding-left:3px;display:flex;justify-content:center;align-items:center}.exclamation-icon{height:24px;width:24px}.username-error,.password-error,.email-error{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:12px;font-size:.9rem;color:#c94a4a;padding:0 6px}.wrapper{height:100vh;width:100vw;overflow-y:hidden}.sign-btn-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}@media (max-width: 470px){.web-title{font-size:1.5rem}.main-title{font-size:4.3rem;z-index:3}.main-subtitle{max-width:350px}.write-btn-landing,.sign-in-btn{display:none}.sign-in{height:60vh;width:90vw;padding:12px}.l-foot-container{background-color:#000;z-index:3}.foot-flex-container>a{color:#fff}}@media (max-width: 1000px){.dialog-title{padding-top:12px;padding-bottom:12px}.sign-in{height:80vh;width:90vw;padding:24px 12px}.email-btn{transform:translateY(-20px)}}.featured-post-container{max-width:400px;width:30%;cursor:pointer;background-color:var(--bg-color);flex-shrink:0;align-self:flex-start}.featured-post-card-container{font-family:Arial,Helvetica,sans-serif;padding:12px 24px;background-color:transparent;transition:background-color .3s ease}.featured-post-card-container:hover{background-color:var(--card-hover-bg)}.featured-profile{display:flex;gap:12px}.featured-profile-name{font-size:1rem;font-weight:500;color:var(--text-color);display:flex;align-items:center;word-break:break-word}.featured-post-title{padding-top:12px;padding-bottom:12px;font-size:1rem;font-weight:700;color:var(--text-color)}.featured-profile-image{height:25px;width:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.featured-post-date{font-size:1rem;color:var(--secondary-color)}.card-title-fp{font-size:1.3rem;font-weight:100;flex-wrap:wrap;max-width:200px;max-width:100%;color:var(--text-color);padding:6px 18px;margin-bottom:6px;margin-top:12px;font-weight:700}@media (max-width: 830px){.featured-post-container{display:none}}.posts-container{font-family:Times New Roman,Times,serif;font-size:1rem;display:flex;flex-direction:column;align-items:center;padding-bottom:32px;flex-grow:1;border-right:solid 1px var(--border-color)}*{padding:0;margin:0;box-sizing:border-box}.navigation-container{display:flex;justify-content:space-between}.homepage-container{display:flex;width:100%;justify-content:center;background-color:var(--bg-color)}.not-found-ctr{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0 20px;text-align:center}.top-nf{font-size:6rem;font-weight:700;color:var(--text-color);margin-bottom:10px}.main-middle-nf{font-size:2rem;font-weight:500;margin-bottom:10px;color:var(--text-color)}.sub-middle-nf{font-size:1rem;color:var(--secondary-color);margin-bottom:30px;max-width:500px}.bottom-nf .go-home-btn{padding:12px 24px;font-size:1rem;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.bottom-nf .go-home-btn:hover{background-color:#333;transform:translateY(-2px)}@media (max-width: 600px){.top-nf{font-size:4rem}.main-middle-nf{font-size:1.5rem}.sub-middle-nf{font-size:.9rem}}.comment-section-container{max-width:750px;width:100%;text-align:justify;padding:12px;margin-bottom:320px}.user-info-cs{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}.user-name{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;color:var(--text-color)}.profile-pict-cs{height:40px;width:40px;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;background-color:transparent}.reply-input-container,.edit-comment-input-ctr,.comment-input-ctr{display:flex;flex-direction:column}.comment-input-ctr{margin-bottom:24px}.edit-comment-input-ctr{margin-top:24px}.edit-comment-input,.comment-input{width:100%;resize:none;height:fit-content;padding:12px;background-color:var(--comment-input-bg);color:var(--comment-input-text);border:0px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;outline:none;border-top-left-radius:8px;border-top-right-radius:8px}.submit-comment-btn{display:flex;justify-content:space-between;padding:12px;background-color:var(--comment-input-bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.comment-ctr{border-top:solid var(--border-color) 1px;margin-top:24px;padding-top:18px;padding-bottom:9px}.comment-top{display:flex;justify-content:space-between}.comment-top-left{display:flex}.user-comment-profilepicture{height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;background-color:transparent;cursor:pointer}.user-comment-profilepicture-subcomment{height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1rem;background-color:transparent;cursor:pointer}.comment-content,.comment-username{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:var(--text-color)}.comment-username{cursor:pointer;color:var(--text-color)}.outline-dislike-icon,.outline-like-icon{color:var(--text-color)}.comment-user-info{padding-left:12px}.comment-created-at{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:gray}.comment-middle{padding-top:12px}.comment-content{line-height:1.1;white-space:pre-line;overflow-wrap:break-word;word-break:break-word}.edit-comment-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;border:0px;position:relative}.edit-comment-icon{width:25px;cursor:pointer;color:var(--secondary-color)}.comment-content{overflow-wrap:break-word;word-break:break-word}.edit-comment-dropdown{position:absolute;box-shadow:0 0 15px #0000001a;top:18px;width:150px;left:80%;transform:translate(-100%);flex-direction:column;padding:12px;gap:12px;border-radius:3px;background-color:#fff;display:flex}.cmnt-edit-btn{width:fit-content;font-size:1rem;font-family:Arial,Helvetica,sans-serif}.click-to-edit{color:#6b6b6b;cursor:pointer;text-align:center}.click-to-edit:hover{color:#000}.click-to-delete{color:#c94a4a;cursor:pointer}.show-more-btn{background-color:transparent;border:0px;color:gray;cursor:pointer;transform:translateY(-5px)}.submit-comment{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px var(--submit-btn-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--submit-btn-color)}.submit-comment.active{background-color:var(--submit-btn-color);color:#fff}.submit-comment.disabled{opacity:50%;cursor:default}.cancel-comment{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px #c94a4a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#c94a4a}.cancel-comment:hover{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px #c94a4a;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#c94a4a;color:#fff}.edit-submit-ctr{display:flex;gap:12px}.is-dev,.is-author{font-size:.7rem;padding:2px 3px;text-align:center;background-color:#1a8917;border-radius:3px;color:#fff;margin-left:6px}.is-dev{background-color:#00bcff}.comment-bottom{display:flex;padding-top:18px;align-items:center}.dislike-btn,.like-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:transparent;border:solid 1px transparent;border-radius:50%;padding:4px;transition:background-color .3s ease,border-color .3s ease}@media (hover: hover){.dislike-btn:hover,.like-btn:hover{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}}@media (hover: none){.dislike-btn:active,.like-btn:active{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}.dislike-btn:not(:active),.like-btn:not(:active){background-color:transparent;border:solid 1px transparent}}.dislike-icon,.like-icon{height:18px;width:18px}.dislike-btn{margin-left:6px}.total-dislike-on-comment,.total-like-on-comment{font-size:1rem;color:var(--text-color)}.reply-comment-btn{background-color:transparent;margin-left:8px;font-size:1rem;border:solid 1px transparent;border-radius:18px;padding:6px 12px;font-weight:700;cursor:pointer;color:var(--text-color);transition:background-color .3s ease,border-color .3s ease}@media (hover: hover){.reply-comment-btn:hover{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}}@media (hover: none){.reply-comment-btn:active{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}.reply-comment-btn:not(:active){background-color:transparent;border:solid 1px transparent}}.submit-reply-btn{display:flex;justify-content:space-between;padding:0 8px 12px;background-color:var(--comment-input-bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.reply-input{width:100%;resize:none;height:fit-content;padding:12px;background-color:var(--comment-input-bg);color:var(--comment-input-text);border:0px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;outline:none;border-top-left-radius:8px;border-top-right-radius:8px}.submit-reply{background-color:transparent;border-radius:12px;padding:4px 8px;border:solid 1px var(--submit-btn-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--submit-btn-color)}.submit-reply.active{background-color:var(--submit-btn-color);color:#fff}.submit-reply.disabled{opacity:50%;cursor:default}.nested-replies{margin-left:0;border-left:solid var(--border-color) 1px;padding-left:0}.toggle-replies-btn{background-color:transparent;border:0px;cursor:pointer;color:#1a8917}@font-face{font-family:Arial Black;src:url(../assets/font/ARIBLK.TTF) format("truetype");font-weight:700;font-style:normal}.post-head-container{padding-left:24px;padding-right:24px;max-width:750px;width:100%;margin-top:12px;margin-bottom:12px}.post-title-head{font-size:1.8rem;font-weight:700;width:100%;font-family:Arial Black;word-break:break-word;color:var(--text-color)}.author-and-post-info{display:flex;width:100%;align-items:center}.left-head{height:60px;width:60px;margin:12px 0 12px 12px;transform:translate(-12px)}.profile-pict{height:55px;width:55px;padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;cursor:pointer;background-color:transparent}.post-info{display:flex;font-size:1rem;color:gray;gap:8px}.post-author{width:fit-content;border-bottom:solid transparent 1px;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;color:var(--text-color);word-break:break-word}.post-author:hover{border-bottom:solid var(--text-color) 1px;cursor:pointer}.r-h-flex{display:flex;gap:6px;align-items:center}.follow-btn{background-color:transparent;border:0px;font-family:Times New Roman,Times,serif;color:var(--text-color);cursor:pointer;padding:0;display:flex;gap:6px;height:fit-content}.follow-text{font-size:1rem;display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif;color:var(--text-color)}.follow-text{border-bottom:solid transparent 1px}.follow-text.follow{border-bottom:solid var(--text-color) 1px}.right-head{display:flex;flex-direction:column;flex-grow:1}.post-end{margin-left:auto;display:flex}.post-feature,.post-like,.post-bookmark,.post-options{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:4px;border:solid transparent 1px;border-radius:50%;transition:background-color .3s ease,border-color .3s ease}@media (hover: hover){.post-feature:hover,.post-like:hover,.post-bookmark:hover,.post-options:hover,.hover-effect:hover{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}}@media (hover: none){.post-feature:active,.post-like:active,.post-bookmark:active,.post-options:active,.hover-effect:active{background-color:var(--interactive-hover-bg);border:solid 1px var(--interactive-hover-bg)}.post-feature:not(:active),.post-like:not(:active),.post-bookmark:not(:active),.post-options:not(:active),.hover-effect:not(:active){background-color:transparent;border-color:solid 1px transparent}}.post-options{position:relative}.post-featured-icon,.post-like-icon,.post-bookmark-icon,.post-options-icon{height:25px;width:25px;color:var(--secondary-color)}.report-post-icon{height:20px;width:20px}.edit-post-icon{height:19px;width:19px}.edit-post{display:flex;align-items:center;gap:12px;color:#1a8917;cursor:pointer;background-color:transparent;border:0px}.report-post{display:flex;align-items:center;gap:12px;color:#c94a4a;cursor:pointer;background-color:transparent;border:0px}.report-post:hover{color:red}.post-options-dropdown{position:absolute;box-shadow:var(--dropdown-shadow);top:32px;width:150px;left:80%;transform:translate(-100%);cursor:default;flex-direction:column;gap:12px;padding:12px 12px 12px 24px;border-radius:3px;background-color:var(--dropdown-bg);display:flex;opacity:0;display:none}.post-options-dropdown:hover{background-color:var(--dropdown-hover)}.post-options-dropdown.active{opacity:1;display:block}.comment-report-ctr,.post-report-ctr{position:fixed;height:100vh;width:100vw;display:flex;opacity:0;pointer-events:none;top:0;left:0;z-index:10;background-color:#fff0;justify-content:center;align-items:center;transition:opacity .3s ease,background-color .3s ease}.comment-report-ctr.active,.post-report-ctr.active{opacity:1;display:flex}.report-form{padding:50px;background-color:#fff;opacity:100%;box-shadow:0 0 15px #0000001a;border-radius:3px;height:fit-content;width:500px;display:flex;flex-direction:column;margin:12px;justify-content:space-between;position:relative;overflow-y:auto;opacity:0;transform:translateY(10%);transition:opacity .3s ease,transform .3s ease}.report-form.active{opacity:100%;transform:translateY(0);pointer-events:auto}.r-i-ctr{display:flex;align-items:center;gap:12px;font-size:1.1rem;padding-top:6px;padding-bottom:6px}.report-radio{height:20px;width:20px;cursor:pointer}.r-i-ctr>label{cursor:pointer}.report-post-title{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem}.additional-info-txt{width:100%;resize:none;height:fit-content;padding:12px;background-color:#e8e8e8;border:0px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;outline:none}.additional-info-ctr{margin-top:6px;margin-bottom:6px}.add-info-text{font-size:1.1rem}.submit-report-btn-ctr{display:flex;justify-content:end;gap:12px;padding:12px}.cancel-report-btn{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px red;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:red}.submit-report-btn{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px #156d12;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#156d12;opacity:100%}.submit-report-btn.disabled{opacity:50%;cursor:default}.cancel-report-btn:hover{background-color:red;color:#fff}.submit-report-btn:hover{background-color:#156d12;color:#fff}@media (max-width: 470px){.report-form{padding:25px}.r-i-ctr{display:flex;align-items:center;gap:12px;font-size:1rem;padding-top:6px;padding-bottom:6px}.report-radio{height:15px;width:15px}.report-post-title{font-family:Arial,Helvetica,sans-serif;font-size:1.1rem}.post-featured-icon,.post-like-icon,.post-bookmark-icon,.post-options-icon{height:20px;width:20px}.left-head{height:fit-content;width:fit-content;margin:12px 0 12px 12px;display:flex;justify-content:center;align-items:center;transform:translate(-12px)}.profile-pict{padding:0;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;font-size:1.5rem;height:45px;width:45px}.follow-text,.post-author{font-size:1rem}.time-to-read,.post-date{display:flex;font-size:.9rem;align-items:center}}@media (max-width: 800px){.author-and-post-info{padding-left:0;padding-right:0}.profile-pict{height:50px;width:50px;padding:0!important;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.7rem;cursor:pointer}}.blog-post-container{width:100%;display:flex;font-size:1.3rem;line-height:1.5;flex-direction:column;align-items:center;background-color:var(--bg-color)}.preview-post-container-write h1,.preview-post-container h1,.preview-post-container-write h2,.preview-post-container h2,.preview-post-container-write h3,.preview-post-container h3{margin-bottom:.8em;margin-top:.2em;color:var(--text-color)}.search-page-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.search-header{margin-bottom:24px}.search-header h1{font-size:2rem;margin-bottom:8px;color:var(--text-color)}.search-query{color:var(--secondary-color);font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--secondary-color)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--secondary-color);animation:spin 1s ease-in-out infinite;margin-bottom:16px}.search-button:disabled{opacity:.5;cursor:not-allowed}.no-query-message,.no-results{text-align:center;padding:40px 0;color:var(--secondary-color)}.no-results p:first-child{font-size:1.2rem;margin-bottom:8px;color:var(--text-color)}.search-results-list{display:flex;flex-direction:column;gap:24px}.post-card{padding:20px;border-radius:8px;background-color:var(--bg-color);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.post-link{text-decoration:none}.post-title{font-size:1.5rem;margin-bottom:12px;color:var(--text-color)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem}.author-info{display:flex;align-items:center;gap:8px}.author-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.author-name{color:var(--secondary-color);word-break:break-word}.post-details{display:flex;gap:16px;color:var(--secondary-color)}.post-excerpt{color:var(--text-color);margin-bottom:16px;line-height:1.5}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:var(--dialog-input-bg);color:var(--secondary-color);padding:4px 8px;border-radius:4px;font-size:.8rem}.search-form{width:100%;margin:20px 0;display:flex;gap:10px}.search-input-container{position:relative;flex:1;display:flex;align-items:center;background-color:var(--dialog-input-bg);border-radius:24px;padding:0 15px}.search-icon{width:20px;height:20px;color:var(--secondary-color)}.search-input{flex:1;border:none;outline:none;background:transparent;padding:12px 10px;font-size:16px;color:var(--text-color)}.clear-search-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px}.clear-icon{width:18px;height:18px;color:var(--secondary-color)}.search-button{background-color:var(--submit-btn-bg);color:#fff;border:none;border-radius:24px;padding:0 20px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.search-button:hover{background-color:var(--submit-btn-hover-bg)}.no-results-title{word-break:break-word}@media (max-width: 600px){.search-page-container{padding:12px}.search-header h1{font-size:1.5rem}.search-form{flex-direction:column;gap:8px}.search-button{width:100%;padding:10px}.search-input-container{padding:0 10px}.search-input{padding:10px 5px;font-size:14px}.post-meta{flex-direction:column;align-items:flex-start;gap:8px}.post-details{width:100%;font-size:.8rem}.post-title{font-size:1.2rem;line-height:1.3}.post-excerpt{font-size:.9rem;line-height:1.4}.post-card{padding:15px}.author-avatar{width:28px;height:28px}.author-name{font-size:.8rem}.post-tags{gap:6px}.tag{font-size:.7rem;padding:3px 6px}.no-results-title{font-size:1rem;word-break:break-word}.no-results p:not(.no-results-title){font-size:.9rem}.search-query{font-size:.9rem;overflow-wrap:break-word;word-wrap:break-word}}.follower-dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Arial,Helvetica,sans-serif}.follower-dialog{background-color:var(--bg-color);border-radius:8px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;opacity:0;transform:scale(.9);transition:all .2s ease-in-out;box-shadow:0 4px 12px #00000026}.follower-dialog.active{opacity:1;transform:scale(1)}.follower-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.follower-dialog-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.follower-dialog-content{overflow-y:auto;padding:0;flex-grow:1;color:var(--text-color)}.follower-loading,.no-followers{padding:40px 20px;text-align:center;color:var(--secondary-color)}.follower-list{list-style:none;margin:0;padding:0}.follower-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.follower-list .follower-item:last-child{border-bottom:0px}.follower-profile{display:flex;gap:12px;flex:1}.follower-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}.follower-profile-pic-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.follower-info{flex:1;overflow:hidden}.follower-name{font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;color:var(--text-color);text-overflow:ellipsis;word-break:break-word}.follower-username{color:var(--secondary-color);font-size:14px;margin-bottom:4px;word-break:break-word}.follower-bio{font-size:14px;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.follower-follow-btn{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #1a8917;background-color:#fff;color:#1a8917;cursor:pointer;transition:all .2s ease;min-width:80px;text-align:center}.follower-follow-btn:hover{background-color:#1a89171a}.follower-follow-btn.following{background-color:#1a8917;color:#fff}.follower-follow-btn.following:hover{background-color:#147012}.follower-dialog .close-dialog-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%}.follower-dialog .close-dialog-btn:hover{background-color:#0000000d}.follower-dialog .x-logo{width:20px;height:20px}@media (max-width: 600px){.follower-dialog{width:90%;max-width:none;height:70%;max-height:none}.follower-dialog-content{padding-bottom:20px}}.profile-page-container{display:flex;justify-content:center;padding:24px 24px 0;background-color:var(--bg-color)}.left-ctr{max-width:820px;width:100%;height:fit-content;padding-top:24px;display:flex;flex-direction:column}.right-ctr{max-width:400px;width:100%;border-left:solid var(--border-color) 1px;transform:translateY(-24px)}.username{font-size:2.5rem;font-weight:600;padding-top:24px;font-family:Arial,Helvetica,sans-serif;padding-bottom:24px;color:var(--text-color);word-break:break-word}.user-nav{border-bottom:solid var(--border-color) 1px;display:flex;gap:24px;max-width:700px}.saved-btn-ctr,.liked-btn-ctr,.home-btn-ctr,.about-btn-ctr{padding-top:12px;padding-bottom:12px}.saved-btn,.liked-btn,.home-btn,.about-btn{font-size:1rem;font-family:Arial,Helvetica,sans-serif;cursor:pointer;border:0px;color:var(--secondary-color);background-color:transparent;padding:6px 0}.liked-btn.active,.saved-btn.active,.home-btn.active,.about-btn.active{color:var(--text-color)}.liked-btn:hover,.saved-btn:hover,.home-btn:hover,.about-btn:hover{color:var(--secondary-hover-color)}.postcard-container-profile{display:flex;width:100%;flex-direction:column;padding:22px 0 22px 12px;flex-grow:1}.postcard-flex{display:flex;max-width:700px;border-bottom:solid var(--border-color) 1px}.postcard-parent-ctr{display:flex;width:100%}.user-post-dropdown-ctr{padding-top:6px;margin-left:24px}.user-post-dropdown-btn{background-color:transparent;border:0px}.top-p{display:flex;justify-content:space-between;align-items:center}.right-p{display:flex;justify-content:center;align-items:center;min-width:170px;background-size:cover;background-position:center;width:170px;height:120px;margin-left:12px}.post-title-p{font-size:1.5rem;font-weight:700;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;max-width:50px;font-family:Arial,Helvetica,sans-serif;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:normal;padding-right:12px;color:var(--text-color)}.post-subtext-p{padding-top:6px;font-size:1.3rem;overflow-wrap:break-word;word-break:break-word;padding-right:12px;color:var(--text-color)}.bottom-p{padding-top:32px}.left-info-p{display:flex;gap:18px;font-size:1rem;opacity:70%}.mobile-profile{display:none}.posts{width:100%;min-height:50vh;margin-bottom:32px}.heart-p,.comment-p{display:flex;align-items:center;gap:1px;color:var(--secondary-color)}.comment-p span{font-size:1rem}.heart-p span{font-weight:1rem;color:red}.comment-icon{height:18px;width:18px}.date-p{display:flex;align-items:center;color:var(--text-color)}.side-profile-ctr{position:sticky;top:64px;padding:32px}.side-profile-pict{height:80px;width:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;background-color:transparent}.side-profile-username{color:var(--secondary-color);font-size:1rem;font-weight:100}.text-full-name-ctr{display:flex;align-items:center}.user-full-name{display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-top:12px;margin-bottom:12px;height:fit-content;font-size:1rem;color:var(--text-color)}.user-follower-count{display:block;margin-top:0;margin-bottom:12px;font-size:1rem;color:var(--secondary-color);font-family:Arial,Helvetica,sans-serif}.user-biography{line-height:1.4;font-size:1rem;color:var(--secondary-color);word-break:break-word;font-family:Arial,Helvetica,sans-serif}.edit-profile-btn{background-color:transparent;border:0px;margin-top:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer;font-size:1rem;color:#1a8917}.edit-profile-btn:hover{color:var(--secondary-hover-color)}.update-profile-ctr{position:fixed;height:100vh;width:100vw;display:flex;opacity:0;pointer-events:none;top:0;left:0;z-index:10;background-color:#fff0;justify-content:center;align-items:center;transition:opacity .3s ease,background-color .3s ease}.update-profile-ctr.active{opacity:1;display:flex}.profile-form{padding:50px;background-color:var(--dropdown-bg);opacity:100%;box-shadow:var(--dropdown-shadow);border-radius:3px;height:fit-content;width:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow-y:auto;opacity:0;transform:translateY(10%);transition:opacity .3s ease,transform .3s ease}.profile-form.active{opacity:100%;transform:translateY(0);pointer-events:auto}.close-dialog-btn{position:absolute;top:12px;right:12px;background-color:transparent;border:0px;cursor:pointer;opacity:50%;color:var(--secondary-color)}.close-dialog-btn:hover{opacity:100%}.x-logo{height:24px;width:24px}.form-title{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-color)}.pp{height:80px;width:80px;border-radius:50%}.pp-btn{border-radius:50%;height:fit-content;border:0px;background-color:transparent;cursor:pointer}.pp-ctr{display:flex}.full-name{text-align:start;padding:12px;border-radius:4px}.photo-label,.profile-form-input label,.biography-length span:first-child,.full-name-length span:first-child{color:var(--text-color)}.biography-length span:last-child,.full-name-length span:last-child{color:var(--secondary-color)}#full-name,#bio{background-color:var(--dialog-input-bg);color:var(--dialog-input-text)}.biography{width:100%;border-radius:4px;height:200px;overflow-y:auto;resize:none;flex-direction:start;background-color:#f2f2f2;border:0px;padding:12px}.biography:focus{background-color:#fff}.profile-form-input{display:flex;flex-direction:column;width:100%;gap:2px}.form-container{width:100%;font-family:Arial,Helvetica,sans-serif}.profile-form-input>label{padding-bottom:12px;transform:translateY(5px);font-size:1rem}.form-btn-ctr{display:flex;width:100%;justify-content:flex-end;gap:12px}.length-indicator{font-family:Times New Roman,Times,serif;justify-content:flex-end;display:flex;font-size:1rem;transform:translateY(-1px)}.max-length{color:#6b6b6b}.pp-update-btn-ctr{display:flex;gap:12px;padding-left:6px}.update-pp-btn{background-color:transparent;border:0px;cursor:pointer;color:#1a8917}.remove-pp-btn{background-color:transparent;border:0px;cursor:pointer;color:#c94a4a}.cancel-update-btn,.save-update-btn{background-color:transparent;border-radius:24px;padding:9px 16px;border:solid 1px var(--submit-btn-border);cursor:pointer;display:flex;align-items:center;justify-content:center}.form-btn-ctr{margin-top:12px}.cancel-update-btn{color:var(--submit-btn-color)}.save-update-btn{background-color:var(--submit-btn-bg);color:#fff}.save-update-btn.inactive{opacity:90%}.user-side-follow-btn{background-color:transparent;border:solid var(--submit-btn-border) 1px;color:var(--submit-btn-color);border-radius:24px;padding:9px 16px;margin-top:24px;cursor:pointer}.user-side-follow-btn.unfollow{color:#fff;background-color:var(--submit-btn-color);border-radius:24px;padding:9px 16px}.no-about-container,.no-post-container{display:flex;height:400px;width:100%;justify-content:center;align-items:center;flex-direction:column;padding:24px;gap:12px;font-family:Arial,Helvetica,sans-serif}.no-about-big-text,.no-post-big-text{font-size:1.5rem;font-weight:700;color:var(--text-color)}.no-about-small-text,.no-post-small-text{text-align:center;font-size:1rem;color:var(--secondary-color)}.sub-small-text{display:flex;gap:4px}.start-writing{cursor:pointer;color:#1a8917}.user-post-dropdown-ctr{position:relative}.user-post-dropdown{position:absolute;box-shadow:var(--dropdown-shadow);top:32px;width:160px;left:80%;transform:translate(-100%);flex-direction:column;border-radius:3px;background-color:var(--dropdown-bg);display:flex;opacity:0;display:none}.user-post-dropdown button:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.user-post-dropdown button:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.user-post-dropdown.active{opacity:1;display:flex}.publish-user-post,.edit-user-post,.delete-user-post{padding:12px 12px 12px 24px;background-color:transparent;border:0px;cursor:pointer;display:flex;gap:12px;align-items:center}.publish-user-post:hover,.edit-user-post:hover,.delete-user-post:hover{background-color:var(--dropdown-item-hover)}.edit-user-post:hover{color:#11d511}.delete-user-post:hover{color:red}.publish-user-post-icon,.delete-user-post-icon,.edit-user-post-icon{height:19px;width:19px}.publish-user-post{color:#00bcff}.delete-user-post{color:#c94a4a}.edit-user-post{color:#1a8917}.draft-text{color:red;display:flex;align-items:center;gap:3px}.draft-text>p{transform:translateY(1px)}.draft-icon{height:20px;width:20px}.postcard-container-profile.saved{padding-right:12px}.user-follower-count{width:fit-content;display:flex;flex-wrap:nowrap;cursor:pointer}.is-user-dev{font-size:.7rem;padding:2px 3px;text-align:center;background-color:#1a8917;border-radius:3px;color:#fff;margin-left:6px;height:fit-content;display:flex}.is-user-dev{background-color:#00bcff}@media (max-width: 500px){.notfound-ctr{padding-right:0}.user-post-dropdown-ctr{margin-left:0}.draft-icon{height:15px;width:15px}.user-full-name{font-size:1.2rem;margin-top:6px;margin-bottom:6px}.side-profile-username{font-size:1rem}.profile-page-container{padding:12px}.user-follower-count{font-size:1rem;margin-bottom:6px}.user-biography{font-size:1rem}.post-title-p{display:flex;font-size:1.3rem;font-weight:700;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:normal}.post-subtext-p{padding-top:6px;font-size:1rem;overflow-wrap:break-word;word-break:break-word}.right-p{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;min-width:120px;width:10px;height:80px}.left-info-p{font-size:1rem}.comment-icon{height:18px;width:18px}.side-profile-pict{height:70px;width:70px}.user-side-follow-btn{margin-top:18px}.left-ctr{padding-top:12px}}@media (max-width: 900px){.postcard-container-profile.saved{padding-right:0}.left-ctr{padding-top:12px}.profile-page-container{padding:12px;display:flex;flex-direction:column;align-items:center}.postcard-container-profile{width:100%!important;display:flex;max-width:100%!important}.side-profile-ctr{padding:0;margin-bottom:24px}.right-ctr{display:none}.mobile-profile{display:flex;justify-content:space-between;width:100%}.username{display:none}}*{-webkit-tap-highlight-color:transparent}.creator-container{min-height:100vh}.preview-post-container-write,.preview-post-container{max-width:750px;width:100%;padding-left:24px;padding-right:24px;text-align:justify;word-break:break-word;color:var(--text-color)}.blog-post-preview{width:100%;display:flex;font-size:1.3rem;line-height:1.5;flex-direction:column;align-items:center}.liner{border-bottom:solid var(--border-color) 1px;width:100%}.blog-post-preview img:not(.profile-pict,.profile-pict-cs,.user-comment-profilepicture,.user-comment-profilepicture-subcomment){max-width:100%;max-height:calc(100vh - 20px);height:auto;object-fit:contain;display:block;margin:0 auto;padding:12px}.preview-post-container-write h1,.preview-post-container h1{margin-bottom:.8em;margin-top:.2em;color:var(--text-color)}.preview-post-container-write p,.preview-post-container p{margin-bottom:1em;color:var(--text-color)}.preview-post-container-write li,.preview-post-container li{margin-left:18px;color:var(--text-color)}.preview-post-container a{color:var(--text-color)}@media (max-width: 500px){.blog-post-preview img:not(.profile-pict,.profile-pict-cs,.user-comment-profilepicture,.user-comment-profilepicture-subcomment){max-width:100%;max-height:calc(100vh - 20px);height:auto;display:block;margin:0 auto;padding:12px}.blog-post-preview{font-size:1.2rem}.preview-post-container{max-width:100%}}.right-creator-mobile{display:none}.creator-container{display:flex;align-items:stretch;justify-content:center;padding-top:24px;height:fit-content;background-color:var(--bg-color)}.right-creator{display:flex;max-width:300px;width:100%;position:relative}.left-creator{flex-grow:2;max-width:750px;width:100%}.write-container{padding-left:24px;padding-right:24px}@media (max-width: 960px){.creator-container{flex-direction:column;padding-top:12px;align-items:center;justify-content:center}.right-creator{display:none}.right-creator-mobile{display:flex;justify-content:end;max-width:750px;margin-right:24px;width:100%;padding:12px}.preview-post.mobile{height:fit-content;position:sticky;top:0;transform:translateY(60px)}.preview-post-container{padding-right:24px;padding-left:24px}.preview-post-container-write{padding-right:0;padding-left:0}}.right-creator>a{height:fit-content;position:sticky;top:0;transform:translateY(60px)}.post-form{display:flex;flex-direction:column}.write-post-text,.preview-post-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;padding:6px 12px;width:210px;flex-wrap:nowrap;border-radius:6px;background-color:#1a8917;color:#fff}.preview-post-text{gap:18px}.preview-post-text>p{transform:translate(10px)}.write-post-text>p{transform:translate(3px)}.arrow-icon{height:24px;width:24px}.blog-title{width:100%;height:fit-content;padding:12px;background-color:var(--dialog-input-bg);color:var(--dialog-input-text);border:solid transparent 1px;border:0px;font-family:Arial,Helvetica,sans-serif;font-size:2rem;outline:none;text-align:start;font-weight:700}.blog-title:focus{border:solid var(--dialog-input-focus-border) 1px;text-align:start}.excerpt-input{width:100%;resize:none;height:fit-content;padding:12px;background-color:var(--dialog-input-bg);border:0px;color:var(--dialog-input-text);font-family:Arial,Helvetica,sans-serif;font-size:1rem;outline:none}.excerpt-input:focus{border:solid var(--dialog-input-focus-border) 1px;text-align:start}.sub-input-ctr{display:flex;flex-direction:column}.thumbnail-input-ctr{padding-top:12px;height:fit-content;width:100%;display:flex;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#3d3d3d;flex-direction:column}.thumbnail-input-ctr .preview-img{width:100%;height:300px;object-fit:contain;display:block;margin:0 auto;padding:12px;cursor:pointer;background-color:var(--dialog-input-bg);border:2px dashed var(--dialog-input-border)}.thumbnail-input-ctr .preview-img:hover{border-color:#999}.thumbnail-input-ctr .preview-img.active{border:none;padding:0;background-color:transparent}.thumbnail-input-ctr .preview-img:empty:before{content:"Click to add thumbnail";display:flex;align-items:center;justify-content:center;color:#999;font-size:6px;height:100%}.preview-placeholder{font-size:14 px;color:#999;align-items:center;justify-content:center;height:300px;border:2px dashed #ccc;background-color:#f4f4f4;cursor:pointer;padding:12px;display:flex}.post-preview-text{font-size:1.3rem;padding-bottom:6px}.publish-checkbox{margin-top:12px;display:flex;align-items:center;height:fit-content;font-size:1rem;font-family:Arial,Helvetica,sans-serif;gap:12px;padding:6px 12px;border-radius:6px;background-color:#1a8917;color:#fff;cursor:pointer;margin-bottom:12px}.p-cbox{height:20px;width:20px;border-radius:6px}.write-btn-selection{display:flex;justify-content:end;gap:12px;padding:12px;margin-top:12px;margin-bottom:12px}.small-loader-container{height:fit-content}.btn-selection{font-size:1rem;padding:6px 12px;border-radius:4px;border:solid 1px transparent;cursor:pointer}.save-post-btn{background-color:#1a8917;color:#fff}.save-draft-btn{background-color:#00bcff;color:#fff}.cancel-save-btn{background-color:red;color:#fff}.preview-post-container .post-preview pre{font-size:.85rem;line-height:1.4;padding:.75rem;overflow:auto}.preview-post-container .post-preview code{font-size:inherit;font-family:Fira Code,monospace}.continue-editing-text{display:flex;flex-wrap:nowrap}@media (max-width: 640px){.sub-input-ctr{display:flex;flex-direction:column}}.about-container{width:100%;min-height:50vh;border-radius:10px;transition:all .3s ease}.editor-container{display:flex;flex-direction:column;gap:1rem;padding:12px}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px}.toolbar-group{display:flex;gap:.25rem;border-right:1px solid #e0e0e0;padding-right:.5rem;margin-right:.5rem}.toolbar-group:last-child{border-right:none;padding-right:0;margin-right:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.875rem;font-weight:500;background-color:transparent;border:1px solid #e0e0e0;border-radius:3px;color:#333;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background-color:#f0f0f0;border-color:silver}.toolbar-btn.active{background-color:#000;border-color:#000;color:#fff}.editor-box{padding:1rem;min-height:250px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.editor-box:focus-within{border-color:#000;box-shadow:0 0 0 2px #0000001a}.editor-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.profile-bio{display:flex;flex-direction:column;margin-bottom:32px}.bio-content{padding-top:12px;display:flex;flex-direction:column}.bio-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem}.bio-text{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:1.5rem;padding-top:12px;word-break:break-word;padding-left:12px;padding-right:12px}.bio-text>img{max-width:100%;max-height:calc(100vh - 20px);height:auto;object-fit:contain;display:block;margin:0 auto;padding:12px}.bio-text p{padding-left:6px;padding-right:6px}.bio-text a{color:var(--link-color);text-decoration:underline}.bio-text a:hover{color:var(--link-hover-color)}.bio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem}.bio-empty-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.bio-empty-message{font-size:1rem;color:var(--secondary-color);margin-bottom:1.5rem;max-width:32rem}.bio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--secondary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:3px;transition:all .2s ease;cursor:pointer}.btn-primary{margin-top:18px;background-color:var(--submit-btn-bg);border-radius:24px;padding:9px 16px;border:solid 1px var(--submit-btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.btn-primary:hover{background-color:var(--submit-btn-hover-bg);box-shadow:0 2px 4px #0003}.btn-edit{margin-top:18px;background-color:var(--submit-btn-bg);border-radius:24px;padding:9px 16px;border:solid 1px var(--submit-btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;align-self:flex-start;margin-left:18px}.btn-edit:hover{background-color:var(--submit-btn-hover-bg);box-shadow:0 2px 4px #0003}.btn-save{background-color:var(--submit-btn-bg);border-radius:24px;padding:9px 16px;border:solid 1px var(--submit-btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.btn-save:hover{background-color:transparent;color:var(--submit-btn-bg)}.btn-cancel{background-color:red;color:#fff;border:1px solid red;border-radius:24px}.btn-cancel:hover{background-color:transparent;color:red}.no-about-small-text{display:flex;flex-direction:column;align-items:center}.editor-box{position:relative}.editor-box .ProseMirror p.bio-placeholder:first-child:before{content:attr(data-placeholder);display:block;color:#999;pointer-events:none}@media (max-width: 500px){.editor-container{display:flex;flex-direction:column;gap:1rem;padding:0}}