@layer components{.c-social-links{--icon-color:#fff;--icon-color-active:var(--brand-orange);--icon-size:30px;align-items:center;display:flex;gap:11px}.c-social-links__link{background-color:var(--social-icon-color,var(--brand-black));display:block;height:var(--api-icon-size,var(--icon-size));line-height:1;margin:0;-webkit-mask-image:var(--api-social-logo-url);mask-image:var(--api-social-logo-url);-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:var(--api-icon-size,var(--icon-size))}.c-social-links__link:focus,.c-social-links__link:hover{--social-icon-color:var(--social-icon-color-active,var(--brand-royal-blue))}@media only screen and (max-width:800px){.c-social-links{--icon-font-size:30px;align-items:center;justify-content:center}}}