@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto+Slab:100,300,400,700");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");#groceryGame .supermarket{background-image:url("../img/minigames/grocerygame/backgrounds/Supermarket.jpg")}#groceryGame .dairy{background-image:url("../img/minigames/grocerygame/backgrounds/Dairy.jpg")}#groceryGame .bakery{background-image:url("../img/minigames/grocerygame/backgrounds/Bakery.jpg")}#groceryGame .produce{background-image:url("../img/minigames/grocerygame/backgrounds/Produce.jpg")}#groceryGame .drinks{background-image:url("../img/minigames/grocerygame/backgrounds/Beverages.jpg")}#groceryGame .meat{background-image:url("../img/minigames/grocerygame/backgrounds/deli.jpg")}#groceryGame .background-image-switcher{background-repeat:no-repeat;background-size:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#groceryGame .background-image-switcher .supermarket-overlay{display:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:1}#groceryGame .modal{box-shadow:none}#groceryGame .modal .modal-card{background:linear-gradient(0deg, #161240 0%, #3d176b 50%, #5d2b93 100%);height:100vh;overflow:initial;text-align:center;padding:5%;margin:auto;border-radius:.35714rem;box-shadow:10px 0 15px rgba(10,10,10,0.2)}@media screen and (min-width: 40em){#groceryGame .modal .modal-card{padding:2.5%;width:60%;height:auto}}#groceryGame .modal .modal-card .modal-title{font-size:125%;color:#FFF;text-transform:uppercase;font-weight:700;margin-bottom:4%}#groceryGame .modal .modal-card p{color:#FFF}#groceryGame .modal .game-button-wrapper{display:-ms-flexbox;display:flex;gap:15px;-ms-flex-pack:center;justify-content:center}#groceryGame .modal .game-button-wrapper .game-button{width:45%;padding:.85714rem .71429rem;background-color:#04cec9;text-align:center;color:#02514f;border:2px solid #02514f;border-radius:.35714rem;font-weight:700;text-transform:uppercase;text-decoration:none}#groceryGame .modal .game-button-wrapper .game-button:hover{filter:brightness(1.3)}#groceryGame .modal .game-button-wrapper .game-button.text-link{background:none;color:#04cec9;border:0}#groceryGame .modal .instructions{margin:0 auto 1rem;width:24.28571rem}#groceryGame .grocery-bill{width:100%;z-index:2;box-shadow:none}@media screen and (min-width: 40em){#groceryGame .grocery-bill{width:40%}}#groceryGame .grocery-bill .bill-choices-wrapper{-ms-flex-direction:column;flex-direction:column}#groceryGame .grocery-bill .bill-choices-wrapper .bill-choice{display:-ms-flexbox;display:flex;background:#FFF;width:100%;border-radius:.57143rem;padding:.6rem .9rem;box-sizing:border-box;border:2px solid #F0F0F0;margin-bottom:10px}#groceryGame .grocery-bill .bill-choices-wrapper .bill-choice .item{-ms-flex-negative:0;flex-shrink:0}#groceryGame .grocery-bill .bill-choices-wrapper .bill-choice .item-desc{-ms-flex-positive:1;flex-grow:1;margin-left:1rem;margin-top:4px}#groceryGame .grocery-bill .bill-choices-wrapper .bill-choice .points{color:#F159FC;font-weight:700}#groceryGame .grocery-bill .table{position:relative;margin:0 auto;background-color:#3A3B59;border-radius:.57143rem;padding:.57143rem 1.42857rem;margin-bottom:1.42857rem}#groceryGame .grocery-bill .table .row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.42857rem 0;border-bottom:1px solid rgba(255,255,255,0.15)}#groceryGame .grocery-bill .table .row:last-child{border-bottom:0}#groceryGame .grocery-bill .table .row .column{color:#FFF;font-size:1rem;text-align:left}#groceryGame .grocery-game{background-size:100%;background-repeat:no-repeat;background-position:center}#groceryGame .grocery-game .bill-choices{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.71429rem}@media screen and (min-width: 40em){#groceryGame .grocery-game .bill-choices{-ms-flex-direction:row;flex-direction:row}}#groceryGame .grocery-game .bill-choices label{margin-bottom:1.42857rem}#groceryGame .grocery-game .bill-choices label:focus,#groceryGame .grocery-game .bill-choices label:active{background:linear-gradient(#703CCD, #26225b);color:#FFF}#groceryGame .grocery-game .bill-choices label .item-image img{width:7.14286rem}#groceryGame .grocery-game .bill-choices label .quality-score{float:right}#groceryGame .grocery-game .bill-choices label .item-image{float:none;position:relative;top:-1.42857rem}#groceryGame .grocery-game .checkout-button-wrapper{margin-top:20px;text-align:center}#groceryGame .grocery-game .checkout-button-wrapper .checkout-button{background-color:#5f6df1;display:inline-block;padding:1rem 1.78571rem;color:#57575E;font-size:1rem;font-weight:700;border-radius:1.78571rem;text-transform:uppercase;color:#FFF;text-decoration:none}#groceryGame .grocery-game .checkout-button-wrapper .checkout-button:hover{background-color:#3143ed}#groceryGame .grocery-game .checkout-button-wrapper .checkout-button.deactivated{cursor:default;pointer-events:none;background-color:rgba(95,109,241,0.4)}#groceryGame .grocery-game .cart-button-wrapper{text-align:center !important;margin-top:auto}#groceryGame .bill-choices-wrapper .bill-choice .quality-score{float:left;background-image:url("../img/minigames/grocerygame/score-star.svg");background-size:1.8rem 1.8rem;background-repeat:no-repeat;text-align:center;width:1.8rem;height:1.8rem;padding:.18rem;color:#FFF;margin-left:-8px}#groceryGame .bill-choices-wrapper .bill-choice .item-image{margin:auto;width:7.14286rem;float:left}#groceryGame .bill-choices-wrapper .bill-choice .item-name{font-weight:700;text-align:left;margin-bottom:.35714rem}#groceryGame .bill-choices-wrapper .bill-choice .item-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left;margin:0.3rem 0rem}#groceryGame .bill-choices-wrapper .bill-choice .price-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left}#groceryGame .bill-choices-wrapper .bill-choice .price-wrapper .item-price{text-align:right;font-weight:700}#groceryGame .bill-choices-wrapper .bill-choice .price-wrapper .item-price.on-sale span{text-decoration:line-through}#groceryGame .bill-choices-wrapper .bill-choice .price-wrapper .item-price.on-sale .sale-price{color:#F159FC !important;font-weight:700}#groceryGame .bill-choices-wrapper .bill-choice .price-wrapper .points{text-align:right}#groceryGame .card .wrapper{width:100%}@media screen and (min-width: 40em){#groceryGame .card .wrapper{width:75rem !important}}.hideIntro{display:none}.grocery-game-wrapper{z-index:2}.grocery-game-wrapper div[class*="screen-"]{border-radius:.57143rem;padding:1.5rem;box-sizing:border-box;border:2px solid #F0F0F0;background-color:#FFF}.grocery-game-wrapper .shopping-title{font-size:125%;color:#57575E;text-transform:uppercase;font-weight:700;margin-bottom:16px}.grocery-game-wrapper .title-section{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.grocery-game-wrapper .title-section #closeGame{font-size:16px;font-weight:bold;color:#57575E}.grocery-game-wrapper p{font-size:16px;margin-bottom:16px}.grocery-game-wrapper .shopping-choice .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.grocery-game-wrapper .shopping-choice .item-image img{width:7.14286rem}.grocery-game-wrapper .shopping-choices{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:15px;-ms-flex-direction:row;flex-direction:row}.grocery-game-wrapper .shopping-choices .shopping-choice{border-radius:.57143rem;padding:.6rem .9rem;box-sizing:border-box;border:2px solid #F0F0F0;font-size:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;opacity:0;animation:fly-in 1s ease-out forwards;background-color:#FFF;-ms-flex:1 1 33%;flex:1 1 33%}.grocery-game-wrapper .shopping-choices .shopping-choice.selected-choice{border:2px solid #703ccd;box-shadow:11px 8px 21px -4px rgba(112,60,205,0.76);cursor:default;pointer-events:none;opacity:1;animation:grow 0.5s linear forwards}.grocery-game-wrapper .shopping-choices .shopping-choice.selected-choice .cart-button-wrapper{opacity:0}.grocery-game-wrapper .shopping-choices .shopping-choice.not-selected-choice{cursor:default;pointer-events:none;opacity:1;animation:shrink 0.5s linear forwards}.grocery-game-wrapper .shopping-choices .shopping-choice.not-selected-choice .cart-button-wrapper{opacity:0}.grocery-game-wrapper .shopping-choices .shopping-choice.not-selected-choice .shopping-choice-overlay{display:block}.grocery-game-wrapper .shopping-choices .shopping-choice:not(:last-child){margin-right:10px}@media screen and (min-width: 40em){.grocery-game-wrapper .shopping-choices .shopping-choice:not(:last-child){margin-right:30px}}.grocery-game-wrapper .shopping-choices .shopping-choice .quality-score{position:absolute;right:10px;z-index:1;background-image:url(../img/minigames/grocerygame/score-star.svg);background-size:1.8rem 1.8rem;background-repeat:no-repeat;text-align:center;width:1.8rem;height:1.8rem;padding:.18rem;color:#FFF}.grocery-game-wrapper .shopping-choices .shopping-choice .item-name{font-weight:700;margin-bottom:4px}.grocery-game-wrapper .shopping-choices .shopping-choice .item-desc{clear:both;padding-top:18px}.grocery-game-wrapper .shopping-choices .shopping-choice .price-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.grocery-game-wrapper .shopping-choices .shopping-choice .item-weight sup,.grocery-game-wrapper .shopping-choices .shopping-choice .item-weight sub{font-size:70%}.grocery-game-wrapper .shopping-choices .shopping-choice .item-price{font-weight:700;text-align:right}.grocery-game-wrapper .shopping-choices .shopping-choice .item-price.on-sale span{float:right;text-decoration:line-through}.grocery-game-wrapper .shopping-choices .shopping-choice .item-price.on-sale .sale-price{color:#F159FC !important;font-weight:700}.grocery-game-wrapper .shopping-choices .shopping-choice .shopping-choice-overlay{display:none;background-color:rgba(0,0,0,0.1);position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;border-radius:.57143rem}.grocery-game-wrapper .shopping-choices .cart-button-wrapper .cart-button{background-color:#67cc66;display:inline-block;padding:.64286rem 1.42857rem;font-size:1rem;font-weight:700;border-radius:1.78571rem;text-transform:uppercase;color:#FFF;text-decoration:none;text-align:center;margin-top:.85714rem}.grocery-game-wrapper div[class*="container-grocery-"],.grocery-game-wrapper .hide-shopping-section{display:none}.grocery-bill .title-section{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.grocery-bill .title-section #closeGame{font-size:16px;font-weight:bold;color:#FFF}.grocery-bill .title-section .bill-title{font-size:125%;color:#FFF;text-transform:uppercase;font-weight:700;margin-bottom:4%}@keyframes grow{from{transform:scale(1)}to{transform:scale(1.05)}}@keyframes shrink{from{transform:scale(1)}to{transform:translateX(0)}}@keyframes fly-in{from{transform:translateX(-220px);opacity:0}to{transform:translateX(0);opacity:1}}
