.mior-social-hub{
  --mior-main:#0A66C2;--mior-main-hover:#084F95;--mior-close:#FF9D00;--mior-icon:#fff;
  --mior-btn:58px;--mior-item:54px;--mior-gap:12px;--mior-x:24px;--mior-y:24px;
  --mior-mx:14px;--mior-my:18px;--mior-z:99999;
  position:fixed;z-index:var(--mior-z);font-family:inherit;box-sizing:border-box;
}
.mior-social-hub *{box-sizing:border-box}
.mior-pos-left-top{left:var(--mior-x);top:var(--mior-y)}
.mior-pos-left-center{left:var(--mior-x);top:50%;transform:translateY(-50%)}
.mior-pos-left-bottom{left:var(--mior-x);bottom:var(--mior-y)}
.mior-pos-right-top{right:var(--mior-x);top:var(--mior-y)}
.mior-pos-right-center{right:var(--mior-x);top:50%;transform:translateY(-50%)}
.mior-pos-right-bottom{right:var(--mior-x);bottom:var(--mior-y)}
.mior-pos-bottom-center{left:50%;bottom:var(--mior-y);transform:translateX(-50%)}

.mior-sh-main{
  position:relative;z-index:2;width:var(--mior-btn);height:var(--mior-btn);border:0;border-radius:999px;
  display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mior-main);color:var(--mior-icon);
  cursor:pointer;box-shadow:0 12px 30px rgba(15,23,42,.22);transition:.25s ease;padding:0;outline:none;
}
.mior-sh-main:hover{background:var(--mior-main-hover);transform:scale(1.04)}
.mior-sh-main:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:3px}
.mior-sh-main-icon,.mior-sh-close-icon{font-size:calc(var(--mior-btn)*.34);line-height:1;display:flex;align-items:center;justify-content:center}
.mior-sh-close-icon{display:none}
.mior-social-hub.is-open .mior-sh-main{background:var(--mior-close)}
.mior-social-hub.is-open .mior-sh-main-icon{display:none}
.mior-social-hub.is-open .mior-sh-close-icon{display:flex}
.mior-sh-main-label{display:none;font-weight:700;font-size:14px;white-space:nowrap}
.mior-sh-main-label:not(:empty){display:none}

.mior-sh-items{position:absolute;display:flex;gap:var(--mior-gap);pointer-events:none;opacity:1}
.mior-dir-up .mior-sh-items{left:50%;bottom:calc(var(--mior-btn) + var(--mior-gap));transform:translateX(-50%);flex-direction:column-reverse;align-items:center}
.mior-dir-down .mior-sh-items{left:50%;top:calc(var(--mior-btn) + var(--mior-gap));transform:translateX(-50%);flex-direction:column;align-items:center}
.mior-dir-left .mior-sh-items{right:calc(var(--mior-btn) + var(--mior-gap));top:50%;transform:translateY(-50%);flex-direction:row-reverse;align-items:center}
.mior-dir-right .mior-sh-items{left:calc(var(--mior-btn) + var(--mior-gap));top:50%;transform:translateY(-50%);flex-direction:row;align-items:center}

.mior-sh-item{
  width:var(--mior-item);height:var(--mior-item);border-radius:999px;text-decoration:none!important;
  display:flex;align-items:center;justify-content:center;position:relative;pointer-events:none;
  opacity:0;visibility:hidden;transform:scale(.55);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .22s;
  transition-delay:0s;color:var(--mior-brand);background:#fff;border:1px solid rgba(148,163,184,.26);box-shadow:0 8px 24px rgba(15,23,42,.14);
}
.mior-sh-item:hover{transform:translateY(-2px) scale(1.06)!important;box-shadow:0 12px 28px rgba(15,23,42,.2)}
.mior-social-hub.is-open .mior-sh-items{pointer-events:auto}
.mior-social-hub.is-open .mior-sh-item{pointer-events:auto;opacity:1;visibility:visible;transform:scale(1);transition-delay:calc(var(--mior-i) * 45ms)}
.mior-sh-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--mior-item)*.42);line-height:1}
.mior-sh-icon img{width:54%;height:54%;object-fit:contain;display:block}
.mior-sh-label{
  position:absolute;top:50%;transform:translateY(-50%);background:#111827;color:#fff;font-size:12px;font-weight:700;
  line-height:1;padding:8px 10px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;
  box-shadow:0 6px 18px rgba(15,23,42,.2)
}
.mior-pos-left-top .mior-sh-label,.mior-pos-left-center .mior-sh-label,.mior-pos-left-bottom .mior-sh-label{left:calc(100% + 10px)}
.mior-pos-right-top .mior-sh-label,.mior-pos-right-center .mior-sh-label,.mior-pos-right-bottom .mior-sh-label{right:calc(100% + 10px)}
.mior-pos-bottom-center .mior-sh-label{bottom:calc(100% + 8px);top:auto;left:50%;transform:translateX(-50%)}
.mior-show-labels .mior-sh-item:hover .mior-sh-label{opacity:1;visibility:visible}

/* Styles */
.mior-style-clean .mior-sh-item{background:#fff;color:var(--mior-brand)}
.mior-style-glass .mior-sh-item{background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,.6);color:var(--mior-brand)}
.mior-style-solid .mior-sh-item{background:var(--mior-brand);color:#fff;border-color:transparent}
.mior-style-minimal .mior-sh-item{background:#fff;color:var(--mior-brand);box-shadow:0 3px 12px rgba(15,23,42,.11);border:1px solid color-mix(in srgb,var(--mior-brand) 26%,#fff)}
.mior-style-square .mior-sh-item,.mior-style-square .mior-sh-main{border-radius:16px}

/* Animations */
.mior-anim-fade .mior-sh-item{transform:none}
.mior-anim-slide.mior-dir-up .mior-sh-item{transform:translateY(14px)}
.mior-anim-slide.mior-dir-down .mior-sh-item{transform:translateY(-14px)}
.mior-anim-slide.mior-dir-left .mior-sh-item{transform:translateX(14px)}
.mior-anim-slide.mior-dir-right .mior-sh-item{transform:translateX(-14px)}
.mior-anim-slide.is-open .mior-sh-item{transform:translate(0,0)}
.mior-anim-bounce.is-open .mior-sh-item{animation:miorShBounce .42s both;animation-delay:calc(var(--mior-i)*45ms)}
@keyframes miorShBounce{0%{transform:scale(.65)}60%{transform:scale(1.12)}100%{transform:scale(1)}}

@media (min-width:783px){.mior-hide-desktop{display:none!important}}
@media (max-width:782px){
  .mior-hide-mobile{display:none!important}
  .mior-pos-left-top{left:var(--mior-mx);top:var(--mior-my)}
  .mior-pos-left-center{left:var(--mior-mx)}
  .mior-pos-left-bottom{left:var(--mior-mx);bottom:var(--mior-my)}
  .mior-pos-right-top{right:var(--mior-mx);top:var(--mior-my)}
  .mior-pos-right-center{right:var(--mior-mx)}
  .mior-pos-right-bottom{right:var(--mior-mx);bottom:var(--mior-my)}
  .mior-pos-bottom-center{bottom:var(--mior-my)}
  .mior-sh-label{display:none!important}
}
@media (prefers-reduced-motion:reduce){.mior-social-hub *{animation:none!important;transition:none!important}}