@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.nos-services-tarifs .section2 {
  padding-top: 130px;
}
.nos-services-tarifs .section2__container {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section2__container {
    flex-direction: column;
    background-image: url("../images/house-white.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
}
.nos-services-tarifs .section2__container__left {
  max-width: 505px;
  background-image: url("../images/house-white.svg");
  background-repeat: no-repeat;
  background-position: left 20px;
  background-size: 371px;
  display: flex;
  flex-direction: column;
  gap: 23px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section2__container__left {
    background-image: none;
    max-width: 100%;
  }
}
.nos-services-tarifs .section2__container__infos {
  max-width: 535px;
  width: 100%;
}
.nos-services-tarifs .section2__container__infos__item {
  list-style: none;
  padding: 23px 0;
}
.nos-services-tarifs .section2__container__infos__item input {
  display: none;
}
.nos-services-tarifs .section2__container__infos__item input:checked + label + .section2__container__infos__item__content {
  display: block;
}
.nos-services-tarifs .section2__container__infos__item input:checked + label .section2__container__infos__item__top__button::after {
  transform: translate(-50%, -50%) rotate(225deg);
}
.nos-services-tarifs .section2__container__infos__item:not(:last-child) {
  border-bottom: 1px solid #1B2888;
}
.nos-services-tarifs .section2__container__infos__item__top {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top {
    align-items: end;
  }
}
.nos-services-tarifs .section2__container__infos__item__top__content {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 42px;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top__content {
    flex-direction: column;
    align-items: start;
    gap: 12px;
  }
}
.nos-services-tarifs .section2__container__infos__item__top__content div {
  width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top__content div {
    width: fit-content;
  }
}
.nos-services-tarifs .section2__container__infos__item__top__content div img {
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top__content div img {
    width: 25px;
  }
}
.nos-services-tarifs .section2__container__infos__item__top__button {
  cursor: pointer;
  position: relative;
  background-color: #FCC900;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top__button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }
}
.nos-services-tarifs .section2__container__infos__item__top__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 200ms ease-out;
  width: 8px;
  height: 8px;
  border-top: solid 1px #1B2888;
  border-left: solid 1px #1B2888;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section2__container__infos__item__top__button::after {
    width: 6px;
    height: 6px;
  }
}
.nos-services-tarifs .section2__container__infos__item__content {
  padding: 22px 6px 0;
  display: none;
}
.nos-services-tarifs #accolade {
  padding-top: 125px;
}
.nos-services-tarifs .section3 {
  position: relative;
  background-color: rgba(27, 40, 136, 0.1);
  padding: 100px 0;
}
.nos-services-tarifs .section3__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section3__container {
    flex-direction: column;
    align-items: start;
  }
}
.nos-services-tarifs .section3__container__left img {
  max-width: 522px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section3__container__left img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section3__container__right {
    padding-left: 35px;
  }
}
.nos-services-tarifs .section3__container__right h2 + p {
  padding: 28px 0 48px;
}
.nos-services-tarifs .section3__container__right__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 0;
}
.nos-services-tarifs .section3__container__right__list__item {
  position: relative;
  padding-left: 40px;
  color: #1B2888;
}
.nos-services-tarifs .section3__container__right__list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("../images/awesome-check-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.nos-services-tarifs .section4 {
  padding-top: 130px;
}
.nos-services-tarifs .section4__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 164px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section4__container {
    align-items: end;
    flex-direction: column;
  }
}
.nos-services-tarifs .section4__container__left {
  max-width: 465px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section4__container__left {
    max-width: 100%;
  }
}
.nos-services-tarifs .section4__container__right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section4__container__right {
    width: 100%;
    display: flex;
    justify-content: end;
  }
}
.nos-services-tarifs .section4__container__right img {
  max-width: 557px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section4__container__right img {
    max-width: 100%;
  }
}
.nos-services-tarifs .section4__container__right__card {
  width: 289px;
  height: 182px;
  max-width: 289px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-144px, -50%);
  color: #1B2888;
  text-align: center;
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section4__container__right__card {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section4__container__right__card {
    top: 0;
    left: 50%;
    transform: translate(-50%, -74px);
  }
}
.nos-services-tarifs .section4__container__right__card strong {
  font-size: 55px;
  line-height: 69px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .nos-services-tarifs .section4__container__right__card strong {
    font-size: 36px;
    line-height: 49px;
  }
}
.nos-services-tarifs .section4__container__right__card p:last-child {
  margin-top: 12px;
  font-size: 10px;
  line-height: 13px;
}
.nos-services-tarifs .section5 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.nos-services-tarifs .section5__container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.nos-services-tarifs .section5__container__top {
  margin: 0 auto;
  text-align: center;
  max-width: 627px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nos-services-tarifs .section5__container__buttons {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__buttons {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid {
  display: grid;
  grid-template-columns: 287px 1fr 1fr;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid {
    grid-template-columns: 1fr;
  }
}
.nos-services-tarifs .section5__container__grid__header {
  display: contents;
}
.nos-services-tarifs .section5__container__grid__header-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 31px 20px 26px;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.nos-services-tarifs .section5__container__grid__header-item h3 {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__header-item:first-child {
    display: none;
  }
}
.nos-services-tarifs .section5__container__grid__header-item:nth-child(2) {
  position: relative;
}
.nos-services-tarifs .section5__container__grid__header-item:nth-child(2) h3, .nos-services-tarifs .section5__container__grid__header-item:nth-child(2) p {
  color: #1B2888;
}
.nos-services-tarifs .section5__container__grid__header-item:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #FCC900;
  border-bottom: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__header-item:nth-child(2) {
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__header-item:nth-child(2).visible {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid__header-item:last-child {
  opacity: 0.66;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__header-item:last-child {
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__header-item:last-child.visible {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid__row {
  display: contents;
}
.nos-services-tarifs .section5__container__grid__row:nth-child(2n) .section5__container__grid__row-item {
  background-color: rgba(27, 40, 136, 0.1);
}
.nos-services-tarifs .section5__container__grid__row .title-item {
  display: none;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__row .title-item {
    display: block;
    margin-bottom: 13px;
  }
  .nos-services-tarifs .section5__container__grid__row .title-item p {
    opacity: 1;
    font-weight: bold;
  }
}
.nos-services-tarifs .section5__container__grid__row-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  min-height: 80px;
}
.nos-services-tarifs .section5__container__grid__row-item:first-child {
  padding-left: 12px;
  padding-right: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__row-item:first-child {
    padding: 15px;
    display: none;
  }
}
.nos-services-tarifs .section5__container__grid__row-item:nth-child(2) {
  font-weight: 500;
}
.nos-services-tarifs .section5__container__grid__row-item:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 5px solid #FCC900;
  border-right: 5px solid #FCC900;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__row-item:nth-child(2) {
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__row-item:nth-child(2).visible {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid__row-item:last-child {
  padding-left: 60px;
}
.nos-services-tarifs .section5__container__grid__row-item:last-child p {
  opacity: 0.66;
}
.nos-services-tarifs .section5__container__grid__row-item:last-child .title-item p {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__row-item:last-child {
    padding-left: 30px;
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__row-item:last-child.visible {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid__footer {
  display: contents;
}
.nos-services-tarifs .section5__container__grid__footer-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 30px;
  color: #1B2888;
  gap: 35px;
}
.nos-services-tarifs .section5__container__grid__footer-item .btn {
  position: relative;
  z-index: 10;
}
.nos-services-tarifs .section5__container__grid__footer-item:first-child {
  font-weight: bold;
  padding-left: 12px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__footer-item:first-child {
    padding-left: 10px;
    padding-right: 10px;
    display: none;
  }
}
.nos-services-tarifs .section5__container__grid__footer-item:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #FCC900;
  border-top: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__footer-item:nth-child(2) {
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__footer-item:nth-child(2).visible {
    display: flex;
  }
}
.nos-services-tarifs .section5__container__grid__footer-item:last-child {
  padding-left: 60px;
}
@media screen and (max-width: 1024px) {
  .nos-services-tarifs .section5__container__grid__footer-item:last-child {
    padding-left: 15px;
    display: none;
  }
  .nos-services-tarifs .section5__container__grid__footer-item:last-child.visible {
    display: flex;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.a-propos .section2 {
  padding: 130px 0;
}
.a-propos .section2__container {
  display: flex;
  justify-content: space-between;
  gap: 75px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section2__container {
    flex-direction: column-reverse;
  }
}
.a-propos .section2__container__left {
  position: relative;
  width: fit-content;
}
.a-propos .section2__container__left img:first-child {
  max-width: 508px;
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .a-propos .section2__container__left img:first-child {
    max-width: 100%;
  }
}
.a-propos .section2__container__left img:last-child {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(70px, -50%);
  width: 141px;
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .a-propos .section2__container__left img:last-child {
    width: 100px;
    top: 0;
    right: 50%;
    transform: translate(50%, -50px);
  }
}
.a-propos .section2__container__right {
  max-width: 482px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section2__container__right {
    max-width: 100%;
  }
}
.a-propos .section2__container__right div h3 {
  color: #000;
  margin-bottom: 15px;
}
.a-propos .section3 {
  background-color: rgba(27, 40, 136, 0.1);
  padding: 100px 0;
}
.a-propos .section3__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.a-propos .section3__container__top {
  text-align: center;
}
.a-propos .section3__container__bottom {
  list-style: none;
  display: grid;
  grid-template-areas: "a a a a";
  justify-content: space-between;
  gap: 35px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section3__container__bottom {
    grid-template-areas: "a a";
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .a-propos .section3__container__bottom {
    grid-template-areas: "a";
  }
}
.a-propos .section3__container__bottom__item {
  color: #1B2888;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.a-propos .section3__container__bottom__item strong {
  font-size: 70px;
  line-height: 89px;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .a-propos .section3__container__bottom__item strong {
    font-size: 50px;
    line-height: 50px;
  }
}
.a-propos .section4 {
  margin: 100px 0;
}
.a-propos .section4__container {
  padding-top: 76px;
  padding-bottom: 64px;
  background-image: url("../images/house.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 519px;
  display: flex;
  flex-direction: column;
  gap: 59px;
}
.a-propos .section4__container__top {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 1024px) {
  .a-propos .section4__container__top {
    flex-direction: column;
    align-items: start;
  }
}
.a-propos .section4__container__top p {
  max-width: 482px;
}
.a-propos .section4__container__bottom {
  margin: 0 auto;
  max-width: 876px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.a-propos .section4__container__bottom.grid-5 {
  max-width: 1100px;
}
.a-propos .section4__container__bottom__item {
  max-width: 204px;
}
.a-propos .section4__container__bottom__item img {
  width: 100%;
  border-radius: 20px;
}
.a-propos .section4__container__bottom__item h3 {
  margin: 12px 0 6px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.a-propos .section5 {
  margin-top: 100px;
  background-color: #FDFBF5;
  padding: 70px 0;
}
.a-propos .section5__container__values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section5__container__values {
    grid-template-columns: repeat(3, 1fr);
  }
  .a-propos .section5__container__values__item:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  .a-propos .section5__container__values {
    grid-template-columns: 1fr;
  }
  .a-propos .section5__container__values__item:nth-child(2) {
    order: initial;
  }
}
.a-propos .section5__container__values__title {
  grid-column: span 2;
}
@media screen and (max-width: 768px) {
  .a-propos .section5__container__values__title {
    grid-column: span 1;
    order: -1;
  }
}
.a-propos .section5__container__values__title h2 {
  float: right;
  max-width: 425px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .a-propos .section5__container__values__title h2 {
    max-width: 100%;
  }
}
.a-propos .section5__container__values__title h2 span {
  font-weight: bold;
}
.a-propos .section5__container__values__item h3 {
  margin: 30px 0 13px;
}
@media screen and (max-width: 768px) {
  .a-propos .section5__container__values__item h3 {
    margin: 15px 0 8px;
  }
}
.a-propos .section5__container__values__item p {
  color: #1B2888;
}
.a-propos .section6 {
  padding-top: 130px;
}
.a-propos .section6__container {
  max-width: 695px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.a-propos .section6__container h3 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.a-propos .section6__container h3 span {
  color: #000;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .a-propos .section6__container h3 span {
    font-size: 14px;
    line-height: 22px;
  }
}
.a-propos .section6__container__list {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .a-propos .section6__container__list {
    gap: 16px;
  }
}
.a-propos #nos-assistants-de-vie-temoignages {
  padding-top: 130px;
}
.a-propos .section7 {
  background-color: rgba(27, 40, 136, 0.1);
  padding: 95px 0;
}
@media screen and (max-width: 1024px) {
  .a-propos .section7 {
    padding: 50px 0;
  }
}
.a-propos .section7__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section7__container {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .a-propos .section7__container::after {
    position: absolute;
    top: -90px;
    right: 0;
    content: url("../images/awesome-quote-right.svg");
    transform: scale(0.6);
  }
}
.a-propos .section7__container__left {
  width: 439px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .a-propos .section7__container__left {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .a-propos .section7__container__left {
    gap: 20px;
  }
}
.a-propos .section7__container__left__between {
  display: flex;
  align-items: center;
  gap: 20px;
}
.a-propos .section7__container__right {
  max-width: 600px;
  overflow-x: scroll;
  overflow-y: hidden;
}
@media screen and (max-width: 1024px) {
  .a-propos .section7__container__right {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .a-propos .section7__container__right {
    padding: 35px 0;
  }
}
.a-propos .section7__container__right::-webkit-scrollbar {
  display: none;
}
.a-propos .section7__container__right__content {
  padding-bottom: 10px;
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 34px;
}
.a-propos .section7__container__right__content__card {
  padding-left: 96px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .a-propos .section7__container__right__content__card {
    height: auto;
    padding-left: 0;
    position: initial;
  }
}
.a-propos .section7__container__right__content__card img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 193px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .a-propos .section7__container__right__content__card img {
    width: 133px;
    position: initial;
    transform: none;
  }
}
.a-propos .section7__container__right__content__card__content {
  width: 496px;
  background-color: #fff;
  padding: 30px 30px 30px 115px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.a-propos .section7__container__right__content__card__content.expanded {
  max-height: none;
  overflow: visible;
}
.a-propos .section7__container__right__content__card__content__text {
  min-height: 310px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
@media screen and (max-width: 768px) {
  .a-propos .section7__container__right__content__card__content {
    padding: 20px;
    width: 300px;
    gap: 15px;
  }
}
.a-propos .section7__container__right .read-more-toggle {
  display: block;
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
  padding-right: 20px;
  color: #0e2a47;
  cursor: pointer;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.posts {
  margin: 100px 0 130px;
}
.posts .landing-posts {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.posts .landing-posts h1 {
  max-width: 642px;
}
.posts .landing-posts__filter {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .posts .landing-posts__filter {
    flex-direction: column;
  }
}
.posts .landing-posts__filter .h4 {
  color: #000;
}
.posts .landing-posts__filter h2 {
  font-size: 14px;
  margin-right: 25px;
  padding-top: 3px;
  padding-right: 25px;
  padding-bottom: 3px;
  border-right: solid 1px #000;
}
@media screen and (max-width: 1024px) {
  .posts .landing-posts__filter h2 {
    margin-bottom: 15px;
    width: fit-content;
    padding-right: 0;
    border-right: 0;
    border-bottom: solid 1px #000;
  }
}
@media screen and (max-width: 768px) {
  .posts .landing-posts__filter h2 {
    font-size: 12px;
  }
}
.posts .landing-posts__filter__categories {
  list-style: none;
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  .posts .landing-posts__filter__categories {
    flex-direction: column;
    gap: 12px;
  }
}
.posts .landing-posts__filter__categories li a {
  color: #707070;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .posts .landing-posts__filter__categories li a {
    font-size: 12px;
  }
}
.posts .landing-posts__filter__categories li a:hover {
  text-decoration: none;
}
.posts .landing-posts__filter__categories li.selected a {
  color: #961A80;
  border-bottom: 2px solid #961A80;
}
.posts .list-posts {
  margin-top: 50px;
}
.posts .list-posts__content {
  padding-bottom: 70px;
  display: flex;
  flex-wrap: wrap;
  gap: 34px 29px;
}
@media screen and (max-width: 768px) {
  .posts .list-posts__content {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
  }
}
.posts .list-posts__pagination {
  margin: 0 auto;
  width: fit-content;
  background-color: #f9f8f7;
  border-radius: 50px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.posts .list-posts__pagination .page-numbers {
  color: #707070;
  font-size: 14px;
  font-weight: 500;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .posts .list-posts__pagination .page-numbers {
    font-size: 12px;
    width: 35px;
    height: 35px;
  }
}
.posts .list-posts__pagination .page-numbers:hover {
  text-decoration: none;
}
.posts .list-posts__pagination .page-numbers.current {
  color: #1B2888;
  border: 1px solid #1B2888;
}
.posts .list-posts__pagination .page-numbers.prev {
  margin-right: 10px;
}
.posts .list-posts__pagination .page-numbers.prev::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../images/arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
.posts .list-posts__pagination .page-numbers.next {
  margin-left: 10px;
}
.posts .list-posts__pagination .page-numbers.next::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../images/arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.link {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
}
.link-arrow {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
}
.link-arrow::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 8px;
  background-image: url("../images/arrow-purple.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}
.link-download {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  font-size: 14px;
  padding-left: 26px;
}
.link-download::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/download.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

button {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.btn {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: #FCC900;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: none !important;
}
@media screen and (max-width: 768px) {
  .btn {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn:hover {
  text-decoration: none;
}
.btn:hover {
  background-color: #F2C100;
}
.btn-white-h {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: transparent;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-white-h {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-white-h:hover {
  text-decoration: none;
}
.btn-white-h:hover {
  color: #fff;
  background-color: #1B2888;
}
.btn-white {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: transparent;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-white {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-white:hover {
  text-decoration: none;
}
.btn-blue {
  display: block;
  color: #fff;
  font-size: 14px;
  width: fit-content !important;
  background-color: #1B2888;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #fff;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-blue {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-blue:hover {
  text-decoration: none;
}

.single-post {
  margin-top: 50px !important;
  margin-bottom: 130px !important;
  max-width: 840px !important;
}
.single-post__top a {
  text-transform: uppercase;
}
.single-post__infos {
  margin-top: 48px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-post__infos p, .single-post__infos a {
  font-size: 16px;
  color: #961A80;
  font-weight: bold;
}
.single-post__content h1 {
  margin-bottom: 32px;
  font-weight: bold;
  color: #1B2888;
}
.single-post__content h2 {
  margin-top: 37px;
  margin-bottom: 33px;
}
.single-post__content h3 {
  color: #000;
  margin-bottom: 17px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.single-post__content p, .single-post__content li {
  margin-bottom: 30px;
}
.single-post__content p a, .single-post__content li a {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
}
.single-post__content li {
  margin-left: 15px;
}
.single-post__content .wp-element-button {
  margin-bottom: 30px;
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: #FCC900;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: none !important;
}
@media screen and (max-width: 768px) {
  .single-post__content .wp-element-button {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.single-post__content .wp-element-button:hover {
  text-decoration: none;
}
.single-post__content img {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
  object-fit: cover;
  border-radius: 15px;
}
.single-post__content .wp-block-cb-carousel {
  margin-top: 40px;
  margin-bottom: 70px !important;
}
.single-post__content .wp-block-cb-carousel .slick-track {
  display: flex;
  gap: 15px;
}
.single-post__content .wp-block-cb-carousel .slick-track::before, .single-post__content .wp-block-cb-carousel .slick-track::after {
  content: none;
}
.single-post__content .wp-block-cb-carousel .slick-track .wp-block-cb-slide {
  padding: 0 !important;
}
.single-post__content .wp-block-cb-carousel .slick-arrow {
  z-index: 2;
  width: 47px;
  height: 47px;
}
.single-post__content .wp-block-cb-carousel .slick-arrow::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  background-image: url("../images/arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.single-post__content .wp-block-cb-carousel .slick-arrow:first-child {
  left: -22px;
}
.single-post__content .wp-block-cb-carousel .slick-arrow:first-child::before {
  transform: rotate(180deg);
}
.single-post__content .wp-block-cb-carousel .slick-arrow:last-child {
  right: -20px;
}
.single-post__content .wp-block-cb-carousel img {
  margin: 0 !important;
  min-width: 240px !important;
  min-height: 207px !important;
  max-width: 240px !important;
  max-height: 207px !important;
  object-fit: cover !important;
  border-radius: 15px !important;
}
.single-post__content .wp-block-cb-carousel .slick-dots {
  display: none !important;
}
.single-post__bottom {
  margin-top: 40px;
  display: flex;
  justify-content: end;
}
.single-post__bottom a {
  text-transform: uppercase;
}

@font-face {
  font-family: "Fira Sans";
  src: url("/wp-content/themes/lesbonstech/assets/fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

h1, .h1 {
  font-size: 3.1rem;
  font-size: 3.1rem;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 3.7rem;
}
@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 2.3rem;
    font-size: 2.3rem;
    line-height: 3.1rem;
  }
}
h1 span, .h1 span {
  font-size: 3.1rem;
  line-height: 3.7rem;
  color: #1B2888;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  h1 span, .h1 span {
    font-size: 2.3rem;
    font-size: 2.3rem;
    line-height: 3.1rem;
  }
}

h2, .h2 {
  font-size: 2.5rem;
  line-height: 3.1rem;
  font-size: 2.5rem;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  h2, .h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-size: 1.5rem;
  }
}
h2 span, .h2 span {
  font-size: 2.5rem;
  line-height: 3.1rem;
  color: #1B2888;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  h2 span, .h2 span {
    font-size: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3, .h3 {
  color: #1B2888;
  font-size: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 1rem;
    line-height: 21px;
  }
}

h4, .h4 {
  font-size: 1rem;
  line-height: 22px;
  color: #1B2888;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

p, li, span, strong, div {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  p, li, span, strong, div {
    font-size: 12px;
    line-height: 18px;
  }
}

a {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
}
a:hover {
  text-decoration: underline;
}

a, button, input[type=submit] {
  cursor: pointer;
}

.carousel {
  scrollbar-width: none;
  scroll-behavior: smooth;
}

figcaption {
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .mobile-only {
    display: none !important;
  }
}

.container {
  margin: 0 auto;
  padding: 0 35px;
  width: 100%;
  max-width: 1200px;
}

.container-left {
  max-width: 1340px;
  margin-left: auto;
  margin-right: calc(50vw - 612px);
  padding-right: 35px;
}
@media screen and (max-width: 1200px) {
  .container-left {
    margin-right: 0;
  }
}

.container-right {
  max-width: 1340px;
  margin-right: auto;
  margin-left: calc(50vw - 612px);
  padding-left: 35px;
}
@media screen and (max-width: 1200px) {
  .container-right {
    margin-left: 0;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.link {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
}
.link-arrow {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
}
.link-arrow::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 8px;
  background-image: url("../images/arrow-purple.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}
.link-download {
  color: #961A80;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  font-size: 14px;
  padding-left: 26px;
}
.link-download::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/download.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

button {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.btn {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: #FCC900;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: none !important;
}
@media screen and (max-width: 768px) {
  .btn {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn:hover {
  text-decoration: none;
}
.btn:hover {
  background-color: #F2C100;
}
.btn-white-h {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: transparent;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-white-h {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-white-h:hover {
  text-decoration: none;
}
.btn-white-h:hover {
  color: #fff;
  background-color: #1B2888;
}
.btn-white {
  display: block;
  color: #1B2888;
  font-size: 14px;
  width: fit-content !important;
  background-color: transparent;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-white {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-white:hover {
  text-decoration: none;
}
.btn-blue {
  display: block;
  color: #fff;
  font-size: 14px;
  width: fit-content !important;
  background-color: #1B2888;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  border: 1px solid #fff;
  border: 1px solid #1B2888;
}
@media screen and (max-width: 768px) {
  .btn-blue {
    font-size: 12px;
    padding: 8px 12px;
  }
}
.btn-blue:hover {
  text-decoration: none;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.arrow-left {
  transform: rotate(180deg);
}
.arrow-left img {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .arrow-left img {
    width: 30px;
  }
}

.arrow-right img {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .arrow-right img {
    width: 30px;
  }
}

.arrow-link {
  transform: rotate(-45deg);
}
.arrow-link img {
  width: 40px;
}
@media screen and (max-width: 768px) {
  .arrow-link img {
    width: 30px;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.landing {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #FDFBF5;
  background-image: url("../images/house.svg");
  background-repeat: no-repeat;
  background-position: 62%;
  background-size: 293px;
}
@media screen and (max-width: 1024px) {
  .landing {
    background-position: center;
  }
}
.landing__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .landing__container {
    align-items: start;
    flex-direction: column-reverse;
    gap: 25px;
  }
}
.landing__container__left {
  max-width: 557px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .landing__container__left {
    max-width: 100%;
  }
}
.landing__container__right img {
  max-width: 454px;
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .landing__container__right img {
    max-width: 100%;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.progress-bar {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .progress-bar {
    max-width: 100%;
  }
}
.progress-bar .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-10 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 10px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-10 {
    max-width: 100%;
  }
}
.progress-bar-10 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-10 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-10 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-10 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-10 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-10 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-10 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-11 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 11px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-11 {
    max-width: 100%;
  }
}
.progress-bar-11 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-11 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-11 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-11 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-11 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-11 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-11 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-12 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 12px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-12 {
    max-width: 100%;
  }
}
.progress-bar-12 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-12 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-12 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-12 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-12 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-12 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-12 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-13 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 13px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-13 {
    max-width: 100%;
  }
}
.progress-bar-13 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-13 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-13 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-13 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-13 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-13 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-13 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-14 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 14px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-14 {
    max-width: 100%;
  }
}
.progress-bar-14 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-14 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-14 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-14 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-14 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-14 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-14 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-15 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 15px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-15 {
    max-width: 100%;
  }
}
.progress-bar-15 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-15 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-15 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-15 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-15 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-15 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-15 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-16 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 16px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-16 {
    max-width: 100%;
  }
}
.progress-bar-16 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-16 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-16 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-16 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-16 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-16 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-16 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-17 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 17px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-17 {
    max-width: 100%;
  }
}
.progress-bar-17 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-17 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-17 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-17 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-17 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-17 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-17 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-18 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 18px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-18 {
    max-width: 100%;
  }
}
.progress-bar-18 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-18 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-18 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-18 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-18 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-18 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-18 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-19 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 19px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-19 {
    max-width: 100%;
  }
}
.progress-bar-19 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-19 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-19 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-19 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-19 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-19 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-19 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-20 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 20px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-20 {
    max-width: 100%;
  }
}
.progress-bar-20 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-20 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-20 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-20 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-20 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-20 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-20 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-21 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 21px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-21 {
    max-width: 100%;
  }
}
.progress-bar-21 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-21 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-21 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-21 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-21 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-21 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-21 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-22 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 22px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-22 {
    max-width: 100%;
  }
}
.progress-bar-22 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-22 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-22 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-22 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-22 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-22 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-22 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-23 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 23px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-23 {
    max-width: 100%;
  }
}
.progress-bar-23 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-23 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-23 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-23 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-23 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-23 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-23 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-24 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 24px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-24 {
    max-width: 100%;
  }
}
.progress-bar-24 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-24 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-24 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-24 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-24 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-24 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-24 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-25 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 25px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-25 {
    max-width: 100%;
  }
}
.progress-bar-25 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-25 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-25 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-25 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-25 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-25 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-25 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-26 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 26px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-26 {
    max-width: 100%;
  }
}
.progress-bar-26 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-26 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-26 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-26 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-26 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-26 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-26 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-27 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 27px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-27 {
    max-width: 100%;
  }
}
.progress-bar-27 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-27 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-27 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-27 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-27 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-27 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-27 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-28 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 28px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-28 {
    max-width: 100%;
  }
}
.progress-bar-28 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-28 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-28 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-28 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-28 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-28 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-28 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-29 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 29px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-29 {
    max-width: 100%;
  }
}
.progress-bar-29 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-29 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-29 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-29 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-29 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-29 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-29 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-30 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 30px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-30 {
    max-width: 100%;
  }
}
.progress-bar-30 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-30 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-30 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-30 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-30 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-30 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-30 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-31 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 31px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-31 {
    max-width: 100%;
  }
}
.progress-bar-31 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-31 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-31 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-31 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-31 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-31 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-31 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-32 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 32px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-32 {
    max-width: 100%;
  }
}
.progress-bar-32 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-32 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-32 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-32 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-32 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-32 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-32 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-33 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 33px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-33 {
    max-width: 100%;
  }
}
.progress-bar-33 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-33 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-33 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-33 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-33 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-33 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-33 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-34 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 34px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-34 {
    max-width: 100%;
  }
}
.progress-bar-34 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-34 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-34 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-34 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-34 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-34 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-34 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-35 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 35px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-35 {
    max-width: 100%;
  }
}
.progress-bar-35 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-35 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-35 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-35 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-35 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-35 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-35 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-36 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 36px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-36 {
    max-width: 100%;
  }
}
.progress-bar-36 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-36 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-36 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-36 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-36 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-36 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-36 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-37 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 37px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-37 {
    max-width: 100%;
  }
}
.progress-bar-37 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-37 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-37 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-37 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-37 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-37 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-37 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-38 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 38px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-38 {
    max-width: 100%;
  }
}
.progress-bar-38 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-38 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-38 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-38 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-38 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-38 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-38 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-39 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 39px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-39 {
    max-width: 100%;
  }
}
.progress-bar-39 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-39 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-39 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-39 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-39 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-39 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-39 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-40 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 40px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-40 {
    max-width: 100%;
  }
}
.progress-bar-40 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-40 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-40 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-40 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-40 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-40 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-40 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-41 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 41px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-41 {
    max-width: 100%;
  }
}
.progress-bar-41 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-41 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-41 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-41 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-41 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-41 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-41 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-42 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 42px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-42 {
    max-width: 100%;
  }
}
.progress-bar-42 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-42 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-42 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-42 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-42 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-42 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-42 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-43 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 43px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-43 {
    max-width: 100%;
  }
}
.progress-bar-43 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-43 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-43 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-43 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-43 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-43 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-43 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-44 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 44px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-44 {
    max-width: 100%;
  }
}
.progress-bar-44 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-44 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-44 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-44 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-44 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-44 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-44 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-45 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 45px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-45 {
    max-width: 100%;
  }
}
.progress-bar-45 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-45 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-45 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-45 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-45 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-45 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-45 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-46 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 46px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-46 {
    max-width: 100%;
  }
}
.progress-bar-46 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-46 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-46 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-46 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-46 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-46 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-46 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-47 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 47px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-47 {
    max-width: 100%;
  }
}
.progress-bar-47 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-47 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-47 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-47 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-47 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-47 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-47 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-48 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 48px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-48 {
    max-width: 100%;
  }
}
.progress-bar-48 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-48 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-48 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-48 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-48 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-48 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-48 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-49 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 49px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-49 {
    max-width: 100%;
  }
}
.progress-bar-49 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-49 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-49 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-49 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-49 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-49 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-49 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-50 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 50px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-50 {
    max-width: 100%;
  }
}
.progress-bar-50 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-50 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-50 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-50 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-50 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-50 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-50 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-51 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 51px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-51 {
    max-width: 100%;
  }
}
.progress-bar-51 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-51 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-51 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-51 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-51 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-51 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-51 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-52 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 52px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-52 {
    max-width: 100%;
  }
}
.progress-bar-52 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-52 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-52 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-52 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-52 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-52 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-52 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-53 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 53px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-53 {
    max-width: 100%;
  }
}
.progress-bar-53 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-53 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-53 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-53 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-53 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-53 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-53 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-54 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 54px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-54 {
    max-width: 100%;
  }
}
.progress-bar-54 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-54 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-54 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-54 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-54 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-54 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-54 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-55 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 55px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-55 {
    max-width: 100%;
  }
}
.progress-bar-55 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-55 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-55 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-55 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-55 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-55 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-55 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-56 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 56px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-56 {
    max-width: 100%;
  }
}
.progress-bar-56 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-56 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-56 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-56 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-56 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-56 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-56 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-57 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 57px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-57 {
    max-width: 100%;
  }
}
.progress-bar-57 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-57 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-57 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-57 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-57 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-57 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-57 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-58 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 58px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-58 {
    max-width: 100%;
  }
}
.progress-bar-58 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-58 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-58 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-58 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-58 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-58 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-58 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-59 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 59px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-59 {
    max-width: 100%;
  }
}
.progress-bar-59 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-59 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-59 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-59 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-59 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-59 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-59 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-60 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 60px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-60 {
    max-width: 100%;
  }
}
.progress-bar-60 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-60 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-60 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-60 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-60 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-60 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-60 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-61 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 61px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-61 {
    max-width: 100%;
  }
}
.progress-bar-61 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-61 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-61 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-61 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-61 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-61 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-61 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-62 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 62px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-62 {
    max-width: 100%;
  }
}
.progress-bar-62 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-62 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-62 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-62 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-62 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-62 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-62 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-63 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 63px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-63 {
    max-width: 100%;
  }
}
.progress-bar-63 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-63 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-63 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-63 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-63 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-63 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-63 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-64 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 64px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-64 {
    max-width: 100%;
  }
}
.progress-bar-64 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-64 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-64 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-64 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-64 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-64 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-64 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-65 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 65px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-65 {
    max-width: 100%;
  }
}
.progress-bar-65 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-65 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-65 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-65 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-65 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-65 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-65 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-66 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 66px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-66 {
    max-width: 100%;
  }
}
.progress-bar-66 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-66 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-66 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-66 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-66 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-66 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-66 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-67 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 67px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-67 {
    max-width: 100%;
  }
}
.progress-bar-67 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-67 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-67 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-67 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-67 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-67 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-67 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-68 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 68px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-68 {
    max-width: 100%;
  }
}
.progress-bar-68 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-68 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-68 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-68 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-68 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-68 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-68 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-69 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 69px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-69 {
    max-width: 100%;
  }
}
.progress-bar-69 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-69 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-69 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-69 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-69 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-69 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-69 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-70 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 70px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-70 {
    max-width: 100%;
  }
}
.progress-bar-70 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-70 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-70 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-70 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-70 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-70 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-70 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-71 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 71px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-71 {
    max-width: 100%;
  }
}
.progress-bar-71 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-71 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-71 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-71 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-71 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-71 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-71 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-72 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 72px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-72 {
    max-width: 100%;
  }
}
.progress-bar-72 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-72 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-72 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-72 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-72 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-72 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-72 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-73 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 73px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-73 {
    max-width: 100%;
  }
}
.progress-bar-73 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-73 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-73 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-73 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-73 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-73 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-73 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-74 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 74px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-74 {
    max-width: 100%;
  }
}
.progress-bar-74 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-74 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-74 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-74 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-74 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-74 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-74 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-75 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 75px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-75 {
    max-width: 100%;
  }
}
.progress-bar-75 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-75 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-75 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-75 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-75 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-75 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-75 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-76 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 76px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-76 {
    max-width: 100%;
  }
}
.progress-bar-76 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-76 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-76 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-76 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-76 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-76 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-76 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-77 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 77px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-77 {
    max-width: 100%;
  }
}
.progress-bar-77 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-77 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-77 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-77 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-77 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-77 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-77 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-78 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 78px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-78 {
    max-width: 100%;
  }
}
.progress-bar-78 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-78 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-78 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-78 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-78 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-78 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-78 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-79 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 79px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-79 {
    max-width: 100%;
  }
}
.progress-bar-79 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-79 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-79 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-79 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-79 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-79 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-79 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-80 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 80px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-80 {
    max-width: 100%;
  }
}
.progress-bar-80 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-80 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-80 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-80 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-80 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-80 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-80 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-81 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 81px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-81 {
    max-width: 100%;
  }
}
.progress-bar-81 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-81 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-81 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-81 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-81 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-81 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-81 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-82 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 82px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-82 {
    max-width: 100%;
  }
}
.progress-bar-82 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-82 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-82 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-82 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-82 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-82 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-82 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-83 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 83px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-83 {
    max-width: 100%;
  }
}
.progress-bar-83 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-83 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-83 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-83 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-83 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-83 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-83 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-84 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 84px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-84 {
    max-width: 100%;
  }
}
.progress-bar-84 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-84 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-84 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-84 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-84 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-84 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-84 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-85 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 85px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-85 {
    max-width: 100%;
  }
}
.progress-bar-85 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-85 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-85 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-85 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-85 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-85 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-85 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-86 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 86px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-86 {
    max-width: 100%;
  }
}
.progress-bar-86 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-86 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-86 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-86 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-86 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-86 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-86 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-87 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 87px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-87 {
    max-width: 100%;
  }
}
.progress-bar-87 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-87 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-87 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-87 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-87 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-87 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-87 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-88 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 88px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-88 {
    max-width: 100%;
  }
}
.progress-bar-88 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-88 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-88 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-88 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-88 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-88 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-88 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-89 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 89px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-89 {
    max-width: 100%;
  }
}
.progress-bar-89 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-89 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-89 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-89 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-89 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-89 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-89 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-90 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 90px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-90 {
    max-width: 100%;
  }
}
.progress-bar-90 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-90 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-90 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-90 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-90 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-90 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-90 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-91 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 91px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-91 {
    max-width: 100%;
  }
}
.progress-bar-91 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-91 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-91 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-91 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-91 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-91 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-91 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-92 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 92px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-92 {
    max-width: 100%;
  }
}
.progress-bar-92 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-92 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-92 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-92 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-92 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-92 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-92 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-93 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 93px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-93 {
    max-width: 100%;
  }
}
.progress-bar-93 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-93 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-93 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-93 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-93 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-93 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-93 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-94 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 94px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-94 {
    max-width: 100%;
  }
}
.progress-bar-94 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-94 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-94 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-94 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-94 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-94 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-94 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-95 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 95px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-95 {
    max-width: 100%;
  }
}
.progress-bar-95 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-95 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-95 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-95 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-95 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-95 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-95 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-96 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 96px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-96 {
    max-width: 100%;
  }
}
.progress-bar-96 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-96 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-96 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-96 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-96 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-96 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-96 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-97 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 97px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-97 {
    max-width: 100%;
  }
}
.progress-bar-97 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-97 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-97 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-97 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-97 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-97 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-97 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-98 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 98px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-98 {
    max-width: 100%;
  }
}
.progress-bar-98 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-98 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-98 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-98 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-98 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-98 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-98 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-99 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 99px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-99 {
    max-width: 100%;
  }
}
.progress-bar-99 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-99 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-99 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-99 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-99 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-99 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-99 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-100 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 100px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-100 {
    max-width: 100%;
  }
}
.progress-bar-100 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-100 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-100 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-100 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-100 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-100 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-100 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-101 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 101px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-101 {
    max-width: 100%;
  }
}
.progress-bar-101 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-101 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-101 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-101 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-101 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-101 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-101 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-102 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 102px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-102 {
    max-width: 100%;
  }
}
.progress-bar-102 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-102 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-102 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-102 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-102 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-102 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-102 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-103 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 103px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-103 {
    max-width: 100%;
  }
}
.progress-bar-103 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-103 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-103 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-103 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-103 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-103 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-103 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-104 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 104px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-104 {
    max-width: 100%;
  }
}
.progress-bar-104 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-104 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-104 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-104 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-104 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-104 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-104 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-105 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 105px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-105 {
    max-width: 100%;
  }
}
.progress-bar-105 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-105 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-105 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-105 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-105 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-105 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-105 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-106 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 106px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-106 {
    max-width: 100%;
  }
}
.progress-bar-106 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-106 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-106 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-106 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-106 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-106 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-106 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-107 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 107px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-107 {
    max-width: 100%;
  }
}
.progress-bar-107 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-107 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-107 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-107 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-107 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-107 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-107 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-108 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 108px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-108 {
    max-width: 100%;
  }
}
.progress-bar-108 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-108 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-108 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-108 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-108 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-108 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-108 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-109 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 109px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-109 {
    max-width: 100%;
  }
}
.progress-bar-109 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-109 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-109 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-109 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-109 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-109 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-109 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-110 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 110px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-110 {
    max-width: 100%;
  }
}
.progress-bar-110 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-110 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-110 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-110 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-110 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-110 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-110 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-111 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 111px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-111 {
    max-width: 100%;
  }
}
.progress-bar-111 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-111 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-111 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-111 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-111 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-111 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-111 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-112 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 112px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-112 {
    max-width: 100%;
  }
}
.progress-bar-112 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-112 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-112 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-112 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-112 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-112 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-112 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-113 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 113px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-113 {
    max-width: 100%;
  }
}
.progress-bar-113 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-113 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-113 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-113 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-113 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-113 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-113 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-114 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 114px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-114 {
    max-width: 100%;
  }
}
.progress-bar-114 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-114 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-114 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-114 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-114 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-114 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-114 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-115 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 115px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-115 {
    max-width: 100%;
  }
}
.progress-bar-115 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-115 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-115 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-115 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-115 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-115 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-115 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-116 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 116px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-116 {
    max-width: 100%;
  }
}
.progress-bar-116 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-116 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-116 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-116 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-116 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-116 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-116 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-117 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 117px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-117 {
    max-width: 100%;
  }
}
.progress-bar-117 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-117 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-117 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-117 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-117 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-117 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-117 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-118 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 118px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-118 {
    max-width: 100%;
  }
}
.progress-bar-118 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-118 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-118 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-118 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-118 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-118 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-118 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-119 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 119px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-119 {
    max-width: 100%;
  }
}
.progress-bar-119 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-119 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-119 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-119 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-119 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-119 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-119 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-120 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 120px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-120 {
    max-width: 100%;
  }
}
.progress-bar-120 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-120 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-120 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-120 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-120 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-120 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-120 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-121 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 121px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-121 {
    max-width: 100%;
  }
}
.progress-bar-121 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-121 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-121 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-121 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-121 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-121 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-121 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-122 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 122px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-122 {
    max-width: 100%;
  }
}
.progress-bar-122 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-122 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-122 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-122 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-122 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-122 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-122 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-123 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 123px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-123 {
    max-width: 100%;
  }
}
.progress-bar-123 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-123 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-123 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-123 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-123 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-123 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-123 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-124 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 124px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-124 {
    max-width: 100%;
  }
}
.progress-bar-124 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-124 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-124 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-124 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-124 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-124 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-124 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-125 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 125px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-125 {
    max-width: 100%;
  }
}
.progress-bar-125 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-125 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-125 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-125 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-125 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-125 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-125 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-126 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 126px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-126 {
    max-width: 100%;
  }
}
.progress-bar-126 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-126 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-126 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-126 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-126 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-126 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-126 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-127 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 127px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-127 {
    max-width: 100%;
  }
}
.progress-bar-127 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-127 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-127 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-127 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-127 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-127 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-127 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-128 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 128px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-128 {
    max-width: 100%;
  }
}
.progress-bar-128 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-128 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-128 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-128 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-128 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-128 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-128 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-129 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 129px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-129 {
    max-width: 100%;
  }
}
.progress-bar-129 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-129 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-129 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-129 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-129 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-129 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-129 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-130 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 130px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-130 {
    max-width: 100%;
  }
}
.progress-bar-130 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-130 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-130 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-130 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-130 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-130 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-130 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-131 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 131px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-131 {
    max-width: 100%;
  }
}
.progress-bar-131 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-131 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-131 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-131 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-131 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-131 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-131 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-132 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 132px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-132 {
    max-width: 100%;
  }
}
.progress-bar-132 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-132 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-132 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-132 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-132 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-132 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-132 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-133 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 133px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-133 {
    max-width: 100%;
  }
}
.progress-bar-133 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-133 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-133 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-133 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-133 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-133 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-133 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-134 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 134px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-134 {
    max-width: 100%;
  }
}
.progress-bar-134 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-134 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-134 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-134 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-134 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-134 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-134 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-135 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 135px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-135 {
    max-width: 100%;
  }
}
.progress-bar-135 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-135 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-135 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-135 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-135 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-135 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-135 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-136 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 136px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-136 {
    max-width: 100%;
  }
}
.progress-bar-136 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-136 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-136 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-136 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-136 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-136 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-136 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-137 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 137px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-137 {
    max-width: 100%;
  }
}
.progress-bar-137 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-137 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-137 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-137 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-137 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-137 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-137 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-138 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 138px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-138 {
    max-width: 100%;
  }
}
.progress-bar-138 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-138 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-138 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-138 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-138 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-138 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-138 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-139 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 139px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-139 {
    max-width: 100%;
  }
}
.progress-bar-139 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-139 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-139 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-139 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-139 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-139 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-139 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-140 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 140px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-140 {
    max-width: 100%;
  }
}
.progress-bar-140 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-140 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-140 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-140 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-140 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-140 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-140 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-141 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 141px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-141 {
    max-width: 100%;
  }
}
.progress-bar-141 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-141 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-141 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-141 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-141 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-141 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-141 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-142 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 142px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-142 {
    max-width: 100%;
  }
}
.progress-bar-142 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-142 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-142 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-142 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-142 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-142 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-142 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-143 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 143px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-143 {
    max-width: 100%;
  }
}
.progress-bar-143 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-143 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-143 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-143 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-143 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-143 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-143 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-144 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 144px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-144 {
    max-width: 100%;
  }
}
.progress-bar-144 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-144 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-144 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-144 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-144 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-144 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-144 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-145 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 145px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-145 {
    max-width: 100%;
  }
}
.progress-bar-145 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-145 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-145 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-145 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-145 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-145 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-145 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-146 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 146px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-146 {
    max-width: 100%;
  }
}
.progress-bar-146 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-146 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-146 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-146 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-146 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-146 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-146 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-147 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 147px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-147 {
    max-width: 100%;
  }
}
.progress-bar-147 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-147 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-147 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-147 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-147 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-147 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-147 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-148 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 148px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-148 {
    max-width: 100%;
  }
}
.progress-bar-148 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-148 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-148 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-148 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-148 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-148 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-148 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-149 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 149px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-149 {
    max-width: 100%;
  }
}
.progress-bar-149 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-149 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-149 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-149 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-149 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-149 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-149 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-150 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 150px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-150 {
    max-width: 100%;
  }
}
.progress-bar-150 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-150 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-150 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-150 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-150 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-150 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-150 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-151 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 151px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-151 {
    max-width: 100%;
  }
}
.progress-bar-151 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-151 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-151 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-151 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-151 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-151 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-151 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-152 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 152px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-152 {
    max-width: 100%;
  }
}
.progress-bar-152 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-152 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-152 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-152 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-152 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-152 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-152 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-153 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 153px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-153 {
    max-width: 100%;
  }
}
.progress-bar-153 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-153 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-153 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-153 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-153 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-153 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-153 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-154 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 154px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-154 {
    max-width: 100%;
  }
}
.progress-bar-154 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-154 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-154 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-154 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-154 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-154 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-154 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-155 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 155px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-155 {
    max-width: 100%;
  }
}
.progress-bar-155 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-155 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-155 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-155 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-155 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-155 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-155 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-156 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 156px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-156 {
    max-width: 100%;
  }
}
.progress-bar-156 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-156 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-156 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-156 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-156 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-156 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-156 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-157 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 157px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-157 {
    max-width: 100%;
  }
}
.progress-bar-157 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-157 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-157 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-157 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-157 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-157 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-157 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-158 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 158px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-158 {
    max-width: 100%;
  }
}
.progress-bar-158 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-158 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-158 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-158 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-158 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-158 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-158 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-159 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 159px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-159 {
    max-width: 100%;
  }
}
.progress-bar-159 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-159 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-159 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-159 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-159 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-159 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-159 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-160 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 160px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-160 {
    max-width: 100%;
  }
}
.progress-bar-160 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-160 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-160 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-160 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-160 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-160 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-160 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-161 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 161px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-161 {
    max-width: 100%;
  }
}
.progress-bar-161 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-161 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-161 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-161 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-161 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-161 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-161 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-162 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 162px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-162 {
    max-width: 100%;
  }
}
.progress-bar-162 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-162 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-162 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-162 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-162 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-162 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-162 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-163 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 163px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-163 {
    max-width: 100%;
  }
}
.progress-bar-163 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-163 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-163 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-163 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-163 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-163 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-163 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-164 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 164px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-164 {
    max-width: 100%;
  }
}
.progress-bar-164 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-164 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-164 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-164 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-164 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-164 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-164 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-165 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 165px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-165 {
    max-width: 100%;
  }
}
.progress-bar-165 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-165 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-165 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-165 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-165 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-165 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-165 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-166 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 166px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-166 {
    max-width: 100%;
  }
}
.progress-bar-166 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-166 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-166 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-166 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-166 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-166 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-166 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-167 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 167px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-167 {
    max-width: 100%;
  }
}
.progress-bar-167 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-167 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-167 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-167 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-167 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-167 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-167 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-168 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 168px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-168 {
    max-width: 100%;
  }
}
.progress-bar-168 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-168 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-168 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-168 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-168 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-168 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-168 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-169 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 169px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-169 {
    max-width: 100%;
  }
}
.progress-bar-169 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-169 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-169 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-169 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-169 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-169 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-169 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-170 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 170px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-170 {
    max-width: 100%;
  }
}
.progress-bar-170 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-170 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-170 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-170 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-170 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-170 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-170 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-171 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 171px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-171 {
    max-width: 100%;
  }
}
.progress-bar-171 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-171 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-171 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-171 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-171 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-171 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-171 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-172 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 172px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-172 {
    max-width: 100%;
  }
}
.progress-bar-172 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-172 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-172 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-172 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-172 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-172 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-172 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-173 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 173px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-173 {
    max-width: 100%;
  }
}
.progress-bar-173 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-173 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-173 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-173 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-173 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-173 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-173 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-174 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 174px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-174 {
    max-width: 100%;
  }
}
.progress-bar-174 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-174 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-174 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-174 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-174 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-174 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-174 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-175 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 175px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-175 {
    max-width: 100%;
  }
}
.progress-bar-175 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-175 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-175 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-175 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-175 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-175 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-175 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-176 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 176px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-176 {
    max-width: 100%;
  }
}
.progress-bar-176 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-176 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-176 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-176 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-176 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-176 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-176 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-177 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 177px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-177 {
    max-width: 100%;
  }
}
.progress-bar-177 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-177 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-177 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-177 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-177 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-177 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-177 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-178 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 178px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-178 {
    max-width: 100%;
  }
}
.progress-bar-178 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-178 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-178 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-178 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-178 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-178 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-178 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-179 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 179px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-179 {
    max-width: 100%;
  }
}
.progress-bar-179 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-179 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-179 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-179 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-179 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-179 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-179 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-180 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 180px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-180 {
    max-width: 100%;
  }
}
.progress-bar-180 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-180 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-180 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-180 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-180 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-180 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-180 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-181 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 181px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-181 {
    max-width: 100%;
  }
}
.progress-bar-181 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-181 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-181 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-181 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-181 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-181 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-181 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-182 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 182px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-182 {
    max-width: 100%;
  }
}
.progress-bar-182 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-182 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-182 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-182 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-182 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-182 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-182 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-183 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 183px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-183 {
    max-width: 100%;
  }
}
.progress-bar-183 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-183 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-183 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-183 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-183 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-183 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-183 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-184 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 184px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-184 {
    max-width: 100%;
  }
}
.progress-bar-184 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-184 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-184 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-184 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-184 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-184 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-184 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-185 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 185px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-185 {
    max-width: 100%;
  }
}
.progress-bar-185 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-185 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-185 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-185 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-185 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-185 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-185 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-186 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 186px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-186 {
    max-width: 100%;
  }
}
.progress-bar-186 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-186 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-186 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-186 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-186 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-186 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-186 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-187 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 187px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-187 {
    max-width: 100%;
  }
}
.progress-bar-187 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-187 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-187 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-187 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-187 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-187 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-187 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-188 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 188px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-188 {
    max-width: 100%;
  }
}
.progress-bar-188 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-188 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-188 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-188 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-188 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-188 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-188 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-189 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 189px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-189 {
    max-width: 100%;
  }
}
.progress-bar-189 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-189 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-189 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-189 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-189 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-189 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-189 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-190 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 190px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-190 {
    max-width: 100%;
  }
}
.progress-bar-190 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-190 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-190 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-190 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-190 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-190 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-190 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-191 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 191px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-191 {
    max-width: 100%;
  }
}
.progress-bar-191 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-191 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-191 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-191 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-191 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-191 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-191 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-192 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 192px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-192 {
    max-width: 100%;
  }
}
.progress-bar-192 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-192 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-192 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-192 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-192 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-192 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-192 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-193 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 193px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-193 {
    max-width: 100%;
  }
}
.progress-bar-193 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-193 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-193 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-193 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-193 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-193 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-193 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-194 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 194px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-194 {
    max-width: 100%;
  }
}
.progress-bar-194 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-194 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-194 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-194 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-194 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-194 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-194 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-195 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 195px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-195 {
    max-width: 100%;
  }
}
.progress-bar-195 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-195 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-195 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-195 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-195 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-195 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-195 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-196 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 196px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-196 {
    max-width: 100%;
  }
}
.progress-bar-196 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-196 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-196 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-196 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-196 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-196 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-196 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-197 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 197px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-197 {
    max-width: 100%;
  }
}
.progress-bar-197 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-197 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-197 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-197 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-197 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-197 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-197 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-198 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 198px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-198 {
    max-width: 100%;
  }
}
.progress-bar-198 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-198 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-198 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-198 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-198 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-198 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-198 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-199 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 199px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-199 {
    max-width: 100%;
  }
}
.progress-bar-199 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-199 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-199 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-199 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-199 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-199 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-199 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-200 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 200px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-200 {
    max-width: 100%;
  }
}
.progress-bar-200 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-200 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-200 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-200 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-200 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-200 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-200 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-201 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 201px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-201 {
    max-width: 100%;
  }
}
.progress-bar-201 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-201 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-201 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-201 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-201 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-201 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-201 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-202 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 202px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-202 {
    max-width: 100%;
  }
}
.progress-bar-202 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-202 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-202 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-202 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-202 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-202 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-202 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-203 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 203px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-203 {
    max-width: 100%;
  }
}
.progress-bar-203 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-203 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-203 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-203 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-203 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-203 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-203 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-204 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 204px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-204 {
    max-width: 100%;
  }
}
.progress-bar-204 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-204 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-204 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-204 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-204 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-204 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-204 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-205 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 205px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-205 {
    max-width: 100%;
  }
}
.progress-bar-205 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-205 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-205 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-205 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-205 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-205 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-205 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-206 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 206px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-206 {
    max-width: 100%;
  }
}
.progress-bar-206 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-206 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-206 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-206 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-206 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-206 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-206 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-207 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 207px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-207 {
    max-width: 100%;
  }
}
.progress-bar-207 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-207 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-207 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-207 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-207 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-207 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-207 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-208 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 208px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-208 {
    max-width: 100%;
  }
}
.progress-bar-208 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-208 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-208 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-208 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-208 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-208 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-208 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-209 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 209px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-209 {
    max-width: 100%;
  }
}
.progress-bar-209 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-209 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-209 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-209 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-209 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-209 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-209 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-210 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 210px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-210 {
    max-width: 100%;
  }
}
.progress-bar-210 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-210 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-210 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-210 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-210 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-210 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-210 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-211 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 211px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-211 {
    max-width: 100%;
  }
}
.progress-bar-211 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-211 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-211 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-211 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-211 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-211 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-211 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-212 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 212px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-212 {
    max-width: 100%;
  }
}
.progress-bar-212 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-212 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-212 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-212 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-212 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-212 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-212 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-213 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 213px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-213 {
    max-width: 100%;
  }
}
.progress-bar-213 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-213 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-213 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-213 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-213 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-213 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-213 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-214 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 214px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-214 {
    max-width: 100%;
  }
}
.progress-bar-214 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-214 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-214 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-214 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-214 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-214 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-214 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-215 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 215px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-215 {
    max-width: 100%;
  }
}
.progress-bar-215 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-215 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-215 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-215 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-215 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-215 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-215 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-216 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 216px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-216 {
    max-width: 100%;
  }
}
.progress-bar-216 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-216 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-216 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-216 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-216 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-216 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-216 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-217 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 217px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-217 {
    max-width: 100%;
  }
}
.progress-bar-217 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-217 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-217 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-217 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-217 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-217 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-217 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-218 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 218px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-218 {
    max-width: 100%;
  }
}
.progress-bar-218 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-218 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-218 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-218 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-218 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-218 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-218 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-219 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 219px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-219 {
    max-width: 100%;
  }
}
.progress-bar-219 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-219 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-219 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-219 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-219 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-219 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-219 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-220 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 220px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-220 {
    max-width: 100%;
  }
}
.progress-bar-220 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-220 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-220 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-220 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-220 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-220 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-220 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-221 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 221px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-221 {
    max-width: 100%;
  }
}
.progress-bar-221 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-221 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-221 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-221 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-221 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-221 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-221 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-222 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 222px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-222 {
    max-width: 100%;
  }
}
.progress-bar-222 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-222 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-222 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-222 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-222 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-222 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-222 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-223 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 223px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-223 {
    max-width: 100%;
  }
}
.progress-bar-223 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-223 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-223 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-223 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-223 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-223 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-223 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-224 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 224px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-224 {
    max-width: 100%;
  }
}
.progress-bar-224 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-224 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-224 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-224 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-224 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-224 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-224 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-225 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 225px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-225 {
    max-width: 100%;
  }
}
.progress-bar-225 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-225 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-225 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-225 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-225 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-225 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-225 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-226 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 226px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-226 {
    max-width: 100%;
  }
}
.progress-bar-226 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-226 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-226 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-226 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-226 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-226 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-226 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-227 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 227px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-227 {
    max-width: 100%;
  }
}
.progress-bar-227 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-227 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-227 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-227 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-227 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-227 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-227 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-228 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 228px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-228 {
    max-width: 100%;
  }
}
.progress-bar-228 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-228 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-228 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-228 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-228 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-228 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-228 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-229 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 229px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-229 {
    max-width: 100%;
  }
}
.progress-bar-229 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-229 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-229 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-229 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-229 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-229 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-229 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-230 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 230px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-230 {
    max-width: 100%;
  }
}
.progress-bar-230 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-230 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-230 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-230 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-230 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-230 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-230 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-231 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 231px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-231 {
    max-width: 100%;
  }
}
.progress-bar-231 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-231 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-231 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-231 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-231 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-231 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-231 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-232 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 232px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-232 {
    max-width: 100%;
  }
}
.progress-bar-232 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-232 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-232 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-232 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-232 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-232 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-232 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-233 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 233px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-233 {
    max-width: 100%;
  }
}
.progress-bar-233 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-233 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-233 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-233 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-233 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-233 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-233 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-234 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 234px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-234 {
    max-width: 100%;
  }
}
.progress-bar-234 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-234 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-234 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-234 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-234 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-234 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-234 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-235 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 235px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-235 {
    max-width: 100%;
  }
}
.progress-bar-235 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-235 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-235 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-235 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-235 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-235 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-235 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-236 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 236px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-236 {
    max-width: 100%;
  }
}
.progress-bar-236 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-236 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-236 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-236 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-236 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-236 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-236 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-237 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 237px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-237 {
    max-width: 100%;
  }
}
.progress-bar-237 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-237 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-237 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-237 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-237 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-237 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-237 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-238 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 238px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-238 {
    max-width: 100%;
  }
}
.progress-bar-238 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-238 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-238 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-238 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-238 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-238 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-238 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-239 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 239px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-239 {
    max-width: 100%;
  }
}
.progress-bar-239 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-239 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-239 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-239 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-239 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-239 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-239 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-240 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 240px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-240 {
    max-width: 100%;
  }
}
.progress-bar-240 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-240 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-240 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-240 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-240 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-240 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-240 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-241 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 241px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-241 {
    max-width: 100%;
  }
}
.progress-bar-241 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-241 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-241 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-241 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-241 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-241 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-241 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-242 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 242px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-242 {
    max-width: 100%;
  }
}
.progress-bar-242 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-242 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-242 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-242 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-242 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-242 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-242 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-243 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 243px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-243 {
    max-width: 100%;
  }
}
.progress-bar-243 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-243 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-243 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-243 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-243 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-243 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-243 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-244 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 244px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-244 {
    max-width: 100%;
  }
}
.progress-bar-244 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-244 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-244 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-244 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-244 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-244 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-244 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-245 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 245px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-245 {
    max-width: 100%;
  }
}
.progress-bar-245 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-245 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-245 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-245 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-245 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-245 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-245 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-246 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 246px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-246 {
    max-width: 100%;
  }
}
.progress-bar-246 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-246 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-246 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-246 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-246 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-246 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-246 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-247 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 247px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-247 {
    max-width: 100%;
  }
}
.progress-bar-247 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-247 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-247 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-247 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-247 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-247 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-247 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-248 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 248px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-248 {
    max-width: 100%;
  }
}
.progress-bar-248 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-248 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-248 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-248 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-248 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-248 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-248 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-249 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 249px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-249 {
    max-width: 100%;
  }
}
.progress-bar-249 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-249 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-249 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-249 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-249 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-249 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-249 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-250 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 250px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-250 {
    max-width: 100%;
  }
}
.progress-bar-250 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-250 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-250 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-250 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-250 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-250 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-250 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-251 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 251px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-251 {
    max-width: 100%;
  }
}
.progress-bar-251 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-251 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-251 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-251 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-251 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-251 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-251 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-252 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 252px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-252 {
    max-width: 100%;
  }
}
.progress-bar-252 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-252 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-252 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-252 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-252 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-252 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-252 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-253 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 253px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-253 {
    max-width: 100%;
  }
}
.progress-bar-253 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-253 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-253 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-253 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-253 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-253 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-253 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-254 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 254px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-254 {
    max-width: 100%;
  }
}
.progress-bar-254 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-254 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-254 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-254 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-254 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-254 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-254 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-255 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 255px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-255 {
    max-width: 100%;
  }
}
.progress-bar-255 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-255 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-255 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-255 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-255 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-255 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-255 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-256 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 256px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-256 {
    max-width: 100%;
  }
}
.progress-bar-256 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-256 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-256 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-256 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-256 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-256 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-256 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-257 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 257px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-257 {
    max-width: 100%;
  }
}
.progress-bar-257 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-257 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-257 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-257 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-257 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-257 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-257 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-258 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 258px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-258 {
    max-width: 100%;
  }
}
.progress-bar-258 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-258 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-258 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-258 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-258 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-258 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-258 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-259 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 259px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-259 {
    max-width: 100%;
  }
}
.progress-bar-259 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-259 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-259 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-259 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-259 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-259 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-259 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-260 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 260px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-260 {
    max-width: 100%;
  }
}
.progress-bar-260 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-260 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-260 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-260 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-260 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-260 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-260 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-261 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 261px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-261 {
    max-width: 100%;
  }
}
.progress-bar-261 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-261 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-261 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-261 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-261 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-261 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-261 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-262 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 262px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-262 {
    max-width: 100%;
  }
}
.progress-bar-262 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-262 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-262 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-262 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-262 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-262 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-262 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-263 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 263px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-263 {
    max-width: 100%;
  }
}
.progress-bar-263 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-263 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-263 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-263 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-263 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-263 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-263 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-264 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 264px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-264 {
    max-width: 100%;
  }
}
.progress-bar-264 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-264 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-264 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-264 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-264 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-264 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-264 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-265 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 265px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-265 {
    max-width: 100%;
  }
}
.progress-bar-265 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-265 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-265 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-265 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-265 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-265 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-265 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-266 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 266px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-266 {
    max-width: 100%;
  }
}
.progress-bar-266 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-266 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-266 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-266 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-266 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-266 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-266 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-267 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 267px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-267 {
    max-width: 100%;
  }
}
.progress-bar-267 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-267 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-267 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-267 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-267 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-267 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-267 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-268 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 268px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-268 {
    max-width: 100%;
  }
}
.progress-bar-268 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-268 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-268 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-268 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-268 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-268 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-268 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-269 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 269px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-269 {
    max-width: 100%;
  }
}
.progress-bar-269 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-269 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-269 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-269 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-269 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-269 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-269 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-270 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 270px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-270 {
    max-width: 100%;
  }
}
.progress-bar-270 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-270 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-270 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-270 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-270 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-270 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-270 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-271 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 271px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-271 {
    max-width: 100%;
  }
}
.progress-bar-271 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-271 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-271 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-271 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-271 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-271 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-271 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-272 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 272px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-272 {
    max-width: 100%;
  }
}
.progress-bar-272 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-272 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-272 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-272 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-272 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-272 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-272 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-273 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 273px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-273 {
    max-width: 100%;
  }
}
.progress-bar-273 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-273 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-273 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-273 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-273 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-273 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-273 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-274 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 274px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-274 {
    max-width: 100%;
  }
}
.progress-bar-274 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-274 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-274 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-274 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-274 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-274 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-274 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-275 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 275px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-275 {
    max-width: 100%;
  }
}
.progress-bar-275 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-275 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-275 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-275 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-275 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-275 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-275 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-276 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 276px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-276 {
    max-width: 100%;
  }
}
.progress-bar-276 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-276 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-276 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-276 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-276 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-276 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-276 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-277 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 277px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-277 {
    max-width: 100%;
  }
}
.progress-bar-277 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-277 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-277 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-277 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-277 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-277 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-277 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-278 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 278px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-278 {
    max-width: 100%;
  }
}
.progress-bar-278 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-278 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-278 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-278 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-278 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-278 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-278 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-279 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 279px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-279 {
    max-width: 100%;
  }
}
.progress-bar-279 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-279 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-279 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-279 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-279 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-279 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-279 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-280 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 280px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-280 {
    max-width: 100%;
  }
}
.progress-bar-280 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-280 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-280 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-280 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-280 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-280 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-280 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-281 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 281px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-281 {
    max-width: 100%;
  }
}
.progress-bar-281 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-281 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-281 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-281 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-281 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-281 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-281 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-282 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 282px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-282 {
    max-width: 100%;
  }
}
.progress-bar-282 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-282 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-282 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-282 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-282 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-282 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-282 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-283 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 283px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-283 {
    max-width: 100%;
  }
}
.progress-bar-283 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-283 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-283 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-283 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-283 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-283 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-283 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-284 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 284px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-284 {
    max-width: 100%;
  }
}
.progress-bar-284 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-284 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-284 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-284 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-284 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-284 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-284 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-285 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 285px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-285 {
    max-width: 100%;
  }
}
.progress-bar-285 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-285 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-285 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-285 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-285 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-285 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-285 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-286 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 286px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-286 {
    max-width: 100%;
  }
}
.progress-bar-286 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-286 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-286 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-286 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-286 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-286 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-286 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-287 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 287px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-287 {
    max-width: 100%;
  }
}
.progress-bar-287 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-287 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-287 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-287 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-287 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-287 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-287 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-288 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 288px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-288 {
    max-width: 100%;
  }
}
.progress-bar-288 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-288 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-288 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-288 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-288 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-288 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-288 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-289 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 289px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-289 {
    max-width: 100%;
  }
}
.progress-bar-289 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-289 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-289 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-289 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-289 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-289 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-289 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-290 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 290px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-290 {
    max-width: 100%;
  }
}
.progress-bar-290 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-290 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-290 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-290 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-290 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-290 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-290 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-291 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 291px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-291 {
    max-width: 100%;
  }
}
.progress-bar-291 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-291 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-291 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-291 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-291 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-291 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-291 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-292 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 292px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-292 {
    max-width: 100%;
  }
}
.progress-bar-292 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-292 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-292 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-292 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-292 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-292 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-292 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-293 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 293px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-293 {
    max-width: 100%;
  }
}
.progress-bar-293 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-293 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-293 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-293 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-293 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-293 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-293 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-294 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 294px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-294 {
    max-width: 100%;
  }
}
.progress-bar-294 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-294 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-294 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-294 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-294 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-294 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-294 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-295 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 295px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-295 {
    max-width: 100%;
  }
}
.progress-bar-295 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-295 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-295 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-295 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-295 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-295 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-295 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-296 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 296px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-296 {
    max-width: 100%;
  }
}
.progress-bar-296 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-296 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-296 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-296 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-296 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-296 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-296 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-297 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 297px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-297 {
    max-width: 100%;
  }
}
.progress-bar-297 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-297 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-297 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-297 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-297 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-297 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-297 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-298 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 298px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-298 {
    max-width: 100%;
  }
}
.progress-bar-298 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-298 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-298 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-298 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-298 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-298 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-298 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-299 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 299px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-299 {
    max-width: 100%;
  }
}
.progress-bar-299 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-299 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-299 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-299 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-299 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-299 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-299 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-300 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 300px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-300 {
    max-width: 100%;
  }
}
.progress-bar-300 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-300 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-300 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-300 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-300 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-300 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-300 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-301 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 301px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-301 {
    max-width: 100%;
  }
}
.progress-bar-301 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-301 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-301 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-301 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-301 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-301 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-301 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-302 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 302px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-302 {
    max-width: 100%;
  }
}
.progress-bar-302 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-302 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-302 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-302 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-302 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-302 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-302 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-303 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 303px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-303 {
    max-width: 100%;
  }
}
.progress-bar-303 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-303 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-303 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-303 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-303 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-303 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-303 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-304 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 304px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-304 {
    max-width: 100%;
  }
}
.progress-bar-304 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-304 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-304 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-304 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-304 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-304 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-304 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-305 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 305px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-305 {
    max-width: 100%;
  }
}
.progress-bar-305 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-305 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-305 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-305 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-305 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-305 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-305 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-306 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 306px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-306 {
    max-width: 100%;
  }
}
.progress-bar-306 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-306 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-306 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-306 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-306 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-306 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-306 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-307 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 307px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-307 {
    max-width: 100%;
  }
}
.progress-bar-307 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-307 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-307 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-307 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-307 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-307 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-307 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-308 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 308px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-308 {
    max-width: 100%;
  }
}
.progress-bar-308 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-308 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-308 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-308 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-308 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-308 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-308 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-309 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 309px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-309 {
    max-width: 100%;
  }
}
.progress-bar-309 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-309 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-309 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-309 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-309 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-309 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-309 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-310 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 310px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-310 {
    max-width: 100%;
  }
}
.progress-bar-310 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-310 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-310 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-310 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-310 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-310 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-310 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-311 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 311px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-311 {
    max-width: 100%;
  }
}
.progress-bar-311 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-311 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-311 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-311 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-311 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-311 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-311 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-312 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 312px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-312 {
    max-width: 100%;
  }
}
.progress-bar-312 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-312 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-312 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-312 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-312 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-312 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-312 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-313 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 313px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-313 {
    max-width: 100%;
  }
}
.progress-bar-313 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-313 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-313 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-313 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-313 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-313 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-313 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-314 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 314px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-314 {
    max-width: 100%;
  }
}
.progress-bar-314 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-314 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-314 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-314 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-314 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-314 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-314 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-315 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 315px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-315 {
    max-width: 100%;
  }
}
.progress-bar-315 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-315 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-315 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-315 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-315 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-315 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-315 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-316 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 316px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-316 {
    max-width: 100%;
  }
}
.progress-bar-316 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-316 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-316 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-316 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-316 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-316 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-316 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-317 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 317px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-317 {
    max-width: 100%;
  }
}
.progress-bar-317 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-317 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-317 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-317 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-317 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-317 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-317 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-318 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 318px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-318 {
    max-width: 100%;
  }
}
.progress-bar-318 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-318 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-318 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-318 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-318 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-318 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-318 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-319 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 319px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-319 {
    max-width: 100%;
  }
}
.progress-bar-319 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-319 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-319 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-319 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-319 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-319 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-319 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-320 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 320px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-320 {
    max-width: 100%;
  }
}
.progress-bar-320 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-320 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-320 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-320 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-320 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-320 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-320 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-321 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 321px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-321 {
    max-width: 100%;
  }
}
.progress-bar-321 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-321 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-321 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-321 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-321 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-321 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-321 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-322 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 322px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-322 {
    max-width: 100%;
  }
}
.progress-bar-322 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-322 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-322 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-322 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-322 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-322 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-322 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-323 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 323px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-323 {
    max-width: 100%;
  }
}
.progress-bar-323 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-323 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-323 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-323 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-323 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-323 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-323 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-324 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 324px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-324 {
    max-width: 100%;
  }
}
.progress-bar-324 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-324 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-324 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-324 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-324 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-324 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-324 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-325 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 325px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-325 {
    max-width: 100%;
  }
}
.progress-bar-325 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-325 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-325 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-325 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-325 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-325 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-325 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-326 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 326px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-326 {
    max-width: 100%;
  }
}
.progress-bar-326 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-326 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-326 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-326 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-326 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-326 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-326 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-327 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 327px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-327 {
    max-width: 100%;
  }
}
.progress-bar-327 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-327 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-327 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-327 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-327 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-327 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-327 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-328 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 328px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-328 {
    max-width: 100%;
  }
}
.progress-bar-328 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-328 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-328 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-328 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-328 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-328 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-328 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-329 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 329px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-329 {
    max-width: 100%;
  }
}
.progress-bar-329 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-329 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-329 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-329 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-329 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-329 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-329 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-330 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 330px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-330 {
    max-width: 100%;
  }
}
.progress-bar-330 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-330 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-330 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-330 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-330 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-330 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-330 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-331 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 331px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-331 {
    max-width: 100%;
  }
}
.progress-bar-331 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-331 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-331 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-331 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-331 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-331 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-331 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-332 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 332px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-332 {
    max-width: 100%;
  }
}
.progress-bar-332 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-332 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-332 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-332 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-332 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-332 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-332 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-333 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 333px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-333 {
    max-width: 100%;
  }
}
.progress-bar-333 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-333 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-333 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-333 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-333 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-333 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-333 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-334 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 334px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-334 {
    max-width: 100%;
  }
}
.progress-bar-334 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-334 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-334 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-334 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-334 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-334 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-334 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-335 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 335px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-335 {
    max-width: 100%;
  }
}
.progress-bar-335 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-335 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-335 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-335 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-335 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-335 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-335 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-336 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 336px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-336 {
    max-width: 100%;
  }
}
.progress-bar-336 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-336 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-336 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-336 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-336 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-336 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-336 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-337 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 337px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-337 {
    max-width: 100%;
  }
}
.progress-bar-337 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-337 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-337 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-337 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-337 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-337 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-337 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-338 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 338px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-338 {
    max-width: 100%;
  }
}
.progress-bar-338 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-338 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-338 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-338 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-338 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-338 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-338 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-339 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 339px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-339 {
    max-width: 100%;
  }
}
.progress-bar-339 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-339 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-339 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-339 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-339 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-339 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-339 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-340 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 340px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-340 {
    max-width: 100%;
  }
}
.progress-bar-340 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-340 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-340 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-340 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-340 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-340 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-340 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-341 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 341px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-341 {
    max-width: 100%;
  }
}
.progress-bar-341 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-341 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-341 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-341 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-341 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-341 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-341 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-342 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 342px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-342 {
    max-width: 100%;
  }
}
.progress-bar-342 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-342 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-342 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-342 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-342 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-342 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-342 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-343 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 343px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-343 {
    max-width: 100%;
  }
}
.progress-bar-343 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-343 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-343 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-343 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-343 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-343 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-343 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-344 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 344px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-344 {
    max-width: 100%;
  }
}
.progress-bar-344 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-344 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-344 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-344 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-344 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-344 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-344 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-345 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 345px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-345 {
    max-width: 100%;
  }
}
.progress-bar-345 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-345 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-345 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-345 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-345 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-345 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-345 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-346 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 346px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-346 {
    max-width: 100%;
  }
}
.progress-bar-346 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-346 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-346 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-346 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-346 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-346 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-346 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-347 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 347px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-347 {
    max-width: 100%;
  }
}
.progress-bar-347 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-347 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-347 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-347 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-347 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-347 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-347 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-348 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 348px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-348 {
    max-width: 100%;
  }
}
.progress-bar-348 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-348 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-348 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-348 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-348 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-348 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-348 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-349 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 349px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-349 {
    max-width: 100%;
  }
}
.progress-bar-349 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-349 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-349 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-349 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-349 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-349 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-349 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-350 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 350px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-350 {
    max-width: 100%;
  }
}
.progress-bar-350 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-350 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-350 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-350 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-350 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-350 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-350 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-351 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 351px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-351 {
    max-width: 100%;
  }
}
.progress-bar-351 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-351 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-351 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-351 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-351 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-351 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-351 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-352 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 352px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-352 {
    max-width: 100%;
  }
}
.progress-bar-352 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-352 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-352 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-352 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-352 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-352 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-352 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-353 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 353px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-353 {
    max-width: 100%;
  }
}
.progress-bar-353 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-353 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-353 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-353 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-353 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-353 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-353 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-354 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 354px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-354 {
    max-width: 100%;
  }
}
.progress-bar-354 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-354 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-354 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-354 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-354 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-354 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-354 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-355 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 355px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-355 {
    max-width: 100%;
  }
}
.progress-bar-355 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-355 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-355 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-355 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-355 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-355 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-355 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-356 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 356px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-356 {
    max-width: 100%;
  }
}
.progress-bar-356 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-356 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-356 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-356 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-356 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-356 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-356 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-357 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 357px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-357 {
    max-width: 100%;
  }
}
.progress-bar-357 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-357 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-357 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-357 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-357 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-357 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-357 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-358 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 358px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-358 {
    max-width: 100%;
  }
}
.progress-bar-358 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-358 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-358 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-358 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-358 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-358 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-358 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-359 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 359px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-359 {
    max-width: 100%;
  }
}
.progress-bar-359 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-359 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-359 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-359 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-359 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-359 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-359 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-360 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 360px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-360 {
    max-width: 100%;
  }
}
.progress-bar-360 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-360 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-360 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-360 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-360 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-360 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-360 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-361 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 361px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-361 {
    max-width: 100%;
  }
}
.progress-bar-361 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-361 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-361 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-361 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-361 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-361 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-361 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-362 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 362px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-362 {
    max-width: 100%;
  }
}
.progress-bar-362 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-362 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-362 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-362 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-362 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-362 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-362 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-363 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 363px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-363 {
    max-width: 100%;
  }
}
.progress-bar-363 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-363 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-363 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-363 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-363 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-363 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-363 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-364 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 364px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-364 {
    max-width: 100%;
  }
}
.progress-bar-364 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-364 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-364 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-364 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-364 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-364 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-364 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-365 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 365px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-365 {
    max-width: 100%;
  }
}
.progress-bar-365 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-365 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-365 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-365 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-365 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-365 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-365 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-366 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 366px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-366 {
    max-width: 100%;
  }
}
.progress-bar-366 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-366 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-366 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-366 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-366 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-366 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-366 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-367 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 367px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-367 {
    max-width: 100%;
  }
}
.progress-bar-367 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-367 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-367 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-367 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-367 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-367 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-367 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-368 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 368px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-368 {
    max-width: 100%;
  }
}
.progress-bar-368 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-368 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-368 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-368 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-368 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-368 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-368 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-369 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 369px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-369 {
    max-width: 100%;
  }
}
.progress-bar-369 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-369 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-369 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-369 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-369 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-369 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-369 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-370 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 370px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-370 {
    max-width: 100%;
  }
}
.progress-bar-370 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-370 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-370 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-370 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-370 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-370 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-370 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-371 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 371px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-371 {
    max-width: 100%;
  }
}
.progress-bar-371 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-371 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-371 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-371 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-371 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-371 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-371 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-372 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 372px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-372 {
    max-width: 100%;
  }
}
.progress-bar-372 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-372 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-372 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-372 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-372 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-372 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-372 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-373 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 373px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-373 {
    max-width: 100%;
  }
}
.progress-bar-373 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-373 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-373 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-373 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-373 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-373 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-373 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-374 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 374px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-374 {
    max-width: 100%;
  }
}
.progress-bar-374 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-374 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-374 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-374 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-374 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-374 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-374 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-375 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 375px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-375 {
    max-width: 100%;
  }
}
.progress-bar-375 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-375 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-375 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-375 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-375 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-375 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-375 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-376 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 376px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-376 {
    max-width: 100%;
  }
}
.progress-bar-376 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-376 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-376 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-376 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-376 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-376 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-376 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-377 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 377px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-377 {
    max-width: 100%;
  }
}
.progress-bar-377 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-377 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-377 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-377 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-377 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-377 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-377 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-378 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 378px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-378 {
    max-width: 100%;
  }
}
.progress-bar-378 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-378 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-378 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-378 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-378 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-378 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-378 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-379 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 379px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-379 {
    max-width: 100%;
  }
}
.progress-bar-379 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-379 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-379 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-379 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-379 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-379 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-379 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-380 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 380px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-380 {
    max-width: 100%;
  }
}
.progress-bar-380 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-380 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-380 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-380 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-380 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-380 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-380 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-381 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 381px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-381 {
    max-width: 100%;
  }
}
.progress-bar-381 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-381 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-381 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-381 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-381 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-381 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-381 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-382 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 382px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-382 {
    max-width: 100%;
  }
}
.progress-bar-382 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-382 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-382 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-382 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-382 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-382 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-382 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-383 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 383px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-383 {
    max-width: 100%;
  }
}
.progress-bar-383 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-383 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-383 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-383 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-383 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-383 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-383 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-384 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 384px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-384 {
    max-width: 100%;
  }
}
.progress-bar-384 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-384 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-384 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-384 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-384 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-384 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-384 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-385 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 385px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-385 {
    max-width: 100%;
  }
}
.progress-bar-385 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-385 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-385 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-385 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-385 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-385 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-385 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-386 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 386px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-386 {
    max-width: 100%;
  }
}
.progress-bar-386 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-386 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-386 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-386 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-386 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-386 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-386 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-387 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 387px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-387 {
    max-width: 100%;
  }
}
.progress-bar-387 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-387 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-387 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-387 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-387 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-387 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-387 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-388 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 388px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-388 {
    max-width: 100%;
  }
}
.progress-bar-388 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-388 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-388 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-388 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-388 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-388 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-388 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-389 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 389px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-389 {
    max-width: 100%;
  }
}
.progress-bar-389 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-389 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-389 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-389 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-389 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-389 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-389 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-390 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 390px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-390 {
    max-width: 100%;
  }
}
.progress-bar-390 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-390 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-390 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-390 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-390 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-390 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-390 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-391 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 391px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-391 {
    max-width: 100%;
  }
}
.progress-bar-391 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-391 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-391 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-391 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-391 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-391 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-391 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-392 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 392px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-392 {
    max-width: 100%;
  }
}
.progress-bar-392 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-392 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-392 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-392 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-392 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-392 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-392 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-393 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 393px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-393 {
    max-width: 100%;
  }
}
.progress-bar-393 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-393 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-393 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-393 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-393 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-393 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-393 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-394 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 394px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-394 {
    max-width: 100%;
  }
}
.progress-bar-394 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-394 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-394 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-394 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-394 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-394 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-394 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-395 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 395px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-395 {
    max-width: 100%;
  }
}
.progress-bar-395 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-395 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-395 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-395 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-395 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-395 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-395 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-396 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 396px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-396 {
    max-width: 100%;
  }
}
.progress-bar-396 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-396 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-396 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-396 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-396 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-396 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-396 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-397 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 397px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-397 {
    max-width: 100%;
  }
}
.progress-bar-397 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-397 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-397 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-397 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-397 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-397 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-397 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-398 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 398px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-398 {
    max-width: 100%;
  }
}
.progress-bar-398 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-398 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-398 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-398 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-398 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-398 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-398 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-399 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 399px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-399 {
    max-width: 100%;
  }
}
.progress-bar-399 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-399 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-399 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-399 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-399 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-399 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-399 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-400 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 400px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-400 {
    max-width: 100%;
  }
}
.progress-bar-400 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-400 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-400 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-400 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-400 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-400 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-400 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-401 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 401px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-401 {
    max-width: 100%;
  }
}
.progress-bar-401 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-401 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-401 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-401 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-401 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-401 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-401 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-402 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 402px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-402 {
    max-width: 100%;
  }
}
.progress-bar-402 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-402 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-402 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-402 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-402 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-402 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-402 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-403 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 403px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-403 {
    max-width: 100%;
  }
}
.progress-bar-403 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-403 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-403 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-403 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-403 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-403 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-403 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-404 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 404px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-404 {
    max-width: 100%;
  }
}
.progress-bar-404 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-404 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-404 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-404 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-404 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-404 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-404 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-405 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 405px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-405 {
    max-width: 100%;
  }
}
.progress-bar-405 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-405 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-405 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-405 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-405 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-405 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-405 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-406 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 406px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-406 {
    max-width: 100%;
  }
}
.progress-bar-406 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-406 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-406 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-406 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-406 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-406 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-406 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-407 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 407px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-407 {
    max-width: 100%;
  }
}
.progress-bar-407 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-407 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-407 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-407 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-407 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-407 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-407 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-408 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 408px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-408 {
    max-width: 100%;
  }
}
.progress-bar-408 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-408 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-408 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-408 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-408 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-408 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-408 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-409 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 409px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-409 {
    max-width: 100%;
  }
}
.progress-bar-409 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-409 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-409 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-409 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-409 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-409 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-409 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-410 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 410px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-410 {
    max-width: 100%;
  }
}
.progress-bar-410 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-410 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-410 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-410 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-410 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-410 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-410 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-411 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 411px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-411 {
    max-width: 100%;
  }
}
.progress-bar-411 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-411 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-411 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-411 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-411 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-411 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-411 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-412 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 412px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-412 {
    max-width: 100%;
  }
}
.progress-bar-412 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-412 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-412 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-412 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-412 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-412 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-412 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-413 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 413px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-413 {
    max-width: 100%;
  }
}
.progress-bar-413 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-413 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-413 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-413 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-413 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-413 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-413 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-414 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 414px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-414 {
    max-width: 100%;
  }
}
.progress-bar-414 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-414 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-414 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-414 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-414 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-414 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-414 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-415 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 415px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-415 {
    max-width: 100%;
  }
}
.progress-bar-415 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-415 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-415 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-415 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-415 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-415 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-415 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-416 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 416px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-416 {
    max-width: 100%;
  }
}
.progress-bar-416 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-416 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-416 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-416 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-416 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-416 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-416 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-417 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 417px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-417 {
    max-width: 100%;
  }
}
.progress-bar-417 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-417 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-417 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-417 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-417 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-417 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-417 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-418 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 418px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-418 {
    max-width: 100%;
  }
}
.progress-bar-418 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-418 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-418 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-418 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-418 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-418 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-418 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-419 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 419px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-419 {
    max-width: 100%;
  }
}
.progress-bar-419 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-419 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-419 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-419 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-419 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-419 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-419 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-420 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 420px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-420 {
    max-width: 100%;
  }
}
.progress-bar-420 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-420 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-420 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-420 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-420 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-420 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-420 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-421 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 421px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-421 {
    max-width: 100%;
  }
}
.progress-bar-421 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-421 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-421 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-421 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-421 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-421 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-421 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-422 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 422px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-422 {
    max-width: 100%;
  }
}
.progress-bar-422 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-422 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-422 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-422 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-422 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-422 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-422 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-423 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 423px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-423 {
    max-width: 100%;
  }
}
.progress-bar-423 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-423 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-423 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-423 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-423 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-423 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-423 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-424 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 424px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-424 {
    max-width: 100%;
  }
}
.progress-bar-424 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-424 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-424 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-424 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-424 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-424 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-424 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-425 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 425px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-425 {
    max-width: 100%;
  }
}
.progress-bar-425 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-425 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-425 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-425 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-425 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-425 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-425 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-426 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 426px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-426 {
    max-width: 100%;
  }
}
.progress-bar-426 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-426 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-426 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-426 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-426 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-426 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-426 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-427 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 427px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-427 {
    max-width: 100%;
  }
}
.progress-bar-427 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-427 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-427 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-427 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-427 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-427 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-427 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-428 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 428px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-428 {
    max-width: 100%;
  }
}
.progress-bar-428 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-428 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-428 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-428 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-428 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-428 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-428 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-429 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 429px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-429 {
    max-width: 100%;
  }
}
.progress-bar-429 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-429 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-429 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-429 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-429 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-429 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-429 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-430 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 430px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-430 {
    max-width: 100%;
  }
}
.progress-bar-430 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-430 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-430 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-430 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-430 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-430 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-430 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-431 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 431px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-431 {
    max-width: 100%;
  }
}
.progress-bar-431 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-431 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-431 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-431 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-431 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-431 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-431 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-432 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 432px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-432 {
    max-width: 100%;
  }
}
.progress-bar-432 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-432 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-432 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-432 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-432 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-432 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-432 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-433 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 433px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-433 {
    max-width: 100%;
  }
}
.progress-bar-433 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-433 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-433 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-433 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-433 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-433 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-433 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-434 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 434px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-434 {
    max-width: 100%;
  }
}
.progress-bar-434 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-434 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-434 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-434 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-434 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-434 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-434 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-435 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 435px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-435 {
    max-width: 100%;
  }
}
.progress-bar-435 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-435 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-435 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-435 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-435 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-435 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-435 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-436 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 436px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-436 {
    max-width: 100%;
  }
}
.progress-bar-436 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-436 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-436 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-436 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-436 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-436 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-436 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-437 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 437px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-437 {
    max-width: 100%;
  }
}
.progress-bar-437 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-437 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-437 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-437 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-437 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-437 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-437 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-438 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 438px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-438 {
    max-width: 100%;
  }
}
.progress-bar-438 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-438 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-438 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-438 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-438 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-438 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-438 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-439 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 439px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-439 {
    max-width: 100%;
  }
}
.progress-bar-439 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-439 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-439 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-439 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-439 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-439 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-439 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-440 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 440px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-440 {
    max-width: 100%;
  }
}
.progress-bar-440 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-440 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-440 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-440 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-440 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-440 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-440 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-441 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 441px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-441 {
    max-width: 100%;
  }
}
.progress-bar-441 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-441 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-441 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-441 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-441 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-441 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-441 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-442 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 442px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-442 {
    max-width: 100%;
  }
}
.progress-bar-442 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-442 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-442 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-442 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-442 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-442 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-442 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-443 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 443px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-443 {
    max-width: 100%;
  }
}
.progress-bar-443 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-443 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-443 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-443 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-443 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-443 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-443 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-444 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 444px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-444 {
    max-width: 100%;
  }
}
.progress-bar-444 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-444 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-444 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-444 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-444 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-444 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-444 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-445 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 445px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-445 {
    max-width: 100%;
  }
}
.progress-bar-445 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-445 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-445 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-445 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-445 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-445 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-445 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-446 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 446px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-446 {
    max-width: 100%;
  }
}
.progress-bar-446 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-446 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-446 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-446 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-446 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-446 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-446 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-447 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 447px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-447 {
    max-width: 100%;
  }
}
.progress-bar-447 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-447 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-447 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-447 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-447 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-447 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-447 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-448 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 448px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-448 {
    max-width: 100%;
  }
}
.progress-bar-448 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-448 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-448 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-448 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-448 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-448 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-448 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-449 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 449px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-449 {
    max-width: 100%;
  }
}
.progress-bar-449 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-449 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-449 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-449 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-449 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-449 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-449 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-450 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 450px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-450 {
    max-width: 100%;
  }
}
.progress-bar-450 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-450 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-450 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-450 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-450 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-450 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-450 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-451 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 451px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-451 {
    max-width: 100%;
  }
}
.progress-bar-451 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-451 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-451 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-451 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-451 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-451 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-451 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-452 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 452px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-452 {
    max-width: 100%;
  }
}
.progress-bar-452 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-452 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-452 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-452 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-452 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-452 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-452 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-453 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 453px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-453 {
    max-width: 100%;
  }
}
.progress-bar-453 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-453 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-453 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-453 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-453 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-453 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-453 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-454 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 454px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-454 {
    max-width: 100%;
  }
}
.progress-bar-454 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-454 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-454 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-454 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-454 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-454 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-454 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-455 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 455px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-455 {
    max-width: 100%;
  }
}
.progress-bar-455 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-455 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-455 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-455 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-455 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-455 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-455 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-456 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 456px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-456 {
    max-width: 100%;
  }
}
.progress-bar-456 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-456 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-456 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-456 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-456 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-456 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-456 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-457 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 457px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-457 {
    max-width: 100%;
  }
}
.progress-bar-457 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-457 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-457 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-457 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-457 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-457 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-457 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-458 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 458px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-458 {
    max-width: 100%;
  }
}
.progress-bar-458 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-458 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-458 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-458 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-458 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-458 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-458 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-459 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 459px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-459 {
    max-width: 100%;
  }
}
.progress-bar-459 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-459 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-459 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-459 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-459 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-459 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-459 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-460 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 460px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-460 {
    max-width: 100%;
  }
}
.progress-bar-460 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-460 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-460 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-460 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-460 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-460 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-460 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-461 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 461px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-461 {
    max-width: 100%;
  }
}
.progress-bar-461 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-461 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-461 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-461 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-461 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-461 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-461 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-462 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 462px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-462 {
    max-width: 100%;
  }
}
.progress-bar-462 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-462 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-462 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-462 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-462 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-462 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-462 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-463 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 463px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-463 {
    max-width: 100%;
  }
}
.progress-bar-463 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-463 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-463 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-463 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-463 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-463 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-463 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-464 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 464px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-464 {
    max-width: 100%;
  }
}
.progress-bar-464 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-464 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-464 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-464 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-464 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-464 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-464 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-465 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 465px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-465 {
    max-width: 100%;
  }
}
.progress-bar-465 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-465 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-465 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-465 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-465 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-465 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-465 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-466 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 466px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-466 {
    max-width: 100%;
  }
}
.progress-bar-466 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-466 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-466 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-466 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-466 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-466 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-466 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-467 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 467px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-467 {
    max-width: 100%;
  }
}
.progress-bar-467 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-467 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-467 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-467 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-467 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-467 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-467 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-468 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 468px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-468 {
    max-width: 100%;
  }
}
.progress-bar-468 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-468 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-468 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-468 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-468 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-468 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-468 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-469 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 469px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-469 {
    max-width: 100%;
  }
}
.progress-bar-469 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-469 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-469 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-469 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-469 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-469 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-469 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-470 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 470px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-470 {
    max-width: 100%;
  }
}
.progress-bar-470 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-470 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-470 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-470 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-470 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-470 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-470 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-471 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 471px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-471 {
    max-width: 100%;
  }
}
.progress-bar-471 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-471 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-471 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-471 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-471 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-471 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-471 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-472 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 472px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-472 {
    max-width: 100%;
  }
}
.progress-bar-472 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-472 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-472 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-472 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-472 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-472 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-472 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-473 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 473px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-473 {
    max-width: 100%;
  }
}
.progress-bar-473 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-473 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-473 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-473 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-473 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-473 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-473 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-474 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 474px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-474 {
    max-width: 100%;
  }
}
.progress-bar-474 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-474 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-474 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-474 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-474 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-474 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-474 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-475 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 475px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-475 {
    max-width: 100%;
  }
}
.progress-bar-475 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-475 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-475 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-475 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-475 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-475 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-475 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-476 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 476px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-476 {
    max-width: 100%;
  }
}
.progress-bar-476 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-476 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-476 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-476 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-476 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-476 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-476 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-477 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 477px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-477 {
    max-width: 100%;
  }
}
.progress-bar-477 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-477 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-477 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-477 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-477 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-477 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-477 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-478 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 478px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-478 {
    max-width: 100%;
  }
}
.progress-bar-478 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-478 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-478 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-478 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-478 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-478 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-478 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-479 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 479px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-479 {
    max-width: 100%;
  }
}
.progress-bar-479 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-479 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-479 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-479 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-479 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-479 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-479 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-480 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 480px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-480 {
    max-width: 100%;
  }
}
.progress-bar-480 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-480 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-480 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-480 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-480 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-480 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-480 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-481 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 481px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-481 {
    max-width: 100%;
  }
}
.progress-bar-481 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-481 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-481 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-481 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-481 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-481 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-481 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-482 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 482px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-482 {
    max-width: 100%;
  }
}
.progress-bar-482 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-482 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-482 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-482 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-482 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-482 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-482 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-483 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 483px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-483 {
    max-width: 100%;
  }
}
.progress-bar-483 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-483 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-483 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-483 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-483 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-483 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-483 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-484 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 484px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-484 {
    max-width: 100%;
  }
}
.progress-bar-484 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-484 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-484 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-484 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-484 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-484 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-484 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-485 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 485px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-485 {
    max-width: 100%;
  }
}
.progress-bar-485 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-485 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-485 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-485 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-485 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-485 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-485 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-486 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 486px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-486 {
    max-width: 100%;
  }
}
.progress-bar-486 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-486 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-486 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-486 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-486 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-486 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-486 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-487 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 487px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-487 {
    max-width: 100%;
  }
}
.progress-bar-487 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-487 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-487 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-487 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-487 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-487 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-487 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-488 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 488px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-488 {
    max-width: 100%;
  }
}
.progress-bar-488 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-488 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-488 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-488 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-488 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-488 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-488 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-489 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 489px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-489 {
    max-width: 100%;
  }
}
.progress-bar-489 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-489 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-489 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-489 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-489 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-489 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-489 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-490 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 490px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-490 {
    max-width: 100%;
  }
}
.progress-bar-490 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-490 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-490 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-490 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-490 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-490 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-490 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-491 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 491px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-491 {
    max-width: 100%;
  }
}
.progress-bar-491 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-491 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-491 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-491 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-491 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-491 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-491 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-492 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 492px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-492 {
    max-width: 100%;
  }
}
.progress-bar-492 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-492 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-492 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-492 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-492 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-492 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-492 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-493 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 493px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-493 {
    max-width: 100%;
  }
}
.progress-bar-493 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-493 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-493 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-493 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-493 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-493 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-493 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-494 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 494px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-494 {
    max-width: 100%;
  }
}
.progress-bar-494 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-494 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-494 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-494 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-494 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-494 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-494 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-495 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 495px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-495 {
    max-width: 100%;
  }
}
.progress-bar-495 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-495 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-495 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-495 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-495 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-495 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-495 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-496 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 496px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-496 {
    max-width: 100%;
  }
}
.progress-bar-496 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-496 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-496 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-496 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-496 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-496 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-496 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-497 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 497px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-497 {
    max-width: 100%;
  }
}
.progress-bar-497 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-497 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-497 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-497 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-497 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-497 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-497 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-498 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 498px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-498 {
    max-width: 100%;
  }
}
.progress-bar-498 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-498 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-498 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-498 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-498 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-498 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-498 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-499 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 499px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-499 {
    max-width: 100%;
  }
}
.progress-bar-499 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-499 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-499 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-499 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-499 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-499 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-499 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-500 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 500px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-500 {
    max-width: 100%;
  }
}
.progress-bar-500 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-500 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-500 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-500 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-500 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-500 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-500 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-501 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 501px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-501 {
    max-width: 100%;
  }
}
.progress-bar-501 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-501 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-501 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-501 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-501 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-501 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-501 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-502 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 502px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-502 {
    max-width: 100%;
  }
}
.progress-bar-502 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-502 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-502 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-502 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-502 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-502 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-502 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-503 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 503px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-503 {
    max-width: 100%;
  }
}
.progress-bar-503 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-503 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-503 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-503 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-503 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-503 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-503 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-504 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 504px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-504 {
    max-width: 100%;
  }
}
.progress-bar-504 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-504 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-504 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-504 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-504 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-504 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-504 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-505 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 505px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-505 {
    max-width: 100%;
  }
}
.progress-bar-505 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-505 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-505 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-505 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-505 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-505 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-505 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-506 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 506px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-506 {
    max-width: 100%;
  }
}
.progress-bar-506 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-506 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-506 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-506 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-506 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-506 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-506 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-507 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 507px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-507 {
    max-width: 100%;
  }
}
.progress-bar-507 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-507 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-507 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-507 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-507 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-507 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-507 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-508 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 508px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-508 {
    max-width: 100%;
  }
}
.progress-bar-508 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-508 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-508 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-508 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-508 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-508 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-508 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-509 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 509px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-509 {
    max-width: 100%;
  }
}
.progress-bar-509 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-509 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-509 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-509 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-509 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-509 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-509 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-510 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 510px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-510 {
    max-width: 100%;
  }
}
.progress-bar-510 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-510 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-510 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-510 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-510 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-510 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-510 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-511 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 511px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-511 {
    max-width: 100%;
  }
}
.progress-bar-511 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-511 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-511 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-511 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-511 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-511 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-511 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-512 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 512px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-512 {
    max-width: 100%;
  }
}
.progress-bar-512 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-512 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-512 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-512 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-512 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-512 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-512 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-513 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 513px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-513 {
    max-width: 100%;
  }
}
.progress-bar-513 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-513 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-513 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-513 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-513 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-513 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-513 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-514 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 514px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-514 {
    max-width: 100%;
  }
}
.progress-bar-514 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-514 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-514 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-514 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-514 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-514 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-514 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-515 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 515px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-515 {
    max-width: 100%;
  }
}
.progress-bar-515 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-515 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-515 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-515 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-515 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-515 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-515 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-516 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 516px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-516 {
    max-width: 100%;
  }
}
.progress-bar-516 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-516 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-516 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-516 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-516 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-516 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-516 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-517 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 517px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-517 {
    max-width: 100%;
  }
}
.progress-bar-517 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-517 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-517 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-517 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-517 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-517 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-517 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-518 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 518px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-518 {
    max-width: 100%;
  }
}
.progress-bar-518 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-518 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-518 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-518 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-518 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-518 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-518 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-519 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 519px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-519 {
    max-width: 100%;
  }
}
.progress-bar-519 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-519 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-519 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-519 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-519 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-519 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-519 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-520 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 520px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-520 {
    max-width: 100%;
  }
}
.progress-bar-520 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-520 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-520 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-520 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-520 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-520 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-520 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-521 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 521px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-521 {
    max-width: 100%;
  }
}
.progress-bar-521 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-521 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-521 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-521 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-521 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-521 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-521 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-522 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 522px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-522 {
    max-width: 100%;
  }
}
.progress-bar-522 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-522 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-522 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-522 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-522 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-522 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-522 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-523 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 523px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-523 {
    max-width: 100%;
  }
}
.progress-bar-523 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-523 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-523 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-523 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-523 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-523 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-523 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-524 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 524px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-524 {
    max-width: 100%;
  }
}
.progress-bar-524 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-524 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-524 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-524 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-524 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-524 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-524 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-525 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 525px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-525 {
    max-width: 100%;
  }
}
.progress-bar-525 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-525 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-525 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-525 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-525 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-525 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-525 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-526 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 526px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-526 {
    max-width: 100%;
  }
}
.progress-bar-526 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-526 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-526 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-526 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-526 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-526 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-526 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-527 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 527px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-527 {
    max-width: 100%;
  }
}
.progress-bar-527 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-527 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-527 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-527 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-527 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-527 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-527 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-528 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 528px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-528 {
    max-width: 100%;
  }
}
.progress-bar-528 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-528 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-528 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-528 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-528 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-528 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-528 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-529 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 529px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-529 {
    max-width: 100%;
  }
}
.progress-bar-529 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-529 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-529 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-529 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-529 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-529 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-529 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-530 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 530px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-530 {
    max-width: 100%;
  }
}
.progress-bar-530 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-530 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-530 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-530 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-530 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-530 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-530 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-531 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 531px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-531 {
    max-width: 100%;
  }
}
.progress-bar-531 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-531 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-531 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-531 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-531 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-531 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-531 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-532 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 532px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-532 {
    max-width: 100%;
  }
}
.progress-bar-532 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-532 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-532 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-532 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-532 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-532 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-532 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-533 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 533px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-533 {
    max-width: 100%;
  }
}
.progress-bar-533 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-533 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-533 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-533 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-533 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-533 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-533 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-534 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 534px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-534 {
    max-width: 100%;
  }
}
.progress-bar-534 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-534 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-534 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-534 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-534 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-534 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-534 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-535 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 535px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-535 {
    max-width: 100%;
  }
}
.progress-bar-535 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-535 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-535 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-535 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-535 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-535 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-535 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-536 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 536px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-536 {
    max-width: 100%;
  }
}
.progress-bar-536 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-536 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-536 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-536 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-536 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-536 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-536 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-537 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 537px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-537 {
    max-width: 100%;
  }
}
.progress-bar-537 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-537 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-537 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-537 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-537 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-537 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-537 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-538 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 538px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-538 {
    max-width: 100%;
  }
}
.progress-bar-538 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-538 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-538 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-538 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-538 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-538 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-538 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-539 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 539px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-539 {
    max-width: 100%;
  }
}
.progress-bar-539 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-539 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-539 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-539 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-539 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-539 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-539 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-540 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 540px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-540 {
    max-width: 100%;
  }
}
.progress-bar-540 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-540 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-540 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-540 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-540 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-540 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-540 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-541 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 541px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-541 {
    max-width: 100%;
  }
}
.progress-bar-541 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-541 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-541 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-541 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-541 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-541 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-541 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-542 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 542px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-542 {
    max-width: 100%;
  }
}
.progress-bar-542 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-542 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-542 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-542 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-542 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-542 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-542 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-543 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 543px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-543 {
    max-width: 100%;
  }
}
.progress-bar-543 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-543 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-543 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-543 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-543 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-543 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-543 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-544 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 544px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-544 {
    max-width: 100%;
  }
}
.progress-bar-544 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-544 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-544 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-544 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-544 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-544 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-544 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-545 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 545px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-545 {
    max-width: 100%;
  }
}
.progress-bar-545 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-545 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-545 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-545 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-545 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-545 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-545 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-546 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 546px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-546 {
    max-width: 100%;
  }
}
.progress-bar-546 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-546 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-546 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-546 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-546 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-546 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-546 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-547 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 547px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-547 {
    max-width: 100%;
  }
}
.progress-bar-547 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-547 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-547 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-547 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-547 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-547 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-547 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-548 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 548px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-548 {
    max-width: 100%;
  }
}
.progress-bar-548 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-548 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-548 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-548 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-548 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-548 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-548 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-549 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 549px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-549 {
    max-width: 100%;
  }
}
.progress-bar-549 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-549 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-549 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-549 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-549 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-549 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-549 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-550 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 550px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-550 {
    max-width: 100%;
  }
}
.progress-bar-550 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-550 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-550 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-550 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-550 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-550 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-550 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-551 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 551px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-551 {
    max-width: 100%;
  }
}
.progress-bar-551 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-551 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-551 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-551 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-551 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-551 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-551 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-552 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 552px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-552 {
    max-width: 100%;
  }
}
.progress-bar-552 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-552 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-552 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-552 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-552 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-552 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-552 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-553 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 553px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-553 {
    max-width: 100%;
  }
}
.progress-bar-553 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-553 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-553 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-553 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-553 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-553 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-553 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-554 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 554px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-554 {
    max-width: 100%;
  }
}
.progress-bar-554 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-554 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-554 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-554 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-554 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-554 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-554 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-555 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 555px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-555 {
    max-width: 100%;
  }
}
.progress-bar-555 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-555 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-555 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-555 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-555 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-555 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-555 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-556 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 556px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-556 {
    max-width: 100%;
  }
}
.progress-bar-556 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-556 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-556 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-556 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-556 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-556 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-556 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-557 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 557px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-557 {
    max-width: 100%;
  }
}
.progress-bar-557 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-557 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-557 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-557 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-557 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-557 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-557 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-558 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 558px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-558 {
    max-width: 100%;
  }
}
.progress-bar-558 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-558 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-558 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-558 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-558 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-558 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-558 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-559 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 559px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-559 {
    max-width: 100%;
  }
}
.progress-bar-559 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-559 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-559 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-559 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-559 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-559 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-559 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-560 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 560px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-560 {
    max-width: 100%;
  }
}
.progress-bar-560 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-560 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-560 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-560 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-560 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-560 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-560 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-561 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 561px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-561 {
    max-width: 100%;
  }
}
.progress-bar-561 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-561 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-561 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-561 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-561 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-561 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-561 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-562 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 562px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-562 {
    max-width: 100%;
  }
}
.progress-bar-562 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-562 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-562 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-562 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-562 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-562 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-562 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-563 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 563px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-563 {
    max-width: 100%;
  }
}
.progress-bar-563 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-563 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-563 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-563 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-563 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-563 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-563 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-564 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 564px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-564 {
    max-width: 100%;
  }
}
.progress-bar-564 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-564 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-564 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-564 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-564 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-564 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-564 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-565 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 565px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-565 {
    max-width: 100%;
  }
}
.progress-bar-565 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-565 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-565 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-565 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-565 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-565 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-565 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-566 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 566px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-566 {
    max-width: 100%;
  }
}
.progress-bar-566 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-566 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-566 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-566 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-566 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-566 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-566 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-567 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 567px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-567 {
    max-width: 100%;
  }
}
.progress-bar-567 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-567 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-567 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-567 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-567 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-567 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-567 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-568 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 568px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-568 {
    max-width: 100%;
  }
}
.progress-bar-568 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-568 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-568 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-568 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-568 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-568 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-568 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-569 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 569px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-569 {
    max-width: 100%;
  }
}
.progress-bar-569 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-569 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-569 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-569 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-569 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-569 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-569 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-570 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 570px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-570 {
    max-width: 100%;
  }
}
.progress-bar-570 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-570 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-570 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-570 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-570 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-570 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-570 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-571 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 571px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-571 {
    max-width: 100%;
  }
}
.progress-bar-571 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-571 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-571 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-571 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-571 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-571 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-571 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-572 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 572px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-572 {
    max-width: 100%;
  }
}
.progress-bar-572 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-572 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-572 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-572 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-572 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-572 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-572 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-573 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 573px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-573 {
    max-width: 100%;
  }
}
.progress-bar-573 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-573 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-573 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-573 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-573 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-573 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-573 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-574 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 574px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-574 {
    max-width: 100%;
  }
}
.progress-bar-574 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-574 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-574 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-574 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-574 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-574 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-574 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-575 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 575px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-575 {
    max-width: 100%;
  }
}
.progress-bar-575 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-575 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-575 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-575 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-575 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-575 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-575 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-576 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 576px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-576 {
    max-width: 100%;
  }
}
.progress-bar-576 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-576 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-576 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-576 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-576 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-576 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-576 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-577 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 577px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-577 {
    max-width: 100%;
  }
}
.progress-bar-577 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-577 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-577 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-577 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-577 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-577 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-577 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-578 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 578px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-578 {
    max-width: 100%;
  }
}
.progress-bar-578 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-578 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-578 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-578 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-578 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-578 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-578 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-579 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 579px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-579 {
    max-width: 100%;
  }
}
.progress-bar-579 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-579 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-579 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-579 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-579 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-579 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-579 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-580 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 580px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-580 {
    max-width: 100%;
  }
}
.progress-bar-580 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-580 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-580 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-580 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-580 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-580 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-580 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-581 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 581px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-581 {
    max-width: 100%;
  }
}
.progress-bar-581 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-581 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-581 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-581 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-581 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-581 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-581 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-582 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 582px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-582 {
    max-width: 100%;
  }
}
.progress-bar-582 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-582 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-582 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-582 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-582 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-582 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-582 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-583 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 583px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-583 {
    max-width: 100%;
  }
}
.progress-bar-583 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-583 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-583 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-583 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-583 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-583 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-583 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-584 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 584px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-584 {
    max-width: 100%;
  }
}
.progress-bar-584 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-584 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-584 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-584 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-584 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-584 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-584 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-585 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 585px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-585 {
    max-width: 100%;
  }
}
.progress-bar-585 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-585 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-585 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-585 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-585 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-585 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-585 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-586 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 586px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-586 {
    max-width: 100%;
  }
}
.progress-bar-586 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-586 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-586 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-586 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-586 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-586 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-586 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-587 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 587px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-587 {
    max-width: 100%;
  }
}
.progress-bar-587 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-587 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-587 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-587 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-587 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-587 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-587 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-588 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 588px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-588 {
    max-width: 100%;
  }
}
.progress-bar-588 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-588 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-588 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-588 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-588 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-588 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-588 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-589 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 589px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-589 {
    max-width: 100%;
  }
}
.progress-bar-589 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-589 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-589 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-589 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-589 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-589 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-589 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-590 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 590px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-590 {
    max-width: 100%;
  }
}
.progress-bar-590 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-590 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-590 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-590 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-590 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-590 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-590 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-591 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 591px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-591 {
    max-width: 100%;
  }
}
.progress-bar-591 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-591 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-591 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-591 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-591 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-591 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-591 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-592 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 592px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-592 {
    max-width: 100%;
  }
}
.progress-bar-592 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-592 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-592 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-592 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-592 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-592 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-592 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-593 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 593px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-593 {
    max-width: 100%;
  }
}
.progress-bar-593 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-593 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-593 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-593 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-593 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-593 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-593 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-594 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 594px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-594 {
    max-width: 100%;
  }
}
.progress-bar-594 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-594 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-594 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-594 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-594 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-594 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-594 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-595 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 595px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-595 {
    max-width: 100%;
  }
}
.progress-bar-595 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-595 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-595 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-595 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-595 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-595 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-595 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-596 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 596px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-596 {
    max-width: 100%;
  }
}
.progress-bar-596 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-596 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-596 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-596 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-596 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-596 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-596 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-597 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 597px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-597 {
    max-width: 100%;
  }
}
.progress-bar-597 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-597 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-597 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-597 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-597 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-597 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-597 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-598 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 598px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-598 {
    max-width: 100%;
  }
}
.progress-bar-598 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-598 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-598 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-598 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-598 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-598 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-598 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-599 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 599px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-599 {
    max-width: 100%;
  }
}
.progress-bar-599 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-599 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-599 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-599 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-599 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-599 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-599 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-600 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 600px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-600 {
    max-width: 100%;
  }
}
.progress-bar-600 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-600 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-600 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-600 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-600 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-600 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-600 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-601 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 601px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-601 {
    max-width: 100%;
  }
}
.progress-bar-601 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-601 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-601 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-601 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-601 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-601 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-601 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-602 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 602px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-602 {
    max-width: 100%;
  }
}
.progress-bar-602 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-602 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-602 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-602 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-602 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-602 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-602 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-603 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 603px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-603 {
    max-width: 100%;
  }
}
.progress-bar-603 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-603 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-603 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-603 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-603 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-603 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-603 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-604 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 604px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-604 {
    max-width: 100%;
  }
}
.progress-bar-604 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-604 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-604 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-604 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-604 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-604 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-604 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-605 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 605px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-605 {
    max-width: 100%;
  }
}
.progress-bar-605 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-605 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-605 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-605 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-605 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-605 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-605 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-606 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 606px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-606 {
    max-width: 100%;
  }
}
.progress-bar-606 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-606 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-606 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-606 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-606 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-606 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-606 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-607 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 607px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-607 {
    max-width: 100%;
  }
}
.progress-bar-607 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-607 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-607 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-607 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-607 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-607 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-607 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-608 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 608px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-608 {
    max-width: 100%;
  }
}
.progress-bar-608 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-608 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-608 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-608 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-608 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-608 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-608 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-609 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 609px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-609 {
    max-width: 100%;
  }
}
.progress-bar-609 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-609 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-609 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-609 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-609 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-609 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-609 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-610 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 610px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-610 {
    max-width: 100%;
  }
}
.progress-bar-610 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-610 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-610 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-610 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-610 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-610 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-610 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-611 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 611px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-611 {
    max-width: 100%;
  }
}
.progress-bar-611 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-611 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-611 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-611 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-611 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-611 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-611 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-612 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 612px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-612 {
    max-width: 100%;
  }
}
.progress-bar-612 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-612 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-612 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-612 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-612 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-612 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-612 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-613 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 613px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-613 {
    max-width: 100%;
  }
}
.progress-bar-613 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-613 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-613 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-613 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-613 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-613 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-613 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-614 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 614px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-614 {
    max-width: 100%;
  }
}
.progress-bar-614 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-614 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-614 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-614 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-614 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-614 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-614 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-615 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 615px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-615 {
    max-width: 100%;
  }
}
.progress-bar-615 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-615 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-615 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-615 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-615 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-615 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-615 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-616 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 616px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-616 {
    max-width: 100%;
  }
}
.progress-bar-616 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-616 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-616 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-616 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-616 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-616 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-616 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-617 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 617px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-617 {
    max-width: 100%;
  }
}
.progress-bar-617 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-617 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-617 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-617 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-617 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-617 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-617 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-618 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 618px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-618 {
    max-width: 100%;
  }
}
.progress-bar-618 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-618 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-618 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-618 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-618 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-618 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-618 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-619 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 619px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-619 {
    max-width: 100%;
  }
}
.progress-bar-619 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-619 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-619 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-619 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-619 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-619 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-619 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-620 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 620px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-620 {
    max-width: 100%;
  }
}
.progress-bar-620 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-620 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-620 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-620 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-620 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-620 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-620 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-621 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 621px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-621 {
    max-width: 100%;
  }
}
.progress-bar-621 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-621 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-621 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-621 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-621 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-621 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-621 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-622 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 622px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-622 {
    max-width: 100%;
  }
}
.progress-bar-622 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-622 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-622 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-622 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-622 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-622 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-622 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-623 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 623px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-623 {
    max-width: 100%;
  }
}
.progress-bar-623 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-623 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-623 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-623 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-623 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-623 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-623 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-624 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 624px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-624 {
    max-width: 100%;
  }
}
.progress-bar-624 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-624 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-624 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-624 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-624 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-624 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-624 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-625 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 625px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-625 {
    max-width: 100%;
  }
}
.progress-bar-625 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-625 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-625 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-625 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-625 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-625 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-625 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-626 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 626px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-626 {
    max-width: 100%;
  }
}
.progress-bar-626 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-626 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-626 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-626 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-626 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-626 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-626 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-627 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 627px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-627 {
    max-width: 100%;
  }
}
.progress-bar-627 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-627 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-627 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-627 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-627 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-627 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-627 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-628 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 628px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-628 {
    max-width: 100%;
  }
}
.progress-bar-628 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-628 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-628 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-628 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-628 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-628 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-628 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-629 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 629px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-629 {
    max-width: 100%;
  }
}
.progress-bar-629 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-629 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-629 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-629 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-629 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-629 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-629 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-630 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 630px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-630 {
    max-width: 100%;
  }
}
.progress-bar-630 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-630 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-630 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-630 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-630 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-630 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-630 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-631 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 631px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-631 {
    max-width: 100%;
  }
}
.progress-bar-631 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-631 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-631 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-631 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-631 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-631 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-631 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-632 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 632px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-632 {
    max-width: 100%;
  }
}
.progress-bar-632 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-632 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-632 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-632 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-632 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-632 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-632 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-633 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 633px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-633 {
    max-width: 100%;
  }
}
.progress-bar-633 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-633 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-633 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-633 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-633 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-633 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-633 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-634 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 634px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-634 {
    max-width: 100%;
  }
}
.progress-bar-634 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-634 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-634 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-634 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-634 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-634 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-634 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-635 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 635px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-635 {
    max-width: 100%;
  }
}
.progress-bar-635 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-635 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-635 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-635 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-635 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-635 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-635 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-636 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 636px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-636 {
    max-width: 100%;
  }
}
.progress-bar-636 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-636 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-636 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-636 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-636 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-636 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-636 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-637 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 637px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-637 {
    max-width: 100%;
  }
}
.progress-bar-637 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-637 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-637 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-637 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-637 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-637 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-637 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-638 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 638px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-638 {
    max-width: 100%;
  }
}
.progress-bar-638 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-638 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-638 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-638 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-638 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-638 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-638 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-639 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 639px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-639 {
    max-width: 100%;
  }
}
.progress-bar-639 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-639 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-639 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-639 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-639 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-639 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-639 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-640 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 640px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-640 {
    max-width: 100%;
  }
}
.progress-bar-640 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-640 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-640 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-640 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-640 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-640 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-640 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-641 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 641px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-641 {
    max-width: 100%;
  }
}
.progress-bar-641 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-641 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-641 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-641 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-641 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-641 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-641 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-642 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 642px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-642 {
    max-width: 100%;
  }
}
.progress-bar-642 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-642 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-642 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-642 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-642 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-642 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-642 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-643 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 643px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-643 {
    max-width: 100%;
  }
}
.progress-bar-643 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-643 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-643 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-643 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-643 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-643 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-643 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-644 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 644px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-644 {
    max-width: 100%;
  }
}
.progress-bar-644 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-644 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-644 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-644 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-644 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-644 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-644 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-645 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 645px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-645 {
    max-width: 100%;
  }
}
.progress-bar-645 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-645 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-645 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-645 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-645 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-645 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-645 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-646 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 646px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-646 {
    max-width: 100%;
  }
}
.progress-bar-646 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-646 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-646 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-646 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-646 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-646 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-646 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-647 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 647px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-647 {
    max-width: 100%;
  }
}
.progress-bar-647 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-647 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-647 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-647 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-647 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-647 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-647 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-648 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 648px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-648 {
    max-width: 100%;
  }
}
.progress-bar-648 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-648 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-648 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-648 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-648 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-648 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-648 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-649 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 649px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-649 {
    max-width: 100%;
  }
}
.progress-bar-649 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-649 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-649 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-649 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-649 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-649 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-649 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-650 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 650px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-650 {
    max-width: 100%;
  }
}
.progress-bar-650 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-650 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-650 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-650 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-650 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-650 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-650 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-651 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 651px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-651 {
    max-width: 100%;
  }
}
.progress-bar-651 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-651 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-651 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-651 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-651 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-651 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-651 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-652 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 652px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-652 {
    max-width: 100%;
  }
}
.progress-bar-652 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-652 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-652 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-652 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-652 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-652 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-652 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-653 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 653px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-653 {
    max-width: 100%;
  }
}
.progress-bar-653 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-653 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-653 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-653 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-653 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-653 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-653 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-654 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 654px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-654 {
    max-width: 100%;
  }
}
.progress-bar-654 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-654 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-654 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-654 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-654 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-654 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-654 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-655 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 655px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-655 {
    max-width: 100%;
  }
}
.progress-bar-655 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-655 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-655 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-655 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-655 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-655 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-655 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-656 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 656px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-656 {
    max-width: 100%;
  }
}
.progress-bar-656 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-656 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-656 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-656 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-656 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-656 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-656 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-657 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 657px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-657 {
    max-width: 100%;
  }
}
.progress-bar-657 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-657 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-657 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-657 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-657 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-657 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-657 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-658 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 658px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-658 {
    max-width: 100%;
  }
}
.progress-bar-658 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-658 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-658 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-658 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-658 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-658 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-658 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-659 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 659px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-659 {
    max-width: 100%;
  }
}
.progress-bar-659 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-659 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-659 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-659 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-659 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-659 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-659 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-660 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 660px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-660 {
    max-width: 100%;
  }
}
.progress-bar-660 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-660 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-660 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-660 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-660 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-660 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-660 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-661 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 661px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-661 {
    max-width: 100%;
  }
}
.progress-bar-661 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-661 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-661 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-661 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-661 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-661 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-661 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-662 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 662px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-662 {
    max-width: 100%;
  }
}
.progress-bar-662 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-662 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-662 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-662 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-662 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-662 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-662 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-663 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 663px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-663 {
    max-width: 100%;
  }
}
.progress-bar-663 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-663 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-663 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-663 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-663 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-663 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-663 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-664 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 664px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-664 {
    max-width: 100%;
  }
}
.progress-bar-664 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-664 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-664 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-664 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-664 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-664 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-664 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-665 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 665px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-665 {
    max-width: 100%;
  }
}
.progress-bar-665 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-665 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-665 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-665 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-665 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-665 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-665 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-666 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 666px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-666 {
    max-width: 100%;
  }
}
.progress-bar-666 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-666 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-666 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-666 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-666 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-666 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-666 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-667 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 667px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-667 {
    max-width: 100%;
  }
}
.progress-bar-667 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-667 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-667 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-667 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-667 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-667 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-667 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-668 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 668px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-668 {
    max-width: 100%;
  }
}
.progress-bar-668 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-668 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-668 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-668 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-668 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-668 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-668 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-669 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 669px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-669 {
    max-width: 100%;
  }
}
.progress-bar-669 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-669 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-669 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-669 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-669 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-669 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-669 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-670 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 670px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-670 {
    max-width: 100%;
  }
}
.progress-bar-670 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-670 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-670 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-670 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-670 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-670 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-670 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-671 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 671px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-671 {
    max-width: 100%;
  }
}
.progress-bar-671 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-671 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-671 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-671 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-671 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-671 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-671 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-672 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 672px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-672 {
    max-width: 100%;
  }
}
.progress-bar-672 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-672 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-672 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-672 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-672 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-672 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-672 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-673 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 673px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-673 {
    max-width: 100%;
  }
}
.progress-bar-673 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-673 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-673 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-673 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-673 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-673 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-673 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-674 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 674px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-674 {
    max-width: 100%;
  }
}
.progress-bar-674 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-674 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-674 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-674 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-674 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-674 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-674 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-675 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 675px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-675 {
    max-width: 100%;
  }
}
.progress-bar-675 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-675 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-675 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-675 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-675 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-675 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-675 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-676 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 676px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-676 {
    max-width: 100%;
  }
}
.progress-bar-676 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-676 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-676 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-676 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-676 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-676 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-676 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-677 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 677px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-677 {
    max-width: 100%;
  }
}
.progress-bar-677 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-677 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-677 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-677 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-677 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-677 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-677 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-678 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 678px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-678 {
    max-width: 100%;
  }
}
.progress-bar-678 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-678 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-678 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-678 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-678 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-678 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-678 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-679 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 679px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-679 {
    max-width: 100%;
  }
}
.progress-bar-679 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-679 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-679 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-679 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-679 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-679 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-679 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-680 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 680px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-680 {
    max-width: 100%;
  }
}
.progress-bar-680 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-680 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-680 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-680 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-680 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-680 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-680 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-681 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 681px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-681 {
    max-width: 100%;
  }
}
.progress-bar-681 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-681 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-681 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-681 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-681 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-681 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-681 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-682 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 682px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-682 {
    max-width: 100%;
  }
}
.progress-bar-682 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-682 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-682 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-682 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-682 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-682 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-682 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-683 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 683px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-683 {
    max-width: 100%;
  }
}
.progress-bar-683 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-683 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-683 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-683 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-683 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-683 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-683 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-684 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 684px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-684 {
    max-width: 100%;
  }
}
.progress-bar-684 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-684 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-684 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-684 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-684 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-684 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-684 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-685 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 685px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-685 {
    max-width: 100%;
  }
}
.progress-bar-685 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-685 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-685 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-685 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-685 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-685 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-685 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-686 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 686px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-686 {
    max-width: 100%;
  }
}
.progress-bar-686 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-686 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-686 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-686 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-686 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-686 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-686 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-687 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 687px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-687 {
    max-width: 100%;
  }
}
.progress-bar-687 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-687 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-687 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-687 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-687 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-687 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-687 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-688 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 688px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-688 {
    max-width: 100%;
  }
}
.progress-bar-688 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-688 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-688 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-688 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-688 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-688 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-688 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-689 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 689px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-689 {
    max-width: 100%;
  }
}
.progress-bar-689 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-689 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-689 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-689 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-689 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-689 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-689 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-690 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 690px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-690 {
    max-width: 100%;
  }
}
.progress-bar-690 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-690 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-690 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-690 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-690 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-690 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-690 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-691 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 691px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-691 {
    max-width: 100%;
  }
}
.progress-bar-691 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-691 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-691 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-691 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-691 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-691 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-691 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-692 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 692px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-692 {
    max-width: 100%;
  }
}
.progress-bar-692 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-692 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-692 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-692 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-692 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-692 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-692 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-693 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 693px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-693 {
    max-width: 100%;
  }
}
.progress-bar-693 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-693 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-693 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-693 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-693 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-693 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-693 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-694 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 694px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-694 {
    max-width: 100%;
  }
}
.progress-bar-694 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-694 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-694 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-694 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-694 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-694 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-694 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-695 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 695px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-695 {
    max-width: 100%;
  }
}
.progress-bar-695 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-695 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-695 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-695 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-695 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-695 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-695 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-696 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 696px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-696 {
    max-width: 100%;
  }
}
.progress-bar-696 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-696 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-696 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-696 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-696 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-696 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-696 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-697 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 697px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-697 {
    max-width: 100%;
  }
}
.progress-bar-697 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-697 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-697 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-697 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-697 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-697 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-697 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-698 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 698px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-698 {
    max-width: 100%;
  }
}
.progress-bar-698 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-698 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-698 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-698 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-698 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-698 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-698 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-699 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 699px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-699 {
    max-width: 100%;
  }
}
.progress-bar-699 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-699 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-699 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-699 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-699 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-699 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-699 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-700 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 700px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-700 {
    max-width: 100%;
  }
}
.progress-bar-700 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-700 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-700 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-700 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-700 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-700 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-700 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-701 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 701px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-701 {
    max-width: 100%;
  }
}
.progress-bar-701 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-701 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-701 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-701 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-701 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-701 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-701 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-702 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 702px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-702 {
    max-width: 100%;
  }
}
.progress-bar-702 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-702 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-702 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-702 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-702 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-702 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-702 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-703 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 703px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-703 {
    max-width: 100%;
  }
}
.progress-bar-703 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-703 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-703 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-703 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-703 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-703 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-703 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-704 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 704px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-704 {
    max-width: 100%;
  }
}
.progress-bar-704 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-704 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-704 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-704 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-704 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-704 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-704 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-705 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 705px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-705 {
    max-width: 100%;
  }
}
.progress-bar-705 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-705 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-705 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-705 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-705 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-705 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-705 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-706 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 706px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-706 {
    max-width: 100%;
  }
}
.progress-bar-706 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-706 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-706 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-706 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-706 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-706 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-706 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-707 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 707px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-707 {
    max-width: 100%;
  }
}
.progress-bar-707 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-707 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-707 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-707 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-707 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-707 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-707 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-708 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 708px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-708 {
    max-width: 100%;
  }
}
.progress-bar-708 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-708 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-708 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-708 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-708 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-708 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-708 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-709 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 709px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-709 {
    max-width: 100%;
  }
}
.progress-bar-709 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-709 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-709 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-709 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-709 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-709 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-709 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-710 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 710px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-710 {
    max-width: 100%;
  }
}
.progress-bar-710 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-710 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-710 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-710 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-710 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-710 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-710 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-711 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 711px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-711 {
    max-width: 100%;
  }
}
.progress-bar-711 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-711 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-711 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-711 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-711 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-711 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-711 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-712 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 712px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-712 {
    max-width: 100%;
  }
}
.progress-bar-712 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-712 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-712 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-712 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-712 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-712 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-712 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-713 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 713px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-713 {
    max-width: 100%;
  }
}
.progress-bar-713 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-713 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-713 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-713 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-713 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-713 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-713 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-714 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 714px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-714 {
    max-width: 100%;
  }
}
.progress-bar-714 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-714 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-714 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-714 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-714 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-714 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-714 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-715 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 715px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-715 {
    max-width: 100%;
  }
}
.progress-bar-715 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-715 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-715 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-715 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-715 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-715 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-715 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-716 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 716px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-716 {
    max-width: 100%;
  }
}
.progress-bar-716 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-716 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-716 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-716 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-716 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-716 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-716 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-717 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 717px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-717 {
    max-width: 100%;
  }
}
.progress-bar-717 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-717 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-717 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-717 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-717 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-717 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-717 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-718 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 718px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-718 {
    max-width: 100%;
  }
}
.progress-bar-718 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-718 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-718 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-718 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-718 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-718 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-718 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-719 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 719px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-719 {
    max-width: 100%;
  }
}
.progress-bar-719 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-719 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-719 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-719 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-719 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-719 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-719 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-720 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 720px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-720 {
    max-width: 100%;
  }
}
.progress-bar-720 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-720 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-720 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-720 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-720 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-720 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-720 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-721 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 721px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-721 {
    max-width: 100%;
  }
}
.progress-bar-721 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-721 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-721 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-721 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-721 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-721 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-721 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-722 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 722px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-722 {
    max-width: 100%;
  }
}
.progress-bar-722 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-722 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-722 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-722 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-722 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-722 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-722 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-723 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 723px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-723 {
    max-width: 100%;
  }
}
.progress-bar-723 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-723 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-723 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-723 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-723 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-723 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-723 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-724 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 724px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-724 {
    max-width: 100%;
  }
}
.progress-bar-724 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-724 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-724 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-724 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-724 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-724 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-724 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-725 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 725px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-725 {
    max-width: 100%;
  }
}
.progress-bar-725 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-725 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-725 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-725 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-725 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-725 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-725 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-726 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 726px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-726 {
    max-width: 100%;
  }
}
.progress-bar-726 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-726 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-726 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-726 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-726 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-726 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-726 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-727 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 727px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-727 {
    max-width: 100%;
  }
}
.progress-bar-727 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-727 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-727 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-727 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-727 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-727 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-727 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-728 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 728px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-728 {
    max-width: 100%;
  }
}
.progress-bar-728 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-728 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-728 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-728 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-728 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-728 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-728 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-729 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 729px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-729 {
    max-width: 100%;
  }
}
.progress-bar-729 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-729 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-729 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-729 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-729 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-729 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-729 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-730 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 730px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-730 {
    max-width: 100%;
  }
}
.progress-bar-730 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-730 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-730 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-730 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-730 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-730 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-730 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-731 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 731px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-731 {
    max-width: 100%;
  }
}
.progress-bar-731 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-731 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-731 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-731 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-731 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-731 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-731 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-732 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 732px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-732 {
    max-width: 100%;
  }
}
.progress-bar-732 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-732 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-732 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-732 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-732 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-732 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-732 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-733 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 733px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-733 {
    max-width: 100%;
  }
}
.progress-bar-733 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-733 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-733 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-733 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-733 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-733 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-733 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-734 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 734px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-734 {
    max-width: 100%;
  }
}
.progress-bar-734 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-734 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-734 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-734 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-734 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-734 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-734 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-735 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 735px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-735 {
    max-width: 100%;
  }
}
.progress-bar-735 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-735 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-735 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-735 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-735 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-735 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-735 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-736 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 736px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-736 {
    max-width: 100%;
  }
}
.progress-bar-736 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-736 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-736 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-736 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-736 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-736 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-736 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-737 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 737px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-737 {
    max-width: 100%;
  }
}
.progress-bar-737 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-737 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-737 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-737 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-737 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-737 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-737 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-738 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 738px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-738 {
    max-width: 100%;
  }
}
.progress-bar-738 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-738 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-738 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-738 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-738 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-738 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-738 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-739 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 739px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-739 {
    max-width: 100%;
  }
}
.progress-bar-739 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-739 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-739 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-739 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-739 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-739 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-739 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-740 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 740px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-740 {
    max-width: 100%;
  }
}
.progress-bar-740 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-740 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-740 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-740 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-740 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-740 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-740 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-741 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 741px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-741 {
    max-width: 100%;
  }
}
.progress-bar-741 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-741 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-741 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-741 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-741 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-741 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-741 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-742 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 742px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-742 {
    max-width: 100%;
  }
}
.progress-bar-742 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-742 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-742 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-742 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-742 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-742 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-742 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-743 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 743px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-743 {
    max-width: 100%;
  }
}
.progress-bar-743 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-743 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-743 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-743 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-743 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-743 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-743 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-744 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 744px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-744 {
    max-width: 100%;
  }
}
.progress-bar-744 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-744 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-744 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-744 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-744 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-744 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-744 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-745 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 745px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-745 {
    max-width: 100%;
  }
}
.progress-bar-745 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-745 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-745 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-745 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-745 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-745 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-745 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-746 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 746px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-746 {
    max-width: 100%;
  }
}
.progress-bar-746 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-746 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-746 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-746 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-746 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-746 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-746 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-747 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 747px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-747 {
    max-width: 100%;
  }
}
.progress-bar-747 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-747 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-747 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-747 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-747 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-747 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-747 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-748 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 748px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-748 {
    max-width: 100%;
  }
}
.progress-bar-748 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-748 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-748 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-748 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-748 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-748 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-748 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-749 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 749px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-749 {
    max-width: 100%;
  }
}
.progress-bar-749 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-749 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-749 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-749 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-749 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-749 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-749 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-750 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 750px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-750 {
    max-width: 100%;
  }
}
.progress-bar-750 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-750 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-750 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-750 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-750 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-750 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-750 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-751 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 751px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-751 {
    max-width: 100%;
  }
}
.progress-bar-751 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-751 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-751 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-751 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-751 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-751 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-751 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-752 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 752px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-752 {
    max-width: 100%;
  }
}
.progress-bar-752 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-752 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-752 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-752 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-752 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-752 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-752 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-753 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 753px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-753 {
    max-width: 100%;
  }
}
.progress-bar-753 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-753 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-753 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-753 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-753 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-753 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-753 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-754 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 754px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-754 {
    max-width: 100%;
  }
}
.progress-bar-754 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-754 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-754 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-754 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-754 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-754 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-754 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-755 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 755px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-755 {
    max-width: 100%;
  }
}
.progress-bar-755 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-755 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-755 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-755 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-755 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-755 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-755 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-756 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 756px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-756 {
    max-width: 100%;
  }
}
.progress-bar-756 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-756 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-756 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-756 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-756 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-756 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-756 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-757 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 757px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-757 {
    max-width: 100%;
  }
}
.progress-bar-757 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-757 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-757 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-757 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-757 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-757 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-757 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-758 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 758px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-758 {
    max-width: 100%;
  }
}
.progress-bar-758 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-758 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-758 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-758 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-758 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-758 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-758 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-759 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 759px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-759 {
    max-width: 100%;
  }
}
.progress-bar-759 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-759 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-759 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-759 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-759 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-759 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-759 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-760 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 760px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-760 {
    max-width: 100%;
  }
}
.progress-bar-760 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-760 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-760 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-760 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-760 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-760 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-760 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-761 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 761px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-761 {
    max-width: 100%;
  }
}
.progress-bar-761 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-761 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-761 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-761 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-761 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-761 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-761 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-762 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 762px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-762 {
    max-width: 100%;
  }
}
.progress-bar-762 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-762 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-762 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-762 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-762 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-762 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-762 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-763 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 763px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-763 {
    max-width: 100%;
  }
}
.progress-bar-763 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-763 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-763 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-763 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-763 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-763 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-763 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-764 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 764px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-764 {
    max-width: 100%;
  }
}
.progress-bar-764 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-764 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-764 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-764 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-764 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-764 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-764 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-765 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 765px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-765 {
    max-width: 100%;
  }
}
.progress-bar-765 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-765 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-765 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-765 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-765 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-765 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-765 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-766 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 766px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-766 {
    max-width: 100%;
  }
}
.progress-bar-766 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-766 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-766 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-766 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-766 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-766 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-766 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-767 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 767px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-767 {
    max-width: 100%;
  }
}
.progress-bar-767 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-767 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-767 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-767 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-767 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-767 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-767 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-768 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 768px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-768 {
    max-width: 100%;
  }
}
.progress-bar-768 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-768 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-768 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-768 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-768 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-768 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-768 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-769 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 769px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-769 {
    max-width: 100%;
  }
}
.progress-bar-769 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-769 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-769 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-769 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-769 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-769 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-769 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-770 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 770px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-770 {
    max-width: 100%;
  }
}
.progress-bar-770 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-770 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-770 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-770 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-770 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-770 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-770 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-771 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 771px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-771 {
    max-width: 100%;
  }
}
.progress-bar-771 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-771 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-771 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-771 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-771 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-771 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-771 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-772 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 772px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-772 {
    max-width: 100%;
  }
}
.progress-bar-772 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-772 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-772 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-772 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-772 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-772 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-772 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-773 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 773px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-773 {
    max-width: 100%;
  }
}
.progress-bar-773 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-773 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-773 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-773 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-773 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-773 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-773 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-774 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 774px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-774 {
    max-width: 100%;
  }
}
.progress-bar-774 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-774 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-774 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-774 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-774 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-774 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-774 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-775 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 775px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-775 {
    max-width: 100%;
  }
}
.progress-bar-775 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-775 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-775 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-775 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-775 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-775 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-775 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-776 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 776px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-776 {
    max-width: 100%;
  }
}
.progress-bar-776 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-776 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-776 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-776 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-776 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-776 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-776 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-777 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 777px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-777 {
    max-width: 100%;
  }
}
.progress-bar-777 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-777 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-777 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-777 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-777 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-777 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-777 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-778 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 778px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-778 {
    max-width: 100%;
  }
}
.progress-bar-778 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-778 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-778 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-778 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-778 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-778 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-778 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-779 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 779px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-779 {
    max-width: 100%;
  }
}
.progress-bar-779 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-779 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-779 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-779 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-779 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-779 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-779 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-780 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 780px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-780 {
    max-width: 100%;
  }
}
.progress-bar-780 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-780 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-780 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-780 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-780 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-780 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-780 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-781 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 781px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-781 {
    max-width: 100%;
  }
}
.progress-bar-781 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-781 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-781 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-781 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-781 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-781 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-781 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-782 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 782px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-782 {
    max-width: 100%;
  }
}
.progress-bar-782 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-782 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-782 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-782 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-782 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-782 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-782 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-783 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 783px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-783 {
    max-width: 100%;
  }
}
.progress-bar-783 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-783 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-783 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-783 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-783 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-783 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-783 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-784 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 784px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-784 {
    max-width: 100%;
  }
}
.progress-bar-784 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-784 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-784 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-784 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-784 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-784 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-784 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-785 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 785px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-785 {
    max-width: 100%;
  }
}
.progress-bar-785 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-785 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-785 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-785 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-785 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-785 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-785 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-786 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 786px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-786 {
    max-width: 100%;
  }
}
.progress-bar-786 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-786 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-786 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-786 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-786 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-786 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-786 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-787 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 787px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-787 {
    max-width: 100%;
  }
}
.progress-bar-787 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-787 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-787 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-787 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-787 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-787 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-787 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-788 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 788px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-788 {
    max-width: 100%;
  }
}
.progress-bar-788 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-788 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-788 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-788 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-788 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-788 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-788 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-789 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 789px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-789 {
    max-width: 100%;
  }
}
.progress-bar-789 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-789 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-789 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-789 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-789 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-789 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-789 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-790 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 790px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-790 {
    max-width: 100%;
  }
}
.progress-bar-790 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-790 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-790 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-790 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-790 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-790 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-790 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-791 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 791px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-791 {
    max-width: 100%;
  }
}
.progress-bar-791 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-791 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-791 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-791 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-791 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-791 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-791 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-792 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 792px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-792 {
    max-width: 100%;
  }
}
.progress-bar-792 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-792 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-792 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-792 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-792 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-792 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-792 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-793 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 793px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-793 {
    max-width: 100%;
  }
}
.progress-bar-793 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-793 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-793 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-793 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-793 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-793 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-793 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-794 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 794px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-794 {
    max-width: 100%;
  }
}
.progress-bar-794 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-794 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-794 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-794 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-794 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-794 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-794 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-795 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 795px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-795 {
    max-width: 100%;
  }
}
.progress-bar-795 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-795 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-795 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-795 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-795 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-795 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-795 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-796 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 796px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-796 {
    max-width: 100%;
  }
}
.progress-bar-796 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-796 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-796 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-796 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-796 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-796 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-796 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-797 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 797px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-797 {
    max-width: 100%;
  }
}
.progress-bar-797 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-797 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-797 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-797 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-797 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-797 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-797 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-798 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 798px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-798 {
    max-width: 100%;
  }
}
.progress-bar-798 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-798 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-798 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-798 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-798 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-798 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-798 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-799 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 799px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-799 {
    max-width: 100%;
  }
}
.progress-bar-799 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-799 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-799 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-799 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-799 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-799 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-799 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-800 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-800 {
    max-width: 100%;
  }
}
.progress-bar-800 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-800 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-800 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-800 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-800 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-800 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-800 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-801 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 801px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-801 {
    max-width: 100%;
  }
}
.progress-bar-801 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-801 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-801 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-801 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-801 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-801 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-801 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-802 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 802px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-802 {
    max-width: 100%;
  }
}
.progress-bar-802 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-802 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-802 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-802 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-802 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-802 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-802 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-803 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 803px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-803 {
    max-width: 100%;
  }
}
.progress-bar-803 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-803 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-803 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-803 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-803 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-803 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-803 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-804 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 804px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-804 {
    max-width: 100%;
  }
}
.progress-bar-804 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-804 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-804 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-804 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-804 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-804 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-804 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-805 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 805px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-805 {
    max-width: 100%;
  }
}
.progress-bar-805 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-805 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-805 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-805 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-805 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-805 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-805 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-806 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 806px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-806 {
    max-width: 100%;
  }
}
.progress-bar-806 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-806 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-806 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-806 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-806 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-806 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-806 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-807 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 807px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-807 {
    max-width: 100%;
  }
}
.progress-bar-807 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-807 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-807 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-807 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-807 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-807 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-807 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-808 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 808px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-808 {
    max-width: 100%;
  }
}
.progress-bar-808 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-808 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-808 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-808 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-808 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-808 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-808 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-809 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 809px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-809 {
    max-width: 100%;
  }
}
.progress-bar-809 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-809 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-809 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-809 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-809 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-809 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-809 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-810 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 810px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-810 {
    max-width: 100%;
  }
}
.progress-bar-810 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-810 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-810 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-810 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-810 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-810 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-810 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-811 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 811px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-811 {
    max-width: 100%;
  }
}
.progress-bar-811 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-811 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-811 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-811 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-811 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-811 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-811 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-812 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 812px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-812 {
    max-width: 100%;
  }
}
.progress-bar-812 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-812 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-812 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-812 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-812 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-812 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-812 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-813 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 813px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-813 {
    max-width: 100%;
  }
}
.progress-bar-813 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-813 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-813 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-813 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-813 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-813 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-813 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-814 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 814px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-814 {
    max-width: 100%;
  }
}
.progress-bar-814 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-814 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-814 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-814 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-814 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-814 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-814 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-815 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 815px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-815 {
    max-width: 100%;
  }
}
.progress-bar-815 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-815 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-815 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-815 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-815 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-815 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-815 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-816 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 816px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-816 {
    max-width: 100%;
  }
}
.progress-bar-816 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-816 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-816 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-816 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-816 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-816 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-816 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-817 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 817px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-817 {
    max-width: 100%;
  }
}
.progress-bar-817 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-817 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-817 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-817 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-817 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-817 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-817 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-818 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 818px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-818 {
    max-width: 100%;
  }
}
.progress-bar-818 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-818 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-818 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-818 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-818 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-818 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-818 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-819 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 819px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-819 {
    max-width: 100%;
  }
}
.progress-bar-819 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-819 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-819 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-819 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-819 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-819 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-819 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-820 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 820px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-820 {
    max-width: 100%;
  }
}
.progress-bar-820 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-820 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-820 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-820 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-820 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-820 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-820 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-821 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 821px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-821 {
    max-width: 100%;
  }
}
.progress-bar-821 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-821 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-821 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-821 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-821 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-821 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-821 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-822 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 822px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-822 {
    max-width: 100%;
  }
}
.progress-bar-822 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-822 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-822 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-822 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-822 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-822 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-822 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-823 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 823px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-823 {
    max-width: 100%;
  }
}
.progress-bar-823 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-823 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-823 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-823 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-823 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-823 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-823 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-824 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 824px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-824 {
    max-width: 100%;
  }
}
.progress-bar-824 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-824 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-824 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-824 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-824 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-824 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-824 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-825 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 825px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-825 {
    max-width: 100%;
  }
}
.progress-bar-825 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-825 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-825 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-825 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-825 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-825 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-825 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-826 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 826px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-826 {
    max-width: 100%;
  }
}
.progress-bar-826 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-826 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-826 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-826 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-826 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-826 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-826 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-827 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 827px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-827 {
    max-width: 100%;
  }
}
.progress-bar-827 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-827 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-827 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-827 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-827 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-827 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-827 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-828 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 828px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-828 {
    max-width: 100%;
  }
}
.progress-bar-828 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-828 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-828 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-828 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-828 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-828 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-828 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-829 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 829px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-829 {
    max-width: 100%;
  }
}
.progress-bar-829 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-829 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-829 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-829 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-829 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-829 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-829 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-830 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 830px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-830 {
    max-width: 100%;
  }
}
.progress-bar-830 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-830 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-830 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-830 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-830 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-830 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-830 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-831 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 831px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-831 {
    max-width: 100%;
  }
}
.progress-bar-831 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-831 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-831 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-831 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-831 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-831 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-831 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-832 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 832px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-832 {
    max-width: 100%;
  }
}
.progress-bar-832 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-832 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-832 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-832 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-832 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-832 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-832 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-833 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 833px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-833 {
    max-width: 100%;
  }
}
.progress-bar-833 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-833 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-833 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-833 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-833 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-833 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-833 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-834 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 834px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-834 {
    max-width: 100%;
  }
}
.progress-bar-834 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-834 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-834 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-834 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-834 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-834 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-834 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-835 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 835px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-835 {
    max-width: 100%;
  }
}
.progress-bar-835 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-835 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-835 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-835 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-835 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-835 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-835 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-836 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 836px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-836 {
    max-width: 100%;
  }
}
.progress-bar-836 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-836 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-836 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-836 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-836 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-836 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-836 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-837 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 837px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-837 {
    max-width: 100%;
  }
}
.progress-bar-837 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-837 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-837 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-837 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-837 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-837 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-837 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-838 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 838px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-838 {
    max-width: 100%;
  }
}
.progress-bar-838 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-838 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-838 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-838 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-838 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-838 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-838 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-839 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 839px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-839 {
    max-width: 100%;
  }
}
.progress-bar-839 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-839 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-839 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-839 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-839 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-839 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-839 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-840 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 840px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-840 {
    max-width: 100%;
  }
}
.progress-bar-840 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-840 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-840 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-840 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-840 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-840 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-840 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-841 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 841px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-841 {
    max-width: 100%;
  }
}
.progress-bar-841 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-841 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-841 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-841 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-841 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-841 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-841 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-842 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 842px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-842 {
    max-width: 100%;
  }
}
.progress-bar-842 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-842 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-842 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-842 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-842 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-842 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-842 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-843 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 843px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-843 {
    max-width: 100%;
  }
}
.progress-bar-843 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-843 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-843 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-843 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-843 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-843 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-843 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-844 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 844px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-844 {
    max-width: 100%;
  }
}
.progress-bar-844 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-844 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-844 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-844 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-844 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-844 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-844 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-845 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 845px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-845 {
    max-width: 100%;
  }
}
.progress-bar-845 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-845 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-845 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-845 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-845 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-845 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-845 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-846 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 846px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-846 {
    max-width: 100%;
  }
}
.progress-bar-846 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-846 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-846 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-846 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-846 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-846 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-846 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-847 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 847px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-847 {
    max-width: 100%;
  }
}
.progress-bar-847 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-847 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-847 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-847 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-847 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-847 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-847 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-848 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 848px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-848 {
    max-width: 100%;
  }
}
.progress-bar-848 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-848 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-848 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-848 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-848 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-848 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-848 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-849 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 849px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-849 {
    max-width: 100%;
  }
}
.progress-bar-849 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-849 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-849 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-849 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-849 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-849 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-849 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-850 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 850px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-850 {
    max-width: 100%;
  }
}
.progress-bar-850 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-850 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-850 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-850 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-850 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-850 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-850 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-851 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 851px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-851 {
    max-width: 100%;
  }
}
.progress-bar-851 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-851 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-851 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-851 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-851 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-851 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-851 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-852 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 852px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-852 {
    max-width: 100%;
  }
}
.progress-bar-852 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-852 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-852 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-852 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-852 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-852 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-852 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-853 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 853px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-853 {
    max-width: 100%;
  }
}
.progress-bar-853 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-853 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-853 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-853 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-853 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-853 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-853 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-854 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 854px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-854 {
    max-width: 100%;
  }
}
.progress-bar-854 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-854 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-854 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-854 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-854 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-854 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-854 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-855 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 855px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-855 {
    max-width: 100%;
  }
}
.progress-bar-855 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-855 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-855 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-855 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-855 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-855 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-855 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-856 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 856px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-856 {
    max-width: 100%;
  }
}
.progress-bar-856 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-856 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-856 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-856 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-856 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-856 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-856 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-857 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 857px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-857 {
    max-width: 100%;
  }
}
.progress-bar-857 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-857 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-857 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-857 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-857 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-857 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-857 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-858 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 858px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-858 {
    max-width: 100%;
  }
}
.progress-bar-858 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-858 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-858 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-858 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-858 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-858 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-858 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-859 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 859px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-859 {
    max-width: 100%;
  }
}
.progress-bar-859 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-859 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-859 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-859 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-859 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-859 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-859 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-860 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 860px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-860 {
    max-width: 100%;
  }
}
.progress-bar-860 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-860 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-860 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-860 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-860 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-860 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-860 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-861 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 861px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-861 {
    max-width: 100%;
  }
}
.progress-bar-861 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-861 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-861 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-861 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-861 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-861 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-861 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-862 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 862px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-862 {
    max-width: 100%;
  }
}
.progress-bar-862 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-862 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-862 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-862 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-862 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-862 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-862 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-863 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 863px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-863 {
    max-width: 100%;
  }
}
.progress-bar-863 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-863 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-863 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-863 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-863 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-863 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-863 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-864 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 864px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-864 {
    max-width: 100%;
  }
}
.progress-bar-864 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-864 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-864 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-864 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-864 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-864 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-864 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-865 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 865px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-865 {
    max-width: 100%;
  }
}
.progress-bar-865 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-865 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-865 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-865 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-865 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-865 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-865 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-866 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 866px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-866 {
    max-width: 100%;
  }
}
.progress-bar-866 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-866 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-866 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-866 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-866 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-866 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-866 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-867 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 867px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-867 {
    max-width: 100%;
  }
}
.progress-bar-867 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-867 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-867 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-867 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-867 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-867 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-867 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-868 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 868px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-868 {
    max-width: 100%;
  }
}
.progress-bar-868 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-868 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-868 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-868 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-868 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-868 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-868 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-869 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 869px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-869 {
    max-width: 100%;
  }
}
.progress-bar-869 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-869 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-869 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-869 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-869 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-869 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-869 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-870 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 870px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-870 {
    max-width: 100%;
  }
}
.progress-bar-870 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-870 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-870 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-870 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-870 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-870 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-870 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-871 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 871px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-871 {
    max-width: 100%;
  }
}
.progress-bar-871 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-871 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-871 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-871 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-871 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-871 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-871 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-872 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 872px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-872 {
    max-width: 100%;
  }
}
.progress-bar-872 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-872 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-872 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-872 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-872 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-872 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-872 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-873 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 873px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-873 {
    max-width: 100%;
  }
}
.progress-bar-873 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-873 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-873 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-873 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-873 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-873 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-873 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-874 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 874px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-874 {
    max-width: 100%;
  }
}
.progress-bar-874 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-874 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-874 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-874 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-874 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-874 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-874 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-875 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 875px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-875 {
    max-width: 100%;
  }
}
.progress-bar-875 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-875 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-875 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-875 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-875 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-875 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-875 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-876 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 876px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-876 {
    max-width: 100%;
  }
}
.progress-bar-876 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-876 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-876 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-876 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-876 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-876 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-876 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-877 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 877px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-877 {
    max-width: 100%;
  }
}
.progress-bar-877 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-877 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-877 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-877 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-877 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-877 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-877 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-878 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 878px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-878 {
    max-width: 100%;
  }
}
.progress-bar-878 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-878 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-878 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-878 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-878 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-878 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-878 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-879 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 879px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-879 {
    max-width: 100%;
  }
}
.progress-bar-879 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-879 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-879 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-879 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-879 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-879 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-879 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-880 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 880px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-880 {
    max-width: 100%;
  }
}
.progress-bar-880 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-880 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-880 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-880 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-880 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-880 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-880 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-881 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 881px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-881 {
    max-width: 100%;
  }
}
.progress-bar-881 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-881 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-881 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-881 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-881 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-881 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-881 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-882 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 882px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-882 {
    max-width: 100%;
  }
}
.progress-bar-882 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-882 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-882 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-882 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-882 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-882 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-882 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-883 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 883px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-883 {
    max-width: 100%;
  }
}
.progress-bar-883 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-883 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-883 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-883 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-883 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-883 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-883 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-884 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 884px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-884 {
    max-width: 100%;
  }
}
.progress-bar-884 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-884 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-884 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-884 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-884 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-884 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-884 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-885 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 885px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-885 {
    max-width: 100%;
  }
}
.progress-bar-885 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-885 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-885 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-885 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-885 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-885 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-885 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-886 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 886px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-886 {
    max-width: 100%;
  }
}
.progress-bar-886 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-886 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-886 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-886 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-886 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-886 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-886 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-887 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 887px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-887 {
    max-width: 100%;
  }
}
.progress-bar-887 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-887 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-887 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-887 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-887 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-887 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-887 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-888 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 888px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-888 {
    max-width: 100%;
  }
}
.progress-bar-888 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-888 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-888 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-888 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-888 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-888 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-888 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-889 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 889px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-889 {
    max-width: 100%;
  }
}
.progress-bar-889 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-889 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-889 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-889 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-889 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-889 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-889 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-890 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 890px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-890 {
    max-width: 100%;
  }
}
.progress-bar-890 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-890 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-890 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-890 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-890 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-890 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-890 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-891 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 891px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-891 {
    max-width: 100%;
  }
}
.progress-bar-891 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-891 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-891 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-891 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-891 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-891 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-891 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-892 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 892px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-892 {
    max-width: 100%;
  }
}
.progress-bar-892 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-892 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-892 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-892 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-892 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-892 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-892 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-893 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 893px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-893 {
    max-width: 100%;
  }
}
.progress-bar-893 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-893 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-893 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-893 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-893 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-893 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-893 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-894 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 894px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-894 {
    max-width: 100%;
  }
}
.progress-bar-894 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-894 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-894 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-894 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-894 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-894 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-894 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-895 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 895px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-895 {
    max-width: 100%;
  }
}
.progress-bar-895 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-895 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-895 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-895 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-895 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-895 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-895 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-896 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 896px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-896 {
    max-width: 100%;
  }
}
.progress-bar-896 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-896 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-896 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-896 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-896 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-896 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-896 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-897 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 897px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-897 {
    max-width: 100%;
  }
}
.progress-bar-897 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-897 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-897 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-897 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-897 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-897 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-897 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-898 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 898px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-898 {
    max-width: 100%;
  }
}
.progress-bar-898 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-898 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-898 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-898 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-898 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-898 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-898 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-899 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 899px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-899 {
    max-width: 100%;
  }
}
.progress-bar-899 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-899 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-899 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-899 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-899 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-899 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-899 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-900 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 900px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-900 {
    max-width: 100%;
  }
}
.progress-bar-900 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-900 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-900 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-900 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-900 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-900 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-900 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-901 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 901px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-901 {
    max-width: 100%;
  }
}
.progress-bar-901 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-901 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-901 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-901 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-901 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-901 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-901 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-902 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 902px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-902 {
    max-width: 100%;
  }
}
.progress-bar-902 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-902 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-902 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-902 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-902 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-902 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-902 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-903 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 903px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-903 {
    max-width: 100%;
  }
}
.progress-bar-903 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-903 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-903 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-903 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-903 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-903 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-903 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-904 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 904px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-904 {
    max-width: 100%;
  }
}
.progress-bar-904 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-904 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-904 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-904 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-904 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-904 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-904 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-905 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 905px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-905 {
    max-width: 100%;
  }
}
.progress-bar-905 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-905 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-905 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-905 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-905 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-905 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-905 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-906 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 906px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-906 {
    max-width: 100%;
  }
}
.progress-bar-906 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-906 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-906 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-906 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-906 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-906 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-906 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-907 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 907px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-907 {
    max-width: 100%;
  }
}
.progress-bar-907 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-907 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-907 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-907 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-907 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-907 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-907 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-908 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 908px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-908 {
    max-width: 100%;
  }
}
.progress-bar-908 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-908 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-908 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-908 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-908 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-908 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-908 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-909 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 909px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-909 {
    max-width: 100%;
  }
}
.progress-bar-909 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-909 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-909 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-909 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-909 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-909 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-909 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-910 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 910px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-910 {
    max-width: 100%;
  }
}
.progress-bar-910 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-910 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-910 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-910 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-910 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-910 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-910 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-911 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 911px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-911 {
    max-width: 100%;
  }
}
.progress-bar-911 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-911 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-911 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-911 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-911 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-911 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-911 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-912 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 912px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-912 {
    max-width: 100%;
  }
}
.progress-bar-912 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-912 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-912 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-912 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-912 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-912 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-912 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-913 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 913px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-913 {
    max-width: 100%;
  }
}
.progress-bar-913 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-913 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-913 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-913 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-913 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-913 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-913 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-914 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 914px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-914 {
    max-width: 100%;
  }
}
.progress-bar-914 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-914 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-914 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-914 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-914 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-914 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-914 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-915 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 915px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-915 {
    max-width: 100%;
  }
}
.progress-bar-915 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-915 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-915 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-915 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-915 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-915 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-915 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-916 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 916px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-916 {
    max-width: 100%;
  }
}
.progress-bar-916 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-916 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-916 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-916 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-916 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-916 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-916 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-917 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 917px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-917 {
    max-width: 100%;
  }
}
.progress-bar-917 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-917 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-917 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-917 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-917 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-917 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-917 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-918 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 918px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-918 {
    max-width: 100%;
  }
}
.progress-bar-918 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-918 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-918 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-918 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-918 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-918 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-918 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-919 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 919px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-919 {
    max-width: 100%;
  }
}
.progress-bar-919 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-919 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-919 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-919 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-919 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-919 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-919 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-920 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 920px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-920 {
    max-width: 100%;
  }
}
.progress-bar-920 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-920 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-920 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-920 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-920 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-920 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-920 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-921 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 921px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-921 {
    max-width: 100%;
  }
}
.progress-bar-921 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-921 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-921 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-921 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-921 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-921 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-921 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-922 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 922px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-922 {
    max-width: 100%;
  }
}
.progress-bar-922 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-922 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-922 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-922 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-922 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-922 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-922 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-923 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 923px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-923 {
    max-width: 100%;
  }
}
.progress-bar-923 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-923 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-923 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-923 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-923 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-923 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-923 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-924 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 924px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-924 {
    max-width: 100%;
  }
}
.progress-bar-924 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-924 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-924 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-924 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-924 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-924 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-924 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-925 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 925px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-925 {
    max-width: 100%;
  }
}
.progress-bar-925 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-925 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-925 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-925 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-925 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-925 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-925 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-926 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 926px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-926 {
    max-width: 100%;
  }
}
.progress-bar-926 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-926 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-926 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-926 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-926 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-926 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-926 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-927 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 927px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-927 {
    max-width: 100%;
  }
}
.progress-bar-927 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-927 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-927 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-927 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-927 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-927 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-927 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-928 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 928px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-928 {
    max-width: 100%;
  }
}
.progress-bar-928 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-928 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-928 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-928 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-928 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-928 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-928 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-929 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 929px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-929 {
    max-width: 100%;
  }
}
.progress-bar-929 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-929 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-929 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-929 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-929 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-929 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-929 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-930 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 930px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-930 {
    max-width: 100%;
  }
}
.progress-bar-930 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-930 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-930 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-930 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-930 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-930 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-930 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-931 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 931px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-931 {
    max-width: 100%;
  }
}
.progress-bar-931 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-931 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-931 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-931 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-931 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-931 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-931 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-932 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 932px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-932 {
    max-width: 100%;
  }
}
.progress-bar-932 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-932 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-932 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-932 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-932 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-932 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-932 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-933 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 933px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-933 {
    max-width: 100%;
  }
}
.progress-bar-933 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-933 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-933 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-933 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-933 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-933 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-933 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-934 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 934px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-934 {
    max-width: 100%;
  }
}
.progress-bar-934 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-934 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-934 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-934 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-934 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-934 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-934 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-935 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 935px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-935 {
    max-width: 100%;
  }
}
.progress-bar-935 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-935 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-935 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-935 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-935 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-935 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-935 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-936 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 936px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-936 {
    max-width: 100%;
  }
}
.progress-bar-936 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-936 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-936 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-936 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-936 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-936 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-936 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-937 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 937px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-937 {
    max-width: 100%;
  }
}
.progress-bar-937 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-937 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-937 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-937 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-937 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-937 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-937 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-938 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 938px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-938 {
    max-width: 100%;
  }
}
.progress-bar-938 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-938 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-938 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-938 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-938 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-938 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-938 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-939 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 939px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-939 {
    max-width: 100%;
  }
}
.progress-bar-939 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-939 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-939 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-939 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-939 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-939 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-939 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-940 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 940px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-940 {
    max-width: 100%;
  }
}
.progress-bar-940 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-940 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-940 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-940 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-940 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-940 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-940 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-941 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 941px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-941 {
    max-width: 100%;
  }
}
.progress-bar-941 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-941 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-941 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-941 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-941 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-941 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-941 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-942 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 942px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-942 {
    max-width: 100%;
  }
}
.progress-bar-942 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-942 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-942 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-942 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-942 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-942 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-942 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-943 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 943px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-943 {
    max-width: 100%;
  }
}
.progress-bar-943 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-943 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-943 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-943 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-943 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-943 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-943 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-944 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 944px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-944 {
    max-width: 100%;
  }
}
.progress-bar-944 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-944 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-944 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-944 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-944 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-944 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-944 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-945 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 945px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-945 {
    max-width: 100%;
  }
}
.progress-bar-945 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-945 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-945 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-945 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-945 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-945 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-945 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-946 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 946px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-946 {
    max-width: 100%;
  }
}
.progress-bar-946 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-946 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-946 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-946 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-946 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-946 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-946 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-947 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 947px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-947 {
    max-width: 100%;
  }
}
.progress-bar-947 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-947 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-947 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-947 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-947 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-947 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-947 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-948 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 948px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-948 {
    max-width: 100%;
  }
}
.progress-bar-948 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-948 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-948 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-948 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-948 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-948 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-948 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-949 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 949px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-949 {
    max-width: 100%;
  }
}
.progress-bar-949 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-949 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-949 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-949 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-949 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-949 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-949 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-950 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 950px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-950 {
    max-width: 100%;
  }
}
.progress-bar-950 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-950 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-950 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-950 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-950 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-950 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-950 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-951 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 951px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-951 {
    max-width: 100%;
  }
}
.progress-bar-951 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-951 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-951 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-951 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-951 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-951 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-951 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-952 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 952px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-952 {
    max-width: 100%;
  }
}
.progress-bar-952 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-952 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-952 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-952 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-952 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-952 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-952 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-953 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 953px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-953 {
    max-width: 100%;
  }
}
.progress-bar-953 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-953 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-953 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-953 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-953 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-953 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-953 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-954 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 954px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-954 {
    max-width: 100%;
  }
}
.progress-bar-954 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-954 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-954 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-954 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-954 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-954 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-954 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-955 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 955px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-955 {
    max-width: 100%;
  }
}
.progress-bar-955 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-955 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-955 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-955 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-955 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-955 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-955 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-956 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 956px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-956 {
    max-width: 100%;
  }
}
.progress-bar-956 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-956 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-956 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-956 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-956 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-956 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-956 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-957 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 957px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-957 {
    max-width: 100%;
  }
}
.progress-bar-957 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-957 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-957 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-957 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-957 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-957 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-957 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-958 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 958px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-958 {
    max-width: 100%;
  }
}
.progress-bar-958 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-958 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-958 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-958 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-958 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-958 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-958 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-959 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 959px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-959 {
    max-width: 100%;
  }
}
.progress-bar-959 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-959 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-959 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-959 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-959 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-959 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-959 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-960 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 960px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-960 {
    max-width: 100%;
  }
}
.progress-bar-960 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-960 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-960 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-960 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-960 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-960 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-960 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-961 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 961px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-961 {
    max-width: 100%;
  }
}
.progress-bar-961 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-961 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-961 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-961 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-961 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-961 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-961 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-962 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 962px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-962 {
    max-width: 100%;
  }
}
.progress-bar-962 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-962 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-962 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-962 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-962 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-962 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-962 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-963 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 963px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-963 {
    max-width: 100%;
  }
}
.progress-bar-963 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-963 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-963 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-963 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-963 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-963 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-963 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-964 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 964px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-964 {
    max-width: 100%;
  }
}
.progress-bar-964 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-964 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-964 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-964 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-964 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-964 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-964 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-965 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 965px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-965 {
    max-width: 100%;
  }
}
.progress-bar-965 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-965 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-965 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-965 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-965 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-965 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-965 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-966 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 966px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-966 {
    max-width: 100%;
  }
}
.progress-bar-966 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-966 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-966 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-966 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-966 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-966 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-966 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-967 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 967px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-967 {
    max-width: 100%;
  }
}
.progress-bar-967 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-967 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-967 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-967 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-967 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-967 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-967 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-968 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 968px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-968 {
    max-width: 100%;
  }
}
.progress-bar-968 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-968 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-968 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-968 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-968 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-968 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-968 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-969 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 969px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-969 {
    max-width: 100%;
  }
}
.progress-bar-969 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-969 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-969 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-969 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-969 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-969 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-969 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-970 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 970px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-970 {
    max-width: 100%;
  }
}
.progress-bar-970 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-970 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-970 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-970 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-970 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-970 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-970 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-971 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 971px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-971 {
    max-width: 100%;
  }
}
.progress-bar-971 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-971 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-971 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-971 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-971 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-971 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-971 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-972 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 972px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-972 {
    max-width: 100%;
  }
}
.progress-bar-972 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-972 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-972 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-972 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-972 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-972 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-972 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-973 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 973px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-973 {
    max-width: 100%;
  }
}
.progress-bar-973 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-973 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-973 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-973 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-973 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-973 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-973 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-974 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 974px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-974 {
    max-width: 100%;
  }
}
.progress-bar-974 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-974 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-974 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-974 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-974 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-974 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-974 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-975 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 975px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-975 {
    max-width: 100%;
  }
}
.progress-bar-975 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-975 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-975 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-975 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-975 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-975 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-975 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-976 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 976px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-976 {
    max-width: 100%;
  }
}
.progress-bar-976 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-976 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-976 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-976 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-976 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-976 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-976 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-977 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 977px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-977 {
    max-width: 100%;
  }
}
.progress-bar-977 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-977 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-977 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-977 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-977 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-977 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-977 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-978 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 978px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-978 {
    max-width: 100%;
  }
}
.progress-bar-978 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-978 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-978 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-978 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-978 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-978 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-978 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-979 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 979px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-979 {
    max-width: 100%;
  }
}
.progress-bar-979 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-979 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-979 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-979 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-979 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-979 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-979 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-980 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 980px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-980 {
    max-width: 100%;
  }
}
.progress-bar-980 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-980 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-980 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-980 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-980 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-980 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-980 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-981 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 981px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-981 {
    max-width: 100%;
  }
}
.progress-bar-981 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-981 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-981 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-981 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-981 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-981 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-981 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-982 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 982px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-982 {
    max-width: 100%;
  }
}
.progress-bar-982 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-982 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-982 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-982 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-982 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-982 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-982 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-983 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 983px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-983 {
    max-width: 100%;
  }
}
.progress-bar-983 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-983 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-983 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-983 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-983 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-983 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-983 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-984 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 984px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-984 {
    max-width: 100%;
  }
}
.progress-bar-984 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-984 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-984 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-984 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-984 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-984 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-984 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-985 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 985px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-985 {
    max-width: 100%;
  }
}
.progress-bar-985 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-985 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-985 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-985 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-985 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-985 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-985 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-986 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 986px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-986 {
    max-width: 100%;
  }
}
.progress-bar-986 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-986 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-986 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-986 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-986 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-986 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-986 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-987 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 987px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-987 {
    max-width: 100%;
  }
}
.progress-bar-987 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-987 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-987 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-987 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-987 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-987 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-987 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-988 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 988px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-988 {
    max-width: 100%;
  }
}
.progress-bar-988 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-988 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-988 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-988 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-988 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-988 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-988 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-989 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 989px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-989 {
    max-width: 100%;
  }
}
.progress-bar-989 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-989 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-989 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-989 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-989 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-989 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-989 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-990 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 990px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-990 {
    max-width: 100%;
  }
}
.progress-bar-990 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-990 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-990 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-990 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-990 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-990 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-990 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-991 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 991px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-991 {
    max-width: 100%;
  }
}
.progress-bar-991 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-991 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-991 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-991 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-991 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-991 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-991 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-992 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 992px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-992 {
    max-width: 100%;
  }
}
.progress-bar-992 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-992 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-992 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-992 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-992 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-992 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-992 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-993 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 993px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-993 {
    max-width: 100%;
  }
}
.progress-bar-993 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-993 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-993 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-993 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-993 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-993 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-993 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-994 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 994px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-994 {
    max-width: 100%;
  }
}
.progress-bar-994 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-994 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-994 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-994 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-994 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-994 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-994 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-995 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 995px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-995 {
    max-width: 100%;
  }
}
.progress-bar-995 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-995 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-995 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-995 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-995 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-995 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-995 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-996 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 996px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-996 {
    max-width: 100%;
  }
}
.progress-bar-996 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-996 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-996 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-996 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-996 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-996 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-996 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-997 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 997px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-997 {
    max-width: 100%;
  }
}
.progress-bar-997 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-997 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-997 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-997 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-997 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-997 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-997 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-998 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 998px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-998 {
    max-width: 100%;
  }
}
.progress-bar-998 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-998 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-998 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-998 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-998 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-998 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-998 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-999 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 999px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-999 {
    max-width: 100%;
  }
}
.progress-bar-999 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-999 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-999 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-999 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-999 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-999 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-999 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.progress-bar-1000 {
  flex: 1;
  margin: 1rem;
  position: relative;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  .progress-bar-1000 {
    max-width: 100%;
  }
}
.progress-bar-1000 .progress-bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  cursor: pointer;
  padding: 4px 0;
  margin: -4px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-1000 .progress-bar-background:hover {
  transform: scaleY(1.2);
  transition: transform 0.2s ease;
}
.progress-bar-1000 .progress-bar-fill {
  height: 100%;
  background-color: #FCC900;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s ease, width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.progress-bar-1000 .progress-bar-fill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -2px;
  right: -2px;
  bottom: -4px;
  background: transparent;
  border-radius: 6px;
}
.progress-bar-1000 .progress-bar-fill:active {
  cursor: grabbing;
}
.progress-bar-1000 .progress-bar-fill.dragging {
  transition: width 0.3s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.progress-bar-1000 .progress-bar-fill.scrolling {
  transition: left 0.1s linear, width 0.3s ease;
}

.carousel {
  transition: scroll-left 0.3s ease;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.carousel__container {
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
}
.carousel__container__item {
  scroll-snap-align: start;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.smooth-scroll {
  scroll-behavior: smooth;
}
.carousel.auto-scroll {
  scroll-behavior: auto;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.post {
  max-width: 357px;
  background-color: #fff;
  padding: 12px 12px 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .post {
    max-width: 248px;
    padding: 0;
  }
}
.post__image {
  position: relative;
}
.post__image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-top-left-radius: 12px;
  width: 50px;
  height: 50px;
}
.post__image__img {
  max-width: 333px;
  width: 100%;
  height: 213px;
  object-fit: cover;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .post__image__img {
    border-radius: 12px 12px 0 0;
  }
}
.post__image__link {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .post__image__link {
    display: none;
  }
}
.post__image__link img {
  width: 41px;
  height: 41px;
}
.post__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  padding: 20px 0 20px;
}
@media screen and (max-width: 768px) {
  .post__content {
    padding: 12px;
    gap: 15px;
  }
}
.post__content__meta span {
  color: #961A80;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .post__content__meta span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .post__content__meta {
    display: flex;
    justify-content: space-between;
  }
  .post__content__meta__separator {
    display: none;
  }
}
.post__content__title {
  font-size: 20px;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
}
.post__content__title:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .post__content__title {
    font-size: 12px;
    text-transform: initial;
  }
}
.post__content__title h3 {
  color: #000;
}
.post__content__excerpt {
  font-size: 12px;
  line-height: 18px;
}
@media screen and (max-width: 768px) {
  .post__content__excerpt {
    font-size: 10px;
    line-height: 16px;
  }
}
.post__content__learn-more {
  display: none;
  color: #961A80;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .post__content__learn-more {
    display: block;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

body {
  padding-top: 144px;
}
@media screen and (max-width: 1024px) {
  body {
    padding-top: 134px;
  }
}

.header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.header li {
  list-style: none;
}
.header__top {
  background-color: #1B2888;
  padding: 8px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.header__top img {
  width: 1rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(41deg) brightness(110%) contrast(101%);
}
.header__top p, .header__top a {
  color: #fff;
  font-size: 14px;
}
.header__bottom {
  padding-top: 20px;
  padding-bottom: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__bottom__left {
  max-width: 212px;
}
@media screen and (max-width: 1024px) {
  .header__bottom__left {
    max-width: 166px;
  }
}
.header__bottom__left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.header__bottom__right {
  display: flex;
  align-items: center;
}
.header__bottom__right__menu-burger {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header__bottom__right__menu-burger {
    display: block;
  }
}
.header__bottom__right__menu {
  display: flex;
  align-items: center;
  gap: 80px;
}
.header__bottom__right__menu .menu {
  display: flex;
  align-items: center;
  gap: 50px;
}
.header__bottom__right__menu .menu .menu-item a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.header__bottom__right__menu .menu .menu-item-has-children {
  position: relative;
}
.header__bottom__right__menu .menu .menu-item-has-children::after {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  height: 60px;
  width: 100%;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .header__bottom__right__menu .menu .menu-item-has-children::after {
    display: none;
  }
}
.header__bottom__right__menu .menu .menu-item-has-children > a {
  position: relative;
}
.header__bottom__right__menu .menu .menu-item-has-children > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: -15px;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;
  width: 5px;
  height: 5px;
  transition: transform 0.3s ease;
  transform: rotate(-45deg);
}
.header__bottom__right__menu .menu .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  top: 69px;
  width: 221px;
}
.header__bottom__right__menu .menu .menu-item-has-children .sub-menu .menu-item {
  background-color: #fff;
}
.header__bottom__right__menu .menu .menu-item-has-children .sub-menu .menu-item:hover {
  color: #FCC900 !important;
  background-color: #fff9e5;
}
.header__bottom__right__menu .menu .menu-item-has-children .sub-menu .menu-item a {
  position: relative;
  font-weight: normal;
  display: block;
  width: 100%;
  padding: 12px;
}
.header__bottom__right__menu .menu .menu-item-has-children .sub-menu .menu-item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  border-top: solid 1px #FCC900;
  border-right: solid 1px #FCC900;
  width: 5px;
  height: 5px;
  transform: rotate(45deg) translateY(-50%);
}
.header__bottom__right__menu .menu .menu-item-has-children.open > a::after {
  transform: rotate(135deg);
}
.header__bottom__right__menu__buttons {
  display: flex;
  align-items: center;
  gap: 18px;
}

