newsletter-popup{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:calc(var(--z-header) + 1);width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-block-start:4rem;text-align:center;visibility:hidden;pointer-events:none;will-change:visibility,background-color;transition:visibility var(--duration-default),background-color var(--duration-default),opacity var(--duration-default)}newsletter-popup[open]{background-color:#00000080;opacity:1;visibility:visible;pointer-events:all}newsletter-popup[open] .newsletter-popup__wrapper{transform:translateY(0)}newsletter-popup p{margin:0 0 1rem}newsletter-popup p:last-child{margin-block-end:0}.newsletter-popup__wrapper{overflow-y:auto;max-height:100%;position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;transform:translateY(100%);transition:transform var(--duration-default)}.newsletter-popup__wrapper .rte ul,.newsletter-popup__wrapper .rte ol{display:flex;flex-direction:column;align-items:flex-start}.newsletter-popup__close{position:absolute;inset-block-start:var(--spacing-3);inset-inline-end:var(--spacing-3);z-index:3;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-size:1.8rem;color:rgb(var(--color-foreground));transition:opacity var(--duration-default)}.newsletter-popup__close:hover{opacity:.7}.newsletter-popup__media{aspect-ratio:3/2;border-radius:0}.newsletter-popup__content{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-6) var(--page-gutter) var(--spacing-7);text-align:start}.newsletter-popup__content .section__heading{margin-block:0 var(--spacing-3);padding-block:0}.newsletter-popup__title{margin:0 0 1.6rem}.newsletter-popup__entry{margin-block-end:var(--spacing-5);color:rgb(var(--color-foreground))}.newsletter-popup .newsletter-form .field__input-wrapper{flex-direction:column;gap:var(--spacing-3);border:0;border-radius:0;overflow:visible}.newsletter-popup .newsletter-form .field__input-wrapper input{flex:0 0 auto;height:5.2rem;padding:0 var(--spacing-4);border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--input-border-radius)}.newsletter-popup .newsletter-form .field__input-wrapper input:focus{border-color:currentColor}.newsletter-popup .newsletter-form .field__input-wrapper button{flex:0 0 auto;display:flex;justify-content:center;width:100%;min-height:5.2rem;padding:0 var(--spacing-5);border:.1rem solid rgb(var(--color-filled-button));border-radius:var(--button-border-radius);color:rgb(var(--color-filled-button-text));background-color:rgb(var(--color-filled-button));transition:color var(--duration-long),background-color var(--duration-long),border-color var(--duration-long)}.newsletter-popup .newsletter-form .field__input-wrapper button:hover{color:rgb(var(--color-filled-button));background-color:transparent}.newsletter-popup .newsletter__terms{margin-block-start:var(--spacing-4);text-align:start}.newsletter-popup .newsletter__terms .checkbox label{font-size:var(--font-size-static-xs)}@media screen and (max-width:749px){.newsletter-popup__wrapper--with-media .newsletter-popup__close{width:3.2rem;height:3.2rem;font-size:1.6rem;background-color:rgb(var(--color-background));border-radius:50%}}@media screen and (min-width:750px){newsletter-popup{padding:4rem;align-items:center;background-color:#00000080;opacity:0}newsletter-popup[open] .newsletter-popup__wrapper{transform:none}.newsletter-popup__wrapper{max-width:45rem;transform:none}.newsletter-popup__wrapper--with-media{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);max-width:80rem;min-height:44rem}.newsletter-popup__close{inset-block-start:var(--spacing-4);inset-inline-end:var(--spacing-4)}.newsletter-popup__content{padding:var(--spacing-7)}.newsletter-popup__wrapper--with-media .newsletter-popup__media{aspect-ratio:auto;align-self:stretch}.newsletter-popup__wrapper--with-media .newsletter-popup__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-newsletter-popup.css.map */