vuestic-ui/dist/es/VaColorInput.css

Vue 3 UI Framework

.va-color-input {
  display: flex;
  align-items: center !important;
  position: relative;
}
.va-color-input .form-group {
  margin-bottom: 0;
}
.va-color-input__input {
  margin-bottom: 0;
  min-width: 5.6rem;
  width: 100%;
}
.va-color-input__input__pointer {
  cursor: pointer;
}
.va-color-input__hidden-input {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  bottom: 0;
}
@supports (-ms-ime-align: auto) {
.va-color-input {
    /* Edge specific */
}
.va-color-input__hidden-input {
    right: 14.7rem;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.va-color-input {
    /* Chrome specific */
}
.va-color-input__hidden-input {
    right: 14.7rem;
}
}