.ugaoo-notify-me{display:block;width:calc(100% - 14rem);flex-grow:1}.ugaoo-notify-me-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;bottom:0;right:0;display:flex;align-items:flex-end;justify-content:center;background-color:rgba(var(--color-overlay),.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s ease}.ugaoo-notify-me-modal[open]{opacity:1;visibility:visible;z-index:101;margin-top:0}.ugaoo-notify-me-modal__content{background-color:rgb(var(--color-background));position:relative;cursor:auto;width:100%;max-width:40rem;padding:32px 28px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 40px rgba(var(--color-overlay),.2);transform:translateY(24px);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .25s ease}.ugaoo-notify-me-modal[open] .ugaoo-notify-me-modal__content{transform:translateY(0);opacity:1}.ugaoo-notify-me-modal__content:before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:0 0 3px 3px;background:rgb(var(--color-base-accent))}.ugaoo-notify-me-modal__close{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;background:rgba(var(--color-border),.6);color:rgb(var(--color-foreground));cursor:pointer;padding:0;transition:background-color .15s ease}.ugaoo-notify-me-modal__close:hover{background:rgba(var(--color-border),1)}.ugaoo-notify-me-modal__close .icon-plus-alt{width:12px;height:12px;transform:rotate(45deg)}.ugaoo-notify-me-modal__title{font-size:19px;line-height:1.3;font-weight:700;color:rgb(var(--color-heading));margin:12px 28px 6px 0}.ugaoo-notify-me-modal__subtitle{font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.65);margin:0 24px 20px 0}.ugaoo-notify-me-modal__body{display:flex;flex-direction:column;gap:1.2rem}.ugaoo-notify-me-modal__body[hidden]{display:none}.ugaoo-notify-me__name-input,.ugaoo-notify-me__phone-input{width:100%;min-height:4.6rem;padding:0 1.4rem;box-sizing:border-box;border:.1rem solid rgb(var(--color-border));border-radius:var(--button-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;transition:border-color .15s ease,box-shadow .15s ease}.ugaoo-notify-me__name-input:focus,.ugaoo-notify-me__phone-input:focus{outline:none;border-color:rgb(var(--color-keyboard-focus));box-shadow:0 0 0 3px rgba(var(--color-keyboard-focus),.15)}.ugaoo-notify-me__fields-submit:disabled,.ugaoo-notify-me__button:disabled{opacity:.6;cursor:not-allowed}.ugaoo-notify-me__error{margin:0;color:var(--color-critical);font-size:1.3rem}.ugaoo-notify-me-modal__status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;padding:1.6rem 0 .4rem;animation:ugaoo-notify-me-status-in .3s ease}.ugaoo-notify-me-modal__status[hidden]{display:none}.ugaoo-notify-me-modal__status-text{margin:0;font-size:1.5rem;line-height:1.5;color:rgb(var(--color-heading))}.ugaoo-notify-me-modal__status--error .ugaoo-notify-me-modal__status-text{color:var(--color-critical)}.ugaoo-notify-me-modal__status-close{margin-top:.4rem;min-width:12rem;min-height:4.2rem;padding:0 2rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--button-radius);background:transparent;color:rgb(var(--color-heading));font-size:1.4rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ugaoo-notify-me-modal__status-close:hover{border-color:rgb(var(--color-base-accent));background:rgba(var(--color-base-accent),.06)}@keyframes ugaoo-notify-me-status-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ugaoo-notify-me-modal__content,.ugaoo-notify-me-modal__status{animation:none;transition:none}}@media screen and (min-width:750px){.ugaoo-notify-me-modal{align-items:center}.ugaoo-notify-me-modal__content{border-radius:20px;transform:translateY(8px) scale(.98)}.ugaoo-notify-me-modal[open] .ugaoo-notify-me-modal__content{transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/299/assets/component-notify-me.css.map */