html,body,#root{min-height:100%;margin:0}.loader{--color-1:#4a9bf5;--color-2:#0575e6;--size:1px;width:calc(48 * var(--size));height:calc(48 * var(--size));border:calc(3 * var(--size)) solid var(--color-1);box-sizing:border-box;border-radius:50%;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;background:var(--color-2);width:calc(16 * var(--size));height:calc(16 * var(--size));border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}