@layer design-system{.pacifico-ui-spinner{color:var(--pacifico-ui-color-brand-grayscale-10, #ffffff)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pacifico-ui-spinner--circular{width:2rem;height:2rem;animation:rotate .6s linear infinite;transform-origin:center;display:flex;align-items:center;justify-content:center;border-radius:50%}.pacifico-ui-spinner--circular:before{content:"";display:block;background-color:currentColor;width:100%;height:100%;transform:scale(.9);border-radius:inherit}.pacifico-ui-spinner--gradiant-primary{background:var(--pacifico-ui-mix-gradients-loader, conic-gradient(from 80.43deg at 50% 45.58%, rgba(0, 153, 204, 0) 0deg, #0099CC 79.2deg, #5235A2 160.2deg, #E02667 244.76deg, rgba(224, 38, 103, 0) 244.8deg, rgba(0, 153, 204, 0) 360deg))}}