body {
  background-color: #0b141c;
  color: #dae3ee;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: max(884px, 100dvh);
}

.tabular {
  font-variant-numeric: tabular-nums;
  font-family: 'JetBrains Mono', monospace;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

/* Bottom Sheet */
#sma-detail-sheet {
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
#sma-detail-sheet.open {
  transform: translateY(0);
}
@media (min-width: 480px) {
  #sma-detail-sheet {
    left: 50%;
    transform: translate(-50%, 100%);
  }
  #sma-detail-sheet.open {
    transform: translate(-50%, 0);
  }
}

/* Crosshair tooltip */
.crosshair-label {
  background: rgba(34, 43, 51, 0.8);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

/* SMA cards container spacing */
#sma-cards {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}