.illustration-overlay{-webkit-backdrop-filter:blur(14px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100vh;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.illustration-preview-container{background:#0f121ceb;border:1px solid #ffffff14;border-radius:28px;width:480px;max-width:70%;padding:24px;animation:.28s popup;position:relative;box-shadow:0 0 0 1px #ffffff05,0 25px 60px #0000008c}.illustration-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.illustration-user{align-items:center;gap:14px;display:flex}.illustration-profile{object-fit:cover;border:2px solid #ffffff14;border-radius:50%;width:58px;height:58px}.illustration-user-info h3{color:#fff;margin:0;font-size:20px;font-weight:600}.illustration-user-info span{color:#ffffff80;font-size:14px}.close-preview-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;width:46px;height:46px;font-size:18px;transition:all .25s}.close-preview-btn:hover{background:#ffffff14;transform:rotate(90deg)scale(1.05)}.illustration-image-wrapper{background:#111;border-radius:22px;width:100%;height:350px;position:relative;overflow:hidden}.illustration-preview-image{object-fit:cover;width:100%;height:100%;transition:all .4s}.illustration-preview-image:hover{transform:scale(1.03)}.illustration-actions{margin-top:24px}.publish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:18px;width:100%;height:60px;font-size:18px;font-weight:600;transition:all .25s;box-shadow:0 10px 25px #22c55e47}.publish-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #22c55e66}.publish-btn:active{transform:scale(.98)}@keyframes popup{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.illustration-preview-container{border-radius:22px;max-width:92%;padding:18px}.illustration-image-wrapper{height:320px}.publish-btn{height:55px;font-size:16px}.illustration-user-info h3{font-size:18px}}
.illustration-box{flex-direction:column;justify-content:space-between;align-items:center;gap:5px;display:flex;width:48%!important}.illustration-box>.image-ctn>img{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;height:100%}.image-ctn{position:relative}.like-overlay-animation{background-color:#0000008c;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.like-overlay-animation>:first-child{animation:.35s ease-out forwards likePop}@keyframes likePop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.illustration-creator-data{align-items:center;gap:5px;width:100%;padding:5px;display:flex}.illustration-creator-profile-pic{border-radius:25px;width:35px;height:35px}.illustration-creator-profile-pic>img{height:inherit;width:inherit;border-radius:inherit}.illustration-creator-username{font-family:sans-serif;font-size:15px;font-weight:700}
body{color:#eaeaea;justify-content:center;margin:0;font-family:Inter,Segoe UI,sans-serif;display:flex;height:100vh!important}.community-page-ctn{width:100%;max-width:1258px;height:inherit;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:12px;display:flex;overflow:scroll}.community-page-ctn::-webkit-scrollbar{display:none}.page-shade{-webkit-user-select:none;user-select:none;background-color:#00000096;width:100%;height:100%;position:fixed}.left-sub-part,.middle-sub-part,.right-sub-part{flex-direction:column;gap:12px;display:flex}.left-sub-part{flex:1}.middle-sub-part{flex:2}.right-sub-part{flex:1}.community-box-left{background:#181a1f;border-radius:16px;flex-direction:column;gap:10px;min-width:250px;padding:14px;display:flex;box-shadow:0 6px 25px #0006}.community-box-left>:first-child{color:#fff;margin-bottom:6px;font-size:20px;font-weight:600}.sub-options{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:14px;transition:background-color .3s,border-color .3s,color .2s,transform .2s;display:flex}.sub-options:hover{color:#fff;background:#23262d}.icon-placeholder{border-radius:50%;width:20px;height:20px}.create-post-btn{text-align:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c896,#00a87c);border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:500;transition:all .2s}.create-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00c8964d}.top-most-creator-post-box{min-height:inherit;border-radius:16px;flex-direction:column;padding:12px;display:flex}.sub-top-part{flex:1;align-items:center;gap:10px;width:100%;display:flex}.creator-profile-picture{background:#2c313a;border-radius:50%;min-width:42px;max-width:45px;min-height:42px;max-height:45px}.creator-profile-picture>img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.sub-top-part>textarea{color:#ddd;background:#23262d;border:none;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px;font-size:13px}.sub-top-part>textarea::placeholder{color:#777}.sub-bottom-part{flex:1;justify-content:space-between;align-items:center;width:100%;display:flex}.options-post{align-items:center;gap:12px;display:flex}.post-option-box{color:#aaa;cursor:pointer;align-items:center;gap:6px;font-size:13px;transition:all .2s;display:flex}.post-option-box:hover{color:#fff}.post-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c896,#00a87c);border-radius:10px;justify-content:center;align-items:center;width:80px;height:40px;font-size:13px;transition:all .2s;display:flex}.post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00c8964d}.popular-creators{background:#181a1f;border-radius:16px;width:100%;height:250px;box-shadow:0 6px 25px #0006}#image-input-box,#illustration-input-box{display:none}.preview-image-ctn{align-items:center;gap:5px;height:fit-content;margin:5px;padding:5px;display:flex}.preview-box{background-color:#23262d;border-radius:10px;width:65px;height:65px;position:relative}.preview-box>img{height:inherit;width:inherit;object-fit:cover;border-radius:inherit}.cross-icn{cursor:pointer;background:#00000087;border-radius:10px;padding:3px;position:absolute;top:-3px;right:-3px}.loading-scrren-box{color:#fff;z-index:9999;background:#181a1f;border-radius:12px;justify-content:center;align-items:center;width:250px;height:250px;padding:20px 30px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.creator-post-data{align-items:center;gap:8px;display:flex}.loader{border:4px solid #2c313a;border-top-color:#00c896;border-radius:50%;width:80px;height:80px;animation:1s linear infinite spin}.content-view-area{flex-direction:column;align-items:center;gap:8px;display:flex}.selected-choice{background-color:#00b0820f;border:1px solid #00b183}.navigator-bottom{border-bottom:1px solid gray;align-items:center;gap:20px;width:100%;padding:5px;font-family:sans-serif;font-size:15px;display:flex}.navigator-bottom::-webkit-scrollbar{display:none}.middle-navigation-option{color:gray;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:10px;padding-left:10px;padding-right:10px;font-weight:700}.selected-option{border-top:2px solid #00b083;color:#fff!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:808px){.left-sub-part,.right-sub-part{display:none}.community-page-ctn{height:100vh;padding:5px}.navigator-bottom{max-width:360px;min-height:55px;overflow:scroll hidden}body{height:auto!important}}