.storefront-socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.storefront-social{--social-size:48px;width:var(--social-size);height:var(--social-size);border-radius:999px;place-items:center;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,background-color .28s;display:grid;position:relative}.storefront-socials.is-compact .storefront-social{--social-size:44px}.storefront-social:hover{transform:translateY(-3px)}.storefront-social:active{transform:scale(.95)}.storefront-social:focus-visible{outline:2px solid var(--social-ink);outline-offset:3px}.storefront-social-motion{border-radius:inherit;place-items:center;width:100%;height:100%;display:grid}.storefront-socials[data-shape=rounded] .storefront-social{border-radius:16px}.storefront-socials[data-shape=square] .storefront-social{border-radius:7px}.storefront-socials--filled .storefront-social{box-shadow:var(--social-shadow,0 7px 20px #262e2812);background:#ffffffd9;border:1px solid #0000000f}.storefront-socials--filled.is-glass .storefront-social{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8c}.storefront-socials--brand .storefront-social{background:var(--social-brand);box-shadow:var(--social-shadow,0 8px 18px color-mix(in srgb,var(--social-brand) 28%,transparent))}.storefront-socials--soft .storefront-social{background:color-mix(in srgb,var(--social-brand) 14%,#fff);box-shadow:var(--social-shadow,none)}.storefront-socials--glass .storefront-social{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--social-shadow,0 8px 24px #00000014);background:#ffffff3d;border:1px solid #ffffff80}.storefront-socials--outline,.storefront-socials--bare{gap:6px}.storefront-socials--outline .storefront-social,.storefront-socials--bare .storefront-social{--social-size:44px;filter:var(--social-drop,none)}.storefront-socials--outline .storefront-social:hover,.storefront-socials--bare .storefront-social:hover{transform:translateY(-3px)scale(1.08)}.storefront-socials--label{gap:8px}.storefront-socials--label .storefront-social{width:auto;height:44px;box-shadow:var(--social-shadow,0 6px 16px #262e280f);background:#ffffffe0;border:1px solid #0000000f;padding-inline:14px 16px}.storefront-socials--label .storefront-social-motion{align-items:center;gap:8px;display:flex}.storefront-social-name{color:#1b1f1c;white-space:nowrap;font-size:14px;font-weight:600;line-height:1}.storefront-socials--dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:fit-content;max-width:100%;box-shadow:var(--social-shadow,0 12px 32px #00000017);background:#ffffffb8;border:1px solid #0000000d;border-radius:999px;gap:2px;margin-inline:auto;padding:6px}.storefront-socials--dock .storefront-social{--social-size:44px;border-radius:999px!important}.storefront-socials--dock .storefront-social:hover{transform:translateY(-5px)scale(1.18)}@media (prefers-reduced-motion:reduce){.storefront-social{transition:none}.storefront-social:hover{transform:none}}.studio-social-sample{pointer-events:none;gap:5px}.studio-social-sample .storefront-social,.studio-social-sample.storefront-socials--outline .storefront-social,.studio-social-sample.storefront-socials--bare .storefront-social,.studio-social-sample.storefront-socials--dock .storefront-social{--social-size:30px}.studio-social-sample.storefront-socials--label .storefront-social{height:28px;padding-inline:8px 10px}.studio-social-sample .storefront-social-name{font-size:10px}.studio-social-sample.storefront-socials--dock{gap:0;padding:3px}