@layer components{.ui-spinner{display:inline-block;flex-shrink:0;border-style:solid;border-color:currentcolor;border-top-color:transparent;border-radius:calc(infinity * 1px)}.ui-spinner[data-size=xs]{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);border-width:2px}.ui-spinner[data-size=sm]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);border-width:2px}.ui-spinner[data-size=md]{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-width:2px}.ui-spinner[data-size=lg]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border-width:3px}.ui-spinner[data-size=xl]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);border-width:4px}}