@layer components{.image-loading-frame:empty{background-color:#eceeed}.image-loading-frame:has(>.shimmer-image){background-color:#eceeed}.image-loading-frame:empty{background-image:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);background-repeat:no-repeat;background-size:220% 100%;animation:1.3s linear infinite image-loading-shimmer}.image-loading-frame:has(>.shimmer-image:not([data-geladen]):not([data-fout])){background-image:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);background-repeat:no-repeat;background-size:220% 100%;animation:1.3s linear infinite image-loading-shimmer}.image-loading-frame>.shimmer-image{color:#0000;transition-property:opacity,transform,filter;transition-duration:.3s}.image-loading-frame>.shimmer-image:not([data-geladen]),.image-loading-frame>.shimmer-image[data-fout]{opacity:0}@keyframes image-loading-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.image-loading-frame:empty{animation:none}.image-loading-frame:has(>.shimmer-image){animation:none}.image-loading-frame>.shimmer-image{transition:none}}@media (scripting:none){.image-loading-frame:has(>.shimmer-image){background-image:none;animation:none}.image-loading-frame>.shimmer-image:not([data-geladen]){opacity:1}}}
