index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: "Satoshi";
  src:
    local("Satoshi"),
    url("./src/assets/fonts/Satoshi-Variable.ttf") format("truetype");
}

body {
  @apply font-primary min-h-screen bg-background-default;
}

@media (max-width: 640px) {
  .mobile-dropdown-end {
    @apply dropdown-end;
  }
}

.md\\:sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 6px;
  z-index: 10;
}

.custom-tooltip {
  background: white !important;
  box-shadow: 0px 4px 16px 0px rgba(162, 162, 162, 0.08) !important;
  color: black !important;
  border-radius: 16px !important;
  padding: 10px;
}

.apexcharts-tooltip-title {
  background: white !important;
}

.apexcharts-xaxistooltip {
  background: white !important;
  box-shadow: 0px 4px 16px 0px rgba(162, 162, 162, 0.08) !important;
  color: black !important;
  border-radius: 20px !important;
  padding: 10px;
}

.md\\:sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 6px;
  z-index: 10;
}