@keyframes hf-image-shine{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}.hf-image__wrapper{z-index:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hf-image__wrapper[data-loading-variant=shine][data-loading=true]{background:var(--color-background-secondary)}.hf-image__wrapper[data-loading-variant=shine][data-loading=true]:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--color-foreground) 10%, transparent) 50%, transparent 65%) no-repeat;background-size:200% 100%;animation:1.8s ease-in-out infinite hf-image-shine;position:absolute;top:0;bottom:0;left:0;right:0}.hf-image__wrapper img{object-fit:var(--object-fit);opacity:0;z-index:1;width:100%;max-width:100%;height:100%;position:relative}[data-fit=contain]:is(.hf-image__wrapper img){--object-fit:contain}[data-fit=cover]:is(.hf-image__wrapper img){--object-fit:cover}[data-loaded=true][data-should-fade-in=true]:is(.hf-image__wrapper img){animation:fade-in var(--timing-medium) ease-out forwards}[data-loaded=true][data-should-fade-in=false]:is(.hf-image__wrapper img){opacity:1}.hf-image__wrapper .hf-image__placeholder{opacity:0;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}[data-should-blur=true]:is(.hf-image__wrapper .hf-image__placeholder){filter:blur(50px);transform:scale(1.4)}[data-should-blur=false]:is(.hf-image__wrapper .hf-image__placeholder){filter:blur(1px)}[data-loaded=true]:is(.hf-image__wrapper .hf-image__placeholder){animation:fade-in var(--timing-quick) ease-out forwards}.hf-image__wrapper .spinner{padding:var(--spacing-xsmall);position:absolute}