nav.navbar .dropdown-menu__children {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem;
}

nav.navbar .dropdown-menu__select {
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: inherit;
    white-space: normal;
    text-transform: uppercase;
}

nav.navbar .dropdown-menu__select:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

nav.navbar .dropdown-menu__list > li > .dropdown-menu__select {
    &:after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-left: 0.5rem;
        vertical-align: middle;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform:rotate(45deg);
        position: relative;
        top:-1px;
        transition: all .2s ease;
    }
}

nav.navbar .dropdown-menu__list > li.is-selected > .dropdown-menu__select {
    text-decoration: none;
    &:after {
        border-top: 1px solid currentColor;
        border-right: 1px solid currentColor;
        transform:translateY(-2px) rotate(135deg);
    }
}

nav.navbar .dropdown-menu__panels {
    display: grid;
}

nav.navbar .dropdown-menu__panels .dropdown-menu__children {
    grid-area: 1 / 1;
    min-width: 0;
    padding: 0;
}

#wrapper-navbar nav.navbar .dropdown-menu__panels .dropdown-menu__children {
    transition: opacity .2s ease;
}

#wrapper-navbar nav.navbar .dropdown-menu__panels .dropdown-menu__children[hidden] {
    /* Override Bootstrap's [hidden] rule so inactive panels still size the grid. */
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: none;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    #wrapper-navbar nav.navbar .dropdown-menu__panels .dropdown-menu__children {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    nav.navbar .dropdown-menu__list .dropdown-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__panels {
        display: none;
    }

    #wrapper-navbar nav.navbar .dropdown-menu--interactive .dropdown-menu__children[hidden] {
        display: none !important;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__children {
        padding: .25rem 0 .5rem;
    }

    nav.navbar .dropdown-menu__panels .dropdown-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (min-width: 992px) {
    nav.navbar .dropdown-menu--interactive {
        width: max-content;
        max-width: calc(100vw - 2rem);
    }

    nav.navbar #main-menu-right .dropdown-menu--interactive[data-bs-popper] {
        left: auto;
        right: 0;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__columns {
        display: grid;
        grid-template-columns: max-content max-content;
        gap: 2rem;
        text-align: left;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__list {
        -moz-column-count: auto;
        column-count: auto;
    }

    nav.navbar .dropdown-menu__panels {
        border-left: 1px solid #fff;
        padding-left: 2rem;
        margin-left: 2rem;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__list > li {
        position: relative;
    }

    nav.navbar .dropdown-menu--interactive .dropdown-menu__list > li > .dropdown-item {
        display: inline-block;
        width: auto;
        max-width: 100%;
        white-space: nowrap;
        vertical-align: middle;
        text-transform:uppercase;
    }

    nav.navbar .dropdown-menu__panels .dropdown-item {
        white-space: nowrap;
    }

    nav.navbar .dropdown-menu--wrap .dropdown-menu__columns {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    nav.navbar .dropdown-menu--wrap .dropdown-menu__list > li > .dropdown-item,
    nav.navbar .dropdown-menu--wrap .dropdown-menu__panels .dropdown-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    nav.navbar .dropdown-menu__panels .dropdown-menu__children .dropdown-item {
        padding: 0;
        margin-bottom: .625rem;
        line-height: 1.1;
    }

    nav.navbar .dropdown-menu__panels .dropdown-menu__children > li:last-child > .dropdown-item {
        margin-bottom: 0;
    }
    nav.navbar .dropdown-menu__list > li > .dropdown-menu__select {
        &:after {
            border-top: 1px solid transparent;
            border-right: 1px solid transparent;
            transition: all .2s ease;
        }
    }

    nav.navbar .dropdown-menu__list > li.is-selected > .dropdown-menu__select {
        &:after {
            transform:rotate(45deg);
        }
    }
}