.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:not(.accented)){color:var(--cs__primary__fg--headline)}.icon svg{display:block}.icon svg path{fill:currentColor}.icon,.icon img,.icon svg{width:var(--icon-size);height:var(--icon-size)}.icon.shade{color:var(--shade-color)}:where(.icon),:where(.icon--size-s){--icon-size:16px}:where(.icon--size-m){--icon-size:24px}:where(.icon--size-l){--icon-size:36px}:where(.icon--size-xl){--icon-size:48px}