.dpc-menu-list-widget {
    --dpc-menu-columns: 2;
    --dpc-menu-row-gap: 22px;
    --dpc-menu-column-gap: 48px;
    --dpc-menu-item-align: start;
    --dpc-menu-icon-gap: 12px;
    --dpc-menu-arrow-size: 15px;
    --dpc-menu-arrow-stroke: 2.6;
    --dpc-menu-transition: 250ms;
    --dpc-menu-text-color: #b9bec9;
    --dpc-menu-text-hover-color: #ffffff;
    --dpc-menu-text-active-color: #ffffff;
    --dpc-menu-arrow-color: #bfff00;
    --dpc-menu-arrow-hover-color: #d7ff2f;
    --dpc-menu-arrow-active-color: #bfff00;
    width: 100%;
}

.dpc-menu-list-widget,
.dpc-menu-list-widget * {
    box-sizing: border-box;
}

.dpc-menu-list-widget .dpc-menu-list {
    display: grid;
    grid-template-columns: repeat(var(--dpc-menu-columns), minmax(0, 1fr));
    justify-items: var(--dpc-menu-item-align);
    column-gap: var(--dpc-menu-column-gap);
    row-gap: var(--dpc-menu-row-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.dpc-menu-list-widget .dpc-menu-list-item {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.dpc-menu-list-widget .dpc-menu-list-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    gap: var(--dpc-menu-icon-gap);
    color: var(--dpc-menu-text-color);
    text-decoration: none;
    outline: none;
    transition: color var(--dpc-menu-transition) ease;
}

.dpc-menu-list-widget .dpc-menu-list-link:hover,
.dpc-menu-list-widget .dpc-menu-list-link:focus-visible {
    color: var(--dpc-menu-text-hover-color);
    text-decoration: none;
}

.dpc-menu-list-widget .dpc-menu-list-item.is-active .dpc-menu-list-link {
    color: var(--dpc-menu-text-active-color);
}

.dpc-menu-list-widget .dpc-menu-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--dpc-menu-arrow-size);
    width: var(--dpc-menu-arrow-size);
    height: var(--dpc-menu-arrow-size);
    color: var(--dpc-menu-arrow-color);
    transition: color var(--dpc-menu-transition) ease;
}

.dpc-menu-list-widget .dpc-menu-list-link:hover .dpc-menu-list-icon,
.dpc-menu-list-widget .dpc-menu-list-link:focus-visible .dpc-menu-list-icon {
    color: var(--dpc-menu-arrow-hover-color);
}

.dpc-menu-list-widget .dpc-menu-list-item.is-active .dpc-menu-list-icon {
    color: var(--dpc-menu-arrow-active-color);
}

.dpc-menu-list-widget .dpc-menu-list-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.dpc-menu-list-widget .dpc-menu-list-icon path {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--dpc-menu-arrow-stroke);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dpc-menu-list-widget .dpc-menu-list-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dpc-menu-list-widget .dpc-menu-list-empty {
    color: var(--dpc-menu-text-color);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .dpc-menu-list-widget {
        --dpc-menu-columns: 1;
        --dpc-menu-column-gap: 0px;
    }
}
