@layer components{:root{--c-loader--base:var(--base);--c-loader--color--primary:var(--color--primary);--c-loader--color--secondary:var(--color--secondary);--c-loader--color--surface-contrast:var(--color--surface-contrast)}.c-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.c-loader__circular{animation:loader--circular-anim 1.3s linear infinite;border-radius:50%;color:var(--c-loader--color--surface-contrast,var(--inherit-color-contrast,var(--c-loader--color--surface-contrast-default,var(--color--surface-contrast))));font-size:calc((var(--c-loader--base, var(--base)))*2);height:1em;margin:0;position:relative;text-indent:-9999rem;transform:translateZ(0);width:1em}.c-loader__circular--color--primary{color:var(--c-loader--color--primary,var(--color--primary))}.c-loader__circular--color--secondary{color:var(--c-loader--color--secondary,var(--color--secondary))}.c-loader__circular--xl{font-size:calc((var(--c-loader--base, var(--base)))*2.5)}.c-loader__circular--lg{font-size:calc((var(--c-loader--base, var(--base)))*2)}.c-loader__circular--md{font-size:calc((var(--c-loader--base, var(--base)))*1.5)}.c-loader__circular--sm{font-size:calc((var(--c-loader--base, var(--base)))*1)}.c-loader__circular--xs{font-size:calc((var(--c-loader--base, var(--base)))*.5)}@keyframes loader--circular-anim{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.c-loader__linear,.c-loader__linear:after,.c-loader__linear:before{animation-fill-mode:both;animation:loader--linear-anim 1.8s ease-in-out infinite;border-radius:50%;height:1em;width:1em}.c-loader__linear{animation-delay:-.16s;color:var(--c-loader--color--surface-contrast,var(--inherit-color-contrast,var(--c-loader--color--surface-contrast-default,var(--color--surface-contrast))));font-size:calc((var(--c-loader--base, var(--base)))*4);margin:0;position:relative;text-indent:-9999rem;transform:translateZ(0)}.c-loader__linear--color--primary{color:var(--c-loader--color--primary,var(--color--primary))}.c-loader__linear--color--secondary{color:var(--c-loader--color--secondary,var(--color--secondary))}.c-loader__linear--xl{font-size:calc((var(--c-loader--base, var(--base)))*5)}.c-loader__linear--lg{font-size:calc((var(--c-loader--base, var(--base)))*4)}.c-loader__linear--md{font-size:calc((var(--c-loader--base, var(--base)))*3)}.c-loader__linear--sm{font-size:calc((var(--c-loader--base, var(--base)))*2)}.c-loader__linear--xs{font-size:calc((var(--c-loader--base, var(--base)))*1)}.c-loader__linear:after,.c-loader__linear:before{content:"";position:absolute;top:0}.c-loader__linear:before{animation-delay:-.32s;left:-1.4em}.c-loader:after{left:1.4em}@keyframes loader--linear-anim{0%,80%,to{box-shadow:0 1em 0 -.52em}40%{box-shadow:0 1em 0 0}}}