.nl-pop{--color-background: var(--papier);--color-foreground: var(--tinte);--color-field: var(--papier);--color-border: var(--rahmen-ui);--color-muted: var(--text-leise);--color-line: var(--pergament);--color-focus: var(--tanne);--color-button: var(--tanne);--color-button-label: var(--papier);--color-button-hover: color-mix(in srgb, var(--tanne) 50%, var(--tinte));--color-link: var(--rost);--color-accent: var(--rost);--color-error: var(--fehler);position:fixed;left:var(--gutter);right:var(--gutter);bottom:calc(var(--stack-gap) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);display:grid;gap:var(--space-2);max-height:calc(100dvh - var(--space-6));overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-4);background:var(--papier);color:var(--tinte);border:5px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--rost) 0 8px,var(--papier) 8px 16px,var(--tanne) 16px 24px,var(--papier) 24px 32px) 5;box-shadow:0 18px 40px -20px #11221a8c;opacity:0;transform:translateY(16px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.nl-pop[hidden]{display:none}.nl-pop.is-open{opacity:1;transform:none}@media(min-width:600px){.nl-pop{right:auto;left:var(--gutter);width:22.5rem;padding:var(--space-5)}}@media(prefers-reduced-motion:reduce){.nl-pop{transition:none;transform:none}}.nl-pop__title{margin:0;padding-right:2.75rem;font-family:var(--font-display);font-size:var(--fs-h3);line-height:1.15;color:var(--tinte)}.nl-pop__text{margin:0;color:var(--text-leise);font-size:var(--fs-sm)}.nl-pop__form{margin-top:var(--space-2)}.nl-pop__close{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--tinte);cursor:pointer}.nl-pop__close:hover{color:var(--rost)}.nl-pop .signup__row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.nl-pop .signup__button{width:100%;min-height:44px;justify-content:center}.nl-pop .signup__fine{margin:0}@media(max-width:599px){.nl-pop__text{display:none}.nl-pop{gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-3)}.nl-pop .field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media print{.nl-pop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-newsletter-popup.css.map */