.nav-chevronlist {
    --link-underline: none;
    --link-color: currentColor;
    --list-gutter: 0;
    --_gutter: var(--gutter);
    --_spacing: 0.625rem;
}

    .nav-chevronlist,
    .nav-chevronlist ul {
        list-style-type: none;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: var(--_spacing);
    }

        .nav-chevronlist ul {
            margin-left: var(--_gutter);
            margin-top: var(--_spacing);
        }

        .nav-chevronlist li a {
            font-weight: 700;
            display: grid;
            grid-template-columns: 1em 1fr;
            gap: 0 1.25rem;
            align-items: start;
            transition: opacity 0.25s;
        }

            .nav-chevronlist li a:hover {
                opacity: 0.6;
            }

            .nav-chevronlist li a::before {
                content: "";
                font-family: magna-icons !important;
                speak: never;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1lh;
                font-size: 0.8888em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transition: transform 0.25s;
            }

            .nav-chevronlist li a:hover::before {
                transform: translateX(0.25rem);
            }