@import "./chip.native";
@import "./chip.vars";

:host {
  /**
   * Main content should be prioritized on iOS,
   * so we set max font size for chips.
   * We add a min font size to keep the text legible.
   */
  font-size: clamp(13px, $chip-base-font-size-rem, 22px);
}

// Chip Shapes
// ---------------------------------------------

:host(.chip-soft) {
  --border-radius: 10px;
}

:host(.chip-round) {
  --border-radius: 999px;
}

:host(.chip-rectangular) {
  --border-radius: 0px;
}