@media screen and (max-width: 1060px) {
  .header__bottom__right__menu {
    display: none;
    position: fixed;
    top: 94px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 35px;
  }
}
@media screen and (max-width: 1060px) and (max-width: 1024px) {
  .header__bottom__right__menu {
    top: 133px;
  }
}
@media screen and (max-width: 1060px) and (max-width: 768px) {
  .header__bottom__right__menu {
    top: 129px;
  }
}
@media screen and (max-width: 1060px) {
  .header__bottom__right__menu .menu {
    padding-bottom: 30px;
    align-items: start;
    flex-direction: column;
    gap: 0;
  }
  .header__bottom__right__menu .menu .menu-item {
    width: 100%;
    padding: 10px 0;
  }
  .header__bottom__right__menu .menu .menu-item:first-child {
    padding-top: 0;
  }
  .header__bottom__right__menu .menu .menu-item:last-child {
    padding-bottom: 0;
  }
  .header__bottom__right__menu .menu .sub-menu {
    position: initial !important;
    width: 100% !important;
  }
  .header__bottom__right__menu .menu .sub-menu .menu-item {
    padding: 0;
  }
  .header__bottom__right__menu .menu .sub-menu .menu-item a {
    padding: 12px 0;
  }
  .header__bottom__right__menu__buttons {
    gap: 20px;
  }
}
.show {
  display: block !important;
}

.cross-icon {
  display: none;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.footer {
  background-color: #FDFBF5;
}
.footer li {
  list-style: none;
}
.footer__top {
  padding-top: 63px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .footer__top {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.footer__top__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .footer__top__top {
    flex-direction: column;
    align-items: start;
  }
}
.footer__top__top__text {
  max-width: 365px;
}
@media screen and (max-width: 1024px) {
  .footer__top__top__text {
    margin: 35px 0;
    max-width: 100%;
  }
}
.footer__top__top__images {
  display: flex;
  gap: 25px;
}
.footer__top__top__images img {
  max-height: 110px;
}
@media screen and (max-width: 1024px) {
  .footer__top__top__images img {
    max-height: 70px;
  }
}
.footer__top__between {
  margin-top: 72px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .footer__top__between {
    margin-top: 35px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    flex-direction: column;
    align-items: start;
    gap: 18px;
  }
}
.footer__top__between li {
  display: flex;
  align-items: center;
  gap: 11px;
}
.footer__top__between li img {
  width: 1rem;
}
@media screen and (max-width: 768px) {
  .footer__top__between li img {
    width: 0.8rem;
  }
}
.footer__top__between li p, .footer__top__between li a {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .footer__top__between li p, .footer__top__between li a {
    font-size: 12px;
  }
}
.footer__top__between li a:hover {
  text-decoration: underline;
}
.footer__top__bottom .menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .footer__top__bottom .menu {
    gap: 25px;
  }
}
.footer__top__bottom .menu .menu-item-has-children > a {
  cursor: default;
  color: #1B2888;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .footer__top__bottom .menu .menu-item-has-children > a {
    font-size: 14px;
  }
}
.footer__top__bottom .menu .menu-item-has-children > a:hover {
  text-decoration: none;
}
.footer__top__bottom .menu .sub-menu {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .footer__top__bottom .menu .sub-menu {
    margin-top: 18px;
  }
}
.footer__top__bottom .menu .sub-menu li a {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .footer__top__bottom .menu .sub-menu li a {
    font-size: 12px;
  }
}
.footer__bottom {
  background-color: #1B2888;
  padding: 18px 35px 14px;
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    padding: 10px 35px;
  }
}
.footer__bottom p {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__bottom p {
    max-width: 242px;
  }
}
.footer__bottom p, .footer__bottom a {
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
}
.footer__bottom a {
  text-decoration: underline;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.sectionReviews {
  position: relative;
  background-color: #FDFBF5;
}
.sectionReviews__container {
  padding-top: 75px;
  padding-bottom: 130px;
  background-image: url("../images/awesome-quote-right.svg");
  background-repeat: no-repeat;
  background-position: 965px 40px;
  background-size: 178px;
}
@media screen and (max-width: 768px) {
  .sectionReviews__container {
    padding-top: 50px;
    padding-bottom: 75px;
    background-size: 120px;
    background-position-x: 260px;
  }
}
.sectionReviews__container h2 {
  text-align: center;
}
.sectionReviews__container__reviews {
  padding: 50px 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
@media screen and (max-width: 768px) {
  .sectionReviews__container__reviews {
    padding: 35px 0;
  }
}
.sectionReviews__container__reviews::-webkit-scrollbar {
  display: none;
}
.sectionReviews__container__reviews__content {
  width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
}
.sectionReviews__container__reviews__content__item {
  max-width: 361px;
  width: 361px;
  background-color: #fff;
  padding: 20px;
  border-radius: 21px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .sectionReviews__container__reviews__content__item {
    width: 295px;
  }
}
.sectionReviews__container__reviews__content__item__top {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
.sectionReviews__container__reviews__content__item__top__content {
  font-size: 12px;
  line-height: 18px;
}
.sectionReviews__container__reviews__content__item__top img {
  height: 14px;
}
.sectionReviews__container__reviews__content__item__bottom {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sectionReviews__container__reviews__content__item__bottom__pp {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  width: 60px;
  height: 60px;
  background-color: #961A80;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sectionReviews__container__reviews__content__item__bottom__right__date {
  opacity: 0.8;
  font-size: 12px;
}
.sectionReviews__container__between {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.sectionReviews__container__bottom {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 40px);
  background-color: #fff;
  padding: 32px 50px;
  border-radius: 18px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .sectionReviews__container__bottom {
    width: 85%;
    padding: 15px 30px;
  }
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.section-contact {
  padding: 130px 0;
}
.section-contact__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 1024px) {
  .section-contact__container {
    flex-direction: column;
    align-items: start;
  }
}
.section-contact__container__left img {
  width: 100%;
  max-width: 615px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
@media screen and (max-width: 768px) {
  .section-contact__container__left img {
    max-width: 100%;
  }
}
.section-contact__container__right {
  max-width: 564px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .section-contact__container__right {
    padding-left: 35px;
    max-width: 100%;
  }
}
.section-contact__container__right h2 {
  color: #1B2888;
  font-weight: bold;
}

:root {
  --ff-body-text: 1rem;
  --ff-heading-1: 3rem;
  --ff-heading-2: 2rem;
  --ff-heading-3: 1.5rem;
  --ff-caption: 0.75rem;
}
@media screen and (max-width: 768px) {
  :root {
    --ff-body-text: 1rem;
    --ff-heading-1: 3rem;
    --ff-heading-2: 2rem;
    --ff-heading-3: 1.5rem;
    --ff-caption: 0.75rem;
  }
}

.tarteaucitronAlertBigTop * {
  font-family: "Montserrat", sans-serif !important;
}
.tarteaucitronAlertBigTop::before {
  content: "" !important;
}

#tarteaucitron * {
  font-family: "Montserrat", sans-serif !important;
}

/*# sourceMappingURL=main.css.map */