.icon-with-notification{position:relative;display:block}.icon-with-notification>:first-child{display:block}.icon-with-notification__notification{font-size:var(--smallSize);position:absolute;top:-.5em;right:-.85em;color:var(--fontColor);background:var(--brandPrimary);line-height:1em;min-width:1.6em;min-height:1.6em;padding:.32em .3em .28em;border-radius:.8em;text-align:center}.labelled-icon{display:inline-block;text-align:center;margin:0}.labelled-icon__content{display:flex;width:auto;align-items:center}.labelled-icon__content>:first-child{display:block;margin-right:var(--boxSizeMargin)}.labelled-icon__content>:first-child.labelled-icon__icon{display:flex}.labelled-icon__icon{display:flex}.labelled-icon--block{display:block}.labelled-icon--vertical .labelled-icon__content{flex-direction:column}.labelled-icon--vertical .labelled-icon__content>*+*{margin-top:.2rem}.labelled-icon--vertical .labelled-icon__content>:first-child{margin-right:0}.labelled-icon--icon-round .labelled-icon__icon{color:var(--brandPrimary)}