.hierarchical-select .react-aria-SelectValue .section-option{display:flex;gap:.5ch}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox{display:grid;grid-template-columns:auto auto 1fr}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option{gap:.5ch}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option .section-option{grid-row:1/-1}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option .null-choice{grid-column:1/-1}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option:before{grid-row:1/-1;left:-1.2em}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option .numbering{justify-self:end;width:fit-content}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option .title{grid-column-end:-1}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option,body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .option .section-option{display:grid;grid-column:1/-1;grid-template-columns:subgrid}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-0) .title{font-weight:700}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox .numbering{font-weight:700}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.null-choice).option:before{grid-column-start:1}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-0) .numbering,body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-0).option:before{grid-column-start:1}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-0) .title{grid-column-start:2}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-1) .numbering,body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-1).option:before{grid-column-start:2}body:has(.hierarchical-select[data-open=true]) .react-aria-ListBox :has(.level-1) .title{grid-column-start:3}
