.custom-class {
  color: red; }

.svg-popup p {
  font-family: "Akrobat";
  line-height: 1.15;
  font-size: 1.25rem; }
.svg-popup p.description {
  font-size: 1rem; }

.highchart-custom-tooltip {
  font-family: "Akrobat"; }

.custom-legend {
  font-family: "Akrobat"; }

.custom-axis-label {
  font-family: "Akrobat" !important; }

.chart-container {
  height: 35rem; }

.svg-popup {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40rem;
  height: fit-content;
  background-color: #f2f2f2;
  border-radius: 30px;
  padding: 3rem 3rem 3rem 3rem;
  opacity: 1;
  z-index: 10;
  transition: all 300ms ease-in-out; }

.svg-popup.hidden {
  opacity: 0;
  z-index: -1; }

.svg-popup-close {
  left: .8rem;
  top: .8rem;
  max-width: 3rem;
  min-width: 3rem;
  cursor: pointer; }
  .svg-popup-close svg * {
    user-select: none;
    pointer-events: none; }

.person {
  cursor: pointer; }

@media screen and (max-width: 767.5px) {
  .svg-popup {
    top: 50%;
    left: 15px;
    right: 15px;
    transform: translate(0, -50%);
    width: unset;
    height: fit-content;
    background-color: #f2f2f2; } }
body.rtl .svg-popup p {
  font-family: "Tanseek";
  line-height: 1.15;
  margin-bottom: 0;
  font-size: 1.25rem; }
body.rtl .svg-popup p.description {
  font-size: 1rem; }
body.rtl .svg-popup-close {
  left: unset;
  top: .8rem;
  right: .8rem;
  max-width: 3rem;
  min-width: 3rem;
  cursor: pointer; }
body.rtl .highchart-custom-tooltip {
  direction: rtl !important;
  font-family: "Tanseek";
  font-size: 1.2rem; }
body.rtl .custom-legend_ligne {
  height: 2px;
  display: inline-block;
  width: 1rem; }
body.rtl .custom-legend {
  font-family: "Tanseek";
  font-size: 1.2rem !important;
  direction: rtl !important; }
body.rtl .custom-axis-label {
  font-family: "Tanseek" !important;
  font-size: 1rem !important;
  direction: rtl !important; }

/*# sourceMappingURL=index.css.map */