@layer components{.pui-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pui-icon svg{display:block}.pui-icon[data-size=sm] svg{width:1rem;height:1rem}.pui-icon[data-size=md] svg{width:1.25rem;height:1.25rem}.pui-icon[data-size=lg] svg{width:1.5rem;height:1.5rem}.pui-icon[data-animation=spin]{animation:pui-icon-spin var(--duration-slow) linear infinite}@media (prefers-reduced-motion:reduce){.pui-icon[data-animation=spin]{animation:none}}@keyframes pui-icon-spin{to{transform:rotate(360deg)}}.pui-spinner{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pui-spinner[data-size=sm]{--pui-spinner-size:1rem}.pui-spinner[data-size=md]{--pui-spinner-size:1.5rem}.pui-spinner[data-size=lg]{--pui-spinner-size:2rem}.pui-spinner[data-size=xl]{--pui-spinner-size:2.75rem}.pui-spinner[data-size] .pui-icon svg{width:var(--pui-spinner-size,1.5rem);height:var(--pui-spinner-size,1.5rem)}.pui-spinner .pui-spinner__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pui-spinner[data-size] .pui-icon{animation-timing-function:steps(8,end)}.pui-spinner svg path:first-child{opacity:.13}.pui-spinner svg path:nth-child(2){opacity:.22}.pui-spinner svg path:nth-child(3){opacity:.33}.pui-spinner svg path:nth-child(4){opacity:.45}.pui-spinner svg path:nth-child(5){opacity:.58}.pui-spinner svg path:nth-child(6){opacity:.72}.pui-spinner svg path:nth-child(7){opacity:.86}.pui-spinner svg path:nth-child(8){opacity:1}}