import { css } from '//resources/lit/v3_0/lit.rollup.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[], css `
#container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.step {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

img {
  height: 40px;
  width: 40px;
}

cr-icon {
  color: var(--color-feature-showcase-stepper-check);
}

.dot {
  background-color: var(--color-feature-showcase-stepper-dot);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

@media (forced-colors: active) {
  .dot {
    /* Force color used for the text when in high contrast mode. */
    background-color: CanvasText;
  }
}`]);
}
