xverse-components-count-down/index.css

xverse components count-down

.xv-count-down {
  display: flex;
  flex-flow: nowrap column;
  align-items: center;
}
.xv-count-down-title {
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: var(--xv-font-size-4);
  font-weight: 500;
  color: var(--xv-content-secondary-white-1);
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.xv-count-down-content {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.xv-count-down-wrap {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.xv-count-down-item {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
  justify-content: center;
}
.xv-count-down-item-img-wrap {
  width: auto;
  height: auto;
  display: flex;
}
.xv-count-down-item-img {
  width: 100%;
  height: 100%;
}
.xv-count-down-split {
  width: 12px;
  height: 100%;
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  flex-flow: nowrap column;
  align-items: center;
  justify-content: center;
}
.xv-count-down-split-dot {
  width: 12px;
  height: 12px;
  background-color: var(--xv-content-secondary-white-1);
  margin-bottom: 20px;
}
.xv-count-down-split-dot:last-child {
  margin-bottom: 0;
}