.hero-bg-light,.hero-bg-dark{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:opacity .5s ease}.hero-bg-light{opacity:.6}.hero-bg-dark{opacity:0}[data-theme=dark] .hero-bg-light{opacity:0}[data-theme=dark] .hero-bg-dark{opacity:.6}:root:not([data-theme]) .hero-bg-light{opacity:0}:root:not([data-theme]) .hero-bg-dark{opacity:.6}