:root{--icon-size-xs:8px;--icon-size-sm:18px;--icon-size-md:24px;--icon-size-lg:48px;--icon-size-xl:64px}.icon{--icon-size:var(--icon-size-md);width:var(--icon-size);height:var(--icon-size);flex-shrink:0;display:block}.icon--xs{--icon-size:var(--icon-size-xs)}.icon--sm{--icon-size:var(--icon-size-sm)}.icon--md{--icon-size:var(--icon-size-md)}.icon--lg{--icon-size:var(--icon-size-lg)}.icon--xl{--icon-size:var(--icon-size-xl)}