/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-theme-indicators {
  background-color: #ffffff;
  padding: 10px 0;
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: space-around;
}
.wp-block-theme-indicators .content-flex {
  width: 100%;
  text-align: center;
}
.wp-block-theme-indicators .content-flex .bullet {
  display: flex;
}
.wp-block-theme-indicators .content-flex .bullet .line {
  background-color: black;
  width: 100%;
  height: 2px;
  margin-top: 3px;
}
.wp-block-theme-indicators .content-flex .bullet .circle {
  background-color: black;
  min-width: 8px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 auto;
}
.wp-block-theme-indicators .content-flex.active .circle {
  background-color: red;
}
.wp-block-theme-indicators .content-flex.active.indicator-progress .line {
  background-color: red;
}
.wp-block-theme-indicators .content-flex.active.lastActive .line:last-child {
  background-color: black;
}
.wp-block-theme-indicators .content-flex:first-child .bullet > .line:first-child {
  background-color: transparent !important;
}
.wp-block-theme-indicators .content-flex:last-child .bullet > .line:last-child {
  background-color: transparent !important;
}

/*# sourceMappingURL=style-index.css.map*/