.sg-scratch,.sg-scratch *,.sg-scratch *:before,.sg-scratch *:after{box-sizing:border-box}.sg-scratch{--ink: var(--sg-ink, #0C0C0C);--orange: var(--sg-orange, #FF6B1F);border:3px solid var(--ink);padding:0;margin:auto;width:min(44rem,calc(100vw - 2.4rem));max-width:none;max-height:calc(100dvh - 2.4rem);overflow:auto;background:var(--orange);color:var(--ink);box-shadow:.8rem .8rem 0 var(--ink)}.sg-scratch::backdrop{background:#0c0c0cb3}.sg-scratch[open]{animation:sgScratchIn .4s cubic-bezier(.2,.8,.2,1.25)}@keyframes sgScratchIn{0%{opacity:0;transform:translateY(2rem) scale(.94)}}.sg-scratch__close{position:absolute;top:1rem;right:1rem;z-index:3;width:3.6rem;height:3.6rem;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:1.4rem;cursor:pointer}.sg-scratch__body{position:relative;display:flex;flex-direction:column;gap:1.4rem;padding:2.2rem 2rem;text-align:center}.sg-scratch__logo{display:block;width:14rem;height:auto;margin:.2rem auto .4rem}.sg-scratch__head{display:none;flex-direction:column;align-items:center;gap:1rem}.sg-scratch[data-step=scratch] .sg-scratch__head[data-for=scratch],.sg-scratch[data-step=form] .sg-scratch__head[data-for=form],.sg-scratch[data-step=done] .sg-scratch__head[data-for=done]{display:flex}.sg-scratch__badge{display:inline-block;padding:.6rem 1rem .5rem;transform:rotate(-2deg);background:var(--ink);color:#fff;font:800 1.2rem/1 var(--font-body-family);font-stretch:112%;letter-spacing:.06em;text-transform:uppercase}.sg-scratch__title{font-size:clamp(2.9rem,8.4vw,4rem);line-height:.92}.sg-scratch__text{margin:0;max-width:34rem;font-size:1.5rem;line-height:1.45;font-weight:500}.sg-scratch__ticket{filter:drop-shadow(.5rem .5rem 0 var(--ink));margin:.4rem .5rem 0 0}.sg-scratch__card{position:relative;height:13rem;overflow:hidden;user-select:none;-webkit-user-select:none;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff;-webkit-mask:radial-gradient(circle 1.3rem at 0 50%,transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 1.3rem at 100% 50%,transparent 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 1.3rem at 0 50%,transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 1.3rem at 100% 50%,transparent 98%,#000) right / 51% 100% no-repeat}.sg-scratch__card:before{content:"";position:absolute;top:.9rem;right:2rem;bottom:.9rem;left:2rem;border:2px dashed rgba(255,255,255,.28);pointer-events:none}.sg-scratch__prize b{display:block;font-stretch:125%;font-weight:900;font-size:clamp(3.8rem,11.5vw,5.4rem);line-height:.9;text-transform:uppercase;letter-spacing:-.01em}.sg-scratch__prize span{display:block;margin-top:.8rem;font-stretch:112%;font-weight:800;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}.sg-scratch__card canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .5s ease}.sg-scratch__card.is-clear canvas{opacity:0;pointer-events:none}.sg-scratch__card.is-clear .sg-scratch__prize{animation:sgScratchPop .55s cubic-bezier(.2,.8,.2,1.5)}@keyframes sgScratchPop{0%{transform:scale(.8)}}.sg-scratch__skip{align-self:center;margin-top:-.2rem;padding:.4rem;border:0;background:none;cursor:pointer;font:700 1.3rem/1 var(--font-body-family);color:var(--ink);text-decoration:underline;text-underline-offset:.3rem}.sg-scratch__form,.sg-scratch__done{display:none;flex-direction:column;gap:1rem}.sg-scratch[data-step=form] .sg-scratch__form,.sg-scratch[data-step=done] .sg-scratch__done{display:flex}.sg-scratch:not([data-step=scratch]) .sg-scratch__skip{display:none}.sg-scratch[data-step=done] .sg-scratch__ticket{display:none}.sg-scratch__input{width:100%;height:5.4rem;padding:0 2rem;text-align:center;border:3px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:600 1.6rem var(--font-body-family);outline:none;box-shadow:none}.sg-scratch__input::placeholder{color:#8a8a86}.sg-scratch__input:focus-visible{box-shadow:0 0 0 3px #fff}.sg-scratch__submit{width:100%;height:5.6rem;justify-content:center;font-size:1.5rem}.sg-scratch__submit:hover{transform:translateY(-2px)}.sg-scratch__submit[disabled]{opacity:.7;cursor:wait;transform:none}.sg-scratch__error{margin:0;padding:.8rem 1rem;background:#fff;font-size:1.3rem;font-weight:600;color:#b3261e}.sg-scratch__fine{margin:.2rem 0 0;font-size:1.1rem;line-height:1.45;color:#0c0c0cb8}.sg-scratch__code{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.2rem 1.2rem 2rem;background:#fff;border:3px dashed var(--ink)}.sg-scratch__code b{font-stretch:125%;font-weight:900;font-size:2.8rem;letter-spacing:.04em;text-transform:uppercase;word-break:break-all}.sg-scratch__copy:after{content:none}@media(min-width:750px){.sg-scratch__body{padding:2.8rem 3.6rem 3rem;gap:1.6rem}.sg-scratch__card{height:14rem}.sg-scratch__prize b{font-size:6rem}}.sg-scratch-bubble{position:fixed;right:1.6rem;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));z-index:29;transform:scale(0) rotate(-30deg);transition:transform .45s cubic-bezier(.2,.8,.2,1.4),bottom .3s ease}.sg-scratch-bubble.is-in{transform:scale(1) rotate(-10deg)}body:has(.sg-sticky.is-visible) .sg-scratch-bubble{bottom:calc(9.4rem + env(safe-area-inset-bottom,0px))}.sg-scratch-bubble__open{display:grid;place-content:center;justify-items:center;gap:.2rem;width:6.8rem;height:6.8rem;padding:0;border-radius:50%;cursor:pointer;border:3px solid var(--sg-ink, #0C0C0C);background:var(--sg-orange, #FF6B1F);color:var(--sg-ink, #0C0C0C);box-shadow:.4rem .4rem 0 var(--sg-ink, #0C0C0C);font-family:var(--font-body-family);text-transform:uppercase;line-height:.9}.sg-scratch-bubble.is-in .sg-scratch-bubble__open{animation:sgBubbleWiggle 6s ease-in-out 1.2s infinite}.sg-scratch-bubble__open:hover{animation:none;transform:scale(1.06)}.sg-scratch-bubble__big{font-stretch:125%;font-weight:900;font-size:2rem;letter-spacing:-.02em}.sg-scratch-bubble__small{font-stretch:112%;font-weight:800;font-size:1.1rem;letter-spacing:.06em}.sg-scratch-bubble__x{position:absolute;top:-.6rem;left:-.6rem;width:2.4rem;height:2.4rem;padding:0;border-radius:50%;border:2px solid var(--sg-orange, #FF6B1F);cursor:pointer;background:var(--sg-ink, #0C0C0C);color:#fff;font-size:1rem;line-height:1}@keyframes sgBubbleWiggle{0%,88%,to{transform:rotate(0)}91%{transform:rotate(-9deg) scale(1.06)}94%{transform:rotate(8deg) scale(1.06)}97%{transform:rotate(-4deg)}}@media(min-width:750px){.sg-scratch-bubble{right:2.4rem;bottom:2.4rem}.sg-scratch-bubble__open{width:7.8rem;height:7.8rem}.sg-scratch-bubble__big{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.sg-scratch-bubble{transition:none}.sg-scratch-bubble.is-in .sg-scratch-bubble__open{animation:none}}@media(prefers-reduced-motion:reduce){.sg-scratch[open],.sg-scratch__card.is-clear .sg-scratch__prize{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/sg-scratch.css.map */