/* Native replacements for the former carousel and modal plugins. */
#infographic_wrap area[href$="#!no_link"] { cursor: default; }
#photos:not(.carousel-ready) .photo:not(:first-child) { display: none; }
#photos.carousel-ready .photo { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 0s 1s; pointer-events: none; }
#photos.carousel-ready .photo.is-active { opacity: 1; visibility: visible; transition: opacity 1s ease; pointer-events: auto; z-index: 1; }
#home_photoset_wrap #pager { left: 50%; transform: translateX(-50%); width: max-content; }
dialog.portrait-dialog, dialog.disclosure-dialog { padding: 18px; border: 1px solid #555; background: #fff; color: #222; max-width: calc(100vw - 48px); max-height: calc(100vh - 48px); overflow: auto; }
dialog::backdrop { background: rgba(0, 0, 0, .8); }
.portrait-dialog img { display: block; max-width: 100%; max-height: calc(100vh - 130px); width: auto; height: auto; margin: auto; }
.portrait-close { display: block; margin: 0 0 12px auto; padding: 8px 16px; cursor: pointer; }
.disclosure-dialog { width: 500px; font-size: 16px; }
.disclosure-dialog .disclose { padding-top: 24px; }
.disclosure-dialog a.left, .disclosure-dialog a.right { display: inline-block; margin-top: 24px; padding: 8px 20px; background: #a9122b; color: #fff; text-decoration: none; }
.disclosure-dialog .left { float: left; }
.disclosure-dialog .right { float: right; }
@media (prefers-reduced-motion: reduce) { #photos.carousel-ready .photo { transition: none; } }