.single-panel-menu {
    background-color: var(--single-panel-color-bg);
    color: var(--single-panel-color-text);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
}

.single-panel-menu a {
    color: inherit;
}

.single-panel-menu .group-link > *::before {
    color: var(--single-panel-color-muted);
}

.single-panel-menu .group-link > a,
.single-panel-menu .group-list a {
    text-decoration: none;
}

.single-panel-menu .group-list {
    border-bottom: 1px solid var(--single-panel-color-border);
}

.single-panel-menu .group-list:last-child {
    border-bottom: none;
}

.single-panel-menu .group-list > .label {
    padding-left: 5px;
    color: var(--single-panel-color-muted);
    text-transform: uppercase;
}

.single-panel-menu .group-list > *:not(.label):not(.is-dd):not(.group-splitter),
.single-panel-menu .group-list > .group-splitter > *,
.single-panel-menu .group-list > .is-dd,
.single-panel-menu .group-list > .is-dd > .dd-label,
.single-panel-menu .group-list > .is-dd > .dd-section > * {
    border-radius: var(--size-radius, 5px);
}

.single-panel-menu .group-list > *:not(.label):not(.is-dd):not(.group-splitter),
.single-panel-menu .group-list > .group-splitter > *,
.single-panel-menu .group-list > .is-dd > .dd-label {
    color: var(--single-panel-color-text);
    letter-spacing: 0.02em;
    font-weight: 300;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.single-panel-menu .group-list > *:not(.label):not(.is-dd):not(.group-splitter):hover,
.single-panel-menu .group-list > .group-splitter > *:hover,
.single-panel-menu .group-list > .is-dd > .dd-label:hover {
    background-color: var(--single-panel-color-hover);
    text-decoration: underline;
}

.single-panel-menu .group-list > .no-underline {
    text-decoration: none !important;
}

.single-panel-menu .group-list > .is-dd {
    transition: background-color 0.2s ease-in-out;
}

.single-panel-menu .group-list > .is-dd.is-open {
    background-color: var(--single-panel-color-open-bg);
    color: var(--single-panel-color-open-text);
}

.single-panel-menu .group-list > .is-dd.is-open > .dd-label {
    background-color: var(--single-panel-color-open-label-bg);
    color: var(--single-panel-color-open-text);
}

.single-panel-menu .group-list > .is-dd > .dd-section > * {
    color: var(--single-panel-color-open-text);
    letter-spacing: 0.02em;
    font-weight: 300;
    text-decoration: none;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.single-panel-menu .group-list > .is-dd > .dd-section > .label {
    border-top: 1px solid var(--single-panel-color-accent);
    border-radius: 0;
    background-color: transparent;
    color: var(--single-panel-color-accent);
    cursor: default;
}

.single-panel-menu .group-list > .is-dd.is-open > .dd-section > *:not(.label):hover {
    background-color: var(--single-panel-color-hover);
    color: var(--single-panel-color-text);
    text-decoration: underline;
}

.single-panel-menu .group-list > .is-dd > .dd-section > .group-text:not(.group-text-hover):hover {
    background-color: transparent;
    color: var(--single-panel-color-open-text);
    text-decoration: none;
}

.single-panel-menu .group-list > .is-dd > .dd-section > * * {
    color: inherit;
    text-decoration: none;
}