.icon{opacity:1}.icon img,.icon svg{display:block}:where(.icon.iconloaded){opacity:1}:where(.icon.iconloading){opacity:0}:where(.icon--size-font) img,:where(.icon--size-font) svg{height:1em;width:auto}:where(.icon){grid-column:var(--content__grid-column);--icon-size:auto;--icon-width:var(--icon-size);--icon-height:var(--icon-size)}.icon--theme-decoration-circle{padding:calc(0.2*var(--icon-size));border-radius:50%;background:var(--cs__decoration__bg)}.icon--theme-decoration-circle img,.icon--theme-decoration-circle svg{width:calc(var(--icon-size)*0.6);height:calc(var(--icon-size)*0.6)}:where(.icon),:where(.icon) img,:where(.icon) svg{width:var(--icon-width);height:var(--icon-height)}:where(.icon--size-s){--icon-size:clamp(1rem,var(--font-headline__size--s),3rem)}:where(.icon--size-m){--icon-size:clamp(2rem,var(--font-headline__size--l),4rem)}:where(.icon--size-l){--icon-size:clamp(3rem,var(--font-headline__size--xl),5rem)}:where(.icon--size-font){--icon-height:calc(1em*(var(--font-headline__metrics__bottom) + var(--font-headline__metrics__top))/2);--icon-width:auto}@media(hover:hover){.icon[href]:not([disabled]):not(:disabled):hover{color:var(--cs__primary__fg--accent)}}