:root{--size-xs:.75em;--size-sm:.875em;--size-base:1em;--size-lg:1.125em;--size-xl:1.25;--size-2xl:1.5em;--size-3xl:1.875em;--size-4xl:2.25em;--size-full:100%}.common-svg-icon svg{width:var(--size-base);height:var(--size-base);display:block}.common-svg-icon.size-xs svg{width:var(--size-xs);height:var(--size-xs)}.common-svg-icon.size-sm svg{width:var(--size-sm);height:var(--size-sm)}.common-svg-icon.size-lg svg{width:var(--size-lg);height:var(--size-lg)}.common-svg-icon.size-xl svg{width:var(--size-xl);height:var(--size-xl)}.common-svg-icon.size-2xl svg{width:var(--size-2xl);height:var(--size-2xl)}.common-svg-icon.size-3xl svg{width:var(--size-3xl);height:var(--size-3xl)}.common-svg-icon.size-4xl svg{width:var(--size-4xl);height:var(--size-4xl)}.common-svg-icon.size-full svg{width:var(--size-full);height:var(--size-full)}.common-svg-icon.common-svg-icon-fill,.common-svg-icon.common-svg-icon-fill *{fill:currentColor!important}.common-svg-icon.common-svg-icon-stroke,.common-svg-icon.common-svg-icon-stroke *{stroke:currentColor!important}.common-img-icon{width:var(--size-base);height:var(--size-base);display:block}.common-img-icon.size-xs{width:var(--size-xs);height:var(--size-xs)}.common-img-icon.size-sm{width:var(--size-sm);height:var(--size-sm)}.common-img-icon.size-lg{width:var(--size-lg);height:var(--size-lg)}.common-img-icon.size-xl{width:var(--size-xl);height:var(--size-xl)}.common-img-icon.size-2xl{width:var(--size-2xl);height:var(--size-2xl)}.common-img-icon.size-3xl{width:var(--size-3xl);height:var(--size-3xl)}.common-img-icon.size-4xl{width:var(--size-4xl);height:var(--size-4xl)}.common-img-icon.size-full{width:var(--size-full);height:var(--size-full)}