/***=!! New design variables !!=***/
.xtl-color-field[data-v-4222c488] .el-color-picker {
  width: var(--tw-spacing-button-medium);
  height: var(--tw-spacing-button-medium);
  min-width: var(--tw-spacing-button-medium);
  min-height: var(--tw-spacing-button-medium);
  flex-shrink: 0;
}
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__trigger {
  width: var(--tw-spacing-button-medium);
  height: var(--tw-spacing-button-medium);
  padding: 0;
  border: none;
}
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__color {
  border: none;
  border-radius: var(--tw-radius-button);
}
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__color-inner {
  border: 1px solid var(--extole-border-strong);
  border-radius: var(--tw-radius-button);
}
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__color-inner .el-color-picker__icon,
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__color-inner .el-icon {
  display: none;
}
.xtl-color-field[data-v-4222c488] .el-color-picker .el-color-picker__mask {
  width: 100%;
  height: 100%;
}