.cpk{--cpk-bg:#151728;--cpk-line:#ffffff17;--cpk-text:#eef0ff;--cpk-muted:#9aa0c3;--cpk-accent:#4a60ff;width:100%;color:var(--cpk-text);font-size:14.5px}.cpk.is-disabled{opacity:.6;pointer-events:none}.cpk-box{border:1px solid var(--cpk-line);background:var(--cpk-bg);cursor:text;border-radius:12px;align-items:flex-start;gap:10px;min-height:46px;padding:7px 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.cpk-box:focus-within{border-color:var(--cpk-accent);box-shadow:0 0 0 3px #4a60ff33}.cpk-box.is-open{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.cpk-icon{color:var(--cpk-muted);flex:none;margin-top:8px;font-size:18px}.cpk-chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cpk-input{min-width:120px;height:30px;color:var(--cpk-text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.cpk-input:focus,.cpk-input:focus-visible{box-shadow:none;outline:none}.cpk-input::placeholder{color:#8d93b8}.cpk-clear{width:28px;height:28px;color:var(--cpk-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;align-self:center;place-items:center;font-size:17px;display:grid}.cpk-clear:hover{color:#fff;background:#ffffff14}.cpk-chip{color:#dfe4ff;background:#4a60ff2e;border-radius:999px;align-items:center;gap:6px;max-width:100%;height:30px;padding:0 4px 0 3px;font-size:13.5px;font-weight:600;display:inline-flex}.cpk-chip-pic{object-fit:cover;background:#0e1020;border-radius:50%;width:24px;height:24px;display:block}.cpk-chip-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cpk-chip-x{color:#b8c3ff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.cpk-chip-x:hover{color:#fff;background:#ffffff1f}.cpk-list{overscroll-behavior:contain;border:1px solid var(--cpk-line);background:#1b1e33;border-radius:4px 4px 12px 12px;max-height:280px;margin-top:4px;padding:4px;overflow-y:auto}.cpk-section{color:var(--cpk-muted);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 2px;font-size:11px;font-weight:800}.cpk-row{cursor:pointer;border-radius:10px;align-items:center;gap:12px;min-height:50px;padding:6px 10px;display:flex}.cpk-row.is-active{background:#ffffff12}.cpk-row-pic{object-fit:cover;background:#0e1020;border-radius:50%;flex:none;width:38px;height:38px;display:block}.cpk-row-icon{color:#c3ccff;background:#4a60ff29;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.cpk-row.is-action .cpk-row-icon{background:var(--cpk-accent);color:#fff}.cpk-row.is-custom .cpk-row-icon{color:var(--cpk-muted);background:#ffffff14}.cpk-row-text{flex:1;gap:1px;min-width:0;display:grid}.cpk-row-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;font-weight:600;display:flex;overflow:hidden}.cpk-row-sub{min-width:0;color:var(--cpk-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cpk-tick{color:#4f8bff;flex:none;font-size:15px}.cpk-note{color:var(--cpk-muted);align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:13.5px;display:flex}.cpk-note.is-error{color:#ffb3b5}.cpk-spin{border:2px solid #4a60ff4d;border-top-color:var(--cpk-accent);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite cpk-rot;display:inline-block}@keyframes cpk-rot{to{transform:rotate(360deg)}}.cpk-place{background:#4a60ff1a;border:1px solid #4a60ff73;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:8px 8px 8px 12px;display:flex}.cpk-place-icon{color:#ff6b81;flex:none;font-size:20px}.cpk-place-text{flex:1;gap:1px;min-width:0;display:grid}.cpk-place-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cpk-place-sub{color:var(--cpk-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cpk-place-x{width:32px;height:32px;color:var(--cpk-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.cpk-place-x:hover{color:#fff;background:#ffffff1a}.cpk-stack{gap:10px;margin-top:12px;display:grid}@media (max-width:480px){.cpk-row{min-height:54px}.cpk-list{max-height:240px}}@media (prefers-reduced-motion:reduce){.cpk-spin{animation-duration:2s}}
:root{--color-white:#272a3a;--color-light:#151728;--color-gray:#9e98b3;--color-primary:#2b43f7;--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:red;--color-dark:#9d98ae;--color-black:#16141f;--color-hover:#ffffff21;--boader-radius:2rem;--card-boader-radius:1rem;--btn-padding:.6rem 1rem;--search-padding:.6rem 1rem;--card-padding:1rem;--sticky-top-left:5.4rem;--sticky-top-right:-18rem}.editpost-overlay{z-index:2147483647;background:#0a0c14e0;position:fixed;inset:0}.editpost-modal{outline:none;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.edit-post-form{background-color:var(--color-white);color:#fff;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:7rem auto auto;padding:20px;display:flex;position:relative}.edit-post-form textarea{resize:vertical;background-color:var(--color-light);color:#fff;resize:none;border:1px solid #444;border-radius:8px;min-height:80px;padding:10px}.edit-post-form input[type=text]{background-color:var(--color-light);color:#fff;border:1px solid #444;border-radius:8px;padding:8px 10px}.edit-post-form .upload-btn{color:#fff;cursor:pointer;background-color:#0000;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:.85rem;display:inline-block}.preview-images,.preview-images-new-uploads,.preview-videos.new-uploads{flex-wrap:wrap;gap:10px;display:flex}.preview-box{background-color:#111;border-radius:8px;position:relative;overflow:hidden}.preview-box img,.preview-box video{border-radius:6px;max-width:100px;max-height:100px}.edit-post-form .remove-button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:1.8rem;font-weight:700;position:absolute;top:-.85rem;right:-3px}.edit-post-form{flex-direction:column;gap:12px;display:flex}.edit-post-form .remove-button:hover{color:var(--color-danger)}.edit-post-form .update-post{cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:40%;margin-top:10px;margin-left:1rem;padding:10px;font-size:.85rem;font-weight:700;bottom:200px}.edit-post-form .update-post:hover{background-color:#3b51f7}.edit-post-form .cansel-update{cursor:pointer;color:#000;background-color:#fff;border:none;border-radius:8px;gap:10px;width:40%;margin-top:10px;margin-left:7rem;padding:10px;font-size:.85rem;font-weight:700}.edit-post-form .cansel-update:hover{background-color:#b3b3b3}.modal-close-btn{cursor:pointer;color:#ccc;font-size:24px;position:absolute;top:5px;right:10px}.edit-post-form .modal-close-btn:hover{color:var(--color-danger)}.edit-post-form select.audience-select{background-color:var(--color-light);color:#fff;border:1px solid #444;border-radius:8px;margin-top:2rem;padding:8px}details summary{cursor:pointer;margin-top:10px;font-weight:700}details ul{margin-top:8px;padding-left:0;list-style:none}details li{background-color:#2a2a2a;border-radius:6px;margin-bottom:10px;padding:10px}.mentions__mention{color:red;font-weight:700}.edit-tagged-users{background:#6366f114;border-left:3px solid #6366f1;border-radius:12px;margin:10px 0;padding:10px}.tagged-label{color:#888;margin-bottom:8px;font-size:.7rem;font-weight:500}.tagged-list{flex-wrap:wrap;gap:8px;display:flex}.tagged-item{background:#6366f126;border-radius:20px;align-items:center;gap:6px;padding:4px 8px 4px 6px;font-size:.75rem;display:flex}.tagged-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.tagged-name{color:#8b9eff}.remove-tag{color:#ff4757;cursor:pointer;background:#ff47574d;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.remove-tag:hover{color:#fff;background:#ff4757}.edit-tag-input-wrapper{margin:10px 0;position:relative}.edit-tag-input{color:#fff;background:#1a1c2e;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 15px}.edit-tag-input:focus{border-color:#6366f1}.edit-tag-suggestions{z-index:100;background:#1a1c2e;border:1px solid #ffffff1a;border-radius:10px;max-height:200px;margin-top:5px;padding:8px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.edit-tag-suggestions li{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.edit-tag-suggestions li:hover{background:#6366f126}.suggestion-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.suggestion-info{flex-direction:column;display:flex}.suggestion-info strong{color:#fff;font-size:.8rem}.suggestion-info span{color:#888;font-size:.65rem}.edit-post-form .cpk input.cpk-input[type=text]{width:auto;height:30px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.edit-post-form .cpk-stack{margin-top:0;margin-bottom:12px}