.hydro-sdk-TradeChart {
  z-index: 0; }

.chartSelection {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  margin-left: 0;
  margin-right: 0; }
  .chartSelection .selection1 {
    width: 80px; }
  .chartSelection .selection2 {
    width: 80px;
    margin-left: 8px; }
  .chartSelection .selection3 {
    width: 80px;
    margin-left: 8px; }

.react-stockcharts-x-axis .tick line,
.react-stockcharts-y-axis .tick line {
  display: none; }

.react-stockcharts-tooltip-hover text tspan:nth-of-type(1),
.react-stockcharts-tooltip-hover text tspan:nth-of-type(2) {
  display: none; }

.react-stockcharts-tooltip-hover text tspan {
  white-space: pre; }

.react-stockcharts-tooltip {
  cursor: default; }

.select.dark {
  position: relative;
  flex: 1;
  color: #fff; }
  .select.dark.unfolded .dropdown {
    height: auto; }
  .select.dark .selected {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    background: #1d1c1c;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .select.dark .selected.small {
      height: 22px;
      line-height: 22px;
      padding: 0 8px; }
  .select.dark .dropdown {
    position: absolute;
    border-radius: 2px;
    height: 0;
    z-index: 99999999999999999;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #1d1c1c; }
    .select.dark .dropdown.up {
      bottom: 110%; }
    .select.dark .dropdown.down {
      top: 110%; }
  .select.dark .item {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom-width: 0;
    border-top-width: 0;
    cursor: pointer;
    background: #1d1c1c; }
    .select.dark .item:hover {
      background: rgba(255, 255, 255, 0.1); }
    .select.dark .item:first-child {
      border-top-width: 1px;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
    .select.dark .item:last-child {
      border-bottom-width: 1px;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
    .select.dark .item.small {
      height: 22px;
      line-height: 22px;
      padding: 0 8px; }
    .select.dark .item.disabled {
      color: #97999a;
      cursor: not-allowed; }
  .select.dark .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin-top: 1px; }
    .select.dark .caret:before {
      content: '';
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #97999a;
      border-radius: 2px; }
    .select.dark .caret.small {
      height: 22px;
      width: 24px; }

.select.light {
  position: relative;
  flex: 1;
  color: #333333; }
  .select.light.unfolded .dropdown {
    height: auto; }
  .select.light .selected {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    background: #f7f7f7;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .select.light .selected.small {
      height: 22px;
      line-height: 22px;
      padding: 0 8px; }
  .select.light .dropdown {
    position: absolute;
    border-radius: 2px;
    height: 0;
    z-index: 99999999999999999;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f7f7f7; }
    .select.light .dropdown.up {
      bottom: 110%; }
    .select.light .dropdown.down {
      top: 110%; }
  .select.light .item {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e0e0e0;
    border-bottom-width: 0;
    border-top-width: 0;
    cursor: pointer;
    background: #f7f7f7; }
    .select.light .item:hover {
      background: #e0e0e0; }
    .select.light .item:first-child {
      border-top-width: 1px;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
    .select.light .item:last-child {
      border-bottom-width: 1px;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; }
    .select.light .item.small {
      height: 22px;
      line-height: 22px;
      padding: 0 8px; }
    .select.light .item.disabled {
      color: #666666;
      cursor: not-allowed; }
  .select.light .caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    border-left: 1px solid #e0e0e0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin-top: 1px; }
    .select.light .caret:before {
      content: '';
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #666666;
      border-radius: 2px; }
    .select.light .caret.small {
      height: 22px;
      width: 24px; }