.icon{display:inline-flex;width:var(--icon-size, 1em);height:var(--icon-size, 1em);align-items:center}.icon.icon--sm{--icon-size: var(--icon-size-sm)}.icon.icon--md{--icon-size: var(--icon-size-md)}.icon.icon--lg{--icon-size: var(--icon-size-lg)}.icon.icon--rotatable{transition:transform .2s ease-out}.icon.icon--rotatable.icon--rotated{transform:rotate(180deg)}.icon svg{width:100%;height:100%;fill:var(--icon-color, currentcolor)}@media(prefers-reduced-motion:reduce){.icon.icon--rotatable{transition:none}}