.optionBox{background:none;padding:0}.optionBox .optionBoxOptionWrapper{display:flex;align-items:center;margin-bottom:2px}.optionBox .optionBoxOptionWrapper input[type=checkbox]{margin-top:2px}.optionBox a.optionBoxOption{flex:1;display:block;padding:5px 0;overflow:hidden;text-decoration:none}.optionBox .optionBoxOptionSelect{margin-right:5px}.optionBox .optionBoxFilter span{color:var(--text-inactive-color)}.optionBox .optionBoxFilter input{width:8em;border:1px solid var(--border-color)}.optionBox .optionBoxFilter input:focus{border:1px solid var(--highlight-bk-color)}.optionBox .optionBoxFilter a{margin:0 0 0 5px}.optionBox .optionBoxPager{margin:5px 0 0;text-align:center}.optionBox .optionBoxCommands{display:flex;align-items:center}.optionBox .optionBoxCommands .component.button{margin:0}.optionBox .optionBoxCommands .component.button:not(:first-child){margin-left:5px}.optionBox .optionBoxCommands .component.button>a{padding:2px}@media screen and (hover:hover){.optionBox .optionBoxFilter input:hover{border:1px solid var(--highlight-active-bk-color)}.optionBox .optionBoxOptionWrapper:hover,.optionBox .optionBoxOptionWrapper:hover a.optionBoxOption{color:var(--highlight-color);background-color:var(--highlight-bk-color)}}@media screen and (max-width:600px){.optionBox .componentTitle{flex-direction:column;align-items:flex-start}.optionBox .optionBoxFilter{align-self:flex-end}}