.at-symbol:after{content:"@"}.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)}.icon--style-faded{color:var(--cs__primary__fg--tertiary)}.icon--style-white-circle{color:#292f37;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.12);width:calc(2.4*var(--icon-size));height:calc(2.4*var(--icon-size));border-radius:9999px;display:flex;justify-content:center;align-items:center;--icon-size:var(--icon-size-m)}:where(.icon){--icon-size:20px}:where(.icon--size-font){--icon-size:1em}:where(.icon--size-s){--icon-size:var(--icon-size-s)}:where(.icon--size-m){--icon-size:var(--icon-size-m)}:where(.icon--size-l){--icon-size:var(--icon-size-l)}:where(.icon--size-xl){--icon-size:var(--icon-size-xl)}@media(min-width:48.0625rem){.icon--style-white-circle{--icon-size:var(--icon-size-l)}}