.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:0;right:0;bottom:0;z-index:99999;width:594px;max-width:100%;height:100vh;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)));transform:translate(100%);visibility:hidden;transition:transform var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),visibility 0s linear var(--global-transition-duration, .3s)}@media(max-width:991.98px){.notify-me-modal__container{width:100%}}body.notify-me-modal--show .notify-me-modal__overlay{opacity:1;visibility:visible;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}body.notify-me-modal--show .notify-me-modal__container{transform:translate(0);visibility:visible;transition:transform var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}body.notify-me-modal--show{overflow:hidden}.notify-me-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, currentColor);flex-shrink:0}.notify-me-modal__title{margin:0}.notify-me-modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.notify-me-modal__close svg{width:20px;height:20px}.notify-me-modal__body{flex:1 1 auto;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.notify-me-modal__description{color:inherit}.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:grid;grid-template-columns:1fr 1fr;gap:12px}.notify-me-modal__field{grid-column:span 2}@media(min-width:540px){.notify-me-modal__form>.notify-me-modal__field:nth-of-type(1):not(.notify-me-modal__field--full),.notify-me-modal__form>.notify-me-modal__field:nth-of-type(2):not(.notify-me-modal__field--full){grid-column:span 1}}.notify-me-modal__field--full{grid-column:span 2}.notify-me-modal__field .field__input{width:100%}.notify-me-modal__newsletter{grid-column:span 2}.notify-me-modal__error{grid-column:span 2;margin:0;color:var(--color-error, #d32f2f);font-size:var(--font-paragraph-sm--size, 14px)}.notify-me-modal__submit-wrap{grid-column:span 2;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, #d32f2f);font-size:var(--font-paragraph-sm--size, 14px);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-notify-me-modal.css.map */