/* -------------------
BEGIN b23-equitymodeler.css
Sitecore Resource: 99f97cfe-5dd4-4fa2-aa7b-4490737353a4
-------------------*/
.em-chart.highcharts-container {
  font-family: var(--u-fontFamily-regular);
  font-size: var(--u-fontSize-14);
}

.em-chart .highcharts-background {
  fill: var(--u-grayscale-ff);
}
.em-chart .highcharts-menu,
.em-chart .highcharts-contextmenu {
  display: none;
}
.em-chart .highcharts-title {
  font-family: var(--u-fontFamily-light);
  color: var(--u-grayscale-55);
  line-height: var(--u-lineHeight-120ul);
  font-size: var(--u-fontSize-24);
}

.em-chart .highcharts-subtitle {
  color: var(--u-grayscale-55);
  line-height: var(--u-lineHeight-120ul);
  font-size: var(--u-fontSize-16);
}

.em-chart .highcharts-data-label text,
.em-chart text.highcharts-data-label {
  fill: var(--u-grayscale-ff);
}

.em-chart .highcharts-data-label {
  font-size: 0.9em;
  font-weight: normal;
}

.em-chart .highcharts-axis-labels {
  fill: var(--u-grayscale-55);

  font-size: 0.9em;
}

.em-chart .highcharts-legend-item > text {
  fill: var(--u-grayscale-55);
  font-weight: bold;
}

.em-chart .highcharts-stack-labels {
  font-family: var(--u-fontFamily-bold);
  color: var(--u-grayscale-55);
}
.em-chart .highcharts-tooltip-box {
  fill: var(--u-grayscale-f6);
}

.em-chart .highcharts-tooltip-box .highcharts-label-box {
  fill: var(--u-grayscale-f6);
}

.em-chart .highcharts-empty-series {
  stroke: var(--u-grayscale-cc);
}

.em-chart .highcharts-axis-line {
  stroke: var(--grayscale-cc);
}

.em-chart .highcharts-grid-line {
  stroke: var(--u-grayscale-dd);
}

.em-chart .highcharts-tick {
  stroke: var(--grayscale-cc);
}

.em-chart .highcharts-minor-grid-line {
  stroke: var(--u-grayscale-f6);
}

.em-chart .highcharts-tooltip text {
  fill: var(--u-grayscale-33);
}

.em-chart .highcharts-crosshair-thin {
  stroke: var(--grayscale-cc);
}

.em-chart .highcharts-crosshair-category {
  stroke: var(--grayscale-cc);
}

.em-chart .highcharts-menu {
  border: 1px solid var(--u-grayscale-99);
  background: var(--u-grayscale-ff);
  padding: 5px 0;
  box-shadow: 3px 3px 10px var(--u-grayscale-88);
}

.em-chart .highcharts-menu-item:hover {
  background: var(--branding-primary-active-nav);
  color: var(--u-grayscale-ff);
}

.em-chart .highcharts-color-0 {
  fill: var(--branding-accent-1);
  stroke: var(--branding-accent-1);
}

.em-chart .highcharts-color-1 {
  fill: var(--branding-accent-2);
  stroke: var(--branding-accent-2);
}

.em-chart .highcharts-color-2 {
  fill: var(--branding-accent-3);
  stroke: var(--branding-accent-3);
}

.em-chart .highcharts-color-3 {
  fill: var(--branding-accent-4);
  stroke: var(--branding-accent-4);
}

.em-chart .highcharts-color-4 {
  fill: var(--branding-accent-5);
  stroke: var(--branding-accent-5);
}

.em-chart .highcharts-color-5 {
  fill: var(--branding-accent-6);
  stroke: var(--branding-accent-6);
}

.em-chart .highcharts-color-6 {
  fill: var(--branding-accent-7);
  stroke: var(--branding-accent-7);
}

.em-chart .highcharts-color-7 {
  fill: var(--branding-accent-8);
  stroke: var(--branding-accent-8);
}

.em-chart .highcharts-color-8 {
  fill: var(--branding-accent-9);
  stroke: var(--branding-accent-9);
}

.em-chart .highcharts-color-9 {
  fill: var(--branding-accent-10);
  stroke: var(--branding-accent-10);
}

.highcharts-legend-box {
}
.highcharts-legend-item {
}

.highcharts-point {
}

.em-summary {
  display: grid;
  gap: 2rem;
  grid-template-columns: none;
}

@media (width >= 800px) {
  .em-summary {
    grid-template-columns: 1fr 40%;
  }
}

.em-summary__left {
  display: grid;
}

.em-select-wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 30%;
}
.em-inputs {
  padding: 1rem;
  background-color: rgba(246, 246, 246, 0.33);
}

.em-inputs option.selected {
  background-color: var(--branding-primary-bg-nav);
}

input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(#ccc, #ccc);
  background-image: linear-gradient(var(--branding-primary-bg-nav), var(--branding-primary-bg-nav));
  /* background-size: 70% 100%; */
  background-repeat: no-repeat;
  /* overflow: hidden; */
}

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 0%;
  background: var(--branding-primary-nav);
  cursor: pointer;
  box-shadow: 0 0 2px 0 #888;
  transition: background 0.3s ease-in-out;
  /* box-shadow: -20px 0 0 200px var(--branding-primary-nav); 2 */
}

input[type='range']::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
  /* background: var(--branding-primary-nav); */
}

.em-select-wrapper {
  margin-block-end: 1rem;
}

.scroll-wrapper {
  overflow-x: auto;
}