/* Bootstrap 5 component states with the site's existing Bootstrap 3 layout. */
.collapse.show, .dropdown-menu.show { display: block; }
.fade.show { opacity: 1; }
.modal.show .modal-dialog { transform: translate(0, 0); }
.modal-backdrop.show { opacity: .5; }
.tooltip.show { opacity: .9; }
.popover.show { display: block; }
.tooltip[data-popper-placement^="top"] { padding: 5px 0; }
.tooltip[data-popper-placement^="bottom"] { padding: 5px 0; }
.tooltip[data-popper-placement^="left"] { padding: 0 5px; }
.tooltip[data-popper-placement^="right"] { padding: 0 5px; }
.tooltip[data-popper-placement^="top"] .tooltip-arrow { bottom: 0; border-width: 5px 5px 0; border-top-color: #000; }
.tooltip[data-popper-placement^="bottom"] .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: #000; }
.tooltip[data-popper-placement^="left"] .tooltip-arrow { right: 0; border-width: 5px 0 5px 5px; border-left-color: #000; }
.tooltip[data-popper-placement^="right"] .tooltip-arrow { left: 0; border-width: 5px 5px 5px 0; border-right-color: #000; }
.popover[data-popper-placement^="top"] .arrow { bottom: -11px; border-bottom-width: 0; border-top-color: rgba(0,0,0,.25); }
.popover[data-popper-placement^="top"] .arrow::after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }
.popover[data-popper-placement^="bottom"] .arrow { top: -11px; border-top-width: 0; border-bottom-color: rgba(0,0,0,.25); }
.popover[data-popper-placement^="bottom"] .arrow::after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }
.popover[data-popper-placement^="left"] .arrow { right: -11px; border-right-width: 0; border-left-color: rgba(0,0,0,.25); }
.popover[data-popper-placement^="left"] .arrow::after { right: 1px; bottom: -10px; border-right-width: 0; border-left-color: #fff; }
.popover[data-popper-placement^="right"] .arrow { left: -11px; border-left-width: 0; border-right-color: rgba(0,0,0,.25); }
.popover[data-popper-placement^="right"] .arrow::after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }
.carousel-inner > .carousel-item-next, .carousel-inner > .carousel-item-prev { display: block; position: absolute; top: 0; width: 100%; }
.carousel-inner > .carousel-item-next { transform: translateX(100%); }
.carousel-inner > .carousel-item-prev { transform: translateX(-100%); }
.carousel-inner > .carousel-item-next.carousel-item-start, .carousel-inner > .carousel-item-prev.carousel-item-end { transform: translateX(0); }
.carousel-inner > .active.carousel-item-start { transform: translateX(-100%); }
.carousel-inner > .active.carousel-item-end { transform: translateX(100%); }