heliux-product-notifyme{--notifyme-icon-error-color: var(--scope-color-error-color, rgb(223, 21, 21));--notifyme-icon-success-color: var(--scope-color-success-color, rgb(75, 223, 21));--notifyme-icon-success-size: 30px;--notifyme-error-container-background: #FFF0F0;--notifyme-error-container-text: var(--scope-color-error-color, rgb(223, 21, 21));position:relative;display:block}heliux-product-notifyme .notifyme__skeleton{--skeleton-background-dark-grey: #d1d1d1;height:80px;width:100%}heliux-product-notifyme .notifyme__skeleton::after{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;animation:notifyMeAnimation 1.4s infinite linear;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%),linear-gradient(var(--skeleton-background-dark-grey) 20px, transparent 0),linear-gradient(var(--skeleton-background-dark-grey) 20px, transparent 0);background-size:50% 100%,calc(100% - 150px) 20px,150px 20px;background-position:-150% 0,0 0,0 40px}@media(prefers-reduced-motion: reduce){heliux-product-notifyme .notifyme__skeleton::after{animation:none}}@keyframes notifyMeAnimation{to{background-position:350% 0,0 0,0 40px}}heliux-product-notifyme .notifyme__inputWrapper{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:flex-start}heliux-product-notifyme .notifyme__inputWrapper .formbutton,heliux-product-notifyme .notifyme__inputWrapper .formtext,heliux-product-notifyme .notifyme__inputWrapper .formtext__input{margin:0}heliux-product-notifyme .notifyme__optInBackInStock:not(.isHidden),heliux-product-notifyme .notifyme__errorContainer:not(.isHidden){display:flex;width:100%;padding:20px;background:var(--notifyme-error-container-background);color:var(--notifyme-error-container-text);align-items:flex-start}heliux-product-notifyme .notifyme__optInBackInStock:not(.isHidden) heliux-icon,heliux-product-notifyme .notifyme__errorContainer:not(.isHidden) heliux-icon{--icon-color: var(--notifyme-icon-error-color)}heliux-product-notifyme .notifyme__successHeading{--scope-icon-margin: 5px;display:flex;align-items:center}heliux-product-notifyme .notifyme__successHeading heliux-icon{--icon-color: var(--notifyme-icon-success-color);--icon-size: var(--notifyme-icon-success-size)}