---

@use './preflight';

.moex-chart-root {
  font-family: 'Inter', sans-serif;
}

.moex-chart-portal-host {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1100;
}

.moex-chart-portal-host > * {
  pointer-events: auto;
}

.moex-chart-drawing-tooltip .tooltip-arrow-apca {
  display: none;
}

.moex-price-scale-controls {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease;

  &_visible {
    opacity: 1;

    .moex-price-scale-controls-content {
      pointer-events: auto;
    }
  }
}