.panel-image{vertical-align:middle;width:var(--panel-image-width,100%);max-width:100%;aspect-ratio:var(--panel-image-ratio,1);object-fit:contain;place-items:center;display:inline-grid;position:relative;overflow:hidden}.panel-image>:is(img,picture),.panel-image>picture>img{object-fit:inherit;width:100%;min-width:0;height:100%;min-height:0;display:block}.panel-image:not([data-image-state=ready])>:is(img,picture){opacity:0}.panel-image-placeholder{border-radius:inherit;background:var(--muted);color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:2px;font-size:11px;line-height:1.2;display:flex;position:absolute;inset:0;overflow:hidden}.panel-image-placeholder>svg{flex:none;width:18px;height:18px}.panel-image[data-image-state=loading] .panel-image-placeholder{background:linear-gradient(105deg, var(--muted) 30%, var(--border) 50%, var(--muted) 70%);background-size:220% 100%;animation:1.5s ease-in-out infinite panel-image-loading}.panel-image[data-compact] .panel-image-placeholder>span{display:none}.panel-image[data-compact][data-image-state=loading] .panel-image-placeholder:before{content:"";border-radius:var(--radius-sm,4px);background:var(--border);width:58%;height:42%}@keyframes panel-image-loading{0%{background-position:100%}to{background-position:-100%}}@media (prefers-reduced-motion:reduce){.panel-image[data-image-state=loading] .panel-image-placeholder{background:var(--muted);animation:none}}@media print{.panel-image-placeholder{display:none}}