.avscode-mnt {
    --avscode-mnt-bg: #111;
    --avscode-mnt-text: #fff;
    --avscode-mnt-accent: #fff;
    --avscode-mnt-label-bg: #fff;
    --avscode-mnt-label-text: #111;
    --avscode-mnt-duration: 60s;
    --avscode-mnt-gap: 42px;
    --avscode-mnt-height: 44px;
    --avscode-mnt-sticky-offset: 0px;
    --avscode-mnt-adminbar-offset: 0px;
    --avscode-mnt-distance: 0px;
    position: relative;
    z-index: 50;
    display: flex;
    width: 100%;
    min-height: var(--avscode-mnt-height);
    overflow: hidden;
    background: var(--avscode-mnt-bg);
    color: var(--avscode-mnt-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .02em;
    box-sizing: border-box;
}

.avscode-mnt--sticky {
    position: sticky;
    top: calc(var(--avscode-mnt-adminbar-offset) + var(--avscode-mnt-sticky-offset));
    z-index: 100000;
}

body.admin-bar .avscode-mnt--sticky {
    --avscode-mnt-adminbar-offset: 32px;
}

.avscode-mnt-offset-header {
    top: var(--avscode-mnt-header-offset, 0px) !important;
}

.avscode-mnt *,
.avscode-mnt *::before,
.avscode-mnt *::after {
    box-sizing: border-box;
}

.avscode-mnt__label {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: var(--avscode-mnt-height);
    padding: 0 20px;
    background: var(--avscode-mnt-label-bg);
    color: var(--avscode-mnt-label-text);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.avscode-mnt__viewport {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.avscode-mnt__track {
    display: flex;
    flex: 0 0 auto;
    width: max-content;
    min-width: 100%;
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.avscode-mnt--ready .avscode-mnt__track {
    animation: avscode-mnt-scroll var(--avscode-mnt-duration) linear infinite;
}

.avscode-mnt__group {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--avscode-mnt-gap);
    width: max-content;
    min-width: max-content;
    padding-right: var(--avscode-mnt-gap);
}

.avscode-mnt__item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: var(--avscode-mnt-height);
    color: var(--avscode-mnt-text);
    white-space: nowrap;
}

.avscode-mnt__item a,
.avscode-mnt__item a:visited,
.avscode-mnt__item > span:not(.avscode-mnt__separator) {
    color: inherit;
    text-decoration: none;
}

.avscode-mnt__item a:hover,
.avscode-mnt__item a:focus-visible {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.avscode-mnt__item.is-highlighted {
    font-weight: 800;
}

.avscode-mnt__separator {
    display: inline-block;
    flex: 0 0 auto;
    background: var(--avscode-mnt-accent);
}

.avscode-mnt--separator-line .avscode-mnt__separator {
    width: 1px;
    height: 14px;
    opacity: .72;
}

.avscode-mnt--separator-diamond .avscode-mnt__separator {
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    opacity: .82;
}

.avscode-mnt--separator-bullet .avscode-mnt__separator {
    width: 5px;
    height: 5px;
    border-radius: 999px;
}

.avscode-mnt--separator-none .avscode-mnt__separator {
    display: none;
}

.avscode-mnt--separator-none .avscode-mnt__item {
    gap: 0;
}

.avscode-mnt--pause:hover .avscode-mnt__track,
.avscode-mnt--pause:focus-within .avscode-mnt__track {
    animation-play-state: paused;
}

@keyframes avscode-mnt-scroll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(var(--avscode-mnt-distance), 0, 0); }
}

@media (max-width: 782px) {
    body.admin-bar .avscode-mnt--sticky {
        --avscode-mnt-adminbar-offset: 46px;
    }
}

@media (max-width: 767px) {
    .avscode-mnt {
        font-size: 12px;
    }

    .avscode-mnt__label {
        padding: 0 13px;
        font-size: 10px;
    }

    .avscode-mnt--hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .avscode-mnt--hide-desktop {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .avscode-mnt__viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .avscode-mnt--ready .avscode-mnt__track {
        animation: none;
    }

    .avscode-mnt__group[aria-hidden="true"] {
        display: none;
    }
}
