:root {
  --grey-light: #6b7280;
  --grey-lighter: #f5f5f5;
  --grey-lightest: #ffffff;
  --grey: #444;
  --grey-dark: #424242;
  --grey-darker: #212121;
  --grey-darkest: #121212;
  --nav-height: 72px;
  --footer-height: 100px;
}

html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  scroll-behavior: smooth;
}
html * {
  text-wrap: pretty;
}

body {
  overflow: visible;
}

main {
  min-height: calc(100vh - var(--nav-height) - var(--footer-height));
  overflow: clip;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.no-chevron {
  background-image: none !important;
}

[x-cloak] {
  display: none !important;
}

.field_with_errors {
  display: contents;
}

@media (prefers-color-scheme: dark) {
  .apexcharts-legend-text {
    color: #d1d5db !important;
  }
  .apexcharts-grid-borders line,
  .apexcharts-gridlines-horizontal line,
  .apexcharts-xaxis-tick {
    stroke: #374151 !important;
  }
  .apexcharts-tooltip,
  .apexcharts-tooltip-title {
    background: #1f2937 !important;
    color: #d1d5db !important;
    border: 1px solid #4b5563 !important;
  }
  .apexcharts-text:not(.apexcharts-pie-label),
  .apexcharts-datalabels-group,
  .apexcharts-yaxis-label,
  .apexcharts-xaxis-label,
  .apexcharts-title-text {
    fill: #d1d5db !important;
  }
}
:root {
  --grey-light: #6b7280;
  --grey-lighter: #f5f5f5;
  --grey-lightest: #ffffff;
  --grey: #444;
  --grey-dark: #424242;
  --grey-darker: #212121;
  --grey-darkest: #121212;
  --nav-height: 72px;
  --footer-height: 100px;
}

html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  scroll-behavior: smooth;
}
html * {
  text-wrap: pretty;
}

body {
  overflow: visible;
}

main {
  min-height: calc(100vh - var(--nav-height) - var(--footer-height));
  overflow: clip;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.no-chevron {
  background-image: none !important;
}

[x-cloak] {
  display: none !important;
}

.field_with_errors {
  display: contents;
}

@media (prefers-color-scheme: dark) {
  .apexcharts-legend-text {
    color: #d1d5db !important;
  }
  .apexcharts-grid-borders line,
  .apexcharts-gridlines-horizontal line,
  .apexcharts-xaxis-tick {
    stroke: #374151 !important;
  }
  .apexcharts-tooltip,
  .apexcharts-tooltip-title {
    background: #1f2937 !important;
    color: #d1d5db !important;
    border: 1px solid #4b5563 !important;
  }
  .apexcharts-text:not(.apexcharts-pie-label),
  .apexcharts-datalabels-group,
  .apexcharts-yaxis-label,
  .apexcharts-xaxis-label,
  .apexcharts-title-text {
    fill: #d1d5db !important;
  }
}
.almost-transparent {
  background-color: rgba(0, 0, 0, 0.1);
}

.spaced-children > *:not(:last-child) {
  margin-right: 0.3em !important;
  /* @media (min-width: 900px) { */
  /* margin-right: 0.6em !important;
  } */
}