/*!
 * [color-sampler]{@link https://github.com/emn178/color-sampler}
 *
 * @version 0.1.5
 * @author Chen, Yi-Cyuan [emn178@gmail.com]
 * @copyright Chen, Yi-Cyuan 2015-2016
 * @license MIT
 */
.color-sampler-preview {
  position: absolute;
  z-index: 100;
  display: none;
  width: 110px;
  height: 110px;
  border: 1px solid;
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
  background-image: url('data:image/gif;base64,R0lGODlhDAAMAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAwAAAIWhB+ph5ps3IMyQFBvzVRq3zmfGC5QAQA7');
  background-size: 6px;
}

.color-sampler-preview.active {
  display: block;
}

.color-sampler-preview table {
   border-spacing: 0;
}

.color-sampler-preview td {
  border: 1px solid gray;
  height: 8px;
  width: 8px;
  background-color: #BBB4B4;
  padding: 0;
}

.color-sampler-preview td[x="5"][y="5"] {
  border-color: red;
}

.color-sampler-preview td[x="5"][y="4"] {
  border-bottom-color: red;
}

.color-sampler-preview td[x="5"][y="6"] {
  border-top-color: red;
}

.color-sampler-preview td[x="4"][y="5"] {
  border-right-color: red;
}

.color-sampler-preview td[x="6"][y="5"] {
  border-left-color: red;
}