@layer atoms{.phxsg-loader{--comp-loader-size: var(--spacing-md);--comp-loader-thickness: 3px;--comp-loader-inner-color: var(--color-grey-800);--comp-loader-color: color-mix(in srgb, var(--color-black) 20%, transparent);--comp-loader-animation-duration: 1s;--comp-loader-animation-timing-function: ease-in-out}.phxsg-loader--light{--comp-loader-color: color-mix(in srgb, var(--color-white) 30%, transparent);--comp-loader-inner-color: var(--color-grey-200)}.phxsg-loader--sm{--comp-loader-size: var(--spacing-base);--comp-loader-thickness: 2px}.phxsg-loader--lg{--comp-loader-size: var(--spacing-lg)}}