code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.appointment-item{border:1px solid #b5b7c4;border-radius:12px;box-sizing:border-box;list-style-type:none;margin-bottom:16px;padding:16px;width:100%}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.title{color:#171f46;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;margin:0}.star-button{background:#0000;border:none;cursor:pointer;outline:none;padding:0}.star{height:20px;width:20px}.date-text{color:#7e858e;font-family:Roboto,sans-serif;font-size:12px;margin:0}@media screen and (min-width:320px){.appointment-item{padding:12px}.title{font-size:14px}.date-text{font-size:10px}}@media screen and (min-width:576px){.appointment-item{padding:16px}.title{font-size:16px}.date-text{font-size:12px}}@media screen and (min-width:768px){.appointment-item{margin-right:12px;width:45%}}@media screen and (min-width:992px){.appointment-item{width:30%}}@media screen and (min-width:1200px){.appointment-item{width:23%}}.app-container{align-items:center;background-image:linear-gradient(0deg,#9796f0,#fbc7d4);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.appointments-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:1200px;padding:24px;width:90%}.main-heading{color:#171f46;font-family:Roboto,sans-serif;font-size:24px;margin-bottom:24px}.form-image-container{gap:20px}.form,.form-image-container{display:flex;flex-direction:column}.form{width:100%}.label{color:#7e858e;font-size:12px;margin-bottom:8px}.input,.label{font-family:Roboto,sans-serif}.input{border:1px solid #b5b7c4;border-radius:4px;height:40px;margin-bottom:16px;outline:none;padding:8px 16px}.input:focus{border-color:#9897f0}.add-button{align-self:flex-start;background-color:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;padding:8px 16px}.add-button:hover{background-color:#7c3aed}.appointments-image{display:none}.separator{border:1px solid #b5b7c4;margin:24px 0}.header-with-filter{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.appointments-heading{color:#171f46;font-family:Roboto,sans-serif;font-size:20px;margin:0}.starred-button{background-color:initial;border:1px solid #9897f0;border-radius:20px;color:#9897f0;cursor:pointer;font-family:Roboto,sans-serif;padding:4px 16px}.starred-button.active{background-color:#9897f0;color:#fff}.appointments-list{display:flex;flex-direction:column;gap:16px;padding:0}.no-appointments{color:#7e858e;font-family:Roboto,sans-serif;text-align:center;width:100%}@media screen and (min-width:320px){.appointments-container{padding:16px}.main-heading{font-size:20px}.appointments-heading{font-size:18px}.input{height:36px}.add-button,.input{padding:6px 12px}}@media screen and (min-width:576px){.appointments-container{padding:20px}.main-heading{font-size:22px}.appointments-heading{font-size:20px}.input{height:40px}.add-button,.input{padding:8px 16px}}@media screen and (min-width:768px){.form-image-container{flex-direction:row;gap:40px}.form{width:50%}.appointments-image{display:block;height:auto;width:40%}.appointments-list{flex-direction:row;flex-wrap:wrap}}@media screen and (min-width:992px){.appointments-container{padding:24px}.main-heading{font-size:24px}.appointments-heading{font-size:22px}}@media screen and (min-width:1200px){.appointments-container{max-width:1200px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}
/*# sourceMappingURL=main.344c99b1.css.map*/