.footer {
  position: fixed;
  inset: auto 0 0 0; 
  z-index: 8888;
  background: transparent;
  pointer-events: none; 
}


.footer__slot {
  position: absolute;
  bottom: 0px; 
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  align-items: center;
}
.footer__slot--left { left: 0%; transform: translateX(0); }
.footer__slot--left-inner { left: 25%; }
.footer__slot--center { left: 50%; }
.footer__slot--right-inner { left: 75%; }
.footer__slot--right { left: 100%; transform: translateX(-100%); }


.footer__chip {
  pointer-events: auto; 
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 12px 12px 0 0;
  color: var(--text-1);
  font-size: 12px;
  line-height: 1.25;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-bottom: 0;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: var(--glass-backdrop);
  backdrop-filter: var(--glass-backdrop);
  white-space: nowrap;
}


.footer__slot--left .footer__chip { justify-content: flex-start; }
.footer__slot--right .footer__chip { justify-content: flex-end; }
.footer__slot--center .footer__chip,
.footer__slot--left-inner .footer__chip,
.footer__slot--right-inner .footer__chip { justify-content: center; }

.footer__text {
  margin: 0;
  font-size: 12px;
  color: var(--text-1);
}

.gmt-offset-dropdown {
  background: var(--surface-0);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  color: var(--text-1);
  font-size: 11px;
  padding: 2px 4px;
  outline: none;
}

.gmt-offset-dropdown:focus {
  border-color: var(--teal-500);
}

@media (max-width: 640px) {
  
  .footer__slot--left-inner,
  .footer__slot--right-inner { display: none; }
  .footer__slot--left { left: 4%; }
  .footer__slot--right { left: 96%; }
}