.kf-spinner-wrap{--kf-spin-dur:1.3s;display:inline-block;isolation:isolate;line-height:0;position:relative}.kf-spinner{color:var(--color-kf-primary);display:block;height:100%;overflow:visible;width:100%}.kf-spinner-light{color:#fff}.kf-spinner-track{fill:none;opacity:.08;stroke:currentColor;stroke-width:6}.kf-spinner-ribbon{filter:drop-shadow(0 0 3px currentColor);-webkit-mask:conic-gradient(from 90deg at 50% 50%,transparent 0,#000 75%,transparent 80%);mask:conic-gradient(from 90deg at 50% 50%,transparent 0,#000 75%,transparent 80%);stroke:currentColor;stroke-width:6}.kf-spinner-ribbon,.kf-spinner-tip{animation:kf-spinner-spin var(--kf-spin-dur) linear infinite;backface-visibility:hidden;fill:none;transform-box:view-box;transform-origin:50% 50%;will-change:transform}.kf-spinner-tip{filter:drop-shadow(0 0 2px white) drop-shadow(0 0 7px currentColor);-webkit-mask:conic-gradient(from 90deg at 50% 50%,transparent 62%,#000 75%,transparent 79%);mask:conic-gradient(from 90deg at 50% 50%,transparent 62%,#000 75%,transparent 79%);mix-blend-mode:plus-lighter;stroke:color-mix(in srgb,currentColor 25%,#fff 75%);stroke-width:3}.kf-spinner-ember{animation:kf-spinner-ember var(--kf-spin-dur) ease-out infinite;fill:currentColor;opacity:0;transform-box:view-box;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.kf-spinner-ribbon,.kf-spinner-tip{animation-duration:3.6s}.kf-spinner-ember{animation:none;opacity:0}}@keyframes kf-spinner-spin{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(1turn)}}@keyframes kf-spinner-ember{0%,5%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(0)}30%{opacity:.55}55%{opacity:0;transform:translate(var(--drift-x,0),var(--drift-y,0))}to{opacity:0;transform:translate(var(--drift-x,0),var(--drift-y,0))}}