Radius
Border radius tokens.
rounded-compact
Use for small elements, when the base border is getting almost full circle.
rounded-base
Use for most elements.
rounded-container
Use for bigger elements, when the element contains other elements.
Calculated radii
When using radius within a container, it is visually better to calculate the radius based on the container radius and the padding of the container.
rounded-[calc(theme(borderRadius.container)-theme(padding.2))]