:root{--spinner-offset:145;--spinner-offset-min:20;--spinner-duration:2.4s;--spinner-size:25px}.spinner{display:inline-block;height:var(--spinner-size);width:var(--spinner-size)}.spinner svg{animation:rotator var(--spinner-duration) linear infinite}.spinner circle{animation:dash var(--spinner-duration) ease-in-out infinite,colors calc(var(--spinner-duration)*4) ease-in-out infinite;fill:none;stroke-dasharray:var(--spinner-offset);stroke-linecap:round;stroke-width:6;transform-origin:center}@keyframes colors{0%{stroke:var(--v78607c50)}25%{stroke:var(--v78607c50)}50%{stroke:var(--v78607c50)}75%{stroke:var(--v78607c50)}to{stroke:var(--v78607c50)}}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:var(--spinner-offset)}50%{stroke-dashoffset:var(--spinner-offset-min);transform:rotate(135deg)}to{stroke-dashoffset:var(--spinner-offset);transform:rotate(450deg)}}