.sx-social{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(8px,2.5vw,14px);padding:12px 0;width:100%;max-width:100%;box-sizing:border-box}.sx-icon{--size:clamp(22.4px,9.6vw,40px);display:inline-grid;place-items:center;flex:0 0 auto;width:var(--size);height:var(--size);border-radius:50%;background:var(--brand);color:#fff;text-decoration:none;box-shadow:0 2px 5px #00000026;transition:transform .3s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.sx-icon svg{width:56%;height:56%;display:block;fill:currentColor;animation:sx-tilt 10s ease-in-out infinite;animation-delay:calc(var(--i) * 2s)}.sx-icon:hover,.sx-icon:focus-visible{transform:scale(1.12)}.sx-icon:hover svg,.sx-icon:focus-visible svg{animation:none}.sx-icon:active{transform:scale(.95)}.sx-icon:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@keyframes sx-tilt{0%{transform:rotate(0)}2%{transform:rotate(-14deg)}4%{transform:rotate(14deg)}6%{transform:rotate(-8deg)}8%,to{transform:rotate(0)}}@media(max-width:480px){.sx-icon{--size:clamp(20.8px,9.2vw,35.2px)}.sx-social{gap:clamp(6px,2.5vw,10px)}}@media(prefers-reduced-motion:reduce){.sx-icon,.sx-icon svg{animation:none!important;transition:none}}.sx-social .sx-icon:hover,.sx-social .sx-icon:focus-visible,.sx-social .sx-icon:active{color:#fff!important;background:var(--brand)!important}.sx-social .sx-icon:hover svg,.sx-social .sx-icon:focus-visible svg,.sx-social .sx-icon:active svg{color:#fff!important}