.custom-scratch-popup,.custom-scratch-fab{--csp-text: #1a1817;--csp-bg: #f3f2ee;--csp-white: #ffffff;--csp-cream: #f2e3c6;--csp-sand: #d3c0a6;--csp-muted: #6b6560;--csp-placeholder: #77716b;--csp-error: #a8362a;--csp-signature: #ffae5a;--csp-metal: linear-gradient(180deg, #ffbd77 0%, #ffae5a 55%, #f39d44 100%);--csp-metal-hover: linear-gradient(180deg, #ffb367 0%, #f8a24d 55%, #e9913a 100%);--csp-metal-edge: inset 0 1px 0 rgba(255, 255, 255, .35);--csp-sheen: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .65) 50%, transparent 65%);--csp-z: 2147483000;--csp-ease: cubic-bezier(.16, .8, .4, 1);--csp-sheen-ease: cubic-bezier(.2, .7, .2, 1);--csp-fg: #ffffff;--csp-fg-muted: rgba(255, 255, 255, .82);--csp-chip-bg: transparent;--csp-chip-border: rgba(255, 255, 255, .85);--csp-chip-text: #ffffff;--csp-chip-hover: rgba(255, 255, 255, .12);--csp-chip-on-bg: var(--csp-signature);--csp-chip-on-text: #1a1817;--csp-chip-focus: #ffffff;--csp-error-fg: #ffb4a8;--csp-error-shadow: 0 1px 3px rgba(0, 0, 0, .6);box-sizing:border-box}.custom-scratch-popup *,.custom-scratch-popup *:before,.custom-scratch-popup *:after,.custom-scratch-fab *,.custom-scratch-fab *:before,.custom-scratch-fab *:after{box-sizing:border-box}.custom-scratch-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--csp-z);width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--csp-text);color:var(--csp-fg);font-family:inherit;font-weight:400;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.custom-scratch-popup:not([open]){display:none}.custom-scratch-popup::backdrop{background:#1a18178c}@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){.custom-scratch-popup::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.custom-scratch-popup[open]{animation:custom-scratch-popup-in .32s var(--csp-ease)}.custom-scratch-popup[open]::backdrop{animation:custom-scratch-popup-fade .32s ease-out}.custom-scratch-popup[open] .custom-scratch-popup__content{animation:custom-scratch-popup-fade .32s var(--csp-ease) .06s both}@keyframes custom-scratch-popup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes custom-scratch-popup-fade{0%{opacity:0}to{opacity:1}}.custom-scratch-popup__panel{position:relative;display:flex;flex-direction:column;min-height:100%}.custom-scratch-popup__close{position:fixed;top:12px;top:calc(12px + env(safe-area-inset-top,0px));right:12px;right:calc(12px + env(safe-area-inset-right,0px));z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--csp-sand);border-radius:50%;background:#ffffffe6;color:var(--csp-text);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;animation:custom-scratch-popup-fade .3s ease-out 1s both}.custom-scratch-popup__close:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%}.custom-scratch-popup__close:hover{border-color:var(--csp-text);background:var(--csp-text);color:var(--csp-white)}.custom-scratch-popup__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--csp-text)}.custom-scratch-popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a18172e,#1a181747);pointer-events:none}.custom-scratch-popup__image{display:block;width:100%;height:100%;object-fit:cover}.custom-scratch-popup__image--placeholder{fill:var(--csp-sand);background:var(--csp-bg)}.custom-scratch-popup__content{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:88px 36px 48px;text-align:center;color:var(--csp-fg)}.custom-scratch-popup__content:before{content:"";position:absolute;top:64px;right:16px;bottom:16px;left:16px;inset:calc(64px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));z-index:-1;background:#1a18176b;pointer-events:none}.custom-scratch-popup__logo{margin:0 0 28px;font-size:13px;line-height:1;letter-spacing:.2em;text-transform:uppercase}.custom-scratch-popup__logo img{display:block;width:auto;height:44px;max-width:170px;object-fit:contain;margin:0 auto;filter:invert(1)}@media(max-width:1023px)and (max-height:700px){.custom-scratch-popup__content{padding-top:76px;padding-bottom:36px}.custom-scratch-popup__logo{margin-bottom:20px}}.custom-scratch-popup__step{display:flex;flex-direction:column;align-items:center;width:100%;max-width:340px}.custom-scratch-popup__step[hidden]{display:none}.custom-scratch-popup__heading{margin:0 0 8px;font-family:inherit;font-size:26px;font-weight:400;line-height:1.15;letter-spacing:.1em;text-transform:uppercase;color:inherit}.custom-scratch-popup__heading:focus{outline:none}.custom-scratch-popup__sub{margin:0 0 28px;font-size:14px;line-height:1.5;color:var(--csp-fg-muted)}.custom-scratch-popup__stage{display:grid;place-items:center;width:100%}.custom-scratch-popup__stage>*{grid-area:1 / 1}.custom-scratch-popup__card{position:relative;width:300px;height:195px;border-radius:12px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.custom-scratch-popup__card:focus-visible{outline:2px solid var(--csp-text);outline-offset:3px}.custom-scratch-popup__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center}.custom-scratch-popup__prize-intro,.custom-scratch-popup__prize-title{display:block;color:var(--csp-fg)}.custom-scratch-popup__prize-intro{font-size:14px;line-height:1.5}.custom-scratch-popup__prize-title{font-size:26px;line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.custom-scratch-popup__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;border-radius:12px;box-shadow:0 14px 34px #1a181738,inset 0 1px #ffffff80;touch-action:none;cursor:grab;transition:opacity .6s ease}.custom-scratch-popup__card.is-drawing .custom-scratch-popup__canvas{cursor:grabbing}.custom-scratch-popup__canvas[hidden]{display:none}.is-revealed .custom-scratch-popup__card{pointer-events:none}.is-revealed .custom-scratch-popup__canvas{opacity:0}.custom-scratch-popup__win{display:flex;flex-direction:column;align-items:center;width:100%;min-height:76px;margin-top:24px;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.is-revealed .custom-scratch-popup__win{visibility:visible;opacity:1;transform:none;transition:opacity .4s var(--csp-ease) .04s,transform .4s var(--csp-ease) .04s,visibility 0s}.is-instant .custom-scratch-popup__canvas,.is-instant .custom-scratch-popup__win{transition:none}.custom-scratch-popup__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0;padding:14px 20px;border:1px solid var(--csp-fg);border-radius:2px;background:transparent;color:var(--csp-fg);font-family:inherit;font-size:13px;font-weight:400;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}@media(hover:hover){.custom-scratch-popup__btn:hover:not(:disabled){background-color:var(--csp-chip-hover)}}.custom-scratch-popup__btn:disabled{opacity:.6;cursor:progress}.custom-scratch-popup__btn:focus-visible{outline:2px solid var(--csp-fg);outline-offset:2px}.custom-scratch-popup__close:focus-visible{outline:2px solid var(--csp-text);outline-offset:2px}.custom-scratch-fab__open,.custom-scratch-fab__dismiss{position:relative;overflow:hidden;isolation:isolate;margin:0;border:0;background:var(--csp-metal);box-shadow:var(--csp-metal-edge);color:var(--csp-text);font-family:inherit;font-weight:400;cursor:pointer}.custom-scratch-fab__open{font-size:13px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.custom-scratch-fab__open:after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;background:var(--csp-sheen);transform:translate(-120%);pointer-events:none}.custom-scratch-popup__step[data-csp-step=email] .custom-scratch-popup__heading{font-size:26px}.custom-scratch-popup__form{display:flex;flex-direction:column;width:100%}.custom-scratch-popup__question{margin:8px 0 14px;font-size:14px;line-height:1.4}.custom-scratch-popup__chips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.custom-scratch-popup__chips.is-invalid .custom-scratch-popup__chip span{border-color:var(--csp-error-fg)}.custom-scratch-popup__chip{position:relative;display:block;margin:0;cursor:pointer}.custom-scratch-popup__chip input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.custom-scratch-popup__chip span{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border:1px solid var(--csp-chip-border);border-radius:2px;background:var(--csp-chip-bg);color:var(--csp-chip-text);font-size:13px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media(hover:hover){.custom-scratch-popup__chip:hover span{background-color:var(--csp-chip-hover)}}.custom-scratch-popup__chip input:checked+span{border-color:var(--csp-chip-on-bg);background:var(--csp-chip-on-bg);box-shadow:none;color:var(--csp-chip-on-text)}.custom-scratch-popup__chip input:checked+span:after{display:none}.custom-scratch-popup__chip input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--csp-chip-focus)}.custom-scratch-popup__input{display:block;width:100%;height:52px;margin:0;padding:0 16px;border:1px solid var(--csp-sand);border-radius:2px;background:var(--csp-white);color:var(--csp-text);font-family:inherit;font-size:16px;line-height:1.2;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color .2s ease}.custom-scratch-popup__input::placeholder{color:var(--csp-placeholder);opacity:1}.custom-scratch-popup__input:hover,.custom-scratch-popup__input:focus{border-color:var(--csp-text);outline:none;box-shadow:none}.custom-scratch-popup__input[aria-invalid=true]{border-color:var(--csp-error)}.custom-scratch-popup__error{min-height:20px;margin:5px 0 7px;font-size:14px;line-height:1.4;text-align:left;color:var(--csp-error-fg);text-shadow:var(--csp-error-shadow)}.custom-scratch-popup__consent{margin:12px 0 0;font-size:12px;line-height:1.5;text-align:center;color:var(--csp-fg-muted);text-shadow:var(--csp-error-shadow)}.custom-scratch-popup__consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.custom-scratch-popup__consent a:hover{color:var(--csp-fg)}}.custom-scratch-popup__check{display:block;width:48px;height:48px;margin:0 auto 20px;color:var(--csp-fg)}.custom-scratch-popup__step[data-csp-step=success] .custom-scratch-popup__sub{margin-bottom:28px;font-size:15px}.custom-scratch-popup__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(min-width:1024px){.custom-scratch-popup{top:0;right:0;bottom:0;left:0;width:min(940px,calc(100vw - 48px));height:min(580px,calc(100vh - 48px));height:min(580px,calc(100dvh - 48px));margin:auto;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px #00000059}.custom-scratch-popup{--csp-fg: #1a1817;--csp-fg-muted: #6b6560;--csp-chip-bg: transparent;--csp-chip-border: #1a1817;--csp-chip-text: #1a1817;--csp-chip-hover: rgba(26, 24, 23, .06);--csp-chip-on-bg: var(--csp-signature);--csp-chip-on-text: #1a1817;--csp-chip-focus: #1a1817;--csp-error-fg: #a8362a;--csp-error-shadow: none;background:var(--csp-bg);color:var(--csp-fg)}.custom-scratch-popup__panel{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:0}.custom-scratch-popup__media{position:relative;inset:auto;order:2;height:100%;min-height:0;overflow:hidden}.custom-scratch-popup__media:after{content:none}.custom-scratch-popup__content{order:1;min-height:0;padding:40px 48px;overflow-y:auto}.custom-scratch-popup__logo img{filter:none}.custom-scratch-popup__content:before{content:none}.custom-scratch-popup__close{position:absolute;top:16px;right:16px}.custom-scratch-popup__heading{font-size:32px}.custom-scratch-popup__sub{font-size:15px}.custom-scratch-popup__card{width:320px;height:200px}.custom-scratch-popup__prize-intro{font-size:15px}.custom-scratch-popup__prize-title{font-size:28px}.custom-scratch-popup__step[data-csp-step=email] .custom-scratch-popup__heading{font-size:30px}}.custom-scratch-fab{position:fixed;left:16px;bottom:16px;z-index:calc(var(--csp-z) - 1);display:flex;align-items:stretch;border-radius:2px;overflow:hidden;box-shadow:0 6px 18px #1a181733;animation:custom-scratch-fab-in .3s var(--csp-ease)}@keyframes custom-scratch-fab-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.custom-scratch-fab[hidden],html.js-drawer-open .custom-scratch-fab,html.modal-open .custom-scratch-fab,html.lock-scroll .custom-scratch-fab,html.custom-cf-lock .custom-scratch-fab,html.custom-ctl-lock .custom-scratch-fab,html.custom-ugc-lock .custom-scratch-fab,html.custom-terms-modal-open .custom-scratch-fab,html.pswp-open-in-ios .custom-scratch-fab,body.predictive-overflow-hidden .custom-scratch-fab{display:none}.custom-scratch-fab__open{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:0;white-space:nowrap}.custom-scratch-fab__open:after{animation:custom-scratch-fab-sheen 4s var(--csp-sheen-ease) 1s infinite}@keyframes custom-scratch-fab-sheen{0%{transform:translate(-120%)}15%,to{transform:translate(120%)}}.custom-scratch-fab__dismiss{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border-left:1px solid rgba(26,24,23,.14);border-radius:0}.custom-scratch-fab__open:hover,.custom-scratch-fab__dismiss:hover{background:var(--csp-metal-hover)}.custom-scratch-fab__open:focus-visible,.custom-scratch-fab__dismiss:focus-visible{outline:2px solid var(--csp-text);outline-offset:-3px}@media(min-width:1024px){.custom-scratch-fab{left:24px;bottom:24px}}html.custom-scratch-popup-open,html.custom-scratch-popup-open body{overflow:hidden}@media(prefers-reduced-motion:reduce){.custom-scratch-popup[open],.custom-scratch-popup[open]::backdrop,.custom-scratch-popup[open] .custom-scratch-popup__content,.custom-scratch-popup__close,.custom-scratch-fab{animation:none}.custom-scratch-fab__open:after{display:none;animation:none}.custom-scratch-popup__canvas,.custom-scratch-popup__win,.is-revealed .custom-scratch-popup__win,.custom-scratch-popup__btn,.custom-scratch-popup__chip span{transition:none}.custom-scratch-popup__win{transform:none}.custom-scratch-popup__canvas{cursor:pointer}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/custom-scratch-popup.css.map */