:root {
    /* Sidebar adjustments, .bg-body-secondary class also used for basic color with dark mode support */
    --hx-sidebar-item-hover-background-color: var(--bs-emphasis-color-rgb);
    --hx-sidebar-item-active-background-color: var(--bs-emphasis-color-rgb);
    --hx-sidebar-item-active-color: var(--bs-emphasis-color);
    --hx-sidebar-item-hover-color: var(--bs-emphasis-color);
    --hx-sidebar-item-icon-color: var(--bs-secondary-color);
    --hx-sidebar-parent-item-active-icon-color: var(--bs-secondary-color);
}

h1:focus {
    outline: none;
}
    
::-webkit-scrollbar {
    display: none;
}

.cc-isolation-container * {
    --cc-color-accent: #009de0;
    --cc-color-accent-dark: #0085be;
    --cc-color-secondary: #6c757d;
    --cc-color-secondary-dark: #5c636a;
    --cc-color-text: white;
    --cc-color-link: white;
    --cc-color-link-highlight: white;
    --cc-color-modal-background: rgba(66, 66, 66, 0.75);
}

.cc-isolation-container > div > div {
    background-color: var( --bs-secondary-bg) !important;
    border-radius: 6px !important;
}

    .cc-isolation-container > div > div > div:first-child h1 + button {
        background-color: #6c757d !important;
    }

        .cc-isolation-container > div > div > div:first-child h1 + button:hover {
            background-color: #5c636a !important;
        }

.cc-isolation-container > div div:nth-child(3) {
    background-color: transparent !important;
}

.cc-isolation-container > div div:nth-child(2) > div > div {
    background-color: #6c757d !important;
    border-radius: 8px !important;
}

.cc-isolation-container > div div:nth-child(2) p + div + div div:hover,
.cc-isolation-container > div div:nth-child(2) p + div + div div:hover div {
    background-color: #5c636a !important;
    border-radius: 8px !important;
}

.cc-isolation-container > div div:nth-child(2) p + div + div div div div:nth-child(2) div label div input + div,
.cc-isolation-container > div div:nth-child(2) p + div + div div div div:nth-child(2) div label div input:active + div {
    background-color: var( --bs-secondary-bg) !important;
    border-radius: 9999px !important;
}

.cc-isolation-container > div div:nth-child(2) p + div + div div div div:nth-child(2) div label div input:checked + div {
    background-color: #009de0 !important;
    border-radius: 9999px !important;
}

.cc-isolation-container > div div:nth-child(2) div:nth-child(3) > div:not(:first-child) div:nth-child(2) > div > label > div > input ~ div.cc-dot {
    background-color: #6c757d !important;
}

.cc-isolation-container > div div:nth-child(2) div:nth-child(3) > div:not(:first-child) div:nth-child(2) > div > label > div > input:checked ~ div.cc-dot {
    background-color: white !important;
}

.hidden {
    display: none !important;
}

p {
    margin: 0 !important;
    padding: 0 !important;
}