.modal--newsletter-scratch{--newsletter-scratch-cream: #f9f7f2;--newsletter-scratch-panel-width: 45%;--newsletter-scratch-padding: clamp(2.5rem, 5vw, 4rem)}.modal--newsletter-scratch::part(overlay){opacity:0}.modal--newsletter-scratch::part(content){width:100%;max-width:none;max-height:none;height:100%;margin:0;place-self:stretch;display:block;box-shadow:none}.modal--newsletter-scratch::part(body){padding:0;height:100%;overflow:hidden;align-items:stretch}.modal--newsletter-scratch::part(close-button){--button-size: 2.5rem;color:#fff;inset-block-start:1.25rem;inset-inline-end:1.25rem;z-index:3}.modal--newsletter-scratch::part(close-button):before{background:#00000040}.newsletter-scratch{display:grid;grid-template-columns:minmax(0,var(--newsletter-scratch-panel-width)) minmax(0,1fr);width:100%;height:100%;min-height:100dvh}.newsletter-scratch__content{background:var(--newsletter-scratch-cream);color:#000;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--newsletter-scratch-padding);overflow-y:auto;height:100%}.newsletter-scratch__inner{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%}.newsletter-scratch__logo{width:min(5.5rem,30vw);flex-shrink:0}.newsletter-scratch__logo img{width:100%;height:auto;display:block}.newsletter-scratch__body{width:100%}.newsletter-scratch__step{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.newsletter-scratch__intro{display:contents}.newsletter-scratch__step[hidden]{display:none!important}.newsletter-scratch__heading{font-family:var(--heading-font-family);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.15;letter-spacing:-.01em;margin:0}.newsletter-scratch__subheading{font-family:var(--heading-font-family);font-size:clamp(.8rem,1.3vw,.95rem);line-height:1.4;font-weight:400;opacity:.65;margin:-.4rem 0 0}.newsletter-scratch__interactive{display:grid;grid-template-areas:"slot";grid-template-rows:auto;width:100%;margin-block-start:.5rem}.newsletter-scratch__scratch-phase{grid-area:slot}.newsletter-scratch__reveal{grid-area:slot;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.newsletter-scratch__reveal[hidden]{display:none!important}.newsletter-scratch__step .newsletter-scratch__reveal{display:none}.newsletter-scratch__step.is-revealed .newsletter-scratch__scratch-phase{visibility:hidden;pointer-events:none}.newsletter-scratch__step.is-revealed .newsletter-scratch__reveal{display:flex}newsletter-scratch-card{position:relative;display:block;width:65%;max-width:16rem;aspect-ratio:5 / 4;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:transparent}newsletter-scratch-card canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;touch-action:none}.newsletter-scratch__prize{margin:0;font-family:var(--heading-font-family);font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.3;font-weight:400;letter-spacing:-.01em}.newsletter-scratch__prize[hidden],.newsletter-scratch__actions[hidden]{display:none!important}.newsletter-scratch__step-label{font-family:var(--heading-font-family);font-size:clamp(.8rem,1.3vw,.95rem);font-weight:400;opacity:.5;margin:0}.newsletter-scratch__phone-form{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-block-start:.5rem}.newsletter-scratch__phone-field{display:flex;align-items:center;gap:0;border:1px solid rgb(var(--input-text-color, 0 0 0) / .2);border-radius:var(--input-border-radius, 0);background:#fff;overflow:hidden;height:var(--input-height, 3rem)}.newsletter-scratch__phone-prefix{flex-shrink:0;padding:0 .75rem;font-family:var(--text-font-family);font-size:.875rem;color:inherit;border-right:1px solid rgb(var(--input-text-color, 0 0 0) / .15);height:100%;display:flex;align-items:center;white-space:nowrap}.newsletter-scratch__phone-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:0 .875rem;font-family:var(--text-font-family);font-size:.9375rem;color:inherit;height:100%}.newsletter-scratch__phone-input::placeholder{opacity:.45}.newsletter-scratch__phone-conditions{margin:0;line-height:1.5}.newsletter-scratch__email-form{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-block-start:.5rem}.newsletter-scratch__email-field{display:flex;align-items:center;border:1px solid rgb(var(--input-text-color, 0 0 0) / .2);border-radius:var(--input-border-radius, 0);background:#fff;overflow:hidden;height:var(--input-height, 3rem)}.newsletter-scratch__email-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:0 .875rem;font-family:var(--text-font-family);font-size:.9375rem;color:inherit;height:100%}.newsletter-scratch__email-input::placeholder{opacity:.45}.newsletter-scratch__success{text-align:start}.newsletter-scratch__success-text{margin:0;font-family:var(--heading-font-family);font-size:clamp(.875rem,1.4vw,1rem);font-weight:400;line-height:1.5;opacity:.75}.newsletter-scratch__code-box{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.25rem;background:#00000012;border:2px dashed rgb(0 0 0 / .35);border-radius:2px;cursor:pointer;transition:background .15s;-webkit-appearance:none;appearance:none;font:inherit;color:inherit;text-align:center}.newsletter-scratch__code-box:hover{background:#0000001c}.newsletter-scratch__code-text{font-family:var(--heading-font-family);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.newsletter-scratch__code-icon svg{display:block;width:1.125rem;height:1.125rem;opacity:.7}.newsletter-scratch__code-copied{font-size:.8125rem;font-weight:500;opacity:.7}.newsletter-scratch__code-copied[hidden]{display:none!important}.newsletter-scratch__gallery{overflow:hidden;height:100%;padding:6px}.newsletter-scratch__gallery-track{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;height:100%}.newsletter-scratch__gallery-cell--dupe{display:none}.newsletter-scratch__gallery-cell{overflow:hidden;position:relative;background:var(--newsletter-scratch-cream)}.newsletter-scratch__gallery-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media screen and (max-width:999px){.modal--newsletter-scratch{--newsletter-scratch-panel-width: 100%;--newsletter-scratch-padding: clamp(1.5rem, 5vw, 2rem)}.modal--newsletter-scratch::part(close-button){color:#000;inset-block-start:1rem;inset-inline-end:1rem}.modal--newsletter-scratch::part(close-button):before{background:#0000000f}.newsletter-scratch{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;min-height:100dvh}.newsletter-scratch__gallery{display:none}.newsletter-scratch__content{align-items:center;justify-content:center;height:100%;padding-block:calc(var(--newsletter-scratch-padding) + 1.5rem)}.newsletter-scratch__inner{align-items:center;text-align:center;gap:1.5rem;width:100%;max-width:22rem;margin-inline:auto}.newsletter-scratch__logo{width:min(6rem,40vw);align-self:center}.newsletter-scratch__body,.newsletter-scratch__step{align-items:center}.newsletter-scratch__heading,.newsletter-scratch__subheading,.newsletter-scratch__prize,.newsletter-scratch__step-label{text-align:center;width:100%}.newsletter-scratch__interactive{width:100%;place-items:center}.newsletter-scratch__scratch-phase{display:flex;justify-content:center;width:100%}.newsletter-scratch__step.is-revealed .newsletter-scratch__reveal{align-items:center}newsletter-scratch-card{width:min(88%,18rem);max-width:18rem;margin-inline:auto}.newsletter-scratch__email-form,.newsletter-scratch__phone-form{width:100%;text-align:start}.newsletter-scratch__success{text-align:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/newsletter-scratch-popup.css.map */