button.active-tool {
  background: #f60 none !important;
  color: #fff !important;
}

.circus-rs-toolbar {
  margin: 0;
  padding: 0;
  li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
  }
}

@rs-toolbutton-size: 30px;

.circus-rs-toolbutton {
  font-size: @rs-toolbutton-size;
  line-height: @rs-toolbutton-size;
  min-width: @rs-toolbutton-size;
  border: 1px solid gray;
  background: white;
  color: gray;
  &:hover {
    background-color: #ccc;
  }
  &.active {
    color: white;
    background-color: #333;
  }
}

@font-face {
  font-family: 'circus-rs-font';
  src: url('./assets/icons/circus-rs-font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^='rs-icon-'],
[class*=' rs-icon-'] {
  font-family: 'circus-rs-font';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}