.mi-clock {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  box-shadow: 0 0 10px var(--mi-clock-shadow, rgba(0, 0, 0, 0.5));
  font-family: Avenir Next, Helvetica, Arial, sans-serif;
  position: relative;
  background-color: var(--mi-clock-bg, #000);
  background-image: linear-gradient(315deg, var(--mi-clock-bg-grandient-s, #000) 0%, var(--mi-clock-bg-grandient-e, #434343) 74%);
}
.mi-clock-calibration {
  position: absolute;
  top: 50%;
  left: 50%;
}
.mi-clock-anchor {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}
.mi-clock-mins-line {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--mi-clock-minute-line, rgba(255, 255, 255, 0.35));
  width: 0.0625rem;
  height: 0.625rem;
}
.mi-clock-mins-text,
.mi-clock-hour-text {
  color: var(--mi-font, #fff);
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  position: absolute;
}
.mi-clock-hour-text {
  color: var(--mi-font, #fff);
  font-size: 1.75rem;
}
.mi-clock-pointer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  background: var(--mi-clock-pointer-bg, #fff);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.mi-clock-pointer-mid {
  width: 0.5rem;
  height: 0.5rem;
  background: var(--mi-theme, #f0c26f);
}
.mi-clock-pointer-top {
  width: 0.25rem;
  height: 0.25rem;
  background: var(--mi-clock-pointer-top-bg, #000);
}
.mi-clock-point {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
}
.mi-clock-hand {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -100%);
  width: 0.25rem;
  height: 3.125rem;
  background: var(--mi-clock-pointer-hand-bg, #fff);
}
.mi-clock-hand-fat {
  width: 0.625rem;
  border-radius: 0.625rem;
  transform: translate(-50%, -100%) translateY(-1.125rem);
}
.mi-clock-hand-second {
  background: transparent linear-gradient(127deg, var(--mi-gradient-theme-s, #d2b27d) 0%, var(--mi-gradient-theme-m, #f4d5a9) 52%, var(--mi-gradient-theme-e, #d1a466) 100%);
  width: 0.125rem;
  transform: translate(-50%, -100%) translateY(1.5rem);
}