/**
 * The base less file that gets augmented/overwritten with variables from
 * the plaugin settings
 */
/* css_color_text */
.fontsampler-interface .type-tester__content {
  color: #333;
}
.fontsampler-wrapper .fontsampler-interface .type-tester__content.invert {
  color: #fff;
}
/* css_color_background */
.fontsampler-interface .type-tester__content {
  background: #fff;
}
.fontsampler-wrapper .fontsampler-interface .type-tester__content.invert {
  background: #333;
}
/* css_color_label */
/* css_size_label */
/* css_fontfamily_label */
.fontsampler-interface .fontsampler-slider .slider-label,
.fontsampler-interface .fontsampler-slider .slider-value,
.fontsampler-interface .selectric .label,
.fontsampler-interface .selectric-items li,
.fontsampler-interface .fontsampler-ui-block-fontpicker .fontsampler-font-label label,
.fontsampler-interface .fontsampler-opentype-features {
  color: #333;
  font-size: inherit;
  font-family: inherit;
}
/* css_color_highlight */
.fontsampler-interface .selectric-items {
  background: #efefef;
}
/* css_color_highlight_hover */
.fontsampler-interface .selectric-items li:hover,
.fontsampler-interface .selectric-items li.selected {
  background: #dedede;
}
/* css_color_line */
.fontsampler-interface .rangeslider {
  background: #333333;
}
.fontsampler-interface .fontsampler-opentype-features {
  border: 1px solid #333333;
}
/* css_color_handle */
.fontsampler-interface .rangeslider__handle {
  background: #333333;
}
/* css_color_icon_active */
/* css_color_icon_inactive */
.fontsampler-interface .fontsampler-ui-block {
  margin-bottom: 10px;
  padding-right: 10px;
}
.fontsampler-interface .fontsampler-interface-link-text {
  height: 30px;
}
/* button backgrounds */
.fontsampler-interface .selectric > .label,
.fontsampler-interface .selectric > .button {
  background: #efefef;
}
.fontsampler-interface .fontsampler-ui-block .fontsampler-multiselect > button {
  background: #dfdfdf;
}
.fontsampler-interface .fontsampler-ui-block .fontsampler-multiselect > button.fontsampler-multiselect-selected,
.fontsampler-interface .fontsampler-ui-block .fontsampler-multiselect > button.fsjs-button-selected {
  background: #efefef;
}
/* label line-height */
.fontsampler-interface label.fontsampler-slider .slider-label,
.fontsampler-interface label.fontsampler-slider .slider-value,
.fontsampler-interface .fontsampler-font-label label {
  line-height: normal;
}
.fontsampler-interface .selectric > .label {
  line-height: normal !important;
}
/* button icon colors */
.fontsampler-interface .icon-align-left,
.fontsampler-interface .icon-align-center,
.fontsampler-interface .icon-align-right,
.fontsampler-interface .icon-opentype,
.fontsampler-interface .icon-invert-black,
.fontsampler-interface .icon-invert-white,
.fontsampler-interface .selectric > .button {
  color: #333;
}
.fontsampler-interface .fontsampler-glyph-highlight {
  color: #dedede;
}