@layer core.atoms{.phxsg-loader{--_comp-loader-size: var(--comp-loader-size, var(--sys-spacing-5));--_comp-loader-thickness: var(--comp-loader-thickness, 3px);--_comp-loader-color: var(--comp-loader-color, color-mix(in srgb, var(--sys-color-foreground) 20%, transparent));--_comp-loader-inner-color: var(--comp-loader-inner-color, var(--sys-color-foreground));--_comp-loader-animation-duration: var(--comp-loader-animation-duration, var(--sys-motion-duration-extra-long-1));display:inline-flex;align-items:center;justify-content:center;position:relative}.phxsg-loader--circle{width:var(--_comp-loader-size);height:var(--_comp-loader-size);border-color:var(--_comp-loader-color);border-radius:50%;border-style:solid;border-width:calc(var(--_comp-loader-thickness));.phxsg-loader__inner{box-sizing:content-box;width:100%;height:100%;position:absolute;border-color:transparent;border-left-color:var(--_comp-loader-inner-color);border-radius:inherit;border-style:inherit;border-width:inherit;animation:phxsg-loader-spin var(--_comp-loader-animation-duration) linear infinite}}.phxsg-loader--line{--comp-loader-animation-duration: var(--sys-motion-duration-extra-long-4);width:var(--_comp-loader-size);height:var(--_comp-loader-thickness);.phxsg-loader__inner{width:100%;height:100%;background-color:var(--_comp-loader-inner-color);animation:phxsg-loader-slide var(--_comp-loader-animation-duration) infinite;transform-origin:0 50%}}@keyframes phxsg-loader-spin{to{transform:rotate(360deg)}}@keyframes phxsg-loader-slide{0%{transform-origin:0% 50%;scale:0 1}25%{transform-origin:0% 50%;scale:1 1}26%{transform-origin:100% 50%;scale:1 1}50%{transform-origin:100% 50%;scale:0 1}75%{transform-origin:100% 50%;scale:1 1}76%{transform-origin:0% 50%;scale:1 1}to{transform-origin:0% 50%;scale:0 1}}}