/* Only menus initialized by navigation-interaction.js opt into this behavior. */
.dbr-menu-node > .dbr-menu-panel {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 100ms linear !important;
}

.dbr-menu-node.dbr-menu-open > .dbr-menu-panel {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Follow the actual parent height, including sticky headers and browser zoom. */
.dbr-menu-root {
    position: relative;
}

.dbr-menu-root > .dropdown-position-list {
    top: 100% !important;
    margin-top: 0 !important;
}

/* Mega panels are positioned against the full navbar, not the individual link. */
.dbr-menu-node.dropdown-megamenu > .megamenu {
    top: 100% !important;
}

.dbr-menu-branch > .dropdown-position-list {
    top: 0 !important;
}

/* Bridge the gap around flyouts without changing their decorative arrow. */
.dbr-menu-node > .dbr-menu-panel::after {
    content: "";
    position: absolute;
    top: -12px;
    bottom: -1px;
    left: -16px;
    right: -16px;
    z-index: -1;
    background: transparent;
}