::root {
  --Brand-Tertiary-Medium: #158CA0;
  --Brand-Primary: #225667;
  --Neutral-White: #FFF;
}

.wheels-wrapper .wheels-container .wheel-outbound {
  width: 568px;
  height: 568px;
  flex-shrink: 0;
  border-radius: 758.559px;
  background: transparent url("wheel/ring.png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-items-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 568px;
  justify-content: space-around;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-items-wrapper .wheels-item-row {
  display: flex;
  justify-content: space-between;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 89%;
  height: 100%;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-items-wrapper .wheels-item-row.first {
  justify-content: center;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-items-wrapper .wheels-item-row.first .wheel-item-text:last-child {
  opacity: 1;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-items-wrapper .wheels-item-row.end {
  width: 50%;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-center {
  width: 304px;
  height: 304px;
  background: transparent url("wheel/core.png");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Neutral-White, #FFF);
  /* Heading/Heading 5 */
  font-family: "Epilogue";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  top: calc(50% - 152px);
  bottom: auto;
}
.wheels-wrapper .wheels-container .wheel-outbound .wheels-center .wheels-center-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .wheels-wrapper .wheels-container .wheel-outbound .wheels-center .wheels-center-container::before {
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
} */
.wheel-item-text {
  opacity: 0.2;
  transition: all .2s ease-in-out;
  color: #fff;
  white-space: pre;
}
.circle-arrow {
  width: 320px;
  height: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(var(--rotate));
}
.arrow-path {
  stroke: #C8BE24;
  stroke-width: 4;
  fill: none;
}
#arrow {
  display: none;
}
/*# sourceMappingURL=custom.css.map */