.popup{--popup-bg: var(--background);--popup-fg: var(--foreground);--popup-soft: color-mix(in oklch, var(--popup-fg) 72%, var(--popup-bg));--popup-field: color-mix(in oklch, var(--popup-fg) 7%, var(--popup-bg));--popup-button-bg: var(--popup-fg);--popup-button-fg: var(--popup-bg);margin:auto;padding:0;border:0;background-color:var(--popup-bg);color:var(--popup-fg);text-align:var(--popup-align, center)}.popup--soft{--popup-bg: var(--muted);--popup-field: var(--background)}.popup--dark{--popup-bg: var(--foreground);--popup-fg: var(--background);--popup-field: color-mix(in oklch, var(--background) 12%, var(--foreground))}.popup--brand{--popup-bg: var(--brand);--popup-fg: var(--brand-foreground);--popup-field: color-mix(in oklch, var(--brand-foreground) 16%, var(--brand));--popup-button-bg: var(--foreground);--popup-button-fg: var(--background)}dialog.popup{width:min(var(--popup-width, 54rem),calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);overflow:auto;border-radius:var(--radius-xl)}dialog.popup::backdrop{background-color:#0009}.popup__inner{position:relative;display:grid}.popup__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--muted)}.popup__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.popup__media--split .popup__image--desktop{display:none}.popup__content{display:flex;flex-direction:column;align-items:var(--popup-items, center);justify-content:center;padding:2.25rem 1.75rem 2rem}.popup__content>*{width:100%;margin:0}.popup__content>*+*{margin-top:.75rem}.popup__content>.popup__logo+*{margin-top:1.25rem}.popup__content>.popup__form,.popup__content>.popup__submit,.popup__content>.popup__code{margin-top:1.75rem}.popup__content>.popup__dismiss{margin-top:1.125rem}.popup__logo img{display:inline-block;width:var(--logo-width, 130px);max-width:100%;height:auto}.popup--dark .popup__logo img,.popup--brand .popup__logo img{filter:brightness(0) invert(1)}.popup__logo-text{font-family:var(--font-heading--family);font-size:1.5rem}.popup .eyebrow{margin-bottom:0;color:var(--popup-soft)}.popup__heading{font-size:calc(clamp(1.375rem,2.4vw,1.5625rem) * var(--heading-scale, 1));line-height:1.25;text-wrap:balance}.popup--heading-sans .popup__heading{font-family:var(--font-primary--family);font-weight:700;letter-spacing:-.01em}.popup--heading-brand .popup__heading{font-size:calc(clamp(1.875rem,3.2vw,2.375rem) * var(--heading-scale, 1));line-height:1.05}.popup__text{color:var(--popup-soft);font-weight:500}.popup__text p{margin:0}.popup__text a{color:inherit}.popup__signup{display:grid;gap:1.125rem}.popup__input{width:100%;height:3.125rem;padding:0 1.25rem;border:0;border-radius:var(--button-radius, 999px);background-color:var(--popup-field);color:var(--popup-fg);font:inherit;font-weight:500}.popup__input::placeholder{color:var(--popup-soft);opacity:1}.popup__input:focus-visible{outline:2px solid var(--popup-fg);outline-offset:2px}.popup__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.125rem;padding:.625rem 1.5rem;border:0;border-radius:var(--button-radius, 999px);background-color:var(--popup-button-bg);color:var(--popup-button-fg);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.popup__submit:hover{opacity:.88}.popup__submit:active{transform:scale(.98)}.popup__message{padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:600}.popup__message--success{background-color:color-mix(in oklch,var(--success) 14%,var(--popup-bg))}.popup__message--error{background-color:color-mix(in oklch,var(--sale, var(--brand)) 12%,var(--popup-bg))}.popup__note{margin-top:.75rem;color:var(--popup-soft);font-size:.8125rem}.popup__dismiss{width:auto;padding:.25rem;border:0;background:none;color:var(--popup-soft);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;align-self:var(--popup-items, center)}.popup__dismiss:hover{color:var(--popup-fg)}.popup__code{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem .375rem .375rem 1.25rem;border:2px dashed currentColor;border-radius:var(--button-radius, 999px)}.popup__code-value{font-family:var(--font-heading--family);font-size:1.5rem;letter-spacing:.06em;line-height:1}.popup__code-button{min-height:2.5rem;padding:.25rem 1.125rem;border:0;border-radius:var(--button-radius, 999px);background-color:var(--popup-button-bg);color:var(--popup-button-fg);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.popup__close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:999px;background-color:#fff;color:#000;cursor:pointer;transition:transform .15s ease}.popup__close:hover{transform:scale(1.08)}.popup__close svg{width:1rem;height:1rem}.popup--image-none .popup__close{background:none;color:var(--popup-fg)}@media(min-width:768px){.popup__media--split .popup__image--desktop{display:block}.popup__media--split .popup__image--mobile{display:none}.popup__content{padding:3rem 3.5rem}.popup--image-left .popup__inner,.popup--image-right .popup__inner{grid-template-columns:1fr 1fr}.popup--image-right .popup__media{order:2}:is(.popup--image-left,.popup--image-right) .popup__media{aspect-ratio:auto;min-height:29rem}:is(.popup--image-left,.popup--image-right,.popup--image-none):not(.popup--corner) .popup__close{top:1.25rem;right:1.25rem;width:2rem;height:2rem;background:none;color:var(--popup-fg)}:is(.popup--image-left,.popup--image-right,.popup--image-none):not(.popup--corner) .popup__close svg{width:1.125rem;height:1.125rem}.popup--image-right:not(.popup--corner) .popup__close{right:auto;left:1.25rem}}.popup--corner{position:fixed;bottom:1rem;left:1rem;z-index:90;width:min(22rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--ring-card)}.popup--corner.popup--right{right:1rem;left:auto}.popup--corner[hidden]{display:none}.popup--corner .popup__inner{grid-template-columns:1fr}.popup--corner .popup__media{aspect-ratio:16 / 9;min-height:0}.popup--corner .popup__content{padding:1.5rem}.popup--corner .popup__content>:is(.popup__form,.popup__submit,.popup__code){margin-top:1.25rem}.popup--corner .popup__signup{gap:.75rem}.popup--corner .popup__close{top:.5rem;right:.5rem;width:2.25rem;height:2.25rem}.motion-ok dialog.popup[open]{animation:popup-in .45s var(--ease-out-soft, ease-out) both}.motion-ok dialog.popup[open]::backdrop{animation:popup-fade .3s ease-out both}.motion-ok .popup--corner:not([hidden]){animation:popup-rise .5s var(--ease-out-soft, ease-out) both}@keyframes popup-in{0%{opacity:0;transform:translateY(1rem) scale(.98)}}@keyframes popup-fade{0%{opacity:0}}@keyframes popup-rise{0%{opacity:0;transform:translateY(1.5rem)}}.popup__inner:focus{outline:none}@media(max-width:767px){.popup__media{aspect-ratio:16 / 9}.popup__content{padding:1.75rem 1.5rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/popup.css.map */