/* Compact grey indicators with a white pill for the active slide. */
#main-content #ty-home-flex-slider .ty-home-banner-controls,
#main-content .ty-splide-slider .splide__pagination { gap: 0; }
#main-content #ty-home-flex-slider .ty-home-banner-controls li,
#main-content .flex-control-paging li { margin: 0; }
#main-content #ty-home-flex-slider button.ty-home-banner-dot,
#main-content .ty-splide-slider button.splide__pagination__page,
#main-content .flex-control-paging li a {
    position: relative; display: inline-block; width: 32px; height: 32px;
    margin: 0; padding: 0; border: 0; background: transparent;
    box-shadow: none; transform: none; opacity: 1;
}
#main-content #ty-home-flex-slider button.ty-home-banner-dot::before,
#main-content .ty-splide-slider button.splide__pagination__page::before,
#main-content .flex-control-paging li a::before {
    content: ''; position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); width: 8px; height: 8px;
    border-radius: 999px; background: #999;
    transition: width 180ms ease, background-color 180ms ease;
}
#main-content #ty-home-flex-slider button.ty-home-banner-dot.flex-active::before,
#main-content .ty-splide-slider button.splide__pagination__page.is-active::before,
#main-content .flex-control-paging li a.flex-active::before {
    width: 28px; height: 8px; background: #fff;
}
@media (prefers-reduced-motion: reduce) {
    #main-content #ty-home-flex-slider button.ty-home-banner-dot::before,
    #main-content .ty-splide-slider button.splide__pagination__page::before,
    #main-content .flex-control-paging li a::before { transition: none; }
}