* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --text-primary: #222222;
}

:host {
  display: block;
  position: relative;
}

.banner-progress {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  z-index: 2;
}

.banner-progress-item {
  height: 2px;
  width: 20px;
  border-radius: 2px;
  background-color: #efefef;
  opacity: 0.5;
  margin-right: 4px;
}

.banner-progress-item.active {
  opacity: 1;
}