/* Alpha artwork sits directly on MISH's surface, without a separate image card. */
.bo-phone-art{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.bo-phone-art>.bo-phone-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;background:transparent;overflow:hidden;mask-image:radial-gradient(ellipse 77% 76% at 50% 47%,#000 60%,#000 76%,transparent 99%)}
.bo-phone-art>.bo-phone-scene>img{position:relative;display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;opacity:1}
.bo-phone-art>.bo-phone-scene>.bo-phone-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;background:transparent}
/* Switch frames without crossfading: overlapping alpha layers would double their shadows. */
.bo-phone-art[data-bo-phone-playing="true"]>.bo-phone-scene>img{opacity:0}
.bo-phone-art[data-bo-phone-playing="true"]>.bo-phone-scene>.bo-phone-video{opacity:1}
.bo-phone-art>figcaption{padding:10px 0 0;border:0;background:none;color:var(--mish-text-muted);text-align:center;font-size:12px;line-height:1.65}
@media(prefers-reduced-motion:reduce){.bo-phone-art>.bo-phone-scene>img{opacity:1!important}.bo-phone-art>.bo-phone-scene>.bo-phone-video{opacity:0!important}}
html[data-motion="paused"] .bo-phone-art>.bo-phone-scene>img{opacity:1!important}
html[data-motion="paused"] .bo-phone-art>.bo-phone-scene>.bo-phone-video{opacity:0!important}
@media(forced-colors:active){.bo-phone-art>.bo-phone-scene{mask-image:none}}