:root{
 --cw-media-skeleton-base:var(--cw-pf-surface,#edf3f1);
 --cw-media-skeleton-highlight:rgba(255,255,255,.7);
}
html[data-theme="dark"],body[data-theme="dark"]{
 --cw-media-skeleton-base:var(--cw-pf-surface,#233330);
 --cw-media-skeleton-highlight:rgba(255,255,255,.06);
}
img.cw-image-pending{
 background-color:var(--cw-media-skeleton-base)!important;
 background-image:linear-gradient(105deg,transparent 25%,var(--cw-media-skeleton-highlight) 47%,transparent 69%)!important;
 background-size:220% 100%!important;
 background-position:50% 0;
}
.cw-media-loading{position:relative}
html body .cw-media-loading::before{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
 background-color:var(--cw-media-skeleton-base);
 background-image:linear-gradient(105deg,transparent 25%,var(--cw-media-skeleton-highlight) 47%,transparent 69%);
 background-size:220% 100%;animation:cw-media-skeleton 1.8s ease-in-out infinite;
}
@keyframes cw-media-skeleton{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){
 img.cw-image-pending,html body .cw-media-loading::before{animation:none!important;background-image:none!important}
}