:where(.hh-image){position:relative;display:block;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#e8eadd}.hh-image>.hh-image__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-position:inherit;opacity:0;transition:opacity .45s ease,transform .6s ease}.hh-image.is-loaded>.hh-image__img{opacity:1}.hh-image__placeholder,.hh-image__error{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#e9eddf,#d9e1d0);color:#506446}.hh-image__shimmer{position:absolute;inset:0;overflow:hidden}.hh-image__shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff75 50%,transparent 75%);transform:translate(-100%);animation:hh-image-shimmer 2.2s ease-in-out infinite}.hh-image__indicator{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:14px;text-align:center}.hh-image__spinner{display:block;width:30px;height:30px;border:2px solid #b84f202b;border-top-color:#b84f20;border-radius:50%;animation:hh-image-spin .85s linear infinite}.hh-image__label{font:500 12px/1.5 system-ui,sans-serif;letter-spacing:.2px}.hh-image__track{position:relative;width:80px;height:3px;border-radius:10px;overflow:hidden;background:#b84f2020}.hh-image__track>span{position:absolute;width:40%;height:100%;background:#b84f20;border-radius:inherit;animation:hh-image-progress 1.6s ease-in-out infinite}.hh-image.is-compact .hh-image__indicator{padding:0}.hh-image.is-compact .hh-image__spinner{width:18px;height:18px}.hh-image__error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;text-align:center;font:500 12px/1.6 system-ui,sans-serif}.hh-image.is-compact .hh-image__error{padding:4px}.hh-image .hh-image__retry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:0;border-radius:24px;color:#fff;background:#b84f20;font:600 12px/1.5 system-ui,sans-serif;cursor:pointer}.hh-image__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hh-image.is-dark{background:#101e19}.hh-image.is-dark .hh-image__placeholder,.hh-image.is-dark .hh-image__error{background:linear-gradient(145deg,#172f25,#101e19);color:#dbe4d2}.hh-image.is-dark .hh-image__shimmer:after{background:linear-gradient(110deg,transparent 25%,#ffffff08 50%,transparent 75%)}@keyframes hh-image-shimmer{to{transform:translate(100%)}}@keyframes hh-image-spin{to{transform:rotate(360deg)}}@keyframes hh-image-progress{0%{left:-40%}to{left:100%}}@media (max-width: 560px){.hh-image__label,.hh-image__error{font-size:14px}}@media (prefers-reduced-motion: reduce){.hh-image *,.hh-image *:after{animation:none!important;transition:none!important}.hh-image__track>span{left:30%}.hh-image__shimmer:after{transform:none;opacity:.25}}
