/*
 * CloudBeaver - Cloud Database Manager
 * Copyright (C) 2020-2024 DBeaver Corp and others
 *
 * Licensed under the Apache License, Version 2.0.
 * you may not use this file except in compliance with the License.
 */
.icon {
  composes: theme-text-on-secondary from global;
}
.fieldLabel {
  display: block;
  composes: theme-typography--body1 from global;
  font-weight: 500;
}
.fieldLabel:not(:empty) {
  margin-bottom: 10px;
}
.inputContainer {
  position: relative;
}
.loaderContainer,
.iconContainer {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: flex;
}
.iconContainer {
  cursor: pointer;
  & .icon {
    width: 100%;
    height: 100%;
  }
}

.customIconContainer {
  composes: iconContainer;
  right: 6px;
  width: 24px;
  height: 24px;
  cursor: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input[disabled] + .iconContainer {
  cursor: auto;
}
.input:not(:only-child) {
  padding-right: 32px !important;
}
.input {
  font-size: 12px;
}
