/*
 * Copyright (C) 2017-2019 Dremio Corporation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.input-container {
  display: flex;
  margin-top: var(--dremio--spacing--01);
  .prefix {
    background-color: var(--fill--secondary);
    border-top-left-radius: var(--dremio--radius--1);
    border-bottom-left-radius: var(--dremio--radius--1);
    border: 1px solid var(--border--neutral--solid);
    padding: 0px var(--dremio--spacing--1);
    border-right: none;
    height: 32px;
    min-width: fit-content;
    display: flex;
    align-items: center;
  }
  .error {
    border-color: var(--fill--danger--solid) !important;
  }
  :global(.mantine-InputWrapper-root) {
    width: 100%;
  }
  :global(.mantine-Input-input) {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: var(--dremio--spacing--1);
  }
}
.error-message {
  color: var(--fill--danger--solid);
  font-size: var(--dremio--font-size--sm);
  line-height: 1.2;
  margin-top: 5px;
}
