@utility rounded-* {
  border-radius: calc(var(--spacing) * --value(number));
}

@utility rounded-t-* {
  border-top-left-radius: calc(var(--spacing) * --value(number));
  border-top-right-radius: calc(var(--spacing) * --value(number));
}

@utility rounded-r-* {
  border-top-right-radius: calc(var(--spacing) * --value(number));
  border-bottom-left-radius: calc(var(--spacing) * --value(number));
}

@utility rounded-b-* {
  border-bottom-left-radius: calc(var(--spacing) * --value(number));
  border-bottom-right-radius: calc(var(--spacing) * --value(number));
}

@utility rounded-l-* {
  border-top-left-radius: calc(var(--spacing) * --value(number));
  border-bottom-left-radius: calc(var(--spacing) * --value(number));
}