:root{
  --sbi-primary:#DD08D9;
  --sbi-secondary:#00C2FF;
  --sbi-secondary-opacity:.45;
}
.sbi{display:inline-block;width:1em;height:1em;overflow:visible;vertical-align:-.125em;fill:currentColor;color:inherit;flex:0 0 auto}
.sbi .sbi-primary{fill:var(--sbi-primary,currentColor)}
.sbi .sbi-secondary{fill:var(--sbi-secondary,currentColor);opacity:var(--sbi-secondary-opacity,.45)}
.sbi-fw{width:1.25em;text-align:center}
.sbi-xs{font-size:.75em}.sbi-sm{font-size:.875em}.sbi-lg{font-size:1.25em}.sbi-xl{font-size:1.5em}.sbi-2x{font-size:2em}.sbi-3x{font-size:3em}
.sbi-spin{animation:sbi-spin 1.2s linear infinite}.sbi-pulse{animation:sbi-spin 1s steps(8) infinite}
@keyframes sbi-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sbi-spin,.sbi-pulse{animation:none!important}}