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

@mixin styles() {
  .icon {
    color: currentColor;
    display: flex;
    fill: currentColor;
  }

  .icon ::slotted(*) {
    // Remove excess whitespace below inline elements
    display: flex;
  }

  [hasstart] .icon.leading {
    font-size: var(--_leading-icon-size);
    height: var(--_leading-icon-size);
    width: var(--_leading-icon-size);
  }

  [hasend] .icon.trailing {
    font-size: var(--_trailing-icon-size);
    height: var(--_trailing-icon-size);
    width: var(--_trailing-icon-size);
  }
}