@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Karla:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body{background-color:#eae4df;display:flex;height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.MuiPaper-root{border:2px solid #333;border-radius:25px!important;box-shadow:5px 5px 6px rgba(0,0,0,.15)!important;width:386px}.MuiDialogContent-root{padding:24px 18px 14px;text-align:center}.MuiDialogContent-root h3{font-size:16px;font-weight:400;line-height:18px;margin-bottom:0;margin-top:0}.MuiDialogContent-root h2{font-size:52px;font-weight:700;line-height:64px;margin-bottom:24px;margin-top:24px;text-transform:capitalize}.MuiDialogContent-root p{font-size:16px;font-weight:400;line-height:18px;margin-bottom:0;margin-top:0}.MuiDialogActions-root{flex-flow:column;padding-left:16px!important;padding-right:16px!important}.MuiDialogActions-root .MuiButton-textPrimary,.MuiDialogActions-root .MuiButton-textPrimary:hover{background-color:#9d674e;border-radius:36px;color:#fff;margin-bottom:4px;width:100%}.MuiDialogActions-root .MuiButton-textPrimary:hover{opacity:.8}.MuiDialogActions-root .MuiButton-outlinedSuccess,.MuiDialogActions-root .MuiButton-outlinedSuccess:hover{background-color:#eae4df;border:none;border-radius:36px;color:#9d674e;margin-bottom:4px;width:100%}.MuiDialogActions-root .MuiButton-outlinedSuccess:hover{opacity:.8}*{font-family:Karla,sans-serif}.card-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:33.33333%}.card-wrapper:before{content:"";display:block;padding-top:100%}.card-wrapper .card{cursor:pointer;height:100%;left:0;position:absolute;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.3s;width:100%}.card-wrapper .card img{border:1px solid #333;height:100%;width:100%}.card-wrapper .card .img-wrapper{box-sizing:border-box;height:100%;padding:7px;width:100%}.card-wrapper .card .card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-wrapper .card .card-face.card-back-face,.card-wrapper .card.is-flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-wrapper .card.is-inactive{cursor:auto;opacity:0}.App{background:#eae4df;height:100vh}.App,.App .row{display:flex;width:100%}.App .row{flex-flow:row;height:100%}.App .row .col-status{padding:81px 75px;width:45%}.App .row .col-status .actions-container{display:flex;flex-flow:column;height:100%;justify-content:space-between;margin-left:auto;max-width:385px}.App .row .col-status .actions-container .card-container{display:none}.App .row .col-status .actions-container .flex{display:flex;flex-flow:column}.App .row .col-status .actions-container .logo svg{height:auto;margin-bottom:30px}.App .row .col-status .actions-container .restart button{background:#9d674e;border-radius:36px;color:#fff;font-size:12px;font-weight:400;line-height:14px;padding:15px;width:100%}.App .row .col-status .actions-container .score{display:flex;flex-flow:column}.App .row .col-status .actions-container .score .high-score,.App .row .col-status .actions-container .score .moves{align-items:center;background:#9d674e;border-radius:36px;color:#fff;display:flex;flex-flow:column;margin-bottom:4px;padding:16px;width:100%}.App .row .col-status .actions-container .score .high-score .info,.App .row .col-status .actions-container .score .moves .info{font-size:12px;font-weight:400;line-height:14px;margin-bottom:8px}.App .row .col-status .actions-container .score .high-score .bold,.App .row .col-status .actions-container .score .moves .bold{font-size:24px;font-weight:700;line-height:28px}.App .row .col-cards{align-items:center;background:#dfd5cf;display:flex;padding:81px 75px;width:55%}.App .row .col-cards .card-container{background:#fafafa;border:2px solid #333;border-radius:25px;box-shadow:5px 5px 6px rgba(0,0,0,.15);display:flex;flex-wrap:wrap;max-width:621px;padding:29px;width:100%}@media screen and (max-width:992px){.App .row .col-status{padding:20px 21px;width:100%}.App .row .col-status .actions-container{justify-content:flex-start;max-width:100%}.App .row .col-status .actions-container .progress-wrapper{margin-bottom:14px}.App .row .col-status .actions-container .card-container{background:#fafafa;border:2px solid #333;border-radius:25px;box-shadow:5px 5px 6px rgba(0,0,0,.15);display:flex;flex-wrap:wrap;margin-bottom:30px;padding:11px;width:100%}.App .row .col-status .actions-container .logo{text-align:center}.App .row .col-status .actions-container .logo img{margin-bottom:15px}.App .row .col-status .actions-container .score{flex-flow:row;justify-content:space-between}.App .row .col-status .actions-container .score .high-score,.App .row .col-status .actions-container .score .moves{align-items:center;flex-flow:row;margin-bottom:8px;padding:8px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App .row .col-status .actions-container .score .high-score .info,.App .row .col-status .actions-container .score .moves .info{margin-bottom:0;margin-right:12px}.App .row .col-cards{display:none}.App{height:100%;min-height:100vh}}.progress-wrapper{margin-bottom:30px}.progress-wrapper .progress-root{background-color:#fff;border-radius:61px;display:block;height:18px;overflow:hidden;position:relative;width:100%;z-index:0}.progress-wrapper .progress-root .progress-bar{background-color:#9d674e;border-radius:61px;height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.progress-wrapper .progress-root svg{position:absolute;top:2px}.progress-wrapper .progress-root svg:first-child{left:2px;z-index:1}.progress-wrapper .progress-root svg:nth-child(2){left:33%;z-index:1}.progress-wrapper .progress-root svg:nth-child(3){right:33%;z-index:1}.progress-wrapper .progress-root svg:nth-child(4){right:2px;z-index:1}.progress-wrapper .progress-title{display:block;margin-bottom:5px;position:relative;width:100%}.progress-wrapper .progress-title span{bottom:0;font-size:11px;font-weight:700;line-height:13px;max-width:55px;text-transform:capitalize}.progress-wrapper .progress-title span:nth-child(2){left:33%;position:absolute;-webkit-transform:translateX(-33%);transform:translateX(-33%)}.progress-wrapper .progress-title span:nth-child(3){position:absolute;right:33%;-webkit-transform:translateX(33%);transform:translateX(33%)}.progress-wrapper .progress-title span:nth-child(4){position:absolute;right:0}.progress-wrapper .progress-bottom{display:block;position:relative;width:100%}.progress-wrapper .progress-bottom span{bottom:0;font-size:11px;font-weight:300;line-height:13px;max-width:55px;text-transform:capitalize}.progress-wrapper .progress-bottom span:nth-child(2){left:33%;position:absolute;-webkit-transform:translateX(-33%);transform:translateX(-33%)}.progress-wrapper .progress-bottom span:nth-child(3){position:absolute;right:33%;-webkit-transform:translateX(33%);transform:translateX(33%)}.progress-wrapper .progress-bottom span:nth-child(4){position:absolute;right:0}.progress-wrapper.progress-wrapper-1 .progress-root .progress-bar{-webkit-transform:translateX(-91%);transform:translateX(-91%)}.progress-wrapper.progress-wrapper-2 .progress-root .progress-bar{-webkit-transform:translateX(-82%);transform:translateX(-82%)}.progress-wrapper.progress-wrapper-3 .progress-root .progress-bar{-webkit-transform:translateX(-74%);transform:translateX(-74%)}.progress-wrapper.progress-wrapper-4 .progress-root .progress-bar{-webkit-transform:translateX(-63%);transform:translateX(-63%)}.progress-wrapper.progress-wrapper-5 .progress-root .progress-bar{-webkit-transform:translateX(-32%);transform:translateX(-32%)}.progress-wrapper.progress-wrapper-6 .progress-root .progress-bar{-webkit-transform:translateX(0);transform:translateX(0)}.analytics-dashboard{display:flex;flex-flow:row;height:100vh;margin:0 auto;max-width:1200px;width:100%}.analytics-dashboard .chart-container{align-items:center;display:flex;flex-flow:column;height:100%;justify-content:center;margin:0 auto;max-width:375px;width:100%}.analytics-dashboard .chart-container label{font-size:8px;font-style:italic;font-weight:400;line-height:9px;margin-bottom:24px;text-align:center;text-transform:capitalize}.analytics-dashboard .chart-container .btn-refresh{background-color:#522b47;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;line-height:14px;margin-bottom:30px;padding:15px;width:100%}.analytics-dashboard .chart-container .btn-refresh:hover{opacity:.8}.analytics-dashboard .chart-container h4{margin:0 auto 8px}.analytics-dashboard .chart-container .chart-wrapper{background-color:#fff;border-radius:16px;display:flex;flex-flow:row;height:375px;margin-bottom:24px;max-width:375px;padding:24px;width:100%}.analytics-dashboard .chart-container .chart-wrapper .chart-cell{width:16.66666%}.analytics-dashboard .chart-container .chart-wrapper .chart-cell .chart-cell-wrap{align-items:center;display:flex;flex-flow:column;height:100%;justify-content:flex-end}.analytics-dashboard .chart-container .chart-wrapper .chart-cell .chart-cell-wrap .amount-line{background-color:#8daa9d;border-radius:46px;height:30px;margin:13px 0;transition:height .5s ease;width:11px}.analytics-dashboard .chart-container .chart-wrapper .chart-cell .chart-cell-wrap .amount{font-size:11px;font-weight:700;line-height:13px}.analytics-dashboard .chart-container .chart-wrapper .chart-cell .chart-cell-wrap .amount-number{font-size:12px;font-weight:700;line-height:14px}.analytics-dashboard .analytics-status{align-items:center;display:flex;justify-content:center;text-align:center;width:50%}.analytics-dashboard .analytics-status .status-list{margin:0 auto;max-width:375px;width:100%}.analytics-dashboard .analytics-status .status-list h2{font-size:24px;font-weight:700;line-height:28px;margin:0 0 4px}.analytics-dashboard .analytics-status .status-list label a{color:#0f0e0e;font-size:12px;font-weight:600;line-height:14px;text-decoration:none}.analytics-dashboard .analytics-status .status-list .status{display:flex;flex-wrap:wrap;margin:24px -5px}.analytics-dashboard .analytics-status .status-list .status .status-item{margin-bottom:10px;padding:0 5px;width:100%}.analytics-dashboard .analytics-status .status-list .status .status-item h3{font-size:36px;font-weight:700;line-height:42px;margin:0 0 10px}.analytics-dashboard .analytics-status .status-list .status .status-item span{font-size:14px;font-weight:700;line-height:16px}.analytics-dashboard .analytics-status .status-list .status .status-item.w-50{width:50%}.analytics-dashboard .analytics-status .status-list .status .status-item .total-played{background-color:#522b47;border-radius:16px;color:#fff;padding:12px}.analytics-dashboard .analytics-status .status-list .status .status-item .total-flipped,.analytics-dashboard .analytics-status .status-list .status .status-item .total-matches{background-color:#fff;border-radius:16px;color:#0f0e0e;padding:12px}.analytics-dashboard .analytics-chart{width:50%}@media screen and (max-width:768px){.analytics-dashboard{flex-flow:column;padding:0 10px}.analytics-dashboard .analytics-chart,.analytics-dashboard .analytics-status{width:100%}.analytics-dashboard .analytics-status{margin-top:30px}}
/*# sourceMappingURL=main.06f5fe7b.css.map*/