first-order-popup{display:contents}.first-order-popup__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(var(--color-foreground),.45);opacity:0;visibility:hidden;transition:opacity var(--duration-default, .25s) ease,visibility 0s linear var(--duration-default, .25s)}.first-order-popup__dialog{position:fixed;left:50%;bottom:0;z-index:1001;width:100%;max-width:42rem;max-height:calc(100vh - 2rem);overflow-y:auto;transform:translate(-50%,100%);visibility:hidden;opacity:0;background:rgb(var(--color-background));border-style:solid;border-width:var(--popup-border-width);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-bottom:none;border-radius:var(--popup-corner-radius) var(--popup-corner-radius) 0 0;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));padding:var(--space-xl) var(--space-lg) var(--space-lg);transition:transform var(--duration-default, .25s) ease,opacity var(--duration-default, .25s) ease,visibility 0s linear var(--duration-default, .25s)}first-order-popup[open] .first-order-popup__backdrop{opacity:1;visibility:visible;transition:opacity var(--duration-default, .25s) ease,visibility 0s}first-order-popup[open] .first-order-popup__dialog{transform:translate(-50%);opacity:1;visibility:visible;transition:transform var(--duration-default, .25s) ease,opacity var(--duration-default, .25s) ease,visibility 0s}@media screen and (min-width:750px){.first-order-popup__dialog{left:auto;right:var(--space-lg);bottom:var(--space-lg);top:auto;transform:translateY(2rem);max-width:38rem;border-radius:var(--popup-corner-radius);border-bottom-style:solid;border-bottom-width:var(--popup-border-width)}first-order-popup[open] .first-order-popup__dialog{transform:translateY(0)}}.first-order-popup__close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground))}.first-order-popup__close .icon-close{width:1.6rem;height:1.6rem}.first-order-popup__media{margin:calc(var(--space-xl) * -1) calc(var(--space-lg) * -1) var(--space-md);overflow:hidden;border-radius:var(--popup-corner-radius) var(--popup-corner-radius) 0 0}.first-order-popup__media img{display:block;width:100%;height:16rem;object-fit:cover}.first-order-popup__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-sm);font-size:2.4rem}.first-order-popup__text{margin:0 0 var(--space-md);color:rgba(var(--color-foreground),.75);font-size:1.5rem;line-height:var(--leading-body)}.first-order-popup__field-wrapper{margin-bottom:var(--space-sm)}.first-order-popup__submit{width:100%}.first-order-popup__message{display:block;margin-top:var(--space-xs);color:rgb(var(--color-error))}.first-order-popup__disclaimer{margin:var(--space-sm) 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),var(--opacity-text-secondary))}@media(prefers-reduced-motion:reduce){.first-order-popup__backdrop,.first-order-popup__dialog{transition:opacity .01ms linear,visibility 0s;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-first-order-popup.css.map */