.inputContainer{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:.5rem;width:100%;max-width:26rem}.inputLabel{font-size:1rem}.inputStyle{font-size:1rem;padding:.8rem .5rem;width:100%;border:.12rem solid var(--d);border-radius:.2rem;background-color:var(--w);box-shadow:.2rem .2rem 0 var(--d);transition:.2s ease-in-out}.inputStyle:focus{outline:none;box-shadow:none}.inputStyle:active{outline:none}.inputError{border-color:#e74c3c;box-shadow:.2rem .2rem #e74c3c}.inputErrorMsg{font-size:.85rem;color:#e74c3c}.header{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 1rem;gap:.5rem}.header>img{width:5rem;height:5rem;margin:2rem 0 0;border-radius:1rem;object-fit:cover}.header>div>h1{font-size:1rem;cursor:pointer}.header>div>p{font-size:.6rem;opacity:80%}.log-out{position:absolute;top:1rem;left:1rem;font-size:1.4rem;color:var(--d);cursor:pointer}.log-out:hover{color:var(--p)}.log-out:active{color:var(--d)}.edit{position:absolute;top:1rem;right:1rem;font-size:1.4rem;z-index:1000;color:var(--d);cursor:pointer}.edit:hover{color:var(--p)}.edit:active{color:var(--s)}.profile-update-modal{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.profile-form{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--w);padding:2rem;border-radius:1rem;border:.25rem solid var(--d);box-shadow:.5rem .5rem 0 var(--d);width:90%;max-width:400px}.profile-form-header{align-items:center;justify-content:space-between;position:absolute;top:0;left:0;padding:1rem;width:100%;display:flex}.profile-form-header>h2{top:1rem;left:1rem;color:var(--d)}.close-btn{background-color:transparent;border:none;top:1rem;right:1rem;font-size:2rem;color:var(--d);cursor:pointer}.profile-update-btn{margin-top:1rem;width:100%;background-color:var(--s);color:var(--w);margin-bottom:3rem}.photo-viewer{cursor:pointer;width:5.2rem;height:5.2rem;aspect-ratio:1/1;border-radius:.5rem;object-fit:cover;margin:3rem 0 1rem;box-shadow:.1rem .5rem 1.5rem var(--d)}.icon-viewer{background-color:var(--t)}.close-btn:hover{color:var(--p)}.close-btn:active{color:var(--s)}.auth-success{font-size:.9rem;color:#2ecc71;background-color:#2ecc711a;border:.1rem solid #2ecc71;padding:.6rem 1rem;border-radius:.2rem;width:100%;max-width:26rem;text-align:center}.dropdown-and-container{position:relative}.dropdown-container{position:absolute;top:110%;background-color:var(--w);color:var(--d);display:flex;flex-direction:column;align-items:start;justify-content:start;border-radius:.2rem;max-height:10rem;overflow:auto;scrollbar-width:none;width:100%;z-index:1;border:.14rem solid var(--d);box-shadow:.2rem .2rem 0 var(--d)}.dropdown-container>div{display:flex;align-items:center;justify-content:start;text-align:start;width:100%;height:100%;min-height:2.2rem;padding:0 .5rem;overflow-x:hidden;border-bottom:.1rem solid var(--s)}.dropdown-container>div>p{height:auto}.dropdown-container>div:hover{background-color:var(--s)}.create-post-container{display:flex;justify-content:center;align-items:center;padding:1rem .5rem;width:100%;max-width:40rem}.create-post-form{display:flex;flex-direction:column;width:100%;gap:.8rem}.post-input{padding:.5rem;font-size:1rem;background-color:var(--w);border:.2rem solid var(--d);border-radius:.3rem;height:6rem;box-shadow:.2rem .2rem 0 var(--d);transition:.2s ease-in-out;resize:none}.post-input:hover{border-color:var(--d);box-shadow:none}.post-input:focus{outline:none;border-color:var(--d);box-shadow:none}.button.button-main-dropdown{width:100%;padding:.8rem;background-color:transparent;color:var(--d);border:.1rem solid var(--d)}.create-post-btn{background-color:var(--p);color:var(--w)}.create-post-btn:hover{background-color:var(--s);color:var(--w)}.create-post-btn.success,.create-post-btn.success:hover{background-color:var(--g);color:var(--w);border:.1rem solid var(--g)}.post-card{display:flex;flex-direction:column;align-items:start;border:.14rem solid var(--d);position:relative;background-color:var(--s);box-shadow:.2rem .2rem 0 var(--d);min-height:8rem}.post-header{padding:0 0rem 0 .5rem;background-color:var(--w);width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem solid var(--d)}.card-title{font-size:1rem;font-weight:700;text-align:start;padding:1rem 0 1rem 1rem;color:var(--w);width:100%;flex:1;resize:none;border:none;background:transparent;min-height:8rem;max-height:12rem}.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.card-title:focus{outline:none}.onEdit{background-color:var(--d);white-space:pre-line}.save-edit-btn{background-color:var(--y);color:var(--d);width:100%}.save-edit-succes{background-color:var(--g);width:100%}.save-edit-btn:hover{background-color:var(--w)}.post-card-date{color:var(--d);font-size:.8rem}.actions-btn{display:flex;align-items:center}.post-btn{color:var(--d);cursor:pointer;font-size:1.4em;padding:.1rem 1rem;width:100%;border-left:.1rem solid var(--d);transition:.3s ease-in-out}.delete-post-btn:hover{color:var(--r);background-color:var(--d)}.confirm-delet-btn{font-size:1rem}.edit-post-btn:hover{color:var(--w);background-color:var(--d)}.edit-post-btn-close{color:var(--r)}.edit-post-btn-close:hover{background-color:var(--r);color:var(--w)}.corner{position:absolute;right:0;bottom:0}.button.button-dropdown{padding:.4rem .8rem;border:none;cursor:pointer;font-size:.8rem}.dropdown-container-sm{width:fit-content;right:0}.gray{background-color:var(--d);color:var(--w)}.blue{background-color:var(--p);color:var(--w)}.yellow{background-color:var(--y);color:var(--d)}.purple{background-color:#ffb6c1}.green{background-color:var(--g)}.red{background-color:var(--r);color:var(--w)}.filter-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:40rem;padding:0rem .5rem .5rem}.left{font-size:1rem;padding:.5rem 0;font-family:Courier New,Courier,monospace}.right{width:8rem;background-color:var(--y);padding:.5rem 0;height:2.3rem}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center;font-family:Righteous,sans-serif;font-weight:400;font-style:normal;--d: #442813;--w: #ece5d3;--p: #016d6fba;--s: #d5594ec3;--t: #d7750cdc;--g: #4caf50;--r: #fb2c2c;--y: #f49f00}*{margin:0;padding:0;box-sizing:border-box}p{font-size:1rem}html,body{background-color:#ece5d3;position:relative;width:100%;max-width:100rem;margin:0 auto;scrollbar-width:0;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem}.button{display:flex;align-items:center;justify-content:center;padding:.7rem 2.5rem;border-radius:.2rem;border:none;transition:.2s ease-in-out;border:.1rem solid var(--d);font-size:1rem;cursor:pointer;box-shadow:.2rem .2rem 0 var(--d);font-family:Courier New,Courier,monospace;font-weight:600}.button:hover{box-shadow:0 0 #000}.button:active{opacity:80%}.postes-list{display:flex;flex-direction:column;gap:1rem;padding:1rem .5rem;width:100%;max-width:40rem;padding:0rem .5rem 1rem}.profile-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.auth-page{position:relative;width:100%;height:100dvh}.form-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;width:100%;max-width:30rem;margin:0 auto;border-radius:.5rem;background-color:#ffee0235;border:.1rem solid var(--d);box-shadow:.2rem .2rem 0 var(--d)}.form-container h1{font-size:3rem;padding:2rem 0;color:var(--d)}.button-group{padding-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.form-container .button{width:100%;max-width:26rem;display:flex;align-items:center;justify-content:center;gap:1rem}.sign-in-btn{background-color:var(--p);color:var(--w);border:none;border:.1rem solid var(--w)}.sign-in-btn:hover{background-color:var(--w);color:var(--d)}.sign-in-btn:active{opacity:60%}.google-btn{background-color:var(--s);color:var(--w);border:none}.google-btn:hover{background-color:var(--w);color:var(--d)}.google-btn:active{opacity:60%}.sign-up-link{font-size:1rem;color:var(--d);text-shadow:.1rem .1rem 0rem var(--w);text-decoration:underline;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s ease-in-out;margin-top:1rem}.sign-up-link:hover{color:var(--p);text-shadow:.1rem .1rem 0rem var(--w)}.auth-error{font-size:.9rem;color:#e74c3c;background-color:#e74c3c1a;border:.1rem solid #e74c3c;padding:.6rem 1rem;border-radius:.2rem;width:100%;max-width:26rem;text-align:center}