.c6-switch{-webkit-user-select:none;user-select:none;cursor:default;transition:opacity .15s ease-in-out;display:inline-block}.c6-switch[disabled]{opacity:.25;pointer-events:none}.c6-switch>span{color:var(--text-light-color);text-transform:uppercase;margin-right:.25rem;font-size:.85rem}.c6-switch label{cursor:pointer;display:inline-block}.c6-switch label.inactive,.c6-switch label.readOnly{color:var(--text-lighter-color);cursor:default}.c6-switch label input{visibility:hidden;display:none}.c6-switch label span{border-radius:var(--comet-border-radius);margin:0 2px 0 0;padding:2px 5px}.c6-switch label:first-child span{margin-left:0}.c6-switch:not(.isUnselected) input:checked+span{color:var(--action-text-color);background-color:var(--action-hl-color);background-color:var(--action-color)}.c6-switch-description{font-size:.85rem}.c6-dropdown-filter-container{background-color:var(--area-lightest-color);z-index:10;margin-top:-10px;padding:10px 10px 0;position:sticky;top:0}@media (hover),not all and (-moz-touch-enabled:1){.c6-switch label span:hover,.c6-switch:not(.isUnselected) input:checked+span:hover{color:var(--action-text-color);background-color:var(--action-hl-color)}}.c6-dropdown+.c6-switch,.c6-switch+.c6-dropdown,.c6-dropdown+.c6-dropdown,.c6-switch+.c6-switch{margin-left:1.5rem}.c6-switch .c6-switch{background-color:var(--bg-inset-color);color:var(--action-color);height:20px;margin-left:-1px}.c6-switch .c6-switch:before{content:"▶";height:20px;color:var(--accent-color);background-color:var(--action-color);vertical-align:top;border-radius:0 4px 4px 0;margin-left:-1px;padding-right:3px;font-size:.5rem;line-height:23px;display:inline-block}.c6-switch .c6-switch.isUnselected label span{background-color:var(--bg-inset-color);color:var(--text-color)}.c6-switch label:hover+.c6-switch:before{background-color:var(--action-hl-color)}.c6-switch .c6-switch label:first-child span{margin-left:2px}.c6-switch label.sel.has-sub span{border-radius:4px 0 0 4px}.c6-switch .c6-switch label:last-child span{margin-right:0}.c6-switch .c6-pick-toggle span,.c6-switch .c6-pick-toggle input:checked+span{color:var(--action-color);background-color:var(--area-light-color);margin-right:2px}.c6-pick-toggle span{text-align:center;min-width:50px}@media (hover),not all and (-moz-touch-enabled:1){.c6-switch .c6-pick-toggle:hover~label span{color:var(--accent-color);background-color:var(--action-hl-color)}}
