hat-scratch-popup{display:block;width:100%}.subscription-popup--gamified{--modal-width: 60rem !important}.hsp-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.2rem 2.4rem;min-height:46rem;text-align:center}.hsp-step[hidden]{display:none!important}.hsp-step--exiting{animation:hspFadeOut .35s ease-in forwards}.hsp-step--entering{animation:hspFadeIn .4s ease-out forwards}@keyframes hspFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.2rem)}}@keyframes hspFadeIn{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.hsp-game-heading{font-family:var(--font-heading-family);margin:0 0 .8rem}.hsp-game-subtext{margin:0 0 .4rem;opacity:.65;font-size:1.3rem}.hsp-balls-row{display:flex;gap:2.4rem;justify-content:center;align-items:center;margin:2rem 0 1.2rem}.hsp-ball{position:relative;width:16rem;height:16rem;background:transparent;cursor:pointer;flex-shrink:0;transition:transform .3s ease,opacity .3s ease}.hsp-ball__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:none}.hsp-ball__canvas:active{cursor:grabbing}.hsp-ball__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;background:#03132a;-webkit-mask-image:var(--hat-image);mask-image:var(--hat-image);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hsp-ball__discount-text{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 .1rem .3rem rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.1;text-align:center;max-width:90%}.hsp-ball__discount-text--visible{animation:hspPulseText 1.5s ease-in-out infinite;pointer-events:auto;-webkit-user-select:auto;user-select:auto}@keyframes hspPulseText{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hsp-sparkle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;pointer-events:none;z-index:10;animation:hspSparkle .5s ease-out forwards}@keyframes hspSparkle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.hsp-ball--wobble{animation:hspWobble 2s ease-in-out infinite}.hsp-ball:nth-child(2).hsp-ball--wobble{animation-delay:.3s}.hsp-ball:nth-child(3).hsp-ball--wobble{animation-delay:.6s}@keyframes hspWobble{0%,to{transform:rotate(0)}15%{transform:rotate(-5deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}.hsp-ball--bounce{animation:hspBounce 1.5s ease-in-out infinite}.hsp-ball:nth-child(2).hsp-ball--bounce{animation-delay:.2s}.hsp-ball:nth-child(3).hsp-ball--bounce{animation-delay:.4s}@keyframes hspBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.8rem)}}.hsp-ball--pulse{animation:hspPulse 2s ease-in-out infinite}.hsp-ball:nth-child(2).hsp-ball--pulse{animation-delay:.25s}.hsp-ball:nth-child(3).hsp-ball--pulse{animation-delay:.5s}@keyframes hspPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hsp-ball--dimmed{opacity:.15;transform:scale(.8)!important;pointer-events:none;animation:none!important}.hsp-ball--revealed{animation:none!important;transform:scale(1.1);filter:drop-shadow(0 .4rem 1.6rem rgba(3,19,42,.5))}.hsp-claim-hint{position:absolute;bottom:-2.6rem;left:50%;transform:translate(-50%);font-family:var(--font-heading-family);font-size:1.3rem;font-weight:700;color:#03132a;white-space:nowrap;cursor:pointer;animation:hspClaimBounce 1s ease-in-out infinite;z-index:5}@keyframes hspClaimBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-.5rem)}}.hsp-hint{font-size:1.2rem;opacity:.45;margin-top:1rem;animation:hspBreath 3s ease-in-out infinite}@keyframes hspBreath{0%,to{opacity:.3}50%{opacity:.7}}.hsp-email-heading{font-family:var(--font-heading-family);margin:0 0 .8rem}.hsp-email-subtext{margin:0 0 2.4rem;opacity:.65;font-size:1.3rem}.hsp-email-form-wrap{width:100%;max-width:38rem}.hsp-email-form-wrap .modal--newsletter-alert{display:none!important}.hsp-form-error{color:#dc2626;font-size:1.2rem;margin-top:.8rem}.hsp-discount-heading{font-family:var(--font-heading-family);margin:0 0 .8rem}.hsp-discount-subtext{margin:0 0 1.6rem;opacity:.65;font-size:1.3rem}.hsp-discount-code{display:inline-block;font-family:var(--font-heading-family);font-size:3.2rem;font-weight:700;letter-spacing:.3rem;padding:1.6rem 3.2rem;border:.2rem dashed #03132a;border-radius:1.2rem;margin:.8rem 0 2.4rem;color:#03132a;background:#03132a14;animation:hspCodeReveal .6s ease-out forwards}@keyframes hspCodeReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hsp-copy-btn{min-width:20rem}.hsp-confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:10}.hsp-confetti-piece{position:absolute;top:-.6rem;left:var(--x);width:.6rem;height:.6rem;border-radius:50%;animation:hspConfettiFall 2.5s ease-out var(--delay) forwards;transform:rotate(var(--rotation));opacity:0}@keyframes hspConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(35rem) rotate(720deg)}}.hsp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.hsp-ball--wobble,.hsp-ball--bounce,.hsp-ball--pulse,.hsp-confetti-piece,.hsp-hint,.hsp-ball__discount-text--visible,.hsp-sparkle,.hsp-step--exiting,.hsp-step--entering{animation:none!important}.hsp-discount-code{animation:none!important;opacity:1}}@media(max-width:749px){.subscription-popup--gamified{--modal-width: 100% !important}.subscription-popup--gamified .drawer__body{overflow-x:hidden}.hsp-step{padding:1.6rem;min-height:auto;justify-content:flex-start;overflow:hidden}.hsp-balls-row{flex-direction:column;gap:1.4rem;width:100%;align-items:center;margin:1.2rem 0 .8rem;overflow:hidden}.hsp-ball{width:12rem;height:12rem}.hsp-ball__discount-text{font-size:1.3rem}.hsp-discount-code{font-size:2.4rem;padding:1.2rem 2rem;letter-spacing:.2rem}.hsp-game-heading,.hsp-email-heading,.hsp-discount-heading{font-size:1.8rem}.hsp-game-subtext,.hsp-email-subtext,.hsp-discount-subtext{font-size:1.2rem}.hsp-hint{margin-top:.6rem}}@media(max-width:380px){.hsp-ball{width:10rem;height:10rem}.hsp-balls-row{gap:1rem}.hsp-ball__discount-text{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/hat-scratch-popup.css.map */