/* Generated by scripts/sync-static-footers.mjs; edit components/footer/footer.css. */
/* ================= FOOTER (Figma 810:26623) ================= */
.ft{position:relative;display:flex;background:transparent!important;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;min-height:72px;
  padding:13px 48px;border-top:1px solid #2A2F33;background:#141414}
.ft-social{display:flex;gap:10px;flex:1}
.ft-s{display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;border-radius:8px;background:rgba(26,26,30,.4);border:1px solid rgba(255,255,255,.12);
  color:#E4E4E4;transition:border-color .25s ease,color .25s ease,background-color .25s ease,transform .25s var(--ct-ease,ease)}
.ft-s svg{width:20px;height:20px;display:block}
.ft-s:hover{border-color:rgba(29,249,212,.55);color:#1DF9D4;background:rgba(29,249,212,.06);transform:translateY(-2px)}
.ft-s:focus-visible,.ft-top:focus-visible{outline:2px solid rgba(29,249,212,.7);outline-offset:2px}
.ft-copy{margin:0;flex:none;font:400 14px/1.4 var(--font-inter,Inter),system-ui,sans-serif;color:#E4E4E4;text-align:center}
.ft-top{all:unset;box-sizing:border-box;flex:none;width:40px;height:40px;padding:8px 12px;margin-left:auto;display:grid;place-items:center;border-radius:999px;cursor:pointer;
  background:#1A1D20;border:1px solid #2A2F33;color:#1DF9D4;transition:border-color .25s ease,transform .25s ease}
.ft-top svg{width:16px;height:16px;display:block;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ft-top:hover{border-color:#1DF9D4}
.ft-top:hover svg{transform:translateY(-2px)}
.ft>.ft-copy{position:absolute;left:50%;transform:translateX(-50%)}

/* entrance */
.ft.pre>*{opacity:0}
.ft.in>*{animation:ftFade .8s var(--ease-out,cubic-bezier(.16,1,.3,1)) both}
.ft.in>.ft-copy{animation-name:ftFadeC;animation-delay:.1s}.ft.in>.ft-top{animation-delay:.2s}
@keyframes ftFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ftFadeC{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

@media (max-width:760px){
  .ft{flex-wrap:wrap;padding:16px;gap:16px}
  .ft>.ft-copy{position:static;transform:none;order:3;flex-basis:100%;font-size:13px}
  .ft.in>.ft-copy{animation-name:ftFade}
}
@media (prefers-reduced-motion:reduce){
  .ft *{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
}