.scratch-card{--scratch-max-width: 320px;--scratch-aspect-ratio: 2 / 1;--scratch-radius: 16px}.scratch-card__intro{margin-bottom:20px}.scratch-card__intro.align-center{text-align:center}.scratch-card__intro.align-right{text-align:right}.scratch-card-popup .scratch-card__intro .majortitle,.scratch-card-popup .scratch-card__intro .h4{color:rgb(var(--scratch-popup-heading-color, var(--heading-color)))}.scratch-card-popup .scratch-card__intro .rte{color:rgb(var(--scratch-popup-text-color, var(--body-text-color)))}.scratch-card__wrap{display:flex}.scratch-card__wrap--left{justify-content:flex-start}.scratch-card__wrap--center{justify-content:center}.scratch-card__wrap--right{justify-content:flex-end}.scratch-card__after--left{margin-right:auto;text-align:left}.scratch-card__after--center{margin-left:auto;margin-right:auto;text-align:center}.scratch-card__after--right{margin-left:auto;text-align:right}.scratch-card__area{position:relative;width:100%;max-width:var(--scratch-max-width);aspect-ratio:var(--scratch-aspect-ratio);border-radius:var(--scratch-radius);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.scratch-card__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;text-align:center;background:rgb(var(--scratch-prize-bg));color:rgb(var(--scratch-prize-text))}.scratch-card__prize-image{width:100%;max-height:55%;margin-bottom:8px}.scratch-card__prize-image .theme-img{width:100%;height:100%;object-fit:contain}.scratch-card__prize-text{font-size:clamp(22px,5vw,36px);font-weight:600;line-height:1.15}.scratch-card__prize-subtext{margin-top:6px;font-size:14px;line-height:1.4;opacity:.85}.scratch-card__foil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}.scratch-card__foil:active{cursor:grabbing}.scratch-card__badge{position:absolute;top:12px;right:12px;z-index:2;padding:6px 12px;border-radius:999px;background:rgb(var(--scratch-badge-bg));color:rgb(var(--scratch-badge-text));font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.scratch-card.is-revealed .scratch-card__badge{opacity:1;transform:translateY(0)}.scratch-card__hint{position:absolute;left:50%;bottom:12px;z-index:2;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#00000073;color:#fff;font-size:12px;line-height:1.2;pointer-events:none;transition:opacity .25s ease}.scratch-card.is-revealed .scratch-card__hint,.scratch-card.is-scratching .scratch-card__hint{opacity:0}.scratch-card__progress{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0000008c;color:#fff;font-size:13px;line-height:1.2;pointer-events:none}.scratch-card__progress-value{font-weight:700;font-variant-numeric:tabular-nums}.scratch-card__reveal-success{margin-top:16px;max-width:var(--scratch-max-width);padding:12px 16px;border-radius:12px;background:rgb(var(--scratch-badge-bg));color:rgb(var(--scratch-badge-text));font-size:15px;font-weight:600;line-height:1.35;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.scratch-card__reveal-success:not([hidden]){opacity:1;transform:translateY(0)}.scratch-card__step{display:none;flex-direction:column;align-items:center;width:100%;gap:16px}.scratch-card--popup .scratch-card__step{align-items:stretch}.scratch-card--popup .scratch-card__intro{text-align:center;max-width:36ch;margin-left:auto;margin-right:auto}.scratch-card__step.is-active{display:flex}.scratch-card__step.is-entering{animation:scratch-card-rise .9s cubic-bezier(.2,.8,.2,1)}@keyframes scratch-card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.scratch-card__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.scratch-card__confetti-piece{position:fixed;z-index:2147483001;width:8px;height:12px;margin:-6px -4px;border-radius:2px;opacity:0;pointer-events:none;animation:scratch-confetti-burst var(--dur, 1.8s) cubic-bezier(.15,.8,.2,1) forwards}@keyframes scratch-confetti-burst{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}}.scratch-card__pop-badge{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,calc(-50% + 10px)) scale(.94);padding:12px 20px;border-radius:999px;background:rgb(var(--scratch-badge-bg));color:rgb(var(--scratch-badge-text));box-shadow:0 14px 34px #00000038;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.scratch-card__pop-badge.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}.scratch-card__pop-badge b{display:block;font-size:clamp(22px,5vw,32px);line-height:1.1;font-weight:700}.scratch-card__pop-badge span{display:block;margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.scratch-card__email-title{margin:0;text-align:center}.scratch-card__email-form{width:100%;max-width:var(--scratch-max-width);display:flex;flex-direction:column;gap:10px}.scratch-card__email-form .signup-form__email,.scratch-card__email-form .signup-form__button{width:100%}.scratch-card__consent{display:flex;gap:10px;align-items:flex-start;max-width:var(--scratch-max-width);font-size:11px;line-height:1.45;text-align:left;cursor:pointer;opacity:.85}.scratch-card__consent input{margin-top:2px;flex:0 0 auto}.scratch-card__form-error{min-height:18px;margin:0;font-size:12px;color:#c0392b;text-align:center}.scratch-card--popup .scratch-card__step[data-step=scratch]{position:relative}.scratch-card--popup.is-revealed .scratch-card__wrap{opacity:0;pointer-events:none;transition:opacity .45s ease}.scratch-card__after{margin-top:20px;max-width:var(--scratch-max-width);opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.scratch-card__after.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.scratch-card__after.align-center{margin-left:auto;margin-right:auto;text-align:center}.scratch-card__message{margin-bottom:12px}.scratch-card__form .signup-form__inline-container{display:flex;gap:8px;flex-wrap:wrap}.scratch-card__form .signup-form__email{flex:1 1 180px;min-width:0}.scratch-card__form .signup-form__response--success{padding:12px 14px;border-radius:10px;background:rgb(var(--body-text-color) / .06)}.scratch-card__form.is-submitting .signup-form__button{opacity:.7;pointer-events:none}.scratch-card-popup.modal[open],.scratch-card-popup.modal[open]:not(.is-closing){background-color:rgb(var(--modal-overlay-color) / 0)}.scratch-card-popup.modal .scratch-card-popup__window{width:100vw;width:100dvw;max-width:100vw;max-width:100dvw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;margin:0;border-radius:0;box-shadow:none;overflow:hidden;transform:translateY(8px);flex-direction:column}.scratch-card-popup__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scratch-card-popup__media .theme-img{width:100%;height:100%;object-fit:cover}.scratch-card-popup__panel{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.scratch-card-popup__content{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:0;padding:max(48px,env(safe-area-inset-top) + 32px) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;color:inherit}.scratch-card-popup[open]:not(.is-closing) .scratch-card-popup__window{transform:none}.scratch-card-popup__close{z-index:4;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:40px;height:40px;padding:0;margin:0;border:0;background:none;box-shadow:none;cursor:pointer;display:grid;place-items:center;color:rgb(var(--scratch-popup-text-color, var(--body-text-color)));opacity:.88;transition:opacity .2s ease}.scratch-card-popup__close:hover{opacity:1}.scratch-card-popup__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.scratch-card-popup__close svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}@media(min-width:900px){.scratch-card-popup.modal .scratch-card-popup__window{flex-direction:row}.scratch-card-popup__media{position:relative;flex:0 0 min(42vw,520px);width:min(42vw,520px);max-width:520px;height:100%;inset:auto}.scratch-card-popup__panel{flex:1 1 auto;background:rgb(var(--scratch-popup-panel-bg, var(--body-bg-color)))}.scratch-card-popup__content{max-width:480px;padding:48px 40px}.scratch-card-popup__close{filter:none;color:rgb(var(--scratch-popup-text-color, var(--body-text-color)))}.scratch-card--popup{max-width:100%}.scratch-card--popup .scratch-card__area{min-width:min(360px,100%);min-height:min(360px,42vh)}.scratch-card-popup .scratch-card__intro .majortitle,.scratch-card-popup .scratch-card__intro .h4,.scratch-card-popup .scratch-card__intro .rte{text-shadow:none}}.scratch-card--popup{width:100%;max-width:min(72vmin,calc(100vw - 48px))}.scratch-card--popup .scratch-card__wrap{width:100%;max-width:var(--scratch-max-width);margin-left:auto;margin-right:auto;justify-content:center}.scratch-card--popup .scratch-card__area{width:100%;max-width:100%;aspect-ratio:1 / 1;min-width:min(72vmin,calc(100vw - 48px));min-height:min(72vmin,calc(100vw - 48px));box-shadow:0 20px 50px #00000059,0 0 0 1px #ffffff24 inset}.scratch-card-popup .scratch-card__after{margin-left:auto;margin-right:auto;text-align:center;max-width:100%}.scratch-card-popup .scratch-card__message{color:rgb(var(--scratch-popup-text-color, var(--body-text-color)))}@media(max-width:767.98px){.scratch-card__area,.scratch-card__after{max-width:100%}.scratch-card--popup{--scratch-max-width: min(72vmin, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)) );max-width:100%}.scratch-card--popup .scratch-card__area{min-width:var(--scratch-max-width);min-height:var(--scratch-max-width)}.scratch-card-popup__content{padding:max(44px,env(safe-area-inset-top) + 28px) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgb(var(--scratch-popup-panel-bg, var(--body-bg-color)) / .88);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scratch-card__intro{margin-bottom:16px}.scratch-card__prize-text{font-size:clamp(24px,7vw,36px)}.scratch-card__hint{bottom:max(12px,env(safe-area-inset-bottom));font-size:13px;padding:8px 14px}.scratch-card__form .signup-form__inline-container{flex-direction:column;align-items:stretch}.scratch-card__form .signup-form__email,.scratch-card__form .signup-form__button{width:100%}.scratch-card__badge{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.scratch-card__progress{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.scratch-card-popup__close{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/scratch-card.css.map */