@layer ui.components{.ui-social{gap:var(--space-md);flex-direction:column;display:flex}.ui-social__label{letter-spacing:.02em;text-transform:uppercase;color:var(--action-text);font-size:14px;font-weight:600;line-height:17px}.ui-social__list{gap:var(--space-xxl);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ui-social[data-size=sm] .ui-social__list{gap:var(--space-xxxl)}.ui-social__list>li{display:flex}.ui-social__link{border-radius:var(--radius-xs);color:var(--text-tertiary);place-items:center;display:inline-grid}.ui-social[data-size=sm] .ui-social__link{width:var(--icon-lg);height:var(--icon-lg)}.ui-social[data-size=md] .ui-social__link{width:var(--icon-xl);height:var(--icon-xl)}.ui-social[data-size=lg] .ui-social__list{gap:var(--space-xxl)}.ui-social[data-size=lg] .ui-social__link{width:var(--icon-xl);height:var(--icon-xl)}.ui-social__link:focus-visible{outline:2px solid var(--action);outline-offset:2px}.ui-social[data-tone=inverse] .ui-social__label{color:var(--action)}.ui-social[data-tone=inverse] .ui-social__list{gap:6px}.ui-social[data-tone=inverse] .ui-social__link{color:var(--text-on-action);background-color:color-mix(in srgb, var(--text-on-action) 10%, transparent)}.ui-social[data-tone=inverse] .ui-social__link:focus-visible{outline-color:var(--text-on-action)}}