1/* The group's mark reads the same way as the marks in its rows: lit when the2 group is showing, hollow when it is not. */3.layer-switch {4 position: relative;5 display: grid;6 justify-self: end;7 width: 15px;8 height: 15px;9 flex: none;10 place-items: center;11 cursor: pointer;12}1314.layer-switch input {15 position: absolute;16 width: 1px;17 height: 1px;18 opacity: 0;19}2021.layer-switch > span {22 width: 9px;23 height: 9px;24 border: 1px solid #6b665a;25 transition: background 140ms ease, border-color 140ms ease;26}2728.layer-switch:hover > span {29 border-color: var(--accent);30}3132.layer-switch:has(input:checked) > span {33 border-color: var(--accent);34 background: var(--accent);35}3637.layer-switch:has(input:focus-visible) > span {38 outline: 1px solid var(--accent);39 outline-offset: 2px;40}4142.layer-section.is-collapsed .category-toggles {43 display: none;44}45