/* RRSP vs TFSA calculator specific styles */

#rvtResults .grid {
  row-gap: 12px;
}

#rvtCharts .grid {
  row-gap: 18px;
}

#rvtCharts .chartWrap {
  position: relative;
  min-height: 280px;
}

#rvtCharts canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.rvtRetLabel {
  max-width: 100%;
  align-items: flex-start;
}

.rvtRetLabelText {
  line-height: 1.25;
}

.infoTooltipEdgeRight[data-tooltip]::after {
  left: auto;
  right: 0;
  transform: translateY(4px);
}

.infoTooltipEdgeRight[data-tooltip]::before {
  left: auto;
  right: 6px;
  transform: none;
}

.infoTooltipEdgeRight[data-tooltip]:hover::after,
.infoTooltipEdgeRight[data-tooltip]:focus-visible::after {
  transform: translateY(0);
}

.hoursRow {
  display: none;
}

@media (max-width: 620px) {
  #rvtCharts .chartWrap {
    min-height: 230px;
  }

  .rvtRetLabelText {
    max-width: calc(100% - 24px);
  }
}