[data-notify-outer]{width:100%}.notify-me-form{margin-top:var(--size-3, 12px);padding:var(--size-4, 16px);background:var(--color-background-secondary, #f8f8f8);border-radius:20px;position:relative;animation:notify-slide-in .2s ease}@keyframes notify-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notify-me-form__heading{font-size:var(--element-text-font-size--body-sm, 13px);color:var(--color-foreground-secondary, #555);margin:0 0 var(--size-3, 12px);line-height:1.5;padding-right:24px}.notify-me-form__row{display:flex;gap:var(--size-2, 8px);align-items:stretch}.notify-me-form__input{flex:1;min-width:0;padding:var(--element-button-padding-block, 12px) var(--size-4, 16px);border:2px solid var(--color-border, #ddd);border-radius:20px;font-size:var(--element-text-font-size--body-sm, 14px);font-family:var(--element-button-font-family, inherit);background:#fff;color:var(--color-foreground, #1a1a1a);outline:none;transition:border-color .2s;-webkit-appearance:none}.notify-me-form__input:focus{border-color:var(--color-primary, #0f1f3d)}.notify-me-form__input::placeholder{color:var(--color-foreground-secondary, #aaa)}.notify-me-form__submit{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:20px!important}.notify-me-spinner{animation:notify-spin .7s linear infinite}@keyframes notify-spin{to{transform:rotate(360deg)}}.notify-me-form__success,.notify-me-form__error{margin:var(--size-2, 8px) 0 0;font-size:var(--element-text-font-size--body-sm, 13px);line-height:1.4;padding:var(--size-2, 8px) var(--size-3, 12px);border-radius:6px}.notify-me-form__success{background:#e6ffed;color:#276749}.notify-me-form__error{background:#fff5f5;color:#c53030}.notify-me-form__close{position:absolute;top:var(--size-3, 12px);right:var(--size-3, 12px);background:none;border:none;font-size:14px;color:var(--color-foreground-secondary, #888);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:color .15s}.notify-me-form__close:hover{color:var(--color-foreground, #1a1a1a)}@media(max-width:480px){.notify-me-form__row{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/notify-me.css.map */