:root{
    --sidebar-max-width: 34ch; /*max(20vw, 38em);*/

    --reset-font-size: 0.75rem;

    --filter-category-border-bottom: 1px solid var(--filter-separator-grey);

    --filter-category-font-size: var(--fs-xs);
    --filter-category-font-weight: var(--fw-medium);
    --filter-category-font-color: var(--clr-font-primary);

    --filter-label-font-size: var(--fs-xxs);
    --filter-label-font-weight: var(--fw-regular);
    --filter-label-font-color: var(--clr-accent-primary);
}

.text-size-12pt{ font-size: var(--reset-font-size); }
.text-filterCategory{
    color: var(--filter-category-font-color);
    font-size: var(--filter-category-font-size);
    font-weight: var(--filter-category-font-weight);
}
.text-filterLabel{
    color: var(--filter-label-font-color);
    font-size: var(--filter-label-font-size);
    font-weight: var(--filter-label-font-weight);
}

#sidebar{
    max-width: var(--sidebar-max-width);
    overflow-y:auto; /* scrollable */
    padding-right:1rem; /*needed for scroll bar to not be on top of text */
}

#sidebar header{
    border-bottom: var(--filter-category-border-bottom);
    padding-bottom: var(--gap-l);
}

#gameList{ /* override gamesearch defaults */
    flex-direction: column;
    gap: var(--gap-s);
}

.category{
    border-bottom: var(--filter-category-border-bottom);
    padding-block: var(--gap-m);
}

.checkbox{
    appearance:none;
    background-color: var(--clr-bg-secondary);
    border: 1.5px solid var(--clr-accent-primary);
    border-radius: 3px;
    height: 1.125rem;
    width: 1.125rem;

    &:checked{
        border-width:3px;
    }
    &:checked::after{
        content: "✓";
        background-color: var(--clr-accent-primary);
        color:white;
        font-size: 1.125rem;
    }
    &:focus {
        outline: none;
    }
}

.toggleCategory{
    height: 1.25em;
    width: 1.25rem;
}

.toggleCategory[aria-expanded="false"]{
  transform: rotate(180deg);
}

.accordion-content {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}