.icon-with-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 .2rem;font-size:1rem;display:inline-flex}@media (width>=1056px){.icon-with-label{font-size:1.4rem}}.icon-with-label__icon{fill:#fff;width:2.4rem;height:2.4rem;margin-bottom:.4rem}@media (width>=1056px){.icon-with-label__icon{width:2rem;height:2rem}}.icon-with-label__label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:normal;width:100%;font-weight:400;line-height:1;overflow:hidden}.icon-without-label__icon .svg-outline{fill:#fff;transition:fill .3s}.icon-without-label__icon .svg-fill{fill:#0000;transition:fill .3s}.icon-without-label__icon--invert-color .svg-outline{fill:#0000}.icon-without-label__icon--invert-color .svg-fill{fill:#fff}