.product-form-buttons notify-me{order:10;width:100%!important;flex-basis:100%!important}.product-form-buttons notify-me button{width:auto;padding:unset;min-height:unset}.product-form-buttons notify-me .notify-form__submit{padding:0 22px}.product-form-buttons notify-me .notify-form__cancel{padding:4px 6px}.product-form-buttons notify-me .notify-form__done{padding:0 16px}.notify-form__input,.notify-form__input:focus,.notify-form__input:hover{border:none!important;background:transparent!important;box-shadow:none!important;padding:12px 0!important;height:auto!important;outline:none!important}.notify-row{display:block;width:100%}.notify-row__pill{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;height:var(--height-buy-buttons, 56px);border:1px solid var(--color-border);border-radius:999px;overflow:hidden;background:var(--color-background)}.notify-row__status{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2xs);color:rgb(var(--color-foreground-rgb) / .6);font-size:var(--font-size-sm, 13.5px);letter-spacing:.02em;border-right:1px solid var(--color-border);background:transparent;padding:0 var(--padding-md, 16px);text-align:center;-webkit-user-select:none;user-select:none}.notify-row__dot{width:8px;height:8px;border-radius:999px;background:#b5917f;box-shadow:0 0 0 4px #b5917f26;flex:none}.notify-row__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2xs);border:0;background:var(--color-foreground);color:var(--color-background);cursor:pointer;font:inherit;font-weight:500;letter-spacing:.02em;padding:0 var(--padding-md, 16px);transition:background var(--animation-speed) var(--animation-easing)}.notify-row__cta:hover{background:color-mix(in oklab,var(--color-foreground),black 12%)}.notify-row__cta:active{transform:translateY(1px)}.notify-row__cta:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.notify-row__cta-icon{display:inline-flex;width:1em;height:1em;flex:none}.notify-row__cta-icon svg{width:100%;height:100%}.notify-row__cta-label,.notify-row__cta-suffix{white-space:nowrap}.notify-form{margin-block-start:var(--gap-md, 12px);background:var(--color-background-2, var(--color-background));border:1px solid var(--color-border);border-radius:14px;padding:var(--padding-lg, 18px);animation:notify-fade .28s var(--animation-easing)}@keyframes notify-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notify-form[hidden]{display:none}.notify-form__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-md, 12px)}.notify-form__heading{font-family:var(--font-heading-family, inherit);font-size:17px;color:var(--color-foreground);line-height:1.2}.notify-form__cancel{background:transparent;border:0;color:rgb(var(--color-foreground-rgb) / .65);cursor:pointer;font:inherit;font-size:var(--font-size-sm, 13px);padding:4px 6px;margin:-4px -6px}.notify-form__cancel:hover{color:var(--color-foreground)}.notify-form__cancel:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:2px;border-radius:4px}.notify-form__sub{font-size:12px;color:rgb(var(--color-foreground-rgb) / .7);margin-block-start:2px;line-height:1.45}.notify-form__field{margin-block-start:12px;display:flex;align-items:center;gap:var(--gap-2xs);background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;padding:4px 4px 4px 16px;transition:border-color var(--animation-speed) var(--animation-easing)}.notify-form__field:focus-within{border-color:var(--color-foreground)}.notify-form__field[data-state=error]{border-color:var(--color-error, #b23a3a)}.notify-form__icon{display:inline-flex;width:1em;height:1em;flex:none;color:rgb(var(--color-foreground-rgb) / .6)}.notify-form__icon svg{width:100%;height:100%}.notify-form__input{flex:1 1 0;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:var(--color-foreground);padding:12px 0}.notify-form__input::placeholder{color:rgb(var(--color-foreground-rgb) / .45)}.notify-form__submit{height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--color-foreground);color:var(--color-background);cursor:pointer;font:inherit;font-weight:500;flex:none;transition:background var(--animation-speed) var(--animation-easing)}.notify-form__submit:hover:not(:disabled){background:color-mix(in oklab,var(--color-foreground),black 12%)}.notify-form__submit:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:2px}.notify-form__submit:disabled,.notify-form__submit[disabled]{background:rgb(var(--color-foreground-rgb) / .15);color:rgb(var(--color-foreground-rgb) / .5);cursor:not-allowed}.notify-form__error{margin:8px 0 0;font-size:12px;color:var(--color-error, #b23a3a);line-height:1.45}.notify-form__error[data-tone=info]{color:rgb(var(--color-foreground-rgb) / .7)}.notify-form--success{display:flex;align-items:center;gap:var(--gap-md, 14px)}.notify-form__check{width:36px;height:36px;border-radius:999px;background:#ecded2;color:var(--color-foreground);display:inline-flex;align-items:center;justify-content:center;flex:none}.notify-form__check svg{width:18px;height:18px}.notify-form__success-text{flex:1 1 0;min-width:0}.notify-form__success-body{margin-block-start:2px;font-size:12px;color:rgb(var(--color-foreground-rgb) / .7);line-height:1.45}.notify-form__success-body strong{color:var(--color-foreground);font-weight:600}.notify-form__done{height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-foreground);cursor:pointer;font:inherit;flex:none}.notify-form__done:hover{background:rgb(var(--color-foreground-rgb) / .06)}.notify-form__done:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:2px}@media screen and (max-width:749px){.notify-row__pill{height:52px}.notify-row__status,.notify-row__cta{font-size:12.5px}.notify-row__dot{box-shadow:0 0 0 3px #b5917f26}.notify-row__cta-suffix{display:none}.notify-form{padding:14px;border-radius:12px}.notify-form__heading{font-size:15px}.notify-form__sub{font-size:11px}.notify-form__submit{height:36px;padding:0 14px}.notify-form__field{padding:4px 4px 4px 14px}}@media(prefers-reduced-motion:reduce){.notify-form{animation:none}.notify-row__cta{transition:none}.notify-row__cta:active{transform:none}.notify-form__submit,.notify-form__field{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/notify-me.css.map */