:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white-color: #fff8f8;--light-color: #d1dbda;--main-color: #09ac96;--mainDark-color: #008674;--dark-color: #054444;--box-shadow: 0 0 10px #0003}body{margin:0;display:flex;justify-content:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}button,input[type=submit]{width:100%;border-radius:10px;padding:15px;border:0;box-shadow:var(--box-shadow)}button:hover,input[type=submit]:hover{color:var(--main-color)}@media(prefers-color-scheme:light){:root{color:var(--dark-color);background-color:var(--light-color)}a{color:var(--white-color)}a:hover{color:var(--dark-color)}button,input[type=submit]{background-color:#f9f9f9;color:var(--dark-color)}}.onClick__style{cursor:pointer}#root{max-width:1280px;padding:.5rem;text-align:center}.addDoctorForm{display:flex;flex-direction:column;gap:15px}.addDoctorForm__column{display:flex;flex-direction:column}.addDoctorForm__column>label{text-align:left}.addDoctorForm__input{border:solid 2px var(--white-color);background-color:var(--white-color);border-radius:10px;box-shadow:var(--box-shadow);padding:7px}.addDoctor__autoComplete>input{width:100%;border:solid 2px var(--white-color);background-color:var(--white-color);border-radius:10px;box-shadow:var(--box-shadow);padding:7px}.addDoctorForm__buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px}.doctorList__newDoctor{width:100%;border-radius:10px;padding:15px;border:0;background-color:var(--white-color);color:var(--dark-color);font-size:1.5rem;box-shadow:var(--box-shadow)}.doctorList__newDoctor:hover,.doctorList__newDoctor:active{background-color:var(--dark-color);color:var(--white-color)}.doctor{background-color:var(--main-color);color:var(--white-color);border-radius:10px;padding:15px;text-align:left;margin:20px 0;min-width:150px;box-shadow:var(--box-shadow)}.doctor__data{list-style-type:none;padding-left:0;margin:0;overflow:hidden;max-height:500px;transition:max-height .7s ease-in-out}.doctor__data--hidden{max-height:0;transition:max-height .7s ease-in-out}.doctor__title{margin:0 0 10px;border-bottom:solid 2px #d1dbd7;display:flex;justify-content:space-between}