.subscription-popup.theme-modal--perspective{align-items:var(--subscription-popup-align-items, center);justify-content:var(--subscription-popup-justify-content, center);padding:clamp(var(--space-3),2.6vw,var(--space-8));z-index:111}.subscription-popup .subscription-popup__overlay{cursor:pointer}.subscription-popup.theme-modal--perspective{--theme-modal-overlay-blur: 0px}.subscription-popup.theme-modal--perspective .theme-modal__overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.subscription-popup.theme-modal--perspective .theme-modal__panel,.subscription-popup.theme-modal--perspective.is-open .theme-modal__panel,.subscription-popup.theme-modal--perspective.is-closing .theme-modal__panel{filter:none!important}.subscription-popup__panel{inline-size:min(100%,var(--subscription-popup-max-width, 48rem));border:1px solid rgb(var(--color-border-rgb) / .35);border-radius:var(--radius-component, 0px);background:rgb(var(--color-bg-main-rgb));color:rgb(var(--color-text-body-rgb));box-shadow:0 2rem 5rem #00000047;overflow:hidden}.subscription-popup__layout{display:grid;grid-template-columns:minmax(0,1fr)}.subscription-popup__media{position:relative;min-block-size:11.5rem;background:rgb(var(--color-bg-main-rgb) / .65)}.subscription-popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(var(--color-bg-main-rgb) / .04),rgb(var(--color-bg-main-rgb) / .18));pointer-events:none}.subscription-popup__image,.subscription-popup__placeholder{display:block;inline-size:100%;block-size:100%}.subscription-popup__placeholder--empty{background:repeating-linear-gradient(45deg,rgb(var(--color-foreground-rgb) / .04) 0 12px,rgb(var(--color-foreground-rgb) / .08) 12px 24px);border:1px dashed rgb(var(--color-foreground-rgb) / .18);border-radius:inherit}.subscription-popup__image{object-fit:cover}.subscription-popup__content{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(var(--space-6),3vw,var(--space-10))}.subscription-popup__content--left{text-align:left;align-items:flex-start}.subscription-popup__content--center{text-align:center;align-items:center}.subscription-popup__content--right{text-align:right;align-items:flex-end}.subscription-popup__close{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border:0;border-radius:999px;color:rgb(var(--color-text-muted-rgb));background:transparent;cursor:pointer;z-index:1;transition:color var(--motion-duration-fast) ease,background-color var(--motion-duration-fast) ease}.subscription-popup__close:hover{color:rgb(var(--color-text-heading-rgb));background:rgb(var(--color-bg-main-rgb) / .08)}.subscription-popup__subheading{margin:0}.subscription-popup__heading{margin:0;max-inline-size:min(100%,var(--subscription-popup-heading-max, 32rem));color:rgb(var(--color-text-heading-rgb))}.subscription-popup__description{margin:0;max-inline-size:min(100%,var(--subscription-popup-description-max, 28rem))}.subscription-popup__form{display:flex;flex-direction:column;gap:var(--space-3);inline-size:100%;max-inline-size:min(100%,var(--subscription-popup-description-max, 28rem))}.subscription-popup__form-row{display:flex;align-items:flex-end;gap:var(--space-3);inline-size:100%}.subscription-popup__field{flex:1 1 auto;min-inline-size:0}.subscription-popup__field .field__input{background:rgb(var(--color-bg-main-rgb))}.subscription-popup__submit{flex:0 0 auto}.subscription-popup__message{margin:0;font-size:var(--text-sm, .875rem);line-height:var(--line-height-body, 1.6)}.subscription-popup__message--success{color:rgb(var(--color-text-heading-rgb))}.subscription-popup__message--error{color:rgb(var(--color-text-body-rgb))}.subscription-popup__dismiss{margin:0;padding:0;border:0;background:transparent;font-size:var(--text-xs, .75rem);line-height:1.4;letter-spacing:.01em;text-decoration:underline;text-underline-offset:.2em;color:rgb(var(--color-text-muted-rgb));cursor:pointer;transition:color var(--motion-duration-fast) ease}.subscription-popup__dismiss:hover{color:rgb(var(--color-text-heading-rgb))}.subscription-popup__content--center .subscription-popup__form,.subscription-popup__content--center .subscription-popup__heading,.subscription-popup__content--center .subscription-popup__description{margin-inline:auto}.subscription-popup__content--right .subscription-popup__form,.subscription-popup__content--right .subscription-popup__heading,.subscription-popup__content--right .subscription-popup__description{margin-inline-start:auto}@media(max-width:699px){.subscription-popup.theme-modal--perspective{padding:var(--space-3)}.subscription-popup__close{inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.subscription-popup__content{gap:var(--space-3);padding:var(--space-6)}.subscription-popup__form-row{flex-direction:column;align-items:stretch}.subscription-popup__submit,.subscription-popup__submit.btn{inline-size:100%}}@media(min-width:700px){.subscription-popup--has-image.subscription-popup--image-left .subscription-popup__layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.subscription-popup--has-image.subscription-popup--image-right .subscription-popup__layout{grid-template-columns:minmax(0,.58fr) minmax(0,.42fr)}.subscription-popup--has-image.subscription-popup--image-right .subscription-popup__media{order:2}.subscription-popup--has-image.subscription-popup--image-top .subscription-popup__layout{grid-template-columns:minmax(0,1fr)}.subscription-popup--has-image.subscription-popup--image-top .subscription-popup__media{min-block-size:16rem}}@media(min-width:1000px){.subscription-popup__content{padding:var(--space-10)}}@media(prefers-reduced-motion:reduce){.subscription-popup__close,.subscription-popup__dismiss{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-subscription-popup.css.map */
