/**
 * Copyright (c) 2020, 2021 Visa, Inc.
 *
 * This source code is licensed under the MIT license
 * https://github.com/visa/visa-chart-components/blob/master/LICENSE
 *
 **/
.o-layout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.o-layout--chart {
  width: 100%;
}
.is--vertical .o-layout--chart {
  width: 90%;
}

/**
* Copyright (c) 2020, 2021, 2023, 2024 Visa, Inc.
*
* This source code is licensed under the MIT license
* https://github.com/visa/visa-chart-components/blob/master/LICENSE
*
**/
bar-chart {
  cursor: default;
}
bar-chart .annotations {
  pointer-events: none;
}
bar-chart .annotations .handle {
  pointer-events: all;
}
bar-chart .screen-reader-info {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
bar-chart .vcc-style-visibility-hidden {
  visibility: hidden;
}
bar-chart .vcc-style-display-none {
  display: none;
}
bar-chart .vcc-style-display-block {
  display: block;
}
bar-chart .vcc-style-point-events-none {
  pointer-events: none;
}
bar-chart .vcc-style-cursor-pointer {
  cursor: pointer;
}
bar-chart .vcc-style-cursor-default {
  cursor: default;
}
bar-chart .data-table-link {
  color: #767676;
  text-decoration: none;
  font-size: 12px;
  margin-left: 5%;
}
bar-chart .hidden {
  display: none;
}
bar-chart .light .grid line {
  stroke: #c9c9c9;
  stroke-opacity: 1;
  stroke-width: 0.8;
}
bar-chart .light .grid path {
  stroke-width: 0;
}
bar-chart .light .axis {
  font-size: 12px;
}
bar-chart .light .axis .tick text {
  fill: #767676;
}
bar-chart .light .axis .tick line {
  stroke: #767676;
}
bar-chart .light .axis-label {
  text-anchor: middle;
  font: 1rem sans-serif;
}
bar-chart .light .axis-mark {
  color: #949494;
  stroke-width: 2px;
}
bar-chart .light .y.axis path {
  stroke: #767676;
  opacity: 0;
}
bar-chart .light .x.axis path {
  stroke: transparent;
}
bar-chart .light .o-layout--chart .bar-dataLabel-vertical {
  text-anchor: middle;
}
bar-chart .light .o-layout--chart .bar-dataLabel-horizontal {
  text-anchor: start;
}
bar-chart .dark .grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}
bar-chart .dark .grid path {
  stroke-width: 0;
}
bar-chart .dark .axis {
  font-size: 12px;
}
bar-chart .dark .axis .tick line {
  stroke: lightgrey;
}
bar-chart .dark .axis .tick text {
  fill: grey;
}
bar-chart .dark .axis path {
  stroke: black;
}
bar-chart .dark .axis-label {
  text-anchor: middle;
  font: 1rem sans-serif;
}
bar-chart .dark .o-layout--chart svg {
  background: black;
}
bar-chart .dark .o-layout--chart svg .bar-dataLabel-vertical {
  text-anchor: middle;
}
bar-chart .dark .o-layout--chart svg .bar-dataLabel-horizontal {
  text-anchor: start;
}