.social-links{--social-color: #c9c9c9;--social-btn: 38px;--social-icon: 18px;--social-gap: 10px;--social-radius: 10px;color:var(--social-color)}.social-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--social-gap)}.social-links li{margin:0;padding:0}.social-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--social-btn);height:var(--social-btn);border-radius:var(--social-radius);color:inherit;text-decoration:none;overflow:hidden;text-indent:-9999px;white-space:nowrap;transition:background-color .14s ease}.social-links a:hover,.social-links a:focus-visible{background:#ffffff1a;outline:none}.social-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--social-icon);height:var(--social-icon);background:currentColor;-webkit-mask:var(--mask) no-repeat center / contain;mask:var(--mask) no-repeat center / contain}.social-links a[href*="x.com"],.social-links a[href*="twitter.com"]{--mask: url(/themes/custom/storybook/images/icons/x.svg)}.social-links a[href*="youtube.com"],.social-links a[href*="youtu.be"]{--mask: url(/themes/custom/storybook/images/icons/youtube.svg)}.social-links a[href*="facebook.com"]{--mask: url(/themes/custom/storybook/images/icons/facebook.svg)}.social-links a[href*="instagram.com"]{--mask: url(/themes/custom/storybook/images/icons/instagram.svg)}.site-header .social-links{--social-color: rgba(255, 255, 255, .75);--social-btn: 32px;--social-icon: 16px;--social-gap: 8px}.site-footer .social-links{--social-color: #c9c9c9;--social-btn: 40px;--social-icon: 18px;--social-gap: 10px}.site-footer nav:not(.social-links) ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:flex-start}.site-footer nav:not(.social-links) a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;font-weight:700;text-decoration:none}.site-footer nav:not(.social-links) a:hover,.site-footer nav:not(.social-links) a:focus-visible{background:#ffffff1a;outline:none;text-decoration:none}