.team-item{width:100%;margin-bottom:24px}@media screen and (min-width:576px){.team-item{width:45%;margin-right:10px}}@media screen and (min-width:992px){.team-item{width:30%;margin-right:15px}}.link{text-decoration:none}.team-card-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.2);border:1px solid #fff;border-radius:8px;padding:16px;height:100%}.team-logo{width:60px;height:60px;margin-right:12px}@media screen and (min-width:768px){.team-logo{width:80px;height:80px}}.team-name{color:#fff;font-family:"Bree Serif",serif;font-size:18px;margin:0}@media screen and (min-width:768px){.team-name{font-size:24px}}.home-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;background-image:url(https://assets.ccbp.in/frontend/react-js/ipl-dashboard-sm-bg.png);background-size:cover;min-height:100vh;padding:20px}@media screen and (min-width:768px){.home-container{background-image:url(https://assets.ccbp.in/frontend/react-js/ipl-dashboard-lg-bg.png)}}.teams-container{width:90%;max-width:1140px;-ms-flex-direction:column;flex-direction:column}.ipl-heading-container,.teams-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ipl-heading-container{margin-bottom:24px}.ipl-logo{width:40px;height:40px;margin-right:12px}@media screen and (min-width:768px){.ipl-logo{width:60px;height:60px}}.ipl-heading{color:#fff;font-family:"Bree Serif",serif;font-size:32px;margin:0}@media screen and (min-width:768px){.ipl-heading{font-size:48px}}.teams-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding-left:0;list-style-type:none;width:100%}.latest-match-card-container{width:100%;background-color:#0f172a;border-radius:8px;padding:16px;margin-bottom:24px}.latest-match-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.latest-match-details-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.latest-match-details-1{width:100%;margin-bottom:16px}@media screen and (min-width:768px){.latest-match-details-1{width:33%;margin-bottom:0}}.latest-match-team-name{font-size:20px}.latest-match-date,.latest-match-team-name{color:#fff;font-family:"Bree Serif",serif;margin-bottom:8px}.latest-match-date{font-size:16px}.match-details{color:#fff;font-family:"Bree Serif",serif;font-size:14px;margin-bottom:8px}.latest-match-team-logo{width:120px;height:120px;-ms-flex-item-align:center;align-self:center;margin-bottom:16px}@media screen and (min-width:768px){.latest-match-team-logo{width:150px;height:150px;margin-bottom:0}}.latest-match-details-2{width:100%}@media screen and (min-width:768px){.latest-match-details-2{width:33%;text-align:right}}.latest-match-label{font-size:16px;margin-bottom:4px}.latest-match-label,.latest-match-value{color:#fff;font-family:"Bree Serif",serif}.latest-match-value{font-size:14px;margin-bottom:8px}.match-item{width:100%;background-color:#0f172a;border-radius:8px;padding:16px;margin-bottom:24px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width:576px){.match-item{width:45%;margin-right:10px}}@media screen and (min-width:992px){.match-item{width:30%;margin-right:15px}}.competing-team-logo{width:60px;height:60px;margin-bottom:12px}.competing-team-name{font-size:18px}.competing-team-name,.result{color:#fff;font-family:"Bree Serif",serif;text-align:center;margin-bottom:8px}.result{font-size:14px}.match-status{font-family:"Bree Serif",serif;font-size:16px;text-align:center;margin-bottom:0}.match-won{color:#18ed66}.match-lost{color:#e31a1a}.team-matches-route-container{min-height:100vh;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.RCB{background:-webkit-gradient(linear,left top,left bottom,from(#a4261d),to(#1e293b));background:linear-gradient(180deg,#a4261d,#1e293b)}.KKR{background:-webkit-gradient(linear,left top,left bottom,from(#5755a7),to(#1e293b));background:linear-gradient(180deg,#5755a7,#1e293b)}.KXIP{background:-webkit-gradient(linear,left top,left bottom,from(#d91c1f),to(#1e293b));background:linear-gradient(180deg,#d91c1f,#1e293b)}.CSK{background:-webkit-gradient(linear,left top,left bottom,from(#f7db00),to(#1e293b));background:linear-gradient(180deg,#f7db00,#1e293b)}.RR{background:-webkit-gradient(linear,left top,left bottom,from(#da237b),to(#1e293b));background:linear-gradient(180deg,#da237b,#1e293b)}.MI{background:-webkit-gradient(linear,left top,left bottom,from(#13418b),to(#1e293b));background:linear-gradient(180deg,#13418b,#1e293b)}.SRH{background:-webkit-gradient(linear,left top,left bottom,from(#f26d22),to(#1e293b));background:linear-gradient(180deg,#f26d22,#1e293b)}.DC{background:-webkit-gradient(linear,left top,left bottom,from(#4f5db0),to(#1e293b));background:linear-gradient(180deg,#4f5db0,#1e293b)}.team-matches-container{width:90%;max-width:1140px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.team-banner{width:100%;margin-bottom:24px}.latest-matches-heading{color:#fff;font-family:"Bree Serif",serif;font-size:24px;-ms-flex-item-align:start;align-self:flex-start;margin-bottom:16px}.recent-matches-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;width:100%;padding-left:0;list-style-type:none}.loader-container{min-height:50vh}.loader-container,.not-found-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.not-found-container{background-color:#1e293b;min-height:100vh;padding:20px}.not-found-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.not-found-heading{color:#fff;font-family:"Bree Serif",serif;font-size:32px;margin-bottom:16px}@media screen and (min-width:768px){.not-found-heading{font-size:48px}}.not-found-description{color:#fff;font-family:"Bree Serif",serif;font-size:16px;margin:0}@media screen and (min-width:768px){.not-found-description{font-size:20px}}*{-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.17da19d7.chunk.css.map */