.loady-spinner[data-v-c2b24753]{--colour:var(--colour-button-primary);--spinner-size:4rem;--centre-hole:.75em;--line-width:.15em;--speed:1s;width:100%;max-width:var(--spinner-size);aspect-ratio:1;border-radius:50%;position:relative}.loady-spinner[data-v-c2b24753]:before{content:"";border-radius:inherit;-webkit-mask:radial-gradient(transparent var(--centre-hole), red 0), linear-gradient(0deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(45deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(90deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(135deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(180deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(225deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(270deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(315deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px));mask:radial-gradient(transparent var(--centre-hole), red 0), linear-gradient(0deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(45deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(90deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(135deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(180deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(225deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(270deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px)), linear-gradient(315deg, transparent calc(50% - var(--line-width) - 1px), red calc(50% - var(--line-width)) calc(50% + var(--line-width)), transparent calc(50% + var(--line-width) + 1px));animation:loadyspinny-c2b24753 var(--speed) steps(8) infinite;background:conic-gradient(from calc(var(--a,0deg) - 22.5deg), transparent 45deg, color-mix(in srgb, var(--colour) 15%, transparent) 0deg 90deg, color-mix(in srgb, var(--colour) 35%, transparent) 0deg 135deg, color-mix(in srgb, var(--colour) 55%, transparent) 0deg 180deg, color-mix(in srgb, var(--colour) 75%, transparent) 0deg 225deg, color-mix(in srgb, var(--colour) 90%, transparent) 0deg 270deg, var(--colour) 0deg 315deg, var(--colour) 0deg);position:absolute;inset:0;-webkit-mask-composite:source-in,source-over,source-over,source-over,source-over,source-over,source-over,source-over;mask-composite:intersect,add,add,add,add,add,add,add}@keyframes loadyspinny-c2b24753{to{transform:rotate(1turn)}}