@layer utility {
  .rounded--full {
    border-radius: 9999px;
  }
  .rounded--none {
    border-radius: 0;
  }
  .rounded--xs {
    border-radius: var(--radius-xs);
  }
  .rounded--sm {
    border-radius: var(--radius-sm);
  }
  .rounded--md {
    border-radius: var(--radius-md);
  }
  .rounded--lg {
    border-radius: var(--radius-lg);
  }
  .rounded--xl {
    border-radius: var(--radius-xl);
  }
  .rounded--2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded--3xl {
    border-radius: var(--radius-3xl);
  }
}