/* -------------------------------- 

File#: _2_multiple-custom-select-v2
Title: Multiple Custom Select v2
Descr: A list of filterable checkbox inputs
Usage: codyhouse.co/license

-------------------------------- */
.multi-select-v2__label {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.multi-select-v2__label:hover {
  transition: background-color 0.2s;
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075);
}
.multi-select-v2__label.multi-select-v2__label--checked {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15);
}
.multi-select-v2__label.multi-select-v2__label--checked:hover {
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
}

.multi-select-v2__checkbox {
  --custom-checkbox-size: 18px;
  --custom-checkbox-marker-size: 16px;
  width: var(--custom-checkbox-size);
  height: var(--custom-checkbox-size);
}