.appointment-item{list-style-type:none;border:1px solid #b5b7c4;border-radius:12px;padding:16px;margin-bottom:16px}@media screen and (min-width:768px){.appointment-item{margin-left:12px;margin-right:12px;margin-bottom:32px;min-width:297px}}.header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:10px}.title{color:#171f46;font-family:"Roboto";font-size:16px;font-weight:500;margin:0}@media screen and (min-width:768px){.list-title-heading{font-size:18px}}.star-button{padding:0;cursor:pointer}.star,.star-button{background:transparent;border:none;outline:none}.star{width:20px;height:20px;-ms-flex-item-align:center;align-self:center}@media screen and (min-width:768px){.star{width:24px;height:24px}}.date{color:#7e858e;font-family:"Roboto";font-size:12px;margin:0}@media screen and (min-width:768px){.date{font-size:16px}}.app-container{background-image:-webkit-gradient(linear,left bottom,left top,from(#9796f0),to(#fbc7d4));background-image:linear-gradient(0deg,#9796f0,#fbc7d4);min-height:100vh}.app-container,.responsive-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.responsive-container{background-color:#fff;width:85%;border-radius:12px;max-width:550px}@media screen and (min-width:768px){.responsive-container{width:78%;max-width:1120px}}.appointments-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:86%;max-width:972px}.add-appointment-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:64px}.add-appointment-heading{color:#171f46;font-family:"Roboto";font-size:22px;font-weight:500;margin-top:0;margin-bottom:24px}@media screen and (min-width:768px){.add-appointment-heading{font-size:32px;margin-bottom:48px}}.form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}@media screen and (min-width:768px){.form{width:45%;max-width:320px}}.label{color:#7e858e;font-weight:500;margin-bottom:8px}.input,.label{font-family:"Roboto";font-size:12px}.input{color:#131415;border:1px solid #7e858e;border-radius:4px;height:40px;padding-left:16px;padding-top:8px;padding-bottom:8px;margin-bottom:24px;outline:none}@media screen and (min-width:768px){.input{font-size:14px}}.add-button{-ms-flex-item-align:start;align-self:flex-start;background-color:#8b5cf6;color:#fff;font-family:"Roboto";font-size:12px;font-weight:500;border:none;border-radius:8px;padding:8px 16px;outline:none}.appointments-img{display:none}@media screen and (min-width:768px){.appointments-img{display:block;width:49%}}.hr{border:1px solid #b5b7c4;width:100%;margin-top:25px;margin-bottom:32px}.header-with-filter-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}@media screen and (min-width:768px){.header-with-filter-container{padding-left:12px;padding-right:12px}}.appointments-heading{color:#171f46;font-family:"Roboto";font-size:20px;font-weight:500;margin:0}@media screen and (min-width:768px){.appointments-heading{font-size:24px}}.filter-style{font-family:"Roboto";font-size:12px;font-weight:600;border-radius:25px;padding:4px 16px;border:none;outline:none}.filter-filled{color:#fff;background-color:#9897f0}.filter-empty{color:#9897f0;background-color:#fff;border:1px solid #9897f0}.appointments-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0;margin-top:24px}@media screen and (min-width:768px){.appointments-list{-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.18ede872.chunk.css.map */