@use "../../sizes" as *;

$select-sizes: (
  "medium": (
    "rounded": rcorners(),
    "mw": 10rem,
    "p": 1.6rem,
    "h": 5.4rem,

    "indicator-r": 0.6rem,
    "value-m": 0.2rem,

    "label-fs": text-fs(small),
    "value-fs": text-fs(medium),
    "menu": (
      "offset": 0.6rem,
      "h": 12.5rem,
    ),
  ),
  "small": (
    "mw": 8rem,
    "p": 1.4rem,
    "h": 3.4rem,

    "indicator-r": 0.4rem,
    "value-m": 0.2rem,

    "label-fs": text-fs(mini),
    "value-fs": text-fs(small),
  ),
  "large": (
    "mw": 14rem,
    "p": 1.4rem,
    "h": 6.4rem,

    "indicator-r": 0.8rem,
    "value-m": 0.2rem,

    "label-fs": text-fs(medium),
    "value-fs": text-fs(large),
  ),
) !default;
