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