@use 'sass:map';
@use '../../styles/typography';

:host {
  --mdc-filled-text-field-label-text-size: #{map.get(typography.$font-sizes, 'sm', 'size')};

  display: block;

  &.full-width mat-form-field {
    width: 100%;
  }

  .epag-input__affix {
    $space: 8px;
    $border: 1px solid;

    color: #5c5c5c;

    &--prefix {
      padding-right: $space;
      margin-right: $space;
      border-right: $border;
    }

    &--suffix {
      padding-left: $space;
      margin-left: $space;
      border-left: $border;
    }
  }
}