/* The neutral loading/unavailable states are declared inline in index.html (data-showcase-loading),
   so they apply before this file loads. Artwork only fades in once its image has loaded. */
.floating_side_banner.showcase-api-loading,.floating_side_banner.showcase-api-unavailable{visibility:hidden!important;pointer-events:none!important}
.showcase-img{opacity:0;transition:opacity .25s ease-out}
.showcase-img.is-ready{opacity:1}
@media (prefers-reduced-motion:reduce){.showcase-img{transition:none}}
.floating_side_banner[hidden],.event_wrap[hidden],.gallery_video[hidden],.pic.gallery[hidden]{display:none!important}
.api-carousel .showcase-card{display:block;position:relative}
.api-carousel .event_con{width:450px;height:450px;background:#fff}
.api-carousel .event_con img{width:100%;height:100%;display:block}
.api-carousel .event_txt p{white-space:pre-line}
.api-carousel .event_nav_btn[hidden]{display:none!important}
.api-banner .showcase-banner-image{display:block;width:100%;height:100%}
.api-banner .showcase-banner-image img{display:block;width:100%;height:100%;object-fit:contain}
.api-gallery-picture img{width:100%;height:100%;display:block}
.showcase-video{display:block;position:relative;width:100%;height:400px;padding:0;border:0;overflow:hidden;background:#111}
.showcase-video>img{width:100%;height:100%;object-fit:cover}
.showcase-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:0;padding:0;pointer-events:none}
.showcase-video-play img{display:block;width:auto;height:auto;max-width:100%}
.showcase-video-dialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);border:0;padding:0;overflow:visible;background:#111;width:min(1100px,88vw,135vh);max-width:88vw;color:#fff}
.showcase-video-dialog::backdrop{background:#000d}
.showcase-video-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;max-height:82vh}
.showcase-video-dialog .video-close{position:absolute;right:0;top:-45px;color:#fff;font:36px/1 Arial;padding:2px 10px;background:#111;border:0}
