.apo-siteselector-sitelinks__toggle {
    background-color: transparent;
    color: currentColor;
    border: none;
    padding: unset;
    font-size: var(--apo-fluid-14-18);
    letter-spacing: -0.01em;
    min-width: 0;
    transition: color 0.25s var(--apo-easing-out);
}

    .apo-siteselector-sitelinks__toggle:hover,
    :where(.apo-siteselector-sitelinks:has(.apo-siteselector-sitelinks__dropdown:popover-open)) .apo-siteselector-sitelinks__toggle {
        color: var(--bs-primary-muted);
    }

@media (width >= 37.5rem) {
    .apo-siteselector-sitelinks__toggle .site-name {
        font-weight: 700;
    }

        .apo-siteselector-sitelinks__toggle .site-name::after {
            content: ":";
        }

    .apo-siteselector-sitelinks__toggle span:first-child > svg {
        width: 1.5rem;
        height: auto;
    }
}

@media (width < 26.875rem) {
    .apo-siteselector-sitelinks__toggle > svg:first-child {
        display: none;
    }
}

.apo-siteselector-sitelinks__dropdown {
    --apo-link-color: currentColor;
    --_popover-offset-y: 1px;
    background-color: var(--_dropdown-bg, var(--bs-primary-navy));
    color: var(--_dropdown-fg, var(--bs-white));
    border: solid 1px var(--_dropdown-border, var(--bs-primary-navy));
    font-size: clamp(0.875rem, 0.8378rem + 0.1351vw, 1rem);
    top: anchor(--region-header-utility bottom);
    left: anchor(left);
    transform: translateY(var(--_popover-offset-y));
    position-try-fallbacks: --popover-bottom-right;
}

html[dir="rtl"] .apo-siteselector-sitelinks__dropdown {
    left: auto;
    right: anchor(right);
}

.apo-siteselector-sitelinks__dropdown:popover-open {
    margin: unset;
    padding: unset;
    width: 100%;
    min-width: anchor-size(width);
    max-width: min(100%, 15rem);
    transition: opacity 0.4s var(--apo-easing-out), display 0.4s var(--apo-easing-out) allow-discrete;
    opacity: 1;

    @starting-style {
        opacity: 0;
    }
}

@media (width >= 37.5rem) {
    .apo-siteselector-sitelinks__dropdown {
        --_popover-offset-y: 0;
        --_dropdown-bg: var(--bs-white);
        --_dropdown-fg: var(--bs-primary-navy);
        --_dropdown-border: currentColor;
    }
}

@position-try --popover-bottom-right {
    left: unset;
    right: 0;
}