/* Tooltip motion inspired by Uiverse.io, david-mohseni. Icons supplied by KRYZE. */
footer .footer-socials{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px 14px;padding-block:0;overflow:visible}
footer .footer-social{--tooltip-background:#000000;display:inline-flex;position:relative;isolation:isolate;flex:none;width:37.5px;height:37.5px;min-height:37.5px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:0 10px 10px #0000001a;filter:none;overflow:visible;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)}
footer .footer-social img{position:absolute;inset:0;display:block;width:37.5px;height:37.5px;border-radius:0;object-fit:contain;transition:opacity .2s ease;pointer-events:none}
footer .footer-social .social-icon-hover{opacity:0}
footer .footer-social .social-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;z-index:6;transform:translate(-50%,10px);background:var(--tooltip-background);color:#ffffff;padding:5px 9px;border-radius:5px;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap;box-shadow:0 10px 10px #0000001a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .3s cubic-bezier(.68,-.55,.265,1.55),visibility .2s}
footer .social-tooltip::before{position:absolute;content:'';height:8px;width:8px;background:var(--tooltip-background);bottom:-3px;left:50%;transform:translateX(-50%) rotate(45deg);z-index:-1}
footer .footer-social--instagram{--tooltip-background:linear-gradient(35deg,#fbc269 0%,#f08d4b 25%,#e0446a 50%,#aa37a4 75%,#8546b7 100%)}
footer .footer-social--instagram .social-tooltip::before{background:#e0446a}
footer .footer-social--behance{--tooltip-background:#1769ff}
footer .footer-social--xiaohongshu{--tooltip-background:#ff0000}
footer .footer-social--youtube{--tooltip-background:#ff0033}
footer .footer-social--bilibili{--tooltip-background:#FF6699}
footer .footer-social:hover,footer .footer-social:focus-visible{transform:scale(1.04);background:transparent;filter:none;z-index:7}
footer .footer-social:is(:hover,:focus-visible) .social-icon-default{opacity:0}
footer .footer-social:is(:hover,:focus-visible) .social-icon-hover{opacity:1}
footer .footer-social:is(:hover,:focus-visible) .social-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
footer .footer-social:focus-visible{outline:2px solid #beb5f6;outline-offset:5px}
@media(max-width:760px){footer .footer-socials{justify-content:flex-start;gap:18px 12px;padding-block:0}}
@media(prefers-reduced-motion:reduce){footer .footer-social,footer .footer-social img,footer .footer-social .social-tooltip{transition:none}}