.theme-switcher {
    display: inline-flex;
    align-items: center;
}

.theme-switcher .theme-switcher-current svg,
.theme-switcher .theme-option-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
}

.theme-switcher .theme-switcher-menu {
    min-width: 11rem;
    padding: 0.25rem;
}

.theme-switcher .theme-option {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.375rem;
    cursor: pointer;
}

.theme-switcher .theme-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
}

.theme-switcher .theme-option.active {
    font-weight: 600;
    color : var(--primary-color) !important;
}

.theme-switcher .theme-option .theme-option-check {
    margin-inline-start: auto;
    visibility: hidden;
}

.theme-switcher .theme-option.active .theme-option-check {
    visibility: visible;
}