/* Region wrapper */
.ui-ctl {
  width: var(--kt-ui-control-wrapper-width);
}

.ui-ctl.ui-ctl-wa {
  --kt-ui-control-wrapper-width: auto;
}

/* Endregion */
/* Region sizes */
.ui-ctl.ui-ctl-md {
  --ui-field-size: 40px;
  --kt-ui-control-font-size: 16px;
}

.ui-ctl.ui-ctl-lg {
  --ui-field-size: 48px;
  --kt-ui-control-font-size: 16px;
}

/* Endregion */
/* Region control */
.ui-ctl-element,
.kt-ui-b-select .ui-ctl-element {
  padding-block: var(--kt-ui-control-padding-block);
  padding-inline: var(--kt-ui-control-padding-inline);
  border: var(--kt-ui-control-border-width) solid var(--kt-ui-control-border-color);
  border-radius: var(--kt-ui-control-border-radius);
  font: var(--kt-ui-control-font-weight) var(--kt-ui-control-font-size) var(--kt-ui-control-ff);
  color: var(--kt-ui-control-color);
  background-color: var(--kt-ui-control-background);
  transition-property: padding, border, color, background-color;
  transition-duration: 160ms;
  transition-timing-function: linear;
}

.ui-ctl-after-icon .ui-ctl-element,
.bx-firefox .ui-ctl-after-icon .ui-ctl-element,
.--error .kt-ui-input:not(.ui-ctl-after-icon) .ui-ctl-element,
.--error .kt-ui-textarea:not(.ui-ctl-after-icon) .ui-ctl-element {
  padding-right: var(--ui-field-size) !important;
}

.--error .ui-ctl.ui-ctl-after-icon .ui-ctl-element {
  padding-right: calc(var(--ui-field-size) + 24px);
}

.--error .kt-ui-input::after,
.--error .kt-ui-textarea::after,
.--error .kt-ui-b-select::after,
.--error .kt-ui-radio .ui-form-field-error::after,
.--error .kt-ui-checkbox .ui-form-field-error::after,
.--error .kt-ui-input.ui-ctl-after-icon::after,
.--error .kt-ui-textarea.ui-ctl-after-icon::after {
  content: "";
  display: block;
  width: var(--kt-ui-control-error-icon-size);
  height: var(--kt-ui-control-error-icon-size);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  mask: var(--kt-ui-control-error-icon) no-repeat 50% 50%;
  mask-size: var(--kt-ui-control-error-icon-size);
  background-color: var(--kt-ui-control-error-icon-color);
}

.--error .kt-ui-input::after,
.--error .kt-ui-textarea::after,
.--error .kt-ui-b-select::after {
  right: var(--kt-ui-control-padding-inline);
}

.--error .kt-ui-input.ui-ctl-after-icon::after,
.--error .kt-ui-textarea.ui-ctl-after-icon::after,
.--error .kt-ui-b-select.ui-ctl-after-icon::after {
  right: var(--ui-field-size);
}

.ui-ctl-textarea textarea.ui-ctl-element,
.ui-ctl > div.ui-ctl-element[contenteditable] {
  padding-block: 18px;
}

.--error .kt-ui-textarea::after {
  top: 18px;
  transform: revert;
}

/* Hover */
.ui-ctl-element:hover,
.ui-ctl-element.ui-ctl-hover {
  color: var(--kt-ui-control-color-hover);
  border-color: var(--kt-ui-control-border-color-hover);
  background-color: var(--kt-ui-control-background-hover);
}

/* Active / Focus */
.ui-ctl-element:active,
.ui-ctl-element:focus-visible,
.ui-ctl-element.ui-ctl-focus,
.ui-ctl-element.ui-ctl-active,
.kt-ui-b-select.--open .ui-ctl-element {
  color: var(--kt-ui-control-color-active);
  border-color: var(--kt-ui-control-border-color-active);
  background-color: var(--kt-ui-control-background-active);
}

/* Readonly */
.ui-ctl-readonly .ui-ctl-element:hover,
.ui-ctl-readonly .ui-ctl-element.ui-ctl-hover,
.ui-ctl-readonly .ui-ctl-element:active,
.ui-ctl-readonly .ui-ctl-element:focus-visible,
.ui-ctl-readonly .ui-ctl-element.ui-ctl-focus,
.ui-ctl-readonly .ui-ctl-element.ui-ctl-active {
  color: var(--kt-ui-control-color);
  border-color: var(--kt-ui-control-border-color);
  background-color: var(--kt-ui-control-background);
}

/* Disabled */
.ui-ctl-element[disabled],
.ui-ctl-element[disabled]:hover,
.ui-ctl-element[disabled]:active,
.ui-ctl-element[disabled=disabled],
.ui-ctl-element[disabled=disabled]:hover,
.ui-ctl-element[disabled=disabled]:active,
.ui-ctl-disabled .ui-ctl-element,
.ui-ctl-disabled .ui-ctl-element:hover,
.ui-ctl-disabled .ui-ctl-element:focus,
.ui-ctl-inactive .ui-ctl-element,
.ui-ctl-inactive .ui-ctl-element:hover,
.ui-ctl-inactive .ui-ctl-element:focus,
.ui-ctl.ui-ctl__combined-input.ui-ctl-inactive,
.ui-ctl.ui-ctl__combined-input.ui-ctl-disabled {
  color: var(--kt-ui-control-color-disabled);
  border-color: var(--kt-ui-control-border-color-disabled);
  background-color: var(--kt-ui-control-background-disabled);
  resize: none !important;
  cursor: not-allowed;
}

.ui-tag-selector-container-locked::after {
  background-color: transparent;
}

/* Error */
.--error .ui-ctl-element,
.--error .ui-tag-selector-outer-container {
  border-color: var(--kt-ui-control-border-color-error);
}

/* Endregion */
/* Region placeholder */
.ui-ctl-element::placeholder {
  color: var(--kt-ui-control-placeholder-color);
}

/* Endregion */
/* Region after */
.ui-ctl-after,
.ui-ctl-ext-after {
  right: 0;
}

/* Endregion */

/*# sourceMappingURL=main.styles.css.map */