.appointment-list{list-style-type:none}.appointment-card{border:1px solid #b5b7c4;border-radius:12px;padding:16px;margin-right:12px;margin-bottom:12px}@media screen and (min-width:768px){.appointment-card{min-width:300px}}.title-star-cont{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.title{font-size:20px;font-family:"Roboto";margin:0;font-weight:600}.star-button{background-color:transparent;border:none;outline:none;cursor:pointer}.star-icon{width:24px;height:24px}.date{font-size:16px;color:#b5b7c4;margin-top:10px;font-family:"Roboto"}.bg-container{background-image:-webkit-gradient(linear,left bottom,left top,from(#9796f0),to(#fbc7d4));background-image:linear-gradient(0deg,#9796f0,#fbc7d4);min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.appointment-container{width:90%;max-width:550px;background-color:#fff;border-radius:12px;padding:20px}@media screen and (min-width:768px){.appointment-container{width:80%;max-width:1200px;padding:60px}}.form-image-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.form-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}@media screen and (min-width:768px){.form-details{width:45%;max-width:320px}}.main-heading{color:#171f46;font-size:22px;font-weight:600;font-family:"Roboto"}@media screen and (min-width:768px){.main-heading{font-size:36px;margin-bottom:40px}}.label{color:#b5b7c4;font-size:12px;font-family:"Roboto";margin-bottom:10px;font-weight:500}.input{color:#171f46;border:1px solid #b5b7c4;border-radius:4px;margin-bottom:20px;padding-left:12px;padding-top:10px;padding-bottom:10px}.add-button,.input{font-family:"Roboto";font-size:14px;outline:none}.add-button{-ms-flex-item-align:start;align-self:flex-start;min-width:80px;color:#fff;background-color:#8b5cf6;border-radius:8px;padding:8px 12px;border:none;cursor:pointer}.image{display:none}@media screen and (min-width:768px){.image{display:block;width:50%}}.hr{border:1px solid #b5b7c4;width:100%;margin-top:25px;margin-bottom:32px}.heading-btn-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.heading{font-size:22px;color:#171f46;font-family:"Roboto"}.starred-btn{width:80px;height:30px;color:#9897f0;background-color:#fff;border:1px solid #9897f0;border-radius:15px;background-color:transparent;font-weight:600;outline:none;cursor:pointer}.active{color:#fff;background-color:#9897f0}.appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;width:100%}@media screen and (min-width:768px){.appointments{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.f9293631.chunk.css.map */