.scp-root,.scp-root *,.scp-root *:before,.scp-root *:after,.scp-teaser{box-sizing:border-box}.scp-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center}.scp-root[hidden]{display:none!important}.scp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;animation:scp-fade .25s ease-out}.scp-modal{position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow-y:auto;border-radius:0;text-align:center;background-color:var(--scp-bg-fallback, #1a1a1a);background-size:cover;background-position:center;background-repeat:no-repeat;animation:scp-fade .35s ease-out;color:var(--scp-text, #fff)}.scp-modal:focus{outline:none}@media(max-width:749px){.scp-modal{background-position:var(--scp-mobile-bg-position, center) center}}.scp-inner{width:min(100%,520px);padding:56px 24px;margin:auto}.scp-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,var(--scp-tint-top, .15)),rgba(0,0,0,var(--scp-tint-bottom, .45)));pointer-events:none}.scp-modal>*{position:relative}.scp-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--scp-text, #fff);cursor:pointer;opacity:.85;transition:opacity .15s ease,transform .15s ease;z-index:3}.scp-close:hover{opacity:1;transform:scale(1.08)}.scp-close svg{width:26px;height:26px;fill:currentColor;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.scp-logo{max-width:240px;max-height:80px;margin:0 auto 26px;object-fit:contain}.scp-heading{color:var(--scp-heading-color, var(--scp-text, #fff));margin:0 0 8px;font-size:clamp(26px,6vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.45)}.scp-heading--reward{color:var(--scp-reward-color, var(--scp-text, #fff))}.scp-sub{margin:0 0 26px;font-size:clamp(15px,3.6vw,18px);line-height:1.4;opacity:.92;text-shadow:0 2px 10px rgba(0,0,0,.45)}.scp-card{position:relative;width:100%;max-width:450px;aspect-ratio:450 / 300;border-radius:18px;overflow:hidden;display:grid;place-content:center;place-items:center;gap:6px;padding:0 22px;background:transparent;border:0;margin:0 auto 22px;-webkit-user-select:none;user-select:none}.scp-card:focus-visible{outline:3px solid var(--scp-btn-bg, #fff);outline-offset:4px}.scp-card-top,.scp-card-reward{max-width:100%;overflow-wrap:break-word}.scp-card-top{font-size:clamp(16px,3.8vw,20px);font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.6)}.scp-card-reward{font-size:clamp(24px,6vw,36px);font-weight:700;line-height:1.12;color:var(--scp-reward-color, #fff);text-shadow:0 2px 16px rgba(0,0,0,.6)}.scp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none;border-radius:inherit;box-shadow:0 14px 40px #0006;transition:opacity .45s ease-out}.scp-canvas:active{cursor:grabbing}.scp-canvas.scp-revealed{opacity:0;pointer-events:none}.scp-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.scp-input{width:100%;padding:13px 15px;font-size:15px;font-family:inherit;color:#111;background:#fffffff2;border:1px solid transparent;border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;text-transform:none}.scp-input::placeholder{color:#767676}.scp-input:focus{border-color:var(--scp-btn-bg, #fff);box-shadow:0 0 0 3px #ffffff59}.scp-input[aria-invalid=true]{border-color:#e02b2b;box-shadow:0 0 0 3px #e02b2b40}.scp-btn{position:relative;overflow:hidden;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;color:var(--scp-btn-text, #111);background:var(--scp-btn-bg, #fff);border:0;border-radius:10px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.scp-btn:hover:not(:disabled){transform:translateY(-1px)}.scp-btn:disabled{opacity:.55;cursor:not-allowed}.scp-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:scp-shine 2.8s ease-in-out infinite}.scp-claim{visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .35s ease-out,transform .35s ease-out}.scp-claim.scp-visible{visibility:visible;opacity:1;transform:none}.scp-error{margin:2px 0 0;font-size:13px;color:#ffd7d7;min-height:18px}.scp-fineprint{margin:12px 0 0;font-size:11px;line-height:1.45;opacity:.7}.scp-fineprint a{color:inherit}.scp-code{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 14px;padding:14px 16px;border:2px dashed rgba(255,255,255,.6);border-radius:12px;font-size:clamp(18px,4.5vw,22px);font-weight:700;letter-spacing:.08em;cursor:pointer}.scp-copied{font-size:12px;font-weight:600;letter-spacing:normal;opacity:0;transition:opacity .2s ease}.scp-copied.scp-show{opacity:1}.scp-teaser{position:fixed;left:18px;bottom:18px;z-index:2147482999;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;color:var(--scp-btn-text, #111);background:var(--scp-btn-bg, #fff);border:0;border-radius:999px;box-shadow:0 8px 24px #00000047;cursor:pointer;animation:scp-pop .3s ease-out}.scp-teaser[hidden],.scp-step[hidden]{display:none!important}@keyframes scp-fade{0%{opacity:0}}@keyframes scp-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes scp-shine{0%,55%{left:-120%}to{left:140%}}@media(prefers-reduced-motion:reduce){.scp-modal,.scp-backdrop,.scp-teaser{animation:none}.scp-btn:after{animation:none;display:none}.scp-canvas,.scp-claim{transition:none}}@media(max-width:480px){.scp-inner{padding:40px 20px}.scp-close{top:12px;right:12px}.scp-teaser{left:12px;bottom:12px;font-size:13px;padding:10px 15px}}@media(max-height:620px){.scp-inner{padding:32px 20px}.scp-logo{max-height:52px;margin-bottom:16px}.scp-sub{margin-bottom:16px}.scp-card{max-width:360px;margin-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/scratch-card-popup.css.map */