.scratch-popup{--sp-ink: var(--color-base-button, 23 23 23);--sp-paper: var(--color-base-button-text, 255 255 255);--sp-sand: var(--color-base-highlight, 247 216 131);--sp-mint: var(--color-shadow, 168 232 226);--sp-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--sp-4)}.scratch-popup[hidden]{display:none}.scratch-popup>.scratch-popup__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;place-self:stretch;width:100%;height:100%;background-color:rgb(var(--sp-ink) / .62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sp-fade .35s ease both}.scratch-popup__dialog{position:relative;width:min(100%,27rem);max-height:calc(100dvh - var(--sp-8));overflow-x:hidden;overflow-y:auto;padding:var(--sp-9) var(--sp-6) var(--sp-6);border-radius:calc(var(--rounded-block) + 6px);color:rgb(var(--sp-paper));background-color:rgb(var(--sp-ink));box-shadow:0 30px 80px -20px #0009;--color-foreground: var(--sp-paper);--color-background: var(--sp-ink);--color-highlight: var(--sp-sand);--color-button-background: var(--sp-paper);--color-button-gradient: rgb(var(--sp-paper));--color-button-border: var(--sp-paper);--color-button-text: var(--sp-ink);text-align:center;animation:sp-pop .55s var(--sp-ease) both}.scratch-popup__dialog:focus{outline:none}.scratch-popup>.scratch-popup__fx{position:absolute;top:0;right:0;bottom:0;left:0;place-self:stretch;width:100%;height:100%;pointer-events:none;z-index:5}.scratch-popup__close{position:absolute;inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3);z-index:4;display:grid;place-items:center;width:var(--sp-9);height:var(--sp-9);border-radius:var(--rounded-full);color:rgb(var(--sp-paper) / .8);cursor:pointer;transition:background-color .2s ease,color .2s ease}.scratch-popup__close:hover{color:rgb(var(--sp-paper));background-color:rgb(var(--sp-paper) / .1)}.scratch-popup__step{position:relative;z-index:2;display:grid;gap:var(--sp-3);animation:sp-step .45s var(--sp-ease) both}.scratch-popup__step[data-step=scratch]{user-select:none;-webkit-user-select:none}.scratch-popup__step[hidden]{display:none}.scratch-popup__heading{font-size:clamp(1.875rem,8vw,2.375rem);color:rgb(var(--sp-paper));text-wrap:balance}.scratch-popup__sub{margin:0 auto;max-width:32ch;color:rgb(var(--sp-paper) / .7)}.scratch-popup__card{position:relative;margin-block-start:var(--sp-3);aspect-ratio:720 / 320;max-width:100%;border-radius:calc(var(--rounded-block) + 2px);background-color:rgb(var(--sp-sand));box-shadow:0 0 rgb(var(--sp-sand) / 0);overflow:hidden;touch-action:none;transition:box-shadow .5s ease,transform .25s var(--sp-ease)}.scratch-popup.is-scratching .scratch-popup__card{transform:scale(1.015)}.scratch-popup.is-revealed .scratch-popup__card{box-shadow:0 0 0 4px rgb(var(--sp-sand) / .35);animation:sp-shake .5s var(--sp-ease)}.scratch-popup__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:var(--sp-2);color:rgb(var(--sp-ink))}.scratch-popup__prize-value{font-size:clamp(3.5rem,18vw,4.75rem);font-variant-numeric:tabular-nums}.scratch-popup.is-revealed .scratch-popup__prize-value{animation:sp-bump .7s var(--sp-ease)}.scratch-popup__prize-label{text-transform:uppercase;letter-spacing:.12em}.scratch-popup__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;transition:opacity .45s ease}.scratch-popup__canvas:active{cursor:grabbing}.scratch-popup.is-revealed .scratch-popup__canvas{opacity:0}.scratch-popup__sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .35) 48%,rgb(255 255 255 / .05) 56%,transparent 65%);background-size:250% 100%;animation:sp-sheen 2.6s ease-in-out infinite;mix-blend-mode:soft-light}.scratch-popup__hint{position:absolute;inset-block-end:var(--sp-3);inset-inline:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-1d5);pointer-events:none;color:rgb(var(--sp-paper));transition:opacity .25s ease}.scratch-popup__finger{width:1.25rem;height:1.25rem;animation:sp-swipe 1.4s ease-in-out infinite}.scratch-popup.is-scratching .scratch-popup__hint,.scratch-popup.is-scratching .scratch-popup__sheen{opacity:0;animation:none}.scratch-popup__meter{display:grid;gap:var(--sp-2)}.scratch-popup__meter-track{height:6px;border-radius:var(--rounded-full);background-color:rgb(var(--sp-paper) / .12);overflow:hidden}.scratch-popup__meter-fill{display:block;width:100%;height:100%;border-radius:inherit;background-color:rgb(var(--sp-sand));transform:scaleX(var(--progress, 0));transform-origin:left center;transition:transform .25s var(--sp-ease)}.scratch-popup__meter-row{display:flex;justify-content:space-between;color:rgb(var(--sp-paper) / .75);font-variant-numeric:tabular-nums}.scratch-popup__reveal,.scratch-popup__decline{justify-self:center;padding:var(--sp-1d5) var(--sp-2);color:rgb(var(--sp-paper) / .55);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}.scratch-popup__reveal:hover,.scratch-popup__decline:hover{color:rgb(var(--sp-paper) / .9)}.scratch-popup__ticket{position:relative;justify-self:center;display:grid;gap:var(--sp-1d5);padding:var(--sp-4) var(--sp-8);margin-block-end:var(--sp-2);color:rgb(var(--sp-ink));background-color:rgb(var(--sp-sand));border-radius:var(--sp-2d5);transform:rotate(-3deg);animation:sp-ticket .7s var(--sp-ease) both}.scratch-popup__ticket:before,.scratch-popup__ticket:after{content:"";position:absolute;inset-block-start:50%;width:18px;height:18px;margin-block-start:-9px;border-radius:var(--rounded-full);background-color:rgb(var(--sp-ink))}.scratch-popup__ticket:before{inset-inline-start:-9px}.scratch-popup__ticket:after{inset-inline-end:-9px}.scratch-popup__ticket-value{font-size:2.5rem}.scratch-popup__ticket-label{text-transform:uppercase;letter-spacing:.12em}.scratch-popup__input{color:rgb(var(--sp-paper));background-color:rgb(var(--sp-paper) / .08)}.scratch-popup__input::placeholder{color:rgb(var(--sp-paper) / .5)}.scratch-popup__cta{width:100%;justify-content:center}.scratch-popup__cta:disabled{cursor:progress;opacity:.75}.scratch-popup__cta:focus-visible,.scratch-popup__close:focus-visible,.scratch-popup__reveal:focus-visible,.scratch-popup__decline:focus-visible{outline:2px solid rgb(var(--sp-sand));outline-offset:3px}.scratch-popup__error{margin:0;color:#faa}.scratch-popup__form.is-invalid .scratch-popup__input{box-shadow:0 0 0 1px #faa;animation:sp-shake .4s var(--sp-ease)}.scratch-popup__legal{color:rgb(var(--sp-paper) / .5)}.scratch-popup__legal p{margin:0}.scratch-popup__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.scratch-popup__check{justify-self:center;width:4.5rem;height:4.5rem;stroke:rgb(var(--sp-sand));stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.scratch-popup__check circle{stroke-dasharray:151;animation:sp-draw .6s var(--sp-ease) both}.scratch-popup__check path{stroke-dasharray:36;animation:sp-draw-check .4s .45s var(--sp-ease) both}@keyframes sp-fade{0%{opacity:0}}@keyframes sp-pop{0%{transform:translateY(24px) scale(.94)}}@keyframes sp-step{0%{transform:translate(18px)}}@keyframes sp-ping{70%{box-shadow:0 0 0 8px rgb(var(--sp-sand) / 0)}to{box-shadow:0 0 rgb(var(--sp-sand) / 0)}}@keyframes sp-sheen{0%{background-position:150% 0}60%,to{background-position:-50% 0}}@keyframes sp-swipe{0%,to{transform:translate(-14px) rotate(-8deg)}50%{transform:translate(14px) rotate(8deg)}}@keyframes sp-shake{20%{transform:translate(-6px) rotate(-1deg)}40%{transform:translate(6px) rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes sp-bump{0%{transform:scale(.6)}55%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sp-ticket{0%{transform:rotate(-14deg) scale(.6) translateY(-20px)}60%{transform:rotate(2deg) scale(1.06)}to{transform:rotate(-3deg) scale(1)}}@keyframes sp-draw{0%{stroke-dashoffset:151}}@keyframes sp-draw-check{0%{stroke-dashoffset:36}}@media screen and (max-width:767px){.scratch-popup{place-items:end center;padding:0}.scratch-popup__dialog{width:100%;border-end-start-radius:0;border-end-end-radius:0;padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom));animation-name:sp-sheet}@keyframes sp-sheet{0%{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.scratch-popup *,.scratch-popup *:before,.scratch-popup *:after,.scratch-popup>.scratch-popup__backdrop{animation:none!important;transition:none!important}}.scratch-popup__dialog{box-shadow:0 30px 80px -20px #0009,inset 0 0 0 1px #f7d88329}.scratch-popup__card{border:1.5px solid transparent;border-radius:16px;background:radial-gradient(70% 90% at 50% 45%,#2a2418,#141414 70%) padding-box,linear-gradient(135deg,#f7d883,#7a5c1f 30%,#f3d27a,#6d521b 80%,#e9c46a) border-box;box-shadow:0 18px 40px #00000059}.scratch-popup.is-revealed .scratch-popup__card{box-shadow:0 18px 40px #00000059,0 0 26px #f7d88373}.scratch-popup__prize{color:rgb(var(--sp-paper))}.scratch-popup__prize-value{background:linear-gradient(100deg,#b4852b,#f7d883 30%,#fff3c9,#e2b24f,#f7d883 75%,#a87a22);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgb(247 216 131 / .25))}.scratch-popup.is-revealed .scratch-popup__prize-value{animation:sp-bump .7s var(--sp-ease),sp-foil 3.2s ease-in-out .8s infinite}.scratch-popup__prize-label{color:#f7d883d9;letter-spacing:.2em}.scratch-popup__hint{inset-inline:auto;inset-inline-start:50%;transform:translate(-50%);gap:8px;white-space:nowrap;padding:6px 14px 6px 10px;border-radius:999px;color:#fff;background:#111111c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000040}.scratch-popup__finger{width:1.125rem;height:1.125rem;animation:sp-swipe-small 1.4s ease-in-out infinite}.scratch-popup__meter-fill{background:linear-gradient(90deg,#b4852b,#f7d883 60%,#fff0bd)}.scratch-popup__ticket{color:rgb(var(--sp-paper));border:1.5px solid transparent;background:radial-gradient(120% 90% at 20% 0%,#2a2418,#111 70%) padding-box,linear-gradient(135deg,#f7d883,#7a5c1f 30%,#f3d27a,#6d521b 80%,#e9c46a) border-box;box-shadow:0 14px 30px #00000059}.scratch-popup__ticket-value{background:linear-gradient(100deg,#b4852b,#f7d883 35%,#fff3c9,#e2b24f 65%,#a87a22);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.scratch-popup__ticket-label{color:#f7d883d9}@keyframes sp-foil{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes sp-swipe-small{0%,to{transform:translate(-3px) rotate(-10deg)}50%{transform:translate(3px) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.scratch-popup.is-revealed .scratch-popup__prize-value,.scratch-popup__finger{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/scratch-popup.css.map */