@awsui/components-react/internal/components/cartesian-chart/styles.scoped.css

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
.awsui_axis_f0fot_1a1jy_9:not(#\9),
.awsui_vertical-marker_f0fot_1a1jy_10:not(#\9) {
  stroke: var(--color-charts-line-axis-6cxsbx, #d5dbdb);
  stroke-width: 1px;
}

.awsui_axis--emphasized_f0fot_1a1jy_15:not(#\9) {
  stroke-width: 2px;
}

.awsui_axis-label_f0fot_1a1jy_19:not(#\9) {
  font-weight: bold;
  fill: var(--color-text-body-default-zs35hz, #16191f);
}

.awsui_axis-label--x_f0fot_1a1jy_24:not(#\9),
.awsui_axis-label--y_f0fot_1a1jy_25:not(#\9) {
  /* used in test-utils */
}

.awsui_grid_f0fot_1a1jy_29:not(#\9) {
  stroke: var(--color-charts-line-grid-b5jia7, #d5dbdb);
  stroke-width: 1px;
}

.awsui_ticks__line_f0fot_1a1jy_34:not(#\9) {
  stroke: var(--color-charts-line-tick-6u2dih, #d5dbdb);
  stroke-width: 1px;
}

.awsui_ticks__text_f0fot_1a1jy_39:not(#\9) {
  font-size: var(--font-chart-detail-size-3pgg4u, 14px);
  fill: var(--color-text-body-secondary-kc95tq, #545b64);
}

.awsui_ticks--y_f0fot_1a1jy_44:not(#\9),
.awsui_ticks--x_f0fot_1a1jy_45:not(#\9) {
  /* used in test-utils */
}

.awsui_ticks--bottom_f0fot_1a1jy_49 > .awsui_ticks__text_f0fot_1a1jy_39:not(#\9) {
  text-anchor: middle;
  dominant-baseline: hanging;
}

.awsui_labels-inline-start_f0fot_1a1jy_54 > .awsui_ticks_f0fot_1a1jy_34 > .awsui_ticks__text_f0fot_1a1jy_39:not(#\9) {
  text-anchor: end;
  dominant-baseline: central;
}

.awsui_labels-inline-start_f0fot_1a1jy_54:not(#\9) {
  position: relative;
  margin-inline-end: 12px;
}
.awsui_labels-inline-start_f0fot_1a1jy_54 > .awsui_axis-label_f0fot_1a1jy_19:not(#\9) {
  position: absolute;
  visibility: visible;
  white-space: nowrap;
}

.awsui_labels-inline-start__label_f0fot_1a1jy_69:not(#\9) {
  position: absolute;
}

.awsui_labels-inline-start--hidden_f0fot_1a1jy_73:not(#\9) {
  visibility: hidden;
}
.awsui_labels-inline-start--hidden_f0fot_1a1jy_73 > .awsui_labels-inline-start__label_f0fot_1a1jy_69:not(#\9) {
  position: relative;
  white-space: nowrap;
}

.awsui_labels-block-end_f0fot_1a1jy_81:not(#\9) {
  position: relative;
  display: block;
  inline-size: 100%;
  overflow: visible;
}

.awsui_vertical-marker_f0fot_1a1jy_10:not(#\9) {
  pointer-events: none;
}

.awsui_vertical-marker-circle_f0fot_1a1jy_92:not(#\9) {
  fill: var(--color-background-container-content-cpvvzs, #ffffff);
  pointer-events: none;
  stroke-width: var(--border-line-chart-width-qfyiov, 2px);
}

.awsui_vertical-marker-circle-active_f0fot_1a1jy_98:not(#\9) {
  cursor: pointer;
  stroke-width: var(--border-line-chart-width-qfyiov, 2px);
}

.awsui_focus-outline_f0fot_1a1jy_103:not(#\9) {
  outline: none;
  pointer-events: none;
  fill: none;
  stroke: var(--color-border-item-focused-j88ehv, #0073bb);
  stroke-width: 2px;
}

.awsui_chart-container_f0fot_1a1jy_111:not(#\9) {
  display: flex;
  inline-size: 100%;
  flex-direction: column;
}
.awsui_chart-container_f0fot_1a1jy_111.awsui_fit-height_f0fot_1a1jy_116:not(#\9) {
  block-size: 100%;
  min-block-size: inherit;
}

.awsui_chart-container-outer_f0fot_1a1jy_121:not(#\9) {
  display: flex;
}
.awsui_chart-container-outer_f0fot_1a1jy_121.awsui_fit-height_f0fot_1a1jy_116:not(#\9) {
  flex: 1;
}
.awsui_chart-container-outer_f0fot_1a1jy_121.awsui_fit-height_f0fot_1a1jy_116:not(#\9):not(.awsui_axis-label_f0fot_1a1jy_19 + .awsui_chart-container-outer_f0fot_1a1jy_121.awsui_fit-height_f0fot_1a1jy_116, .awsui_chart-container-outer_f0fot_1a1jy_121.awsui_fit-height_f0fot_1a1jy_116.awsui_has-filters_f0fot_1a1jy_127) {
  margin-block-start: calc(0.5 * var(--font-chart-detail-size-3pgg4u, 14px));
}

.awsui_chart-container-inner_f0fot_1a1jy_131:not(#\9) {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}

.awsui_chart-container-plot-wrapper_f0fot_1a1jy_138.awsui_fit-height_f0fot_1a1jy_116:not(#\9) {
  display: block;
  position: relative;
  flex: 1;
}

.awsui_chart-container-plot_f0fot_1a1jy_138.awsui_fit-height_f0fot_1a1jy_116:not(#\9) {
  display: block;
  position: absolute;
  inset: 0;
}

.awsui_chart-container-bottom-labels_f0fot_1a1jy_150.awsui_fit-height_f0fot_1a1jy_116:not(#\9) {
  display: block;
}