:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 550px;
  height: 550px;
  overflow: hidden;
  margin-bottom: -95px;
}
.rectangle {
  position: absolute;
  width: 550px;
  height: 550px;
  background: RGBA(7, 19, 33, var(--bs-bg-opacity, 1)) !important;
  z-index: 1;
  margin-top: -95px;
}
.members {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24.699px;
  top: 97.796px;
  left: 180.023px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 61;
}
.group {
  position: absolute;
  width: 294.079px;
  height: 227.199px;
  top: 50%;
  left: 50%;
  background: url(./images/0664cef3-fd0e-47d1-94ed-581fd5a0111f.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-36.79%, -74.63%);
  z-index: 4;
}
.line {
  position: absolute;
  width: 2px;
  height: 216.944px;
  top: 5.838px;
  left: 4.347px;
  background: url(./images/641bd5e1-59a5-4ce7-a32a-5102e18b5f23.png)
    no-repeat center;
  background-size: cover;
  z-index: 46;
}
.flex-column {
  position: absolute;
  width: 47.361px;
  height: 192.755px;
  top: 29.282px;
  left: 13.222px;
  font-size: 0px;
  z-index: 60;
}
.number-3125 {
  display: block;
  position: relative;
  height: 24.699px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}
.number-625 {
  display: block;
  position: relative;
  height: 24.699px;
  margin: 21.134px 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 59;
}
.number-125 {
  display: block;
  position: relative;
  height: 24.699px;
  margin: 19.607px 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 58;
}
.number-25 {
  display: block;
  position: relative;
  height: 24.699px;
  margin: 17.06px 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 57;
}
.number-5 {
  display: block;
  position: relative;
  height: 24.699px;
  margin: 11.458px 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: left;
  white-space: nowrap;
  z-index: 56;
}
.flex-column-c {
  position: absolute;
  width: 114.074px;
  height: 170.926px;
  top: 38.94px;
  left: 175.166px;
  font-size: 0px;
  z-index: 51;
}
.percentage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 50.671px;
  height: 12.222px;
  margin: 0 0 0 63.403px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 45;
}
.percentage-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 52.199px;
  height: 12.222px;
  margin: 7.639px 0 0 61.875px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 44;
}
.percentage-2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 50.671px;
  height: 12.222px;
  margin: 13.75px 0 0 42.268px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 42;
}
.percentage-3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 52.199px;
  height: 12.222px;
  margin: 7.639px 0 0 40.741px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 41;
}
.ellipse {
  position: relative;
  width: 11px;
  height: 11px;
  margin: 40.25px 0 0 88.375px;
  background: url(./images/3f0430b9-e7c9-494a-ab68-da101d791044.png)
    no-repeat center;
  background-size: cover;
  z-index: 20;
  border-radius: 50%;
}
.ellipse-4 {
  position: absolute;
  width: 35.139px;
  height: 35.139px;
  top: 88.611px;
  left: 76.389px;
  background: url(./images/93e66792-acce-4e90-b3f1-5f1cc7c43df5.png)
    no-repeat center;
  background-size: cover;
  z-index: 11;
  border-radius: 50%;
}
.percentage-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 50.671px;
  height: 12.222px;
  top: 90.139px;
  left: 21.134px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 39;
}
.five-percent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 100.069px;
  left: 86.829px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.percentage-6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 52.199px;
  height: 12.222px;
  top: 110px;
  left: 19.606px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 38;
}
.two-thousand-five-hundred {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 15.532px;
  height: 43.032px;
  top: 128.333px;
  left: 83px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 15.128px;
  text-align: left;
  transform: rotate(90deg);
  z-index: 51;
}
.ellipse-7 {
  position: absolute;
  width: 35.139px;
  height: 35.139px;
  top: 130.37px;
  left: 55.255px;
  background: url(./images/02fdc443-87de-4eb1-b14f-4929cbf7079c.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
  border-radius: 50%;
}
.percentage-8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 50.671px;
  height: 12.222px;
  top: 131.898px;
  left: 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 36;
}
.percentage-9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 141.829px;
  left: 63.148px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 10;
}
.ellipse-a {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 159.926px;
  left: 67.241px;
  background: url(./images/18576635-85cb-4f12-865f-4b8a7e5b1209.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
  border-radius: 50%;
}
.flex-column-af {
  position: absolute;
  width: 71.806px;
  height: 28.264px;
  top: 190.699px;
  left: 154.032px;
  font-size: 0px;
  z-index: 35;
}
.percentage-b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 52.199px;
  height: 12.222px;
  margin: 0 0 0 19.606px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 35;
}
.percentage-c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  width: 50.671px;
  height: 12.222px;
  margin: 3.819px 0 0 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 33;
}
.ellipse-d {
  position: absolute;
  width: 35.139px;
  height: 35.139px;
  top: 142.847px;
  left: 460.625px;
  background: url(./images/9ad92bfe-a444-4c05-8f5d-04090b90c4da.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
  border-radius: 50%;
}
.percentage-e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 154.306px;
  left: 471.065px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
}
.group-f {
  position: absolute;
  width: 285.949px;
  height: 285.185px;
  top: 158.889px;
  left: 29.283px;
  background: url(./images/8188368a-d6eb-4cf2-aa97-fb22c3815125.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
}
.group-10 {
  position: relative;
  width: 17.315px;
  height: 22.917px;
  margin: 189.444px 0 0 133.935px;
  background: url(./images/fa945069-1eaf-4ea9-9656-105a80394360.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 54;
}
.ellipse-11 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 172.403px;
  left: 472.611px;
  background: url(./images/bad7af50-d68f-4efe-b07e-ca530b913a7b.png)
    no-repeat center;
  background-size: cover;
  z-index: 22;
  border-radius: 50%;
}
.line-12 {
  position: absolute;
  width: 3px;
  height: 244.19px;
  top: 174.676px;
  left: 476.704px;
  background: url(./images/a3219a6e-b0ed-4e64-8daa-be9834699cbd.png)
    no-repeat center;
  background-size: cover;
  z-index: 25;
}
.span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 18.588px;
  height: 51.69px;
  top: 182.569px;
  left: 465px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18.153px;
  text-align: left;
  transform: rotate(90deg);
  z-index: 53;
}
.ellipse-13 {
  position: absolute;
  width: 35.139px;
  height: 35.139px;
  top: 188.681px;
  left: 439.491px;
  background: url(./images/cf64900b-ec41-4766-b8fc-323e630f69c0.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
  border-radius: 50%;
}
.span-14 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 200.139px;
  left: 449.931px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}
