#header-menu-template-swim {
    --menu-item-gap: 6.4rem;
    --menu-separator-width: 3.2rem;
    --menu-separator-height: 2px;

    & {
        background-color: white;
    }

    .main-menu {
        gap: 6rem;
    }

    .menu-group {
        gap: var(--menu-item-gap);
    }

    .nav-item {
        position: relative;
    }

    .menu-separator {
        position: absolute;
        top: 50%;
        left: calc(100% + (var(--menu-item-gap) / 2));
        width: var(--menu-separator-width);
        height: var(--menu-separator-height);
        transform: translate(-50%, -50%);
        background-color: var(--g-color-locale-1);
        pointer-events: none;
    }

    .header-menu-category-lv0-link {
        font-size: var(--font-size-pt-14);
        font-weight: 500;
        padding: 0.6rem 0;
        letter-spacing: 2px;
        color: black;
        transition: color 0.3s ease-in-out;
    }

    .header-menu-category-lv0-link:not(.category-active):hover {
        color: var(--g-color-locale-1);
    }
    .category-active {
        font-weight: 800;
    }
}