@property --social-lift{syntax:"<length>";inherits:true;initial-value:0}@property --social-arrive{syntax:"<time>";inherits:true;initial-value:0s}@layer components{.ws-social-links-root{gap:var(--space-4);margin-block:0;margin-inline:calc((var(--size-icon) - var(--size-input)) / 2) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ws-social-links-item{transition:translate var(--duration-move) var(--ease-out);animation:ws-social-links-social-in var(--social-arrive) var(--ease-out) backwards;animation-delay:calc(var(--social-index,0) * var(--social-arrive) / 6);display:flex}@media (hover:hover) and (pointer:fine){.ws-social-links-item:hover{translate:0 calc(-1 * var(--social-lift));transition-duration:var(--duration-hover)}}@media (prefers-reduced-motion:reduce){.ws-social-links-item{animation-name:ws-social-links-social-fade}.ws-social-links-item:hover{translate:none}}@keyframes ws-social-links-social-in{0%{opacity:0;translate:0 var(--space-4)}}@keyframes ws-social-links-social-fade{0%{opacity:0}}.ws-social-links-root[data-variant=round]{justify-content:center;gap:var(--space-8);margin-inline:0}}
