.campaign-popup{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;top:0;left:0;width:100%;height:100%;overflow:auto;background:rgba(var(--color-foreground),.45)}.campaign-popup[open]{opacity:1;visibility:visible;z-index:101}@media(prefers-reduced-motion:no-preference){.campaign-popup{transition:opacity .25s ease}.campaign-popup__content{transition:transform .35s ease,opacity .35s ease;transform:translateY(1.2rem);opacity:0}.campaign-popup[open] .campaign-popup__content{transform:translateY(0);opacity:1}}.campaign-popup__content{position:relative;display:flex;flex-direction:column;margin:3rem auto;width:94%;max-width:90rem;min-height:0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);border-radius:1.6rem;box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow:hidden}@media screen and (min-width:750px){.campaign-popup__content{flex-direction:row;margin:5vh auto;max-height:90vh}}.campaign-popup__close{position:absolute;top:1.4rem;right:1.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;-webkit-appearance:none;appearance:none}.campaign-popup__close .icon{width:1.4rem;height:1.4rem}.campaign-popup__media{position:relative;flex:none;width:100%;aspect-ratio:16 / 10;background-color:rgba(var(--color-foreground),.06)}.campaign-popup__media img{display:block;width:100%;height:100%;object-fit:cover}.campaign-popup__media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;color:rgba(var(--color-foreground),.35);background:linear-gradient(155deg,rgba(var(--color-foreground),.07),rgba(var(--color-foreground),.14))}.campaign-popup__media-placeholder svg{width:4.4rem;height:4.4rem}.campaign-popup__media-hint{margin:0;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}@media screen and (min-width:750px){.campaign-popup__media{width:48%;aspect-ratio:auto}}.campaign-popup__body{display:flex;flex-direction:column;flex:1;padding:3.2rem 2.4rem;overflow-y:auto}@media screen and (min-width:750px){.campaign-popup__body{justify-content:center;padding:4rem 5rem}}.campaign-popup__heading{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3rem;line-height:1.1;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.campaign-popup__heading{font-size:3.8rem}}.campaign-popup__text{margin:0 0 2.6rem;color:rgba(var(--color-foreground),.75)}.campaign-popup__form{display:flex;flex-direction:column;gap:1.2rem}.campaign-popup__input{width:100%;padding:1.6rem 1.8rem;font-size:1.5rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);-webkit-appearance:none;appearance:none}.campaign-popup__input::placeholder{color:rgba(var(--color-foreground),.5)}.campaign-popup__input:focus-visible{outline:.2rem solid rgba(var(--color-button),.6);outline-offset:.1rem}.campaign-popup__submit{width:100%;padding:1.5rem;font-family:var(--font-heading-family);font-size:1.6rem;letter-spacing:.04em;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--buttons-radius);-webkit-appearance:none;appearance:none}.campaign-popup__submit:hover{background-color:rgba(var(--color-button),.88)}.campaign-popup__message{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.campaign-popup__message--success{font-size:1.5rem;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-campaign-popup.css.map */