[class*="mega-trigger-"] {

    cursor: pointer;
    user-select: none;
}

.mega-panel {
    position: absolute;


    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.mega-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

[class*="mega-trigger-"] > a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='currentColor'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s ease;
}

.mega-active > a::after {
    transform: rotate(180deg);
}