#galleryImage:not([src]){visibility:hidden}
#photoStage[data-load-state=loading] #galleryImage,#photoStage[data-load-state=error] #galleryImage{visibility:hidden}
#filmDialog.photo-gallery #photoStage:not([data-load-state=ready]) .photo-expand{visibility:hidden;pointer-events:none}
.gallery-loading-art{display:none;position:absolute;inset:0;place-items:center;pointer-events:none;background:#101010}
#photoStage[data-load-state=loading] .gallery-loading-art,#photoStage[data-load-state=error] .gallery-loading-art{display:grid}
.gallery-loading-art::before{content:'';position:absolute;inset:0;background-image:var(--gallery-start);background-position:center;background-repeat:no-repeat;background-size:contain;filter:blur(16px) grayscale(.3);opacity:.13}
#photoStage .gallery-status{z-index:2;background:none;color:#aaa;font-size:11px;letter-spacing:.04em;bottom:20px}
.gallery-retry{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 22px;border:1px solid #555;border-radius:24px;background:#171717;color:#eee;font:inherit;cursor:pointer}.gallery-retry[hidden]{display:none}

.media-iris{position:relative;width:120px;height:120px;display:grid;place-items:center;animation:media-iris-rotate 5s linear infinite;pointer-events:none}
.media-iris i{position:absolute;box-sizing:border-box;width:35px;height:60px;border:1px solid #777;border-radius:3px 80% 3px 50%;transform:rotate(calc(var(--i)*60deg)) translateY(-19px);transform-origin:50% 50%;animation:media-iris-open 2.5s ease-in-out infinite}
.media-iris b{position:absolute;width:9px;height:9px;border:1px solid #f13e4b;border-radius:50%;box-sizing:border-box}
#photoStage .gallery-retry{top:calc(50% + 86px);font-size:12px;padding:8px 18px}
.video-loading-art{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101010;border-radius:inherit;pointer-events:none;overflow:hidden;color:#aaa}
.video-loading-art[hidden]{display:none!important}
.video-loading-art .video-loading-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:11px/1.4 Arial,sans-serif;letter-spacing:.04em;padding:0 12px}
.video-loading-art .media-retry{position:absolute;top:calc(50% + 58px);pointer-events:auto;border:1px solid #555;border-radius:24px;background:#171717;color:#eee;padding:8px 18px;font:12px Arial,sans-serif;cursor:pointer}
.video-loading-art .media-retry[hidden]{display:none}
#filmDialog.photo-gallery .video-loading-art{display:none!important}
@keyframes media-iris-rotate{to{transform:rotate(360deg)}}
@keyframes media-iris-open{50%{transform:rotate(calc(var(--i)*60deg + 14deg)) translateY(-9px);opacity:.4}}
@media(prefers-reduced-motion:reduce){.media-iris,.media-iris i{animation:none}}