@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@400;700&display=swap");.create-post{height:45px;width:100%;display:flex;justify-content:center;align-items:center}.buttonp{margin-top:20px;font-family:Inter,sans-serif;background-color:#4526b1;color:#fff;width:127px;height:45px;padding:10px 20px;text-align:center;display:inline-block;border-radius:15px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.buttonp:hover{background-color:#fd6a43}.button-loading{background-color:#888;cursor:not-allowed}.modals{display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto}.image-preview{width:35%;height:60%}.modals-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative;animation:fadeIn .5s}.close{position:absolute;top:10px;right:10px;border-radius:20px;background:#ff1d1d;color:#aaa;cursor:pointer}.close:focus,.close:hover{color:#000}.textarea{height:100px;color:#000;resize:none}.input-text,.textarea{width:100%;padding:10px;margin-top:10px;border:1px solid #ccc;border-radius:20px}.error-message{color:red;margin-top:10px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.buttonp{width:50%;height:auto;font-size:14px}.modal-content{padding:15px;width:90%}.textarea{height:80px}.input-text{font-size:14px}.error-message{font-size:12px}}