@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));--_comp-loader-animation-timing-function: var(--comp-loader-animation-timing-function, linear);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) var(--_comp-loader-animation-timing-function) 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}}}.phxsg-loader-overlay{position:absolute;inset:0;.phxsg-loader{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);[dir=rtl] &{left:auto;right:50%;transform:translate(50%,-50%)}}}.phxsg-loader-overlay--dark,.phxsg-loader-overlay--light{backdrop-filter:blur(20px);&:before,&.phxsg-loader-overlay--soft-edge:after{display:block;height:100%;width:100%;position:absolute;top:0;left:0;content:""}&:before{opacity:.5}}.phxsg-loader-overlay--dark{&:before{background-color:#000}&.phxsg-loader-overlay--soft-edge:after{box-shadow:inset 0 0 20px 10px #000,0 0 1px 1px #000}}.phxsg-loader-overlay--light{&:before{background-color:#fff}&.phxsg-loader-overlay--soft-edge:after{box-shadow:inset 0 0 20px 10px #fff,0 0 1px 1px #fff}}