:root{--fs-bd-color:#CCC;--fs-bg-color:#FFF;--fs-option-bd-color:#EEE;--fs-option-bg-color:#f5f5f5;--fs-option-bg--hover-color:#f5f5f5}.fs-wrap{position:relative;display:inline-block;width:420px;font-size:.9rem;line-height:1}.fs-label-wrap{position:relative;cursor:default;border:1px solid var(--fs-bd-color);border-radius:4px;padding:.375rem .5rem;font-size:.9rem;color:#555;background-color:var(--fs-bg-color);background-image:none;max-width:100%;height:2.25rem}.fs-label-wrap,.fs-dropdown{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-label-wrap .fs-label{padding:4px 22px 4px 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--input-text-color)}.fs-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;position:absolute;top:0;right:5px;bottom:0;margin:auto}.fs-dropdown{position:absolute;background-color:var(--fs-bg-color);border:1px solid var(--fs-bd-color);border-radius:4px;margin-top:5px;width:100%;z-index:1000}.fs-dropdown .fs-options{max-height:200px;overflow:auto}.fs-search input{width:100%;padding:2px 4px;border:0;background-color:var(--fs-bg-color);color:var(--input-text-color)}.fs-option,.fs-search,.fs-optgroup-label{padding:6px 8px;border-bottom:1px solid var(--fs-option-bd-color);cursor:default}.fs-option{cursor:pointer}.fs-option.hl{background-color:var(--fs-option-bg-color)}.fs-wrap.multiple .fs-option{position:relative;padding-left:30px}.fs-wrap.multiple .fs-checkbox{position:absolute;display:block;width:30px;top:0;left:0;bottom:0}.fs-wrap.multiple .fs-option .fs-checkbox i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid var(--fs-bd-color);border-radius:2px;background-color:var(--fs-bg-color)}.fs-wrap.multiple .fs-option.selected .fs-checkbox i{background-color:#4caf50;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center}.fs-wrap .fs-option:hover{background-color:var(--fs-option-bg-color)}.fs-optgroup-label{font-weight:bold}.fs-actions{padding:6px 8px;border-top:1px solid var(--fs-option-bd-color);display:flex;justify-content:space-between;align-items:center}.fs-actions .fs-select-all{color:#28a745;cursor:pointer;font-size:.85rem}.fs-actions .fs-select-all:hover{text-decoration:underline}.fs-actions .fs-confirm{cursor:pointer;font-size:.85rem}.fs-actions .fs-confirm:hover{text-decoration:underline}.fs-actions .fs-clear-all{color:#d9534f;cursor:pointer;font-size:.85rem}.fs-actions .fs-clear-all:hover{text-decoration:underline}.hidden{display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}@media only screen and (max-width:768px){.fs-wrap{display:block;width:100%}}body.dark{--fs-bd-color:#444;--fs-bg-color:#0a0a0a;--fs-option-bd-color:#444;--fs-option-bg-color:#222;--fs-option-bg--hover-color:#222}