@layer components{.c-icon{align-items:center;aspect-ratio:1;background:var(--api-icon-bg,var(--brand-navy));border-radius:50%;display:inline-flex;height:var(--api-icon-container-height,var(--icon-container-width,40px));justify-content:center;width:var(--api-icon-container-width,var(--icon-container-width,40px))}.c-icon--yellow{--api-icon-bg:var(--brand-yellow)}.c-icon:before{background-color:var(--api-icon-color,var(--brand-navy));content:"";display:block;height:var(--api-icon-height,var(--icon-height,50%));-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--api-icon-width,var(--icon-width,50%))}.c-icon--large{--icon-width:70px}}