.fm-mcm {
    --fm-mcm-column-width: 100%;
    --fm-mcm-duration: 180ms;
    --fm-mcm-column-gap: 0px;
    position: relative;
    width: 100%;
}

.fm-mcm__columns {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--fm-mcm-column-width);
    align-items: stretch;
    width: 100%;
    min-width: 0;
    overflow: visible;
    column-gap: var(--fm-mcm-column-gap) !important;
}


.fm-mcm__column {
    width: auto;
    min-width: 0;
    animation: fmMcmColumnIn var(--fm-mcm-duration) ease both;
}

.fm-mcm__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fm-mcm__item {
    display: block;
    margin: 0;
    padding: 0;
}

.fm-mcm__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    transition:
        color var(--fm-mcm-duration) ease,
        background-color var(--fm-mcm-duration) ease,
        border-color var(--fm-mcm-duration) ease,
        opacity var(--fm-mcm-duration) ease;
}

.fm-mcm__label {
    min-width: 0;
    display: inline-flex;
    align-items: center;
}

/* Menu Icons by ThemeIsle compatibility. */
.fm-mcm__label ._mi {
    flex: 0 0 auto;
}

.fm-mcm__indicator {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    display: block;
}

.fm-mcm__indicator svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fm-mcm__notice {
    padding: 12px 14px;
    border: 1px dashed #b5b5b5;
    font-size: 13px;
}

@keyframes fmMcmColumnIn {
    from {
        opacity: 0;
        transform: translateX(8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fm-mcm__column {
        animation: none;
    }

    .fm-mcm__link {
        transition: none;
    }
}


@media (max-width: 1024px) {
    .fm-mcm {
        overflow-x: auto;
        overflow-y: visible;
        scrollbar-width: thin;
    }

}

/* Keep submenu indicators fixed even if the theme/site applies hover transforms to links or SVGs. */
.fm-mcm .fm-mcm__indicator,
.fm-mcm .fm-mcm__link:hover .fm-mcm__indicator,
.fm-mcm .fm-mcm__item.is-active > .fm-mcm__link .fm-mcm__indicator,
.fm-mcm .fm-mcm__indicator svg,
.fm-mcm .fm-mcm__link:hover .fm-mcm__indicator svg,
.fm-mcm .fm-mcm__item.is-active > .fm-mcm__link .fm-mcm__indicator svg {
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    transition: none !important;
}

.fm-mcm .fm-mcm__indicator {
    flex: 0 0 auto !important;
    position: static !important;
    margin: 0 !important;
}