ul.colors li #color6 {
    background: #1f1f1f;
}
ul.colors li #color7 {
    background: #ffffff;
    box-shadow: inset 0 0 0 1px #d5d9de;
}
ul.colors li #color8 {
    background: #6b7280;
}
html #style-switcher {
    top: auto;
    bottom: 24px;
}
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
}
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
    background: #ffffff;
}
    display: none;
}
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 14px 16px;
    border: 0;
    color: #22223e;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition: background .2s, color .2s;
}
    width: 16px;
    height: 16px;
    fill: currentColor;
}
    color: var(--primary);
    background: rgb(0 0 0 / 5%);
}
.header-controls .logout-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
}

    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    display: block !important;
}

    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 12px !important;
    height: 12px !important;
    bottom: auto !important;
    left: auto !important;
    pointer-events: none !important;
}

    position: absolute !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: var(--primary, #11a1fd) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 2 !important;
}

    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid var(--primary, #11a1fd) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    -webkit-animation: blinking 1.5s ease-out infinite !important;
    animation: blinking 1.5s ease-out infinite !important;
}