.image-with-placeholder-frame{vertical-align:middle;isolation:isolate;grid-template-areas:"image";max-width:100%;display:inline-grid;position:relative;overflow:hidden}.image-with-placeholder-image{grid-area:image;min-width:0;max-width:100%;min-height:0;display:block}.image-with-placeholder-frame[data-image-state=loading] .image-with-placeholder-image{opacity:0}.image-with-placeholder-frame[data-image-state=failed] .image-with-placeholder-image{visibility:hidden}.image-with-placeholder-skeleton,.image-with-placeholder-unavailable{border-radius:inherit;min-width:0;min-height:0;position:absolute;inset:0}.image-with-placeholder-skeleton{pointer-events:none;background:linear-gradient(105deg,#ffffff0e 18%,#ffffff1a 42%,#e4c97a29 50%,#ffffff1a 58%,#ffffff0e 82%) 0 0/220% 100%;animation:1.8s ease-in-out infinite image-placeholder-shimmer}.image-with-placeholder-unavailable{color:var(--color-brand-slate,#a8b0c2);pointer-events:none;background:linear-gradient(145deg,#151f35fa,#0b0f1afc);place-items:center;display:grid}.image-with-placeholder-unavailable svg{stroke-width:1.6px;width:1.2rem;height:1.2rem}@keyframes image-placeholder-shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.image-with-placeholder-skeleton{background-position:50%;animation:none}}