﻿.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;
    }

        .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;
    }
