.hop-popup{inline-size:min(42rem,calc(100vw - 2 * var(--hop-gutter-mobile)));max-inline-size:none;padding:0;border:var(--hop-rule-width) solid rgb(var(--color-foreground));border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hop-popup::backdrop{background:rgba(var(--color-foreground),.45)}.hop-popup__inner{position:relative;padding:var(--hop-space-lg)}.hop-popup__close{position:absolute;inset-block-start:var(--hop-space-2xs);inset-inline-end:var(--hop-space-2xs);inline-size:3.2rem;block-size:3.2rem;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:rgb(var(--color-foreground));font-size:2.4rem;line-height:1;cursor:pointer}.hop-popup__eyebrow{font-family:var(--font-body-family);font-size:1.1rem;font-weight:var(--font-body-weight-bold);letter-spacing:.13rem;text-transform:uppercase;color:rgba(var(--color-foreground),var(--hop-muted-opacity));margin:0 0 var(--hop-space-2xs)}.hop-popup__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.6rem,4vw,3.6rem);line-height:.95;letter-spacing:-.023em;text-transform:uppercase;margin:0 0 var(--hop-space-2xs)}.hop-popup__text{font-size:1.4rem;line-height:calc(1 + .6 / var(--font-body-scale));color:rgba(var(--color-foreground),.75);margin:0 0 var(--hop-space-sm)}.hop-popup__form{margin:0}.hop-popup__field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:var(--hop-rule-width) solid rgb(var(--color-foreground))}.hop-popup__input{min-inline-size:0;border:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;padding:var(--hop-space-2xs) var(--hop-space-sm);block-size:4.8rem}.hop-popup__input:focus{outline:none;box-shadow:inset 0 0 0 var(--hop-rule-width-fine) rgb(var(--color-button))}.hop-popup__submit{border:0;border-inline-start:var(--hop-rule-width) solid rgb(var(--color-foreground));background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:.08em;text-transform:uppercase;padding-inline:var(--hop-space-md);cursor:pointer}.hop-popup__submit:hover{filter:brightness(.88)}.hop-popup__fine,.hop-popup__error,.hop-popup__success{font-size:1.1rem;margin:var(--hop-space-2xs) 0 0}.hop-popup__fine{color:rgba(var(--color-foreground),var(--hop-muted-opacity))}.hop-popup__error{color:rgb(var(--color-button));font-weight:var(--font-body-weight-bold)}.hop-popup__success{font-size:1.4rem}.hop-popup__decline{display:block;margin:var(--hop-space-sm) auto 0;border:0;background:transparent;color:rgba(var(--color-foreground),var(--hop-muted-opacity));font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;cursor:pointer}@media screen and (max-width:749px){.hop-popup{inline-size:100%;margin:auto auto 0;border-inline:0;border-block-end:0}.hop-popup__inner{padding:var(--hop-space-md) var(--hop-space-sm) var(--hop-space-lg)}.hop-popup__field{grid-template-columns:minmax(0,1fr)}.hop-popup__submit{border-inline-start:0;border-block-start:var(--hop-rule-width) solid rgb(var(--color-foreground));padding-block:var(--hop-space-sm)}}.hop-popup-handle{position:fixed;inset-block-end:var(--hop-space-sm);inset-inline-start:var(--hop-space-sm);z-index:50;padding:var(--hop-space-2xs) var(--hop-space-sm);font-family:var(--font-heading-family);font-size:1.2rem;font-weight:var(--font-heading-weight);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border:var(--hop-rule-width-fine) solid rgb(var(--color-foreground));border-radius:0;cursor:pointer}.hop-popup-handle:hover{color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.hop-popup-handle[hidden]{display:none}@media screen and (max-width:749px){.hop-popup-handle{top:auto;right:auto;bottom:22vh;left:0;padding:var(--hop-space-xs) .3rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1rem;line-height:1}}.hop-popup--split{inline-size:min(96rem,calc(100vw - 4rem))}.hop-popup--split[open]{display:grid;grid-template-columns:1fr 1fr}.hop-popup__media{position:relative;min-block-size:56rem;background:rgba(var(--color-foreground),.06)}.hop-popup__img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.hop-popup--split .hop-popup__inner{display:flex;flex-direction:column;justify-content:center;padding:5.6rem 4.8rem 4rem}.hop-popup--split .hop-popup__close{inset-block-start:1.2rem;inset-inline-end:1.2rem}.hop-popup__stack{display:flex;flex-direction:column;gap:1.2rem}.hop-popup__stack .hop-popup__input{border:var(--hop-rule-width) solid rgb(var(--color-foreground));block-size:5.2rem;font-size:1.4rem}.hop-popup__label{margin-block-start:.4rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight-bold)}.hop-popup__optional{font-weight:var(--font-body-weight);color:rgba(var(--color-foreground),var(--hop-muted-opacity))}.hop-popup__stack .hop-popup__submit{block-size:5.2rem;border:0;font-size:1.3rem}@media screen and (max-width:749px){.hop-popup--split{inline-size:100%}.hop-popup--split[open]{display:block}.hop-popup__media{min-block-size:0;block-size:18vh}.hop-popup--split .hop-popup__inner{padding:var(--hop-space-md) var(--hop-space-sm) var(--hop-space-lg)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hop-email-popup.css.map */