*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{flex-direction:column;gap:1rem;margin-top:1rem;padding:10px;font-family:Roboto,sans-serif;display:flex;position:relative}.main{flex:3;order:2}.aside{flex:2;order:1}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.search{border:1px solid gray;border-radius:10px;outline:none;flex-grow:3;height:30px;padding-inline:.5rem}.search:focus{border:none;outline:2px solid #00f;box-shadow:0 0 5px #00f3}.sortBtn{letter-spacing:.08em;color:#fff;cursor:pointer;background-color:#00f;border:none;border-radius:10px;flex-grow:1;width:100px;height:30px;font-size:1rem;transition:background-color .3s,box-shadow .3s}.sortBtn:hover{background-color:#1a75ff;box-shadow:0 0 5px #00f3}.usersList{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.userInfo{cursor:pointer;border:2px solid #00f;border-radius:10px;flex-direction:column;gap:.8rem;padding:1rem;transition:color .3s,background-color .3s;display:flex}.userInfo:hover{color:#fff;background-color:#00f}.form{flex-direction:column;gap:4px;display:flex}.field{flex-direction:column;display:flex}.label{justify-content:space-between;align-items:center;display:flex}.labelName{min-width:80px}.error-input{outline:2px solid tomato}.error-text{color:tomato;text-align:end;height:16px;margin:2px 0 4px;font-size:14px}.input{border:1px solid gray;border-radius:8px;outline:none;flex-basis:75%;height:30px;padding-inline:.5rem}.input:focus{outline:2px solid #00f;box-shadow:0 0 5px #00f3}.error-input{border:none;outline:2px solid red}.saveBtn{letter-spacing:.08em;color:#fff;cursor:pointer;background-color:#00f;border:none;border-radius:8px;height:30px;font-size:1rem;transition:background-color .3s}.saveBtn:hover{background-color:#1a75ff}@media (width>=768px){body{flex-direction:row}.aside{max-width:500px;height:-moz-fit-content;height:fit-content;position:sticky;top:1.6rem}}
/*# sourceMappingURL=index.5ceba8ec.css.map */