:root {
  --bottom-nav-main-height:66px;
  --bottom-nav-screen-offset:calc(8px + env(safe-area-inset-bottom, 0px));
  --bottom-nav-total-height:calc(var(--bottom-nav-main-height) + var(--bottom-nav-screen-offset));
}
.app-bottom-nav {
  position:fixed;
  z-index:80;
  right:10px;
  bottom:var(--bottom-nav-screen-offset);
  left:10px;
  display:grid;
  height:var(--bottom-nav-main-height);
  grid-template-columns:repeat(4,minmax(0,1fr));
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.65);
  border-radius:26px;
  background:rgba(255,255,255,.69);
  box-shadow:0 8px 30px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.05);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  isolation:isolate;
}
.app-bottom-nav__indicator { position:absolute; z-index:0; top:8px; left:0; width:0; height:50px; border-radius:999px; pointer-events:none; opacity:0; background:rgba(249,115,22,.12); transform:translate3d(0,0,0) scaleX(1); transform-origin:center; will-change:transform; }
.app-bottom-nav__indicator.is-ready { opacity:1; }
.app-bottom-nav__indicator.is-hidden { opacity:0; }
.app-bottom-nav__item { position:relative; z-index:1; isolation:isolate; display:grid; min-width:0; height:var(--bottom-nav-main-height); place-items:center; align-content:center; gap:3px; border:0; color:#454545; background:transparent; font:inherit; font-size:12px; font-weight:400; line-height:1.1; text-decoration:none; white-space:nowrap; transition:transform 110ms ease,color 180ms ease; -webkit-tap-highlight-color:transparent; }
.app-bottom-nav__item svg,.app-bottom-nav__item span { position:relative; z-index:1; }
.app-bottom-nav__item svg { width:24px; height:24px; }
.app-bottom-nav__item.is-active { color:#F97316; }
.app-bottom-nav__item:active { transform:scale(.98); }
.app-bottom-nav__item:focus-visible { outline:2px solid #F97316; outline-offset:-3px; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .app-bottom-nav { background:rgba(255,255,255,.96); }
}
body.app-has-bottom-nav .screen-content { padding-bottom:calc(32px + 66px + 8px + env(safe-area-inset-bottom, 0px)); }
body.is-form-screen .app-bottom-nav { display:none; }
body.thanks-with-bottom-nav { padding-bottom:calc(32px + 66px + 8px + env(safe-area-inset-bottom, 0px)); }
body.thanks-with-bottom-nav .app-bottom-nav__item { text-decoration:none; }
@media (prefers-reduced-motion:reduce) {
  .app-bottom-nav__indicator { will-change:auto; }
  .app-bottom-nav__item { transition:none; }
}