﻿.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;
}

@media (width < 37.5rem) {
    .apo-siteselector-sitelinks__toggle {
        font-size: 1.125rem;
    }
}

.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);
}

.apo-siteselector-sitelinks__toggle > svg {
    height: auto;
    width: 1.3333em;
}

@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;
    }
}

.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;
}
