heliux-rendercomponent{--skeleton-height: 100px}heliux-rendercomponent .rendercomponent__wrapper .rendercomponent__skeleton{display:none}heliux-rendercomponent .rendercomponent__wrapper.loading .rendercomponent__content{position:relative;overflow:hidden;height:var(--skeleton-height)}heliux-rendercomponent .rendercomponent__wrapper.loading .rendercomponent__skeleton{display:block;position:absolute;inset-block:0;inset-inline:0;--skeleton-background-dark-grey: #d1d1d1;height:var(--skeleton-height);width:100%}heliux-rendercomponent .rendercomponent__wrapper.loading .rendercomponent__skeleton::after{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;animation:render 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%,100px 20px,200px 20px;background-position:-150% 0,0 5px,0 40px}@media(prefers-reduced-motion: reduce){heliux-rendercomponent .rendercomponent__wrapper.loading .rendercomponent__skeleton::after{animation:none}}@keyframes render{to{background-position:350% 0,0 5px,0 40px}}