.appointment-item{background-color:#fff;border:1px solid #b5b7c4;border-radius:10px;padding:16px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:576px){.appointment-item{width:calc(50% - 8px)}}@media screen and (min-width:992px){.appointment-item{width:calc(33.33% - 11px)}}.title-star-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-bottom:8px}.appointment-title{color:#171f46;font-size:16px;font-weight:700;margin:0;word-break:break-word;padding-right:12px}.star-btn{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.star-icon{width:20px;height:20px}.appointment-date{color:#b5b7c4;font-size:12px;margin:0}body{font-family:"Roboto"}.app-container{background-image:-webkit-gradient(linear,left top,left bottom,from(#fbc7d4),to(#9796f0));background-image:-o-linear-gradient(top,#fbc7d4,#9796f0);background-image:linear-gradient(180deg,#fbc7d4,#9796f0);min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:20px}.appointments-card{background-color:#fff;border-radius:20px;padding:30px;width:100%;max-width:900px;min-height:80vh;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.top-section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:30px;gap:30px}@media screen and (min-width:768px){.top-section{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}.appointment-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:400px}.heading{color:#171f46;font-size:24px;font-weight:700;margin-top:0;margin-bottom:24px}.label{color:#b5b7c4;font-size:12px;font-weight:700;margin-bottom:8px}.input{color:#171f46;background-color:#fff;border:1px solid #b5b7c4;border-radius:6px;padding:12px 16px;margin-bottom:20px}.add-btn,.input{font-size:14px;outline:none}.add-btn{background-color:#8b5cf6;color:#fff;font-weight:500;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;-ms-flex-item-align:start;align-self:flex-start}.image-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;max-width:350px}.appointments-img{width:100%;height:auto}.divider{border:1px solid #b5b7c4;opacity:.3;margin-top:32px;margin-bottom:24px}.bottom-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:24px}.appointments-heading{color:#171f46;font-size:20px;font-weight:700;margin:0}.filter-btn{background-color:transparent;color:#8b5cf6;border:1px solid #8b5cf6;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;outline:none;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.filter-btn.active{background-color:#8b5cf6;color:#fff}.appointments-list{padding-left:0;list-style-type:none;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:16px;gap:16px}*{-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.074b64d4.chunk.css.map */