/* Loading occupies the reserved photograph box without adding another graphic. */
body[data-page="showroom"] .photo-card .open-photo{position:relative;background:var(--mg-black-4)}
body[data-page="showroom"] .photo-card:is(.is-photo-pending,.is-photo-loading,.is-photo-error) .open-photo img{opacity:0}
body[data-page="showroom"] .photo-card.is-photo-ready .open-photo img{opacity:1;transition:opacity var(--mg-dur-fast) var(--mg-ease)}
body[data-page="showroom"] .photo-card:is(.is-photo-pending,.is-photo-loading,.is-photo-error) .photo-media>.save-photo{
 visibility:hidden;pointer-events:none;
}
body[data-page="showroom"] .photo-card .photo-load-retry{
 position:absolute;z-index:2;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:none;
 display:grid;place-items:center;margin:0;padding:0;overflow:hidden;box-sizing:border-box;
 border:0;border-radius:inherit;background:transparent;color:#c5c9be;touch-action:manipulation;
}
body[data-page="showroom"] .photo-card .photo-load-retry::before{
 content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:44px;height:44px;max-width:calc(100% - 8px);max-height:calc(100% - 8px);
 box-sizing:border-box;border:1px solid color-mix(in srgb,var(--mg-white) 13%,transparent);border-radius:50%;background:var(--mg-black-3);pointer-events:none;
}
body[data-page="showroom"] .photo-card .photo-load-retry>svg{
 position:relative;display:block;width:20px;height:20px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);
 fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
 body[data-page="showroom"] .photo-card.is-photo-ready .open-photo img{transition:none}
}