@layer components{.c-social-links{--social-icon-size:44px;--social-icon-bg:var(--brand-blue);--social-icon-bg-active:var(--brand-yellow);--social-icon-color:var(--brand-navy);--social-icon-color-active:var(--brand-navy);display:flex;gap:.8rem}.c-social-links__link{align-items:center;background-color:var(--api-social-icon-bg,var(--social-icon-bg,var(--brand-blue)));border-radius:50%;display:flex;height:var(--api-social-icon-size,var(--social-icon-size,44px));justify-content:center;transition:background-color .25s ease;width:var(--api-social-icon-size,var(--social-icon-size,44px))}.c-social-links__link:before{background-color:var(--api-social-icon-color,var(--social-icon-color,var(--brand-navy)));content:"";display:block;height:50%;margin:0;-webkit-mask-image:var(--social-icon);mask-image:var(--social-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color .15s ease;width:50%}.c-social-links__link:focus,.c-social-links__link:hover{background-color:var(--api-social-icon-bg-active,var(--social-icon-bg-active,var(--brand-yellow)))}.c-social-links__link:focus:before,.c-social-links__link:hover:before{background-color:var(--api-social-icon-color-active,var(--social-icon-color-active,var(--brand-navy)))}@media only screen and (max-width:800px){.c-social-links__link-el{font-size:.95em}}}