/* line 1, ../sass/style.scss */
.color-band {
  box-sizing: border-box;
}

/* line 6, ../sass/style.scss */
.color-box {
  box-sizing: border-box;
  float: left;
  margin: 0 0px 0px 0;
}

/* line 12, ../sass/style.scss */
.color-box-big {
  width: 30px;
  height: 30px;
  margin: 0 1px 1px 0;
}

/* line 18, ../sass/style.scss */
.color-box-small {
  width: 20px;
  height: 20px;
}

/* line 23, ../sass/style.scss */
.matrix {
  display: inline-block;
  border: 2px solid #ccc;
}

/* line 28, ../sass/style.scss */
.big-swatch {
  width: 300px;
  height: 150px;
  margin-bottom: 10px;
}

/* line 34, ../sass/style.scss */
.row-dark .selected-color {
  border: 2px solid #fff;
}

/* line 38, ../sass/style.scss */
.row-light .selected-color {
  border: 2px solid #000;
}

/* line 42, ../sass/style.scss */
.color-input {
  font-size: 17px;
  padding: 0.25em;
  color: #666;
  width: 150px;
  text-transform: uppercase;
}

/* line 50, ../sass/style.scss */
.toolbox-hint {
  display: inline-block;
  padding-left: 1em;
  float: right;
  font-size: 10px;
  color: #999;
}

/* line 58, ../sass/style.scss */
a.btn-link {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  color: #666;
  padding: 5px;
  font-size: 11px;
}

/* line 67, ../sass/style.scss */
.code-box {
  font: normal 13px "Courier New";
  width: 100%;
  overflow-wrap: break-word;
  height: 300px;
  padding: 5px;
  background-color: #E0F9FF;
}