//
// Copyright 2021 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

// stylelint-disable selector-class-pattern --
// Selector '.md3-*' should only be used in this project.

// go/keep-sorted start
@use 'sass:map';
// go/keep-sorted end
// go/keep-sorted start
@use './icon';
@use './input';
// go/keep-sorted end

@mixin styles() {
  :host {
    display: inline-flex;
    outline: none;
    -webkit-tap-highlight-color: transparent;
  }

  .md3-text-field {
    display: inline-flex;
    flex: 1;
  }

  .md3-text-field__field {
    cursor: text;
    flex: 1;

    .md3-text-field--disabled & {
      cursor: default;
    }
  }

  .md3-text-field__counter {
    white-space: nowrap;
  }

  @include icon.styles;
  @include input.styles;
}