.icons{--size: 1em;font-size:var(--size);height:1em;width:1em;display:inline-block;color:inherit;fill:currentColor;line-height:1;flex-shrink:0;max-width:initial}
.icons--3xs{--size: 8px}.icons--2xs{--size: 12px}
.icons--xs{--size: 16px}.icons--sm{--size: 24px}
.icons--md{--size: 32px}.icons--lg{--size: 48px}
.icons--xl{--size: 64px}.icons--2xl{--size: 96px}
.icons--3xl{--size: 128px}.icons--is-spinning{animation:icon-spin 1s infinite linear}
@keyframes icon-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.icons use{color:inherit;fill:currentColor}