.icon[data-v-5b858a49]{position:relative;display:flex;align-items:center;justify-content:center;width:var(--size);min-width:var(--size);height:var(--size);padding:4px}.icon[data-v-5b858a49]:before{content:"";position:absolute;inset:calc(50% - var(--size)/2 - var(--offset)/2);border-radius:8px;opacity:.12;background:var(--color)}.icon--real-offset[data-v-5b858a49],.icon[data-v-5b858a49]:before{width:calc(var(--size) + var(--offset));height:calc(var(--size) + var(--offset))}.icon--real-offset[data-v-5b858a49]{padding:calc(4px + var(--offset)/2)}.icon--real-offset[data-v-5b858a49]:before{inset:0}.icon[data-v-5b858a49] svg{width:100%;color:var(--icon-color,var(--color))}