.loader{--loader-height:120px;--top:12px;--inner-top:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:var(--loader-height);width:var(--loader-height);margin:0 auto}.loader-icons{width:calc(var(--loader-height) - 2 * var(--top));height:calc(var(--loader-height) - 2 * var(--top));position:absolute;left:var(--top);top:calc(var(--top) + var(--inner-top) / 2);overflow:hidden;border-radius:50%}.loader-icons .loader-icon{display:inline-block;font-size:calc(var(--loader-height) * .6);line-height:calc(var(--loader-height) * .7);position:absolute;left:var(--top);animation:icon-up 1s ease .7s infinite}.loader-icons .loader-icon.--top{top:0}.loader-icons .loader-icon.--bottom{top:calc(var(--loader-height) * .7)}.inverted-color .loader-icons .loader-icon{color:#fff}.loader-circle-out{height:var(--loader-height);width:var(--loader-height);border-radius:50%;border:calc(var(--loader-height) * .05) solid transparent;border-top-color:#003c7f;position:absolute;top:0;left:0;animation:rotate-circle-out 1s linear infinite}.inverted-color .loader-circle-out{border-top-color:#fff}.loader-circle-in{height:calc(var(--loader-height) - 2 * var(--inner-top));width:calc(var(--loader-height) - 2 * var(--inner-top));border-radius:50%;border:calc(var(--loader-height) * .05) solid transparent;border-top-color:#870042;position:absolute;top:var(--inner-top);left:var(--inner-top);transform:rotate(15deg);animation:rotate-circle-in 1s cubic-bezier(.25,.1,.7,.9) infinite}.inverted-color .loader-circle-in{border-top-color:#fff}@keyframes rotate-circle-out{to{transform:rotate(1turn)}}@keyframes rotate-circle-in{to{transform:rotate(2turn)}}@keyframes icon-up{50%{transform:translateY(calc(-1 * var(--loader-height) * .7))}50.1%{transform:translate(0)}}