.at-symbol:after{content:"@"}.label-with-icon{opacity:1;display:flex;align-items:center}.label-with-icon .icon{flex-shrink:0}.label-with-icon__content{display:flex;flex-direction:column;--pre-icon-size:16px;margin-left:calc(min(.75 * var(--pre-icon-size), 16px))}.label-with-icon__content .label+.label{margin-top:.75rem}.label-with-icon__content+.icon{margin-left:10px;font-size:.9em;transition:color .1s ease}.label-with-icon .icon--size-s+.label-with-icon__content{--pre-icon-size:var(--icon-size-s)}.label-with-icon .icon--size-m+.label-with-icon__content{--pre-icon-size:var(--icon-size-m)}.label-with-icon .icon--size-l+.label-with-icon__content{--pre-icon-size:var(--icon-size-l)}.label-with-icon .icon--size-xl+.label-with-icon__content{--pre-icon-size:var(--icon-size-xl)}.content-flow--flex>.label-with-icon{align-self:start}@media(hover:hover){a.label-with-icon:not([disabled]):not(:disabled):hover .label-with-icon__content+.icon,a:not([disabled]):not(:disabled):hover a.label-with-icon .label-with-icon__content+.icon{color:var(--cs__icon-default__default,var(--cs__primary__fg--default))}}