.step.step-4b.active,.step.step-2b.active{position:fixed;width:100vw;height:100vh;top:0;z-index:9999999999;background:#1e1e1e4d}.step.step-4b.active .popup,.step.step-2b.active .popup{max-width:900px;background:#00a3a8;padding:0 47px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.step.step-4b.active span.close,.step.step-2b.active span.close{background:url(close-popup.svg);background-size:cover;background-repeat:no-repeat;position:absolute;right:15px;top:15px}.step.step-4b.active span.tick,.step.step-2b.active span.tick{display:block;width:37px;height:37px;background:url(tick.svg);background-size:cover;background-repeat:no-repeat;margin:auto}.step.step-4b.active h2.heading-25pt,.step.step-2b.active h2.heading-25pt{color:#fff;padding-top:44px;margin-bottom:56px}.step.step-4b.active .overlay,.step.step-2b.active .overlay{position:fixed;width:100vw;height:100vh;z-index:-1}.content table td,.content table th,.shopify-policy__body table td,.shopify-policy__body table th{color:#fff}.step.step-4b.active .content tr:first-child,.step.step-2b.active .content tr:first-child{border-bottom:1px solid #fff;text-align:left}.step.step-4b.active .content tr:first-child td,.step.step-2b.active .content tr:first-child td{border-right:none;font-family:Lexend;font-style:normal;font-weight:500;font-size:12px;line-height:15px;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:67px 5px 15px}.step.step-2b.active .content tr td:first-child,.step.step-4b.active .content tr td:first-child{text-align:left}.step.step-2b.active .popup .bkg-icon,.step.step-2b.active .popup .close{overflow:visible;z-index:1;width:100%}.step.step-4b.active .content tr td,.step.step-2b.active .content tr td{width:24%;max-width:280px;text-align:center;padding:30px 5px 0;border:none;border-right:1px solid;font-family:Lexend;font-style:normal;font-weight:300;font-size:14px;line-height:22px;color:#fff;vertical-align:middle}.step.step-4b.active .content tr:last-child td,.step.step-2b.active .content tr:last-child td{padding-bottom:19px}.step.step-4b.active .content tr td:last-child,.step.step-2b.active .content tr td:last-child{border-right:none}.step.step-2b.active .popup{max-width:1160px;padding:0;background:unset}.step.step-2b.active .popup .bkg-icon{top:50%;left:50%;transform:translate(-50%,-50%)}.step.step-2b.active .popup .bkg-icon svg{position:absolute}.step.step-2b.active .popup .bkg-icon svg:first-child{margin:-5% 12% 0}.step.step-2b.active .popup .bkg-icon svg:nth-child(2){right:-6%;bottom:14%}.step.step-2b.active .popup .bkg-icon svg:nth-child(3){right:-9%;bottom:-14%;z-index:0}.step.step-2b.active .content{overflow:visible;clip-path:polygon(0 15px,100% 0%,99% 100%,0% 100%);background-color:#00a3a8;width:100%;padding:0 35px 44px}.step.step-2b.active .content a{font-family:Lexend;font-size:10px;font-weight:300;line-height:22px;color:#fff;text-decoration:underline}.step.step-4b.active .popup{max-width:900px;padding:0;background:unset}.step.step-4b.active .popup .bkg-icon{top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.step.step-4b.active .popup .bkg-icon svg{position:absolute}.step.step-4b.active .popup .bkg-icon svg:first-child{top:-13%;right:1%}.step.step-4b.active .popup .bkg-icon svg:nth-child(2){right:-11%;bottom:16%}.step.step-4b.active .popup .bkg-icon svg:nth-child(3){right:-17%;bottom:-24%;z-index:0}.step.step-4b.active span.close{right:25px;top:35px}.step.step-4b.active .content{overflow:visible;clip-path:polygon(0 15px,100% 0%,99% 100%,0% 100%);background-color:#00a3a8;width:100%;padding:0 46px 46px}.step.step-4b.active .content tr td{width:17.3%;padding:24px 5px 12px}.step.step-4b.active .content tr:first-child td{padding:10px 12px 9px 7px!important;text-align:left;vertical-align:top}.step.step-4b.active .content tr td:first-child{text-align:left;padding:33px 25px 16px 0;width:31.4%}.step.step-4b.active .content tr:first-child td:first-child{padding-left:0!important}.step.step-4b.active .content tr:not(:first-child) td:first-child{padding-left:3px}.step.step-4b.active .content tr:last-child td{padding:36px 0 35px}.step.step-4b.active .content span.icons{display:flex;justify-content:center;padding-bottom:4px}.step.step-4b.active .content span.coin{background:url(coin.svg);content:"";background-size:cover;background-repeat:no-repeat;width:21px;height:21px}.step.step-4b.active .content a{font-family:Lexend;font-size:10px;font-weight:300;line-height:22px;color:#fff}@media only screen and (max-width:1024px){.step.step-2b.active .popup .bkg-icon,.step.step-4b.active .popup .bkg-icon{max-height:90vh}.step.step-4b.active .content,.step.step-2b.active .content{padding:15px 20px}}@media only screen and (max-width:767.98px){.quiz .step .popup .bkg-icon{display:block}.step.step-2b.active h2.heading-25pt,.step.step-4b.active h2.heading-25pt{margin-bottom:30px;text-align:center}.step.step-2b.active .content tr,.step.step-4b.active .content tr{border-bottom:1px solid #fff}.step.step-2b.active .content tr:last-child,.step.step-4b.active .content tr:last-child{border:none}.step.step-2b.active .content tr:first-child td:first-child,.step.step-4b.active .content tr:first-child td:first-child{display:none}.step.step-2b.active .content tr:not(:first-child) td:first-child,.step.step-4b.active .content tr:not(:first-child) td:first-child{padding:3px 0 1px}.step.step-2b.active .content tr:first-child td,.step.step-4b.active .content tr:first-child td{text-align:center}.step.step-2b.active .content tr:last-child td,.step.step-4b.active .content tr:last-child td{padding:19px 0}.step.step-2b.active .content tr td:first-child,.step.step-4b.active .content tr td:first-child{width:100%;max-width:unset;text-align:center}.step.step-2b.active .content tr td,.step.step-4b.active .content tr td{width:25%;padding:19px 0;display:inline-block;border:none}.step.step-2b.active .content tr td{width:calc(100%/3)}.step.step-2b.active .popup .bkg-icon svg,.step.step-4b.active .popup .bkg-icon svg{display:none}.step.step-2b.active .content a{font-size:12px}}@media only screen and (max-width:320px){.step.step-4b.active .content tr:first-child td,.step.step-2b.active .content tr:first-child td{font-size:10px;line-height:12px}.step.step-4b.active .content span.coin{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/quiz-popup.css.map */