.social-fab{position:fixed;right:auto;bottom:max(20px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:45;display:flex;flex-direction:column;align-items:flex-start;width:56px;height:56px;direction:ltr;pointer-events:none}
.social-fab__toggle{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff40;border-radius:50%;background:oklch(var(--primary-600));color:white;box-shadow:0 6px 24px #071a3740;cursor:pointer;touch-action:manipulation;transition:background .2s,transform .2s;pointer-events:auto}
.social-fab__toggle>i{position:absolute;font-size:25px;transition:opacity .2s,transform .25s}
.social-fab__close-icon{opacity:0;transform:rotate(-90deg) scale(.6)}
.social-fab.is-open .social-fab__open-icon{opacity:0;transform:rotate(90deg) scale(.6)}
.social-fab.is-open .social-fab__close-icon{opacity:1;transform:rotate(0) scale(1)}
.social-fab.is-open .social-fab__toggle{background:oklch(var(--primary-800))}
.social-fab__links{position:absolute;bottom:calc(100% + 14px);left:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;visibility:hidden;pointer-events:none;transition:visibility 0s .25s;padding:4px}
.social-fab.is-open .social-fab__links{visibility:visible;pointer-events:auto;transition-delay:0s}
.social-fab__link{direction:ltr;display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:4px;border:1px solid oklch(var(--background-200));border-radius:50%;background:oklch(var(--background-50));color:oklch(var(--foreground-800));box-shadow:0 2px 10px #071a3710;opacity:0;transform:translateY(12px) scale(.94);transform-origin:center;transition:opacity .18s ease,transform .22s ease,background .15s}
.social-fab.is-open .social-fab__link{opacity:1;transform:translateY(0) scale(1);transition-delay:var(--social-delay,0ms)}
.social-fab__link:hover{background:oklch(var(--primary-50))}
.social-fab__link[aria-disabled="true"]{cursor:default}
.social-fab__symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:white;font-size:21px}
.social-fab__symbol--telegram{background:#229ed9}
.social-fab__symbol--whatsapp{background:#1caa59}
.social-fab__symbol--bale,.social-fab__symbol--rubika{background:transparent}
.social-fab__symbol img{display:block;width:36px;height:36px;object-fit:contain}
.social-fab__symbol--linkedin{background:#0a66c2}
.social-fab__symbol--instagram{background:linear-gradient(35deg,#f8b84e,#df3f6d,#8b47c6)}
.social-fab :focus-visible{outline:3px solid oklch(var(--accent-500));outline-offset:3px}
@media(prefers-reduced-motion:reduce){.social-fab__toggle,.social-fab__toggle>i,.social-fab__links,.social-fab__link{transition:none!important}}