.app-loader{--color-1:var(--color-brand-600,#1a68e0);--color-2:var(--color-lime-500,#78c950);--color-3:var(--color-brand-400,#4aa4ff);--size:2.4px;width:calc(48 * var(--size));height:calc(48 * var(--size));border:calc(4 * var(--size)) dotted var(--color-1);box-sizing:border-box;border-style:solid solid dotted dotted;border-radius:50%;animation:2s linear infinite app-loader-rotation;display:inline-block;position:relative}.app-loader:before{content:"";box-sizing:border-box;border:calc(4 * var(--size)) dotted var(--color-3);width:calc(36 * var(--size));height:calc(36 * var(--size));transform-origin:50%;border-style:dotted solid;border-radius:50%;margin:auto;animation:1.4s linear infinite app-loader-rotation;position:absolute;inset:0}.app-loader:after{content:"";box-sizing:border-box;border:calc(4 * var(--size)) dotted var(--color-2);width:calc(22 * var(--size));height:calc(22 * var(--size));transform-origin:50%;border-style:solid solid dotted;border-radius:50%;margin:auto;animation:1s linear infinite app-loader-rotation-back;position:absolute;inset:0}@keyframes app-loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes app-loader-rotation-back{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}