.responsive-image{background-color:var(--responsive-image-color,var(--surface-1));aspect-ratio:auto;aspect-ratio:var(--responsive-image-ratio,auto);display:block;position:relative;overflow:hidden}.responsive-image--no-placeholder{background-color:#0000}.responsive-image__thumbhash{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;animation:.2s ease-out both responsive-image-reveal;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.responsive-image__thumbhash{animation:none}}.responsive-image__picture{display:contents}.responsive-image__img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;opacity:var(--responsive-image-start-opacity,0);transition:opacity .6s var(--cubic-bezier-wand-wipe);transition:opacity var(--responsive-image-fade-duration,var(--first-load-hero-duration,.6s)) var(--cubic-bezier-wand-wipe);position:absolute;inset:0}.responsive-image--loaded .responsive-image__img{opacity:1}.responsive-image--cached .responsive-image__img,.responsive-image__img[loading=eager]{transition-duration:.3s}@media (prefers-reduced-motion:reduce){.responsive-image__img{transition:none}}@media (scripting:none){.responsive-image__img{opacity:1}}@keyframes responsive-image-reveal{0%{opacity:0}to{opacity:1}}
