@import '../../../styles/common.scss';

.container {
  display: grid;
  grid-template-columns: minmax(auto, var(--input-max-width, $input-max-width)) min-content;

  input {
    color: var(--input-disabled-font-color, $input-disabled-font-color);
    border: 1px solid
      var(--input-disabled-border-color, $input-disabled-border-color);
    padding: 0 15px;
    display: inline-block;
    font-size: var(--label-font-size, $label-font-size);
    outline: none;
    height: 50px;
    max-width: var(--input-max-width, $input-max-width);
    background-color: var(
      --read-only-text-background-color,
      $read-only-text-background-color
    );
  }

  .button {
    svg {
      height: 60%;
    }
  }
}
