@theme {
  --icon-xs: 10px;
  --icon-sm: 12px;
  --icon-md: 16px;
  --icon-lg: 20px;
  --icon-xl: 24px;
  --icon-2xl: 32px;
}

@utility icon-* {
    width: --value(--icon-*);
    height: --value(--icon-*);
    vertical-align: -0.125em;
    display: inline-block;
    flex-shrink: 0;
}

@utility icon-inherit {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    display: inline-block;
    flex-shrink: 0;
}