.notify-me-modal{display:contents}.notify-me-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:var(--notify-me-modal-overlay, var(--color-overlay-primary));cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),visibility 0s linear var(--global-transition-duration, .3s)}.notify-me-modal__container{position:fixed;top:50%;left:50%;z-index:99999;translate:-50% -50%;width:414px;max-width:calc(100% - 48px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;background-color:var(--notify-me-modal-bg, var(--section-bg-color, var(--color-background, #ffffff)));color:var(--notify-me-modal-text, var(--section-text-color, var(--color-foreground, #000000)));padding:24px;opacity:0;visibility:hidden;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),visibility 0s linear var(--global-transition-duration, .3s);scrollbar-width:none;-ms-overflow-style:none}.notify-me-modal__container::-webkit-scrollbar{display:none}body.notify-me-modal--show .notify-me-modal__overlay,body.notify-me-modal--show .notify-me-modal__container{opacity:1;visibility:visible;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),visibility 0s linear 0s}body.notify-me-modal--show{overflow:hidden}.notify-me-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-bottom:16px}.notify-me-modal__title{margin:0;--color: var(--color-text-secondary)}.notify-me-modal__close{flex-shrink:0;width:32px;height:32px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:0;cursor:pointer;background-color:var(--color-background-secondary);color:var(--color-text-primary)}.notify-me-modal__close svg{width:16px;height:16px;display:block}.notify-me-modal__body{flex:1 1 auto;display:flex;flex-direction:column;gap:16px}.notify-me-modal__description{color:inherit;max-width:272px}.notify-me-modal__description p{font-family:var(--font-p-large--family);font-style:var(--font-p-large--style);font-weight:var(--font-p-large--weight);font-size:var(--font-p-large--size);line-height:var(--font-p-large--line-height);letter-spacing:var(--font-p-large--letter-spacing);text-transform:var(--font-p-large--case)}.notify-me-modal__product{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:12px;background-color:color-mix(in srgb,currentColor 5%,transparent)}.notify-me-modal__product-image{position:relative;width:64px;height:64px;overflow:hidden}.notify-me-modal__product-image-item img{width:100%;height:100%;object-fit:cover;display:block}.notify-me-modal__product-info{display:flex;flex-direction:column;gap:2px;min-width:0}.notify-me-modal__product-title{font-weight:600}.notify-me-modal__product-variant:empty{display:none}.notify-me-modal__form{display:flex;flex-direction:column;gap:24px}.notify-me-modal__field .field__input{width:100%}.notify-me-modal__error{margin:0;color:var(--color-error, var(--color-text-primary));font-size:var(--font-paragraph-sm--size, 14px)}.notify-me-modal__submit-wrap{display:flex}.notify-me-modal__submit-wrap--left{justify-content:flex-start}.notify-me-modal__submit-wrap--center{justify-content:center}.notify-me-modal__submit-wrap--right{justify-content:flex-end}.notify-me-modal__submit{position:relative}.notify-me-modal__submit--full{width:100%;max-width:100%;flex:1 1 100%}.notify-me-modal__submit[aria-busy=true]{cursor:progress}.notify-me-modal__submit-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center}.notify-me-modal__submit-spinner .spinner{width:16px;height:16px;animation:notify-me-modal-spin .6s linear infinite}@keyframes notify-me-modal-spin{to{transform:rotate(360deg)}}.notify-me-modal__success{display:flex;flex-direction:column;gap:16px;text-align:center}.notify-me-modal__admin-error{color:var(--color-error, var(--color-text-primary));font-size:var(--font-paragraph-sm--size, 14px);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-notify-me-modal.css.map */