body{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}.tab-item{margin:0}.tab-btn{background-color:transparent;color:#fff;border:2px solid transparent;border-radius:20px;font-size:14px;font-weight:500;padding:8px 20px;cursor:pointer;outline:none;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.tab-btn.active{border-color:#cf60c8;color:#fec653;background-color:#2c0e3a}.thumbnail-item{width:calc(33.33% - 11px);max-width:110px}@media screen and (min-width:576px){.thumbnail-item{width:calc(20% - 13px)}}.thumbnail-btn{background-color:transparent;border:none;padding:0;cursor:pointer;outline:none;width:100%;display:block}.thumbnail-img{width:100%;height:110px;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.thumbnail-btn:hover .thumbnail-img{-webkit-transform:scale(1.05);transform:scale(1.05)}.score-card-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-sm-bg.png);background-size:cover;border-radius:24px;padding:40px;width:100%;max-width:450px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);text-align:center}@media screen and (min-width:768px){.score-card-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png)}}.trophy-img{width:150px;height:auto;margin-bottom:24px}.score-label{color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;margin-top:0;margin-bottom:8px}.final-score{color:#fff;font-size:48px;font-weight:700;margin-top:0;margin-bottom:32px}.play-again-button{background-color:#fec653;color:#2c0e3a;font-size:14px;font-weight:700;border:none;border-radius:12px;padding:12px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;outline:none;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.play-again-button:hover{opacity:.9}.reset-icon{width:20px;height:20px;margin-right:8px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:"Roboto"}.app-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-size:cover;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.navbar-container{background-color:#2c0e3a;padding:16px 24px;-ms-flex-pack:center;justify-content:center}.navbar-container,.navbar-content{display:-ms-flexbox;display:flex;width:100%}.navbar-content{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;max-width:1000px}.website-logo{width:140px;height:auto}.score-timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:24px;gap:24px}.nav-score{color:#fff;font-size:16px;font-weight:500;margin:0}.score-highlight{color:#fec653;font-weight:700}.timer-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.timer-icon{width:24px;height:24px;margin-right:8px}.timer-text{color:#fec653;font-size:16px;font-weight:700;margin:0}.game-body{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:center;justify-content:center;padding:40px 20px}.game-body,.game-main-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.game-main-content{-ms-flex-direction:column;flex-direction:column;width:100%;max-width:800px}.match-image{width:100%;max-width:450px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin-bottom:32px}.tabs-list{margin-top:0;margin-bottom:32px}.tabs-list,.thumbnails-list{padding-left:0;list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;grid-gap:16px;gap:16px}.thumbnails-list{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}@media screen and (max-width:576px){.navbar-content{-ms-flex-direction:column;flex-direction:column;grid-gap:16px;gap:16px}}
/*# sourceMappingURL=main.ce02e77d.chunk.css.map */