html:has(.newsletter-popup[open]),body:has(.newsletter-popup[open]){overflow:hidden}.newsletter-popup{--nl-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:0;background:transparent;color:var(--nl-fg);font-size:calc(var(--font-base-size) * var(--nl-scale));line-height:1.5;letter-spacing:normal;overflow-y:auto;overscroll-behavior:contain}.newsletter-popup[open]{display:flex;align-items:center;justify-content:center}.newsletter-popup::backdrop{background:var(--nl-backdrop);-webkit-backdrop-filter:blur(var(--nl-blur));backdrop-filter:blur(var(--nl-blur))}.newsletter-popup .main-popup-box{box-sizing:border-box;width:min(100%,calc(var(--nl-width) * var(--nl-scale)));max-height:100%;overflow-y:auto;padding:calc(var(--nl-padding) * var(--nl-scale));background:var(--nl-bg);color:inherit;border:0;border-radius:0;box-shadow:none;text-align:start}.newsletter-popup.show .main-popup-box{animation:newsletter-dialogue-in var(--nl-duration) var(--nl-ease) both}@keyframes newsletter-dialogue-in{0%{opacity:0;transform:translateY(var(--nl-from-y)) scale(var(--nl-from-scale))}to{opacity:1;transform:none}}.newsletter-popup :is(h2,p,label,input,button,.thanks-message,footer){margin:0;color:inherit;font:inherit;letter-spacing:inherit}.newsletter-popup__intro{display:grid;gap:1em;margin-bottom:2em}.newsletter-popup__intro p{max-width:36ch;text-wrap:pretty}.newsletter-popup__intro h2:focus{outline:none}.newsletter-popup-form{display:grid;gap:1em;width:100%}.newsletter-popup__field{display:flex;align-items:center;align-content:center;gap:1.5em;min-width:0;min-height:calc(48px * var(--nl-scale));padding:1em;background:color-mix(in srgb,currentColor 12%,transparent)}.newsletter-popup__field:focus-within{background:color-mix(in srgb,currentColor 24%,transparent)}.newsletter-popup__label{flex:none}.newsletter-popup input[type=email]{flex:1;width:100%;min-width:0;padding:0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;text-transform:none;caret-color:currentColor}.newsletter-popup input::placeholder{color:inherit;opacity:1}.newsletter-popup__actions{display:flex;align-items:center;justify-content:space-between;gap:1em}.newsletter-popup .newsletter-popup__actions button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:calc(44px * var(--nl-scale));padding:.75em 1em;border:0;border-radius:0;background:transparent;cursor:pointer}.newsletter-popup .close-newsletter{gap:.55em;margin-inline-start:auto}.newsletter-popup .game-hud__pointer{align-self:baseline;stroke-width:1.5;transform:none;transition:none}.newsletter-popup .close-newsletter .game-hud__pointer{transform:scaleX(-1)}.newsletter-popup .game-hud__pointer-pose--straight{display:inline}.newsletter-popup .game-hud__pointer-pose--angled{display:none}.newsletter-popup button:focus-visible{outline:1px solid currentColor;outline-offset:-1px;background:color-mix(in srgb,currentColor 12%,transparent)}@media(hover:hover)and (pointer:fine){.newsletter-popup .newsletter-popup__actions button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}}.newsletter-popup .newsletter-popup__actions button:active{background:color-mix(in srgb,currentColor 24%,transparent)}.newsletter-popup .newsletter-popup__actions button:disabled{opacity:.45;cursor:wait}.newsletter-popup [hidden],.newsletter-popup-form.is-success .newsletter-popup__field{display:none!important}.newsletter-popup .thanks-message:before{content:none;display:none}.newsletter-popup .thanks-message:empty{display:none}.newsletter-popup .thanks-message{display:block;text-align:start}.newsletter-popup .thanks-message:focus{outline:none}.newsletter-popup__footer{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-top:3em!important}.newsletter-popup__image{width:3em;height:3em;object-fit:contain}@media(max-width:767px){.newsletter-popup .main-popup-box{padding:calc(var(--nl-padding) * var(--nl-scale) * .7)}.newsletter-popup__field{flex-wrap:wrap;gap:.5em 1em}.newsletter-popup__field input{flex-basis:12ch}}@media(prefers-reduced-motion:reduce){.newsletter-popup.show .main-popup-box{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/newsletter-popup.css.map */
