input[type="color"] {
  opacity: 0;
}

.colorBlob {
  display: block;
  width: 100%;
  height: 100%;

}

.color-picker {
  display: block;
  position: relative;
  margin: .2rem 0;
  height: 1.5rem;
  width: 4rem;
  border-radius: 5rem;
  overflow: hidden;
  box-shadow: $box-shadow-1;

  input {
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
}