.ellipse-15 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 218.236px;
  left: 451.477px;
  background: url(./images/2b554119-0994-465e-b0fe-81a993d3e9f2.png)
    no-repeat center;
  background-size: cover;
  z-index: 21;
  border-radius: 50%;
}
.line-16 {
  position: absolute;
  width: 3px;
  height: 193.773px;
  top: 225.093px;
  left: 455.57px;
  background: url(./images/5a7e8c12-2899-430d-8140-b3ec70233687.png)
    no-repeat center;
  background-size: cover;
  z-index: 26;
}
.span-17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 17.06px;
  height: 47.361px;
  top: 228.403px;
  left: 445px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.75px;
  font-weight: 400;
  line-height: 16.641px;
  text-align: left;
  transform: rotate(90deg);
  z-index: 52;
}
.line-18 {
  position: absolute;
  width: 3px;
  height: 148.958px;
  top: 269.907px;
  left: 434.435px;
  background: url(./images/ca98c2df-4384-414f-a07b-4625e593a6ed.png)
    no-repeat center;
  background-size: cover;
  z-index: 27;
}
.line-19 {
  position: absolute;
  width: 3px;
  height: 107.963px;
  top: 310.903px;
  left: 413.301px;
  background: url(./images/2c61c9e9-421d-46d4-8afa-6a0417f6b252.png)
    no-repeat center;
  background-size: cover;
  z-index: 28;
}
.ellipse-1a {
  position: absolute;
  width: 35.139px;
  height: 35.139px;
  top: 311.157px;
  left: 376.088px;
  background: url(./images/5f629a44-a4b8-4adb-9bd3-b38b5a4856a9.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
  border-radius: 50%;
}
.price {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 13.75px;
    height: 38.704px;
    top: 314.468px;
    left: 406px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 11.25px;
    font-weight: 400;
    line-height: 13.615px;
    text-align: left;
    transform: rotate(90deg);
    z-index: 50;
}
.percentage-1b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 322.616px;
  left: 383.218px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 7;
}
.percentage-1c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12.222px;
  top: 322.616px;
  left: 383.218px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  white-space: nowrap;
  z-index: 8;
}
.percentage-1d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 52.199px;
  height: 12.222px;
  top: 332.037px;
  left: 319.306px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: right;
  white-space: nowrap;
  z-index: 32;
}
.ellipse-1e {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 340.713px;
  left: 388.074px;
  background: url(./images/c51807aa-fd5d-4dce-847f-a3f646c5aa25.png)
    no-repeat center;
  background-size: cover;
  z-index: 18;
  border-radius: 50%;
}
.price-1f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 12.222px;
  height: 34.375px;
  top: 350.88px;
  left: 387px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.102px;
  text-align: left;
  transform: rotate(90deg);
  z-index: 49;
}
.line-20 {
  position: absolute;
  width: 3px;
  height: 67.986px;
  top: 350.88px;
  left: 392.167px;
  background: url(./images/6cc51f5e-c261-4e9c-983d-93e546950192.png)
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.line-21 {
  position: absolute;
  width: 168.056px;
  height: 5px;
  top: 414.884px;
  left: 352.408px;
  background: url(./images/23eaef50-3015-464c-994a-97ffcad9778e.png)
    no-repeat center;
  background-size: cover;
  z-index: 23;
}
.profit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  width: 165.509px;
  height: 24.699px;
  top: 426.759px;
  left: 353.681px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.205px;
  text-align: right;
  white-space: nowrap;
  z-index: 48;
}