.recipe-notify{display:contents;--recipe-notify-card-radius: 20px;--recipe-notify-card-border: 1.5px;--recipe-notify-card-inline-size: 420px;--recipe-notify-field-surface: rgba(var(--color-foreground), .03);--recipe-notify-decline-color: rgba(var(--color-foreground), .7)}.recipe-notify__dialog{margin:auto;padding:0;border:0;background:none;max-inline-size:min(var(--recipe-notify-card-inline-size),100vw - 32px);inline-size:100%}.recipe-notify__dialog::backdrop{background-color:#0000007f}.recipe-notify__card{background-color:rgb(var(--color-background));border:var(--recipe-notify-card-border) solid rgb(var(--color-foreground));border-radius:var(--recipe-notify-card-radius);box-shadow:0 16px 32px #00000040;overflow:hidden}.recipe-notify__header{display:flex;align-items:center;justify-content:space-between;gap:var(--content-sp-4);padding-block:20px 16px;padding-inline:var(--content-sp-6, 24px);border-block-end:1px solid var(--content-border-default)}.recipe-notify__title{font-family:var(--content-font-display);font-size:24px;font-weight:700;line-height:normal;letter-spacing:.5px;color:var(--content-text-primary);margin:0;text-transform:uppercase}.recipe-notify__dismiss-form{margin:0}.recipe-notify__close{display:flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;padding:0;border:0;border-radius:var(--content-r-full);background:none;cursor:pointer;font-family:var(--content-font-body);font-size:16px;line-height:1.5;color:var(--content-text-primary)}.recipe-notify__close:hover{background-color:rgba(var(--color-foreground),.06)}.recipe-notify__close:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-notify__content{display:flex;flex-direction:column;gap:var(--content-sp-5);padding-block:var(--recipe-notify-pad-block-start, 24px) var(--recipe-notify-pad-block-end, 24px);padding-inline:var(--content-sp-6, 24px)}.recipe-notify__body{font-family:var(--content-font-body);font-size:12px;font-weight:400;line-height:1.5;color:var(--content-text-muted);margin:0}.recipe-notify__form{display:flex;flex-direction:column;gap:var(--content-sp-5);margin:0}.recipe-notify__field{display:flex;flex-direction:column;gap:6px}.recipe-notify__label{font-family:var(--content-font-body);font-size:12px;font-weight:700;line-height:normal;letter-spacing:.72px;text-transform:uppercase;color:var(--content-text-primary)}.recipe-notify__input{inline-size:100%;padding-block:14px;padding-inline:var(--content-sp-4);background-color:var(--recipe-notify-field-surface);border:var(--recipe-notify-card-border) solid var(--content-border-strong);border-radius:var(--content-r-sm);font-family:var(--content-font-body);font-size:14px;line-height:1.55;color:var(--content-text-primary)}.recipe-notify__input::placeholder{color:var(--content-text-muted)}.recipe-notify__input:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-notify__submit{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:48px;padding-inline:var(--content-sp-5);border:0;border-radius:var(--content-r-md);background-color:var(--content-bg-inverse);color:var(--content-text-inverse);font-family:var(--content-font-label);font-size:14px;font-weight:400;line-height:1.55;letter-spacing:.56px;text-transform:uppercase;cursor:pointer;--hover-sweep-bg: var(--bpn-bg-brand);--hover-sweep-text: var(--bpn-text-inverse)}.recipe-notify__submit:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-notify__decline{inline-size:100%;padding:0;border:0;background:none;cursor:pointer;font-family:var(--content-font-body);font-size:12px;font-weight:700;line-height:normal;letter-spacing:.72px;text-transform:uppercase;text-align:center;color:var(--recipe-notify-decline-color)}.recipe-notify__decline:focus-visible{outline:2px solid var(--content-text-primary);outline-offset:2px}.recipe-notify__message{font-family:var(--content-font-body);font-size:12px;line-height:1.5;margin:0}.recipe-notify__message--success{color:var(--content-text-primary)}.recipe-notify__message--error{color:#c42a1f}@media screen and (min-width:769px){.recipe-notify{--recipe-notify-card-inline-size: 420px}}
/*# sourceMappingURL=/cdn/shop/t/784/assets/section-recipe-notify-modal.css.map */