/* Semantic brand colors come from the active Hypersquare theme :root. */
.mmdb-mega-menu__tile,
.mmdb-mega-menu-edit-preview .mmdb-mega-menu__tile {
    --mmdb-pointer-x: 50%;
    --mmdb-pointer-y: 50%;
    --mmdb-mouse-gradient-color: var(--color-primary-main, rgba(86, 0, 255, 1));
    --mmdb-tile-state-duration: 180ms;
    position: relative;
    isolation: isolate;
    transform-origin: center center;
    transition:
        transform var(--mmdb-tile-state-duration) cubic-bezier(.2,.85,.25,1),
        color var(--mmdb-tile-state-duration) ease,
        background-color var(--mmdb-tile-state-duration) ease,
        border-color var(--mmdb-tile-state-duration) ease,
        border-width var(--mmdb-tile-state-duration) ease,
        box-shadow var(--mmdb-tile-state-duration) ease,
        text-shadow var(--mmdb-tile-state-duration) ease;
}

.mmdb-mega-menu__mouse-gradient {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(
        circle at var(--mmdb-pointer-x) var(--mmdb-pointer-y),
        var(--mmdb-mouse-gradient-color) 0%,
        transparent 66%
    );
    transition: opacity var(--mmdb-tile-state-duration) ease;
}

.mmdb-mega-menu__tile.is-mmdb-pointer-active .mmdb-mega-menu__mouse-gradient {
    opacity: 1;
}

.mmdb-mega-menu__fallback-media {
    position: absolute;
    z-index: 1;
    display: flex;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    transform-origin: center center;
    transition: opacity var(--mmdb-tile-state-duration) ease, filter var(--mmdb-tile-state-duration) ease;
}

.mmdb-mega-menu__fallback-media img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.mmdb-three-portal.mmdb-three-portal--ready .mmdb-mega-menu__fallback-media {
    opacity: 0;
}

.mmdb-three-portal.mmdb-three-portal--error .mmdb-mega-menu__fallback-media {
    opacity: 1;
}

.mmdb-three-portal__stage {
    z-index: 0;
}

.mmdb-mega-menu__tile-content,
.mmdb-mega-menu__media-content,
.mmdb-mega-menu__rich-content,
.mmdb-mega-menu__social-grid {
    position: relative;
    z-index: 3;
}

.mmdb-mega-menu__tile.is-mmdb-active-tile:hover,
.mmdb-mega-menu__tile.is-mmdb-active-tile:focus-visible {
    z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
    .mmdb-mega-menu__tile,
    .mmdb-mega-menu__mouse-gradient,
    .mmdb-mega-menu__fallback-media {
        transition-duration: 0.01ms !important;
    }
}