:root {
    --color-background: white;
    --color-on-background: black;
    --color-primary: #0066ff;
    --color-on-primary: white;
}

.list {
    table-layout: fixed;
    border: none;
}
.list .list__item.list__item--active .list__level button {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
}
.list .list__item .list__rank {
    padding: 1rem;
    text-align: end;
}
.list .list__item .list__level button {
    background-color: var(--color-background);
    color: var(--color-on-background);
    border: none;
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: start;
    line-break: anywhere;
}
.list .list__item .list__level button:hover {
    background-color: #eee;
    color: black;
    cursor: pointer;
}

/*# sourceMappingURL=list.css.map */