.viewport-image[data-v-277e9fd6]{position:relative;display:block;overflow:hidden;background:var(--color_bg_input,#1b1d1d)}.viewport-image__skeleton[data-v-277e9fd6]{position:absolute;z-index:0;inset:0;transition:opacity .24s ease}[dir=ltr] .viewport-image__skeleton[data-v-277e9fd6]{background:linear-gradient(100deg,transparent 20%,hsla(0,0%,100%,.08) 45%,transparent 70%);animation:viewport-image-shimmer-ltr-277e9fd6 1.4s ease-in-out infinite}[dir=rtl] .viewport-image__skeleton[data-v-277e9fd6]{background:linear-gradient(-100deg,transparent 20%,hsla(0,0%,100%,.08) 45%,transparent 70%);animation:viewport-image-shimmer-rtl-277e9fd6 1.4s ease-in-out infinite}[dir] .viewport-image__skeleton[data-v-277e9fd6]{background-size:220% 100%}.viewport-image__image[data-v-277e9fd6]{position:relative;z-index:1;display:block;width:100%;height:100%;opacity:0;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;transition:opacity .24s ease}.viewport-image[data-image-state=loaded] .viewport-image__image[data-v-277e9fd6]{opacity:1}.viewport-image[data-image-state=loaded] .viewport-image__skeleton[data-v-277e9fd6]{opacity:0;pointer-events:none}.viewport-image[data-image-state=error] .viewport-image__skeleton[data-v-277e9fd6]{animation:none}.viewport-image--priority .viewport-image__image[data-v-277e9fd6]{transition:none}@keyframes viewport-image-shimmer-ltr-277e9fd6{to{background-position-x:-220%}}@keyframes viewport-image-shimmer-rtl-277e9fd6{to{background-position-x:320%}}@media(prefers-reduced-motion:reduce){.viewport-image__skeleton[data-v-277e9fd6]{animation:none}.viewport-image__image[data-v-277e9fd6],.viewport-image__skeleton[data-v-277e9fd6]{transition:none}}