.loader{--loader-top:color-mix(in srgb, currentColor 18%, var(--loader-surface,var(--page)));--loader-left:color-mix(in srgb, currentColor 58%, var(--loader-surface,var(--page)));--loader-right:currentColor;width:var(--loader-size,56px);height:var(--loader-size,56px);flex:none;display:inline-block;position:relative}.loader svg{width:100%;height:100%;display:block;overflow:visible}.loader__top,.loader__left,.loader__right{stroke-width:.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.loader__top{fill:var(--loader-top);stroke:var(--loader-top)}.loader__left{fill:var(--loader-left);stroke:var(--loader-left)}.loader__right{fill:var(--loader-right);stroke:var(--loader-right)}.loader--field g{animation:loader-field 1.6s var(--ease-in-out-soft) infinite backwards;animation-delay:calc(var(--i) * 90ms);animation-play-state:var(--loader-play,running)}@keyframes loader-field{0%,50%,to{transform:none}25%{transform:translateY(-.7px)}}