/* input(2624,32): run-time error CSS1030: Expected identifier, found '.'
input(2624,57): run-time error CSS1025: Expected comma or open brace, found ')' */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
.ico {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}
.ico-0-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-0-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-0-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-0-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-0-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-1-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-1-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-1-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-1-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-1-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-2-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-2-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-2-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-2-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-2-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-3-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-3-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-3-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-3-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-3-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-4-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-4-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-4-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-4-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-4-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-5-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-5-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-5-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-5-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-5-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-6-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-6-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-6-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-6-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-6-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-7-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-7-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-7-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-7-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-7-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-8-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-8-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-8-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-8-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-8-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-9-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-9-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-9-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-9-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-9-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-10-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-10-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-10-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-10-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-10-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-11-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-11-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-11-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-11-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-11-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-12-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-12-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-12-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-12-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-12-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-13-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-13-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-13-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-13-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-13-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-14-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-14-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-14-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-14-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-14-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-15-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-15-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-15-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-15-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-15-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-0-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/0.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-0-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/0.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-0-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/0.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-0-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/0.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/1.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/1.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/1.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-1-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/1.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-2-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/2.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-2-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/2.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-2-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/2.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-2-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/2.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-3-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/3.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-3-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/3.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-3-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/3.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-3-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/3.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-4-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/4.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-4-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/4.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-4-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/4.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-4-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/4.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-5-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/5.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-5-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/5.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-5-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/5.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-5-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/5.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-6-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/6.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-6-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/6.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-6-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/6.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-6-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/6.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-7-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/7.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-7-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/7.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-7-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/7.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-7-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/7.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-8-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/8.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-8-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/8.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-8-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/8.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-8-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/8.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-9-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/9.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-9-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/9.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-9-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/9.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-9-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/9.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-10-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/10.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-10-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/10.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-10-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/10.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-10-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/10.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-11-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/11.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-11-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/11.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-11-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/11.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-11-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/11.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-12-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/12.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-12-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/12.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-12-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/12.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-badge-12-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/12.svg?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar--1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/-1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar--1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/-1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar--1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/-1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-0-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-0-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-0-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/0.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-2-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-2-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-2-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-3-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-3-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-3-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-4-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-4-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-4-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-5-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-5-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-5-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/5.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-6-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-6-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-6-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/6.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-7-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-7-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-7-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/7.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-8-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-8-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-8-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/8.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-9-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-9-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-9-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/9.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-10-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-10-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-10-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/10.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-11-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-11-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-11-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/11.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-12-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-12-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-12-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/12.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-13-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-13-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-13-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/13.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-14-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-14-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-14-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/14.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-15-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-15-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-15-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/15.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-16-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/16.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-16-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/16.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-16-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/16.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-17-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/17.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-17-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/17.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-17-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/17.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-18-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/18.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-18-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/18.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-18-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/18.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-19-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/19.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-19-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/19.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-19-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/19.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-20-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/20.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-20-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/20.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-20-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/20.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-21-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/21.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-21-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/21.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-21-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/21.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-22-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/22.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-22-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/22.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-22-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/22.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-23-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/23.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-23-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/23.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-23-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/23.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-24-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/24.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-24-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/24.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-24-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/24.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-25-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/25.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-25-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/25.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-25-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/25.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-26-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/26.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-26-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/26.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-26-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/26.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-27-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/27.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-27-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/27.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-27-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/27.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-28-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/28.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-28-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/28.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-28-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/28.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-29-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/29.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-29-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/29.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-29-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/29.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-30-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/30.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-30-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/30.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-30-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/30.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-31-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/31.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-31-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/31.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-31-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/31.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-32-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/32.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-32-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/32.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-32-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/32.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-33-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/33.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-33-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/33.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.ico-avatar-33-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/33.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI");
}
.progress-chart {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 230px;
}
.progress-chart-svg {
  width: 100%;
  height: 100%;
  transform: rotate(115deg);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  filter: drop-shadow(0px 1px 1px rgba(90, 30, 150, 0.2));
  overflow: visible;
  /* So the dot's shadow is visible */

}
.progress-chart-track,
.progress-chart-fill {
  fill: none;
  stroke-width: 10;
  cx: 50;
  cy: 50;
  r: 45;
  stroke-dasharray: 243.188984275;
  stroke-linecap: round;
}
.progress-chart-track {
  stroke: #E9D8FF;
  stroke-dashoffset: 0;
}
.progress-chart-fill {
  stroke: #9646FF;
  transition: stroke-dashoffset 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.progress-chart-endpoint-dot {
  fill: #33FF99;
  r: 1;
  cx: 50;
  cy: 5;
  transform-origin: 50px 50px;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  filter: drop-shadow(0px 0px 1.5px rgba(51, 255, 153, 0.7));
}
.progress-chart-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 28px;
  /* Padding - do not change */
  box-sizing: border-box;
}
.progress-chart-dotted-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(75%);
  height: calc(75%);
  border: 2.5px dotted rgba(150, 70, 255, 0.3);
  border-radius: 50%;
  box-sizing: border-box;
}
.progress-chart-text-wrapper {
  position: relative;
  z-index: 1;
}
.progress-chart-value {
  display: block;
  font-size: 3rem;
  font-weight: 900;
  color: #2C0B5C;
  line-height: 1.1;
}
.progress-chart-label {
  display: block;
  font-size: 0.8rem;
  color: #555E68;
  margin-top: 1px;
  font-weight: 400;
}
.progress-100 .progress-chart-fill {
  stroke-dashoffset: 0;
}
.progress-100 .progress-chart-endpoint-dot {
  transform: rotate(399.5deg);
}
.progress-99 .progress-chart-fill {
  stroke-dashoffset: 2.431889843;
}
.progress-99 .progress-chart-endpoint-dot {
  transform: rotate(396.4deg);
}
.progress-98 .progress-chart-fill {
  stroke-dashoffset: 4.863779686;
}
.progress-98 .progress-chart-endpoint-dot {
  transform: rotate(393.3deg);
}
.progress-97 .progress-chart-fill {
  stroke-dashoffset: 7.295669528;
}
.progress-97 .progress-chart-endpoint-dot {
  transform: rotate(390.2deg);
}
.progress-96 .progress-chart-fill {
  stroke-dashoffset: 9.727559371;
}
.progress-96 .progress-chart-endpoint-dot {
  transform: rotate(387.1deg);
}
.progress-95 .progress-chart-fill {
  stroke-dashoffset: 12.159449214;
}
.progress-95 .progress-chart-endpoint-dot {
  transform: rotate(384deg);
}
.progress-94 .progress-chart-fill {
  stroke-dashoffset: 14.591339057;
}
.progress-94 .progress-chart-endpoint-dot {
  transform: rotate(380.9deg);
}
.progress-93 .progress-chart-fill {
  stroke-dashoffset: 17.023228899;
}
.progress-93 .progress-chart-endpoint-dot {
  transform: rotate(377.8deg);
}
.progress-92 .progress-chart-fill {
  stroke-dashoffset: 19.455118742;
}
.progress-92 .progress-chart-endpoint-dot {
  transform: rotate(374.7deg);
}
.progress-91 .progress-chart-fill {
  stroke-dashoffset: 21.887008585;
}
.progress-91 .progress-chart-endpoint-dot {
  transform: rotate(371.6deg);
}
.progress-90 .progress-chart-fill {
  stroke-dashoffset: 24.318898428;
}
.progress-90 .progress-chart-endpoint-dot {
  transform: rotate(368.5deg);
}
.progress-89 .progress-chart-fill {
  stroke-dashoffset: 26.75078827;
}
.progress-89 .progress-chart-endpoint-dot {
  transform: rotate(365.4deg);
}
.progress-88 .progress-chart-fill {
  stroke-dashoffset: 29.182678113;
}
.progress-88 .progress-chart-endpoint-dot {
  transform: rotate(362.3deg);
}
.progress-87 .progress-chart-fill {
  stroke-dashoffset: 31.614567956;
}
.progress-87 .progress-chart-endpoint-dot {
  transform: rotate(359.2deg);
}
.progress-86 .progress-chart-fill {
  stroke-dashoffset: 34.046457799;
}
.progress-86 .progress-chart-endpoint-dot {
  transform: rotate(356.1deg);
}
.progress-85 .progress-chart-fill {
  stroke-dashoffset: 36.478347641;
}
.progress-85 .progress-chart-endpoint-dot {
  transform: rotate(353deg);
}
.progress-84 .progress-chart-fill {
  stroke-dashoffset: 38.910237484;
}
.progress-84 .progress-chart-endpoint-dot {
  transform: rotate(349.9deg);
}
.progress-83 .progress-chart-fill {
  stroke-dashoffset: 41.342127327;
}
.progress-83 .progress-chart-endpoint-dot {
  transform: rotate(346.8deg);
}
.progress-82 .progress-chart-fill {
  stroke-dashoffset: 43.77401717;
}
.progress-82 .progress-chart-endpoint-dot {
  transform: rotate(343.7deg);
}
.progress-81 .progress-chart-fill {
  stroke-dashoffset: 46.205907012;
}
.progress-81 .progress-chart-endpoint-dot {
  transform: rotate(340.6deg);
}
.progress-80 .progress-chart-fill {
  stroke-dashoffset: 48.637796855;
}
.progress-80 .progress-chart-endpoint-dot {
  transform: rotate(337.5deg);
}
.progress-79 .progress-chart-fill {
  stroke-dashoffset: 51.069686698;
}
.progress-79 .progress-chart-endpoint-dot {
  transform: rotate(334.4deg);
}
.progress-78 .progress-chart-fill {
  stroke-dashoffset: 53.501576541;
}
.progress-78 .progress-chart-endpoint-dot {
  transform: rotate(331.3deg);
}
.progress-77 .progress-chart-fill {
  stroke-dashoffset: 55.933466383;
}
.progress-77 .progress-chart-endpoint-dot {
  transform: rotate(328.2deg);
}
.progress-76 .progress-chart-fill {
  stroke-dashoffset: 58.365356226;
}
.progress-76 .progress-chart-endpoint-dot {
  transform: rotate(325.1deg);
}
.progress-75 .progress-chart-fill {
  stroke-dashoffset: 60.797246069;
}
.progress-75 .progress-chart-endpoint-dot {
  transform: rotate(322deg);
}
.progress-74 .progress-chart-fill {
  stroke-dashoffset: 63.229135912;
}
.progress-74 .progress-chart-endpoint-dot {
  transform: rotate(318.9deg);
}
.progress-73 .progress-chart-fill {
  stroke-dashoffset: 65.661025754;
}
.progress-73 .progress-chart-endpoint-dot {
  transform: rotate(315.8deg);
}
.progress-72 .progress-chart-fill {
  stroke-dashoffset: 68.092915597;
}
.progress-72 .progress-chart-endpoint-dot {
  transform: rotate(312.7deg);
}
.progress-71 .progress-chart-fill {
  stroke-dashoffset: 70.52480544;
}
.progress-71 .progress-chart-endpoint-dot {
  transform: rotate(309.6deg);
}
.progress-70 .progress-chart-fill {
  stroke-dashoffset: 72.956695283;
}
.progress-70 .progress-chart-endpoint-dot {
  transform: rotate(306.5deg);
}
.progress-69 .progress-chart-fill {
  stroke-dashoffset: 75.388585125;
}
.progress-69 .progress-chart-endpoint-dot {
  transform: rotate(303.4deg);
}
.progress-68 .progress-chart-fill {
  stroke-dashoffset: 77.820474968;
}
.progress-68 .progress-chart-endpoint-dot {
  transform: rotate(300.3deg);
}
.progress-67 .progress-chart-fill {
  stroke-dashoffset: 80.252364811;
}
.progress-67 .progress-chart-endpoint-dot {
  transform: rotate(297.2deg);
}
.progress-66 .progress-chart-fill {
  stroke-dashoffset: 82.684254654;
}
.progress-66 .progress-chart-endpoint-dot {
  transform: rotate(294.1deg);
}
.progress-65 .progress-chart-fill {
  stroke-dashoffset: 85.116144496;
}
.progress-65 .progress-chart-endpoint-dot {
  transform: rotate(291deg);
}
.progress-64 .progress-chart-fill {
  stroke-dashoffset: 87.548034339;
}
.progress-64 .progress-chart-endpoint-dot {
  transform: rotate(287.9deg);
}
.progress-63 .progress-chart-fill {
  stroke-dashoffset: 89.979924182;
}
.progress-63 .progress-chart-endpoint-dot {
  transform: rotate(284.8deg);
}
.progress-62 .progress-chart-fill {
  stroke-dashoffset: 92.411814025;
}
.progress-62 .progress-chart-endpoint-dot {
  transform: rotate(281.7deg);
}
.progress-61 .progress-chart-fill {
  stroke-dashoffset: 94.843703867;
}
.progress-61 .progress-chart-endpoint-dot {
  transform: rotate(278.6deg);
}
.progress-60 .progress-chart-fill {
  stroke-dashoffset: 97.27559371;
}
.progress-60 .progress-chart-endpoint-dot {
  transform: rotate(275.5deg);
}
.progress-59 .progress-chart-fill {
  stroke-dashoffset: 99.707483553;
}
.progress-59 .progress-chart-endpoint-dot {
  transform: rotate(272.4deg);
}
.progress-58 .progress-chart-fill {
  stroke-dashoffset: 102.139373396;
}
.progress-58 .progress-chart-endpoint-dot {
  transform: rotate(269.3deg);
}
.progress-57 .progress-chart-fill {
  stroke-dashoffset: 104.571263238;
}
.progress-57 .progress-chart-endpoint-dot {
  transform: rotate(266.2deg);
}
.progress-56 .progress-chart-fill {
  stroke-dashoffset: 107.003153081;
}
.progress-56 .progress-chart-endpoint-dot {
  transform: rotate(263.1deg);
}
.progress-55 .progress-chart-fill {
  stroke-dashoffset: 109.435042924;
}
.progress-55 .progress-chart-endpoint-dot {
  transform: rotate(260deg);
}
.progress-54 .progress-chart-fill {
  stroke-dashoffset: 111.866932767;
}
.progress-54 .progress-chart-endpoint-dot {
  transform: rotate(256.9deg);
}
.progress-53 .progress-chart-fill {
  stroke-dashoffset: 114.298822609;
}
.progress-53 .progress-chart-endpoint-dot {
  transform: rotate(253.8deg);
}
.progress-52 .progress-chart-fill {
  stroke-dashoffset: 116.730712452;
}
.progress-52 .progress-chart-endpoint-dot {
  transform: rotate(250.7deg);
}
.progress-51 .progress-chart-fill {
  stroke-dashoffset: 119.162602295;
}
.progress-51 .progress-chart-endpoint-dot {
  transform: rotate(247.6deg);
}
.progress-50 .progress-chart-fill {
  stroke-dashoffset: 121.594492138;
}
.progress-50 .progress-chart-endpoint-dot {
  transform: rotate(244.5deg);
}
.progress-49 .progress-chart-fill {
  stroke-dashoffset: 124.02638198;
}
.progress-49 .progress-chart-endpoint-dot {
  transform: rotate(241.4deg);
}
.progress-48 .progress-chart-fill {
  stroke-dashoffset: 126.458271823;
}
.progress-48 .progress-chart-endpoint-dot {
  transform: rotate(238.3deg);
}
.progress-47 .progress-chart-fill {
  stroke-dashoffset: 128.890161666;
}
.progress-47 .progress-chart-endpoint-dot {
  transform: rotate(235.2deg);
}
.progress-46 .progress-chart-fill {
  stroke-dashoffset: 131.322051509;
}
.progress-46 .progress-chart-endpoint-dot {
  transform: rotate(232.1deg);
}
.progress-45 .progress-chart-fill {
  stroke-dashoffset: 133.753941351;
}
.progress-45 .progress-chart-endpoint-dot {
  transform: rotate(229deg);
}
.progress-44 .progress-chart-fill {
  stroke-dashoffset: 136.185831194;
}
.progress-44 .progress-chart-endpoint-dot {
  transform: rotate(225.9deg);
}
.progress-43 .progress-chart-fill {
  stroke-dashoffset: 138.617721037;
}
.progress-43 .progress-chart-endpoint-dot {
  transform: rotate(222.8deg);
}
.progress-42 .progress-chart-fill {
  stroke-dashoffset: 141.04961088;
}
.progress-42 .progress-chart-endpoint-dot {
  transform: rotate(219.7deg);
}
.progress-41 .progress-chart-fill {
  stroke-dashoffset: 143.481500722;
}
.progress-41 .progress-chart-endpoint-dot {
  transform: rotate(216.6deg);
}
.progress-40 .progress-chart-fill {
  stroke-dashoffset: 145.913390565;
}
.progress-40 .progress-chart-endpoint-dot {
  transform: rotate(213.5deg);
}
.progress-39 .progress-chart-fill {
  stroke-dashoffset: 148.345280408;
}
.progress-39 .progress-chart-endpoint-dot {
  transform: rotate(210.4deg);
}
.progress-38 .progress-chart-fill {
  stroke-dashoffset: 150.777170251;
}
.progress-38 .progress-chart-endpoint-dot {
  transform: rotate(207.3deg);
}
.progress-37 .progress-chart-fill {
  stroke-dashoffset: 153.209060093;
}
.progress-37 .progress-chart-endpoint-dot {
  transform: rotate(204.2deg);
}
.progress-36 .progress-chart-fill {
  stroke-dashoffset: 155.640949936;
}
.progress-36 .progress-chart-endpoint-dot {
  transform: rotate(201.1deg);
}
.progress-35 .progress-chart-fill {
  stroke-dashoffset: 158.072839779;
}
.progress-35 .progress-chart-endpoint-dot {
  transform: rotate(198deg);
}
.progress-34 .progress-chart-fill {
  stroke-dashoffset: 160.504729622;
}
.progress-34 .progress-chart-endpoint-dot {
  transform: rotate(194.9deg);
}
.progress-33 .progress-chart-fill {
  stroke-dashoffset: 162.936619464;
}
.progress-33 .progress-chart-endpoint-dot {
  transform: rotate(191.8deg);
}
.progress-32 .progress-chart-fill {
  stroke-dashoffset: 165.368509307;
}
.progress-32 .progress-chart-endpoint-dot {
  transform: rotate(188.7deg);
}
.progress-31 .progress-chart-fill {
  stroke-dashoffset: 167.80039915;
}
.progress-31 .progress-chart-endpoint-dot {
  transform: rotate(185.6deg);
}
.progress-30 .progress-chart-fill {
  stroke-dashoffset: 170.232288993;
}
.progress-30 .progress-chart-endpoint-dot {
  transform: rotate(182.5deg);
}
.progress-29 .progress-chart-fill {
  stroke-dashoffset: 172.664178835;
}
.progress-29 .progress-chart-endpoint-dot {
  transform: rotate(179.4deg);
}
.progress-28 .progress-chart-fill {
  stroke-dashoffset: 175.096068678;
}
.progress-28 .progress-chart-endpoint-dot {
  transform: rotate(176.3deg);
}
.progress-27 .progress-chart-fill {
  stroke-dashoffset: 177.527958521;
}
.progress-27 .progress-chart-endpoint-dot {
  transform: rotate(173.2deg);
}
.progress-26 .progress-chart-fill {
  stroke-dashoffset: 179.959848364;
}
.progress-26 .progress-chart-endpoint-dot {
  transform: rotate(170.1deg);
}
.progress-25 .progress-chart-fill {
  stroke-dashoffset: 182.391738206;
}
.progress-25 .progress-chart-endpoint-dot {
  transform: rotate(167deg);
}
.progress-24 .progress-chart-fill {
  stroke-dashoffset: 184.823628049;
}
.progress-24 .progress-chart-endpoint-dot {
  transform: rotate(163.9deg);
}
.progress-23 .progress-chart-fill {
  stroke-dashoffset: 187.255517892;
}
.progress-23 .progress-chart-endpoint-dot {
  transform: rotate(160.8deg);
}
.progress-22 .progress-chart-fill {
  stroke-dashoffset: 189.687407735;
}
.progress-22 .progress-chart-endpoint-dot {
  transform: rotate(157.7deg);
}
.progress-21 .progress-chart-fill {
  stroke-dashoffset: 192.119297577;
}
.progress-21 .progress-chart-endpoint-dot {
  transform: rotate(154.6deg);
}
.progress-20 .progress-chart-fill {
  stroke-dashoffset: 194.55118742;
}
.progress-20 .progress-chart-endpoint-dot {
  transform: rotate(151.5deg);
}
.progress-19 .progress-chart-fill {
  stroke-dashoffset: 196.983077263;
}
.progress-19 .progress-chart-endpoint-dot {
  transform: rotate(148.4deg);
}
.progress-18 .progress-chart-fill {
  stroke-dashoffset: 199.414967106;
}
.progress-18 .progress-chart-endpoint-dot {
  transform: rotate(145.3deg);
}
.progress-17 .progress-chart-fill {
  stroke-dashoffset: 201.846856948;
}
.progress-17 .progress-chart-endpoint-dot {
  transform: rotate(142.2deg);
}
.progress-16 .progress-chart-fill {
  stroke-dashoffset: 204.278746791;
}
.progress-16 .progress-chart-endpoint-dot {
  transform: rotate(139.1deg);
}
.progress-15 .progress-chart-fill {
  stroke-dashoffset: 206.710636634;
}
.progress-15 .progress-chart-endpoint-dot {
  transform: rotate(136deg);
}
.progress-14 .progress-chart-fill {
  stroke-dashoffset: 209.142526477;
}
.progress-14 .progress-chart-endpoint-dot {
  transform: rotate(132.9deg);
}
.progress-13 .progress-chart-fill {
  stroke-dashoffset: 211.574416319;
}
.progress-13 .progress-chart-endpoint-dot {
  transform: rotate(129.8deg);
}
.progress-12 .progress-chart-fill {
  stroke-dashoffset: 214.006306162;
}
.progress-12 .progress-chart-endpoint-dot {
  transform: rotate(126.7deg);
}
.progress-11 .progress-chart-fill {
  stroke-dashoffset: 216.438196005;
}
.progress-11 .progress-chart-endpoint-dot {
  transform: rotate(123.6deg);
}
.progress-10 .progress-chart-fill {
  stroke-dashoffset: 218.870085848;
}
.progress-10 .progress-chart-endpoint-dot {
  transform: rotate(120.5deg);
}
.progress-9 .progress-chart-fill {
  stroke-dashoffset: 221.30197569;
}
.progress-9 .progress-chart-endpoint-dot {
  transform: rotate(117.4deg);
}
.progress-8 .progress-chart-fill {
  stroke-dashoffset: 223.733865533;
}
.progress-8 .progress-chart-endpoint-dot {
  transform: rotate(114.3deg);
}
.progress-7 .progress-chart-fill {
  stroke-dashoffset: 226.165755376;
}
.progress-7 .progress-chart-endpoint-dot {
  transform: rotate(111.2deg);
}
.progress-6 .progress-chart-fill {
  stroke-dashoffset: 228.597645219;
}
.progress-6 .progress-chart-endpoint-dot {
  transform: rotate(108.1deg);
}
.progress-5 .progress-chart-fill {
  stroke-dashoffset: 231.029535061;
}
.progress-5 .progress-chart-endpoint-dot {
  transform: rotate(105deg);
}
.progress-4 .progress-chart-fill {
  stroke-dashoffset: 233.461424904;
}
.progress-4 .progress-chart-endpoint-dot {
  transform: rotate(101.9deg);
}
.progress-3 .progress-chart-fill {
  stroke-dashoffset: 235.893314747;
}
.progress-3 .progress-chart-endpoint-dot {
  transform: rotate(98.8deg);
}
.progress-2 .progress-chart-fill {
  stroke-dashoffset: 238.32520459;
}
.progress-2 .progress-chart-endpoint-dot {
  transform: rotate(95.7deg);
}
.progress-1 .progress-chart-fill {
  stroke-dashoffset: 240.757094432;
}
.progress-1 .progress-chart-endpoint-dot {
  transform: rotate(92.6deg);
}
.progress-0 .progress-chart-fill {
  stroke-dashoffset: 243.188984275;
}
.progress-0 .progress-chart-endpoint-dot {
  transform: rotate(89.5deg);
}
.custom-bar-chart {
  display: flex;
  align-items: flex-end;
  padding: 20px 0;
  background-color: transparent;
  width: 100%;
}
.y-axis-labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  margin-right: 10px;
  width: 30px;
  text-align: right;
}
.y-axis-labels span {
  color: #555E68;
  font-size: 0.8rem;
  line-height: 1;
}
.chart-area {
  display: flex;
  align-items: flex-end;
  height: 200px;
  gap: 20px;
  position: relative;
}
.bar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bar-container {
  height: 200px;
  display: flex;
  align-items: flex-end;
  gap: 2px;
  position: relative;
}
.bar {
  width: 10px;
  background-color: #8A2BE2;
  border-radius: 5px;
  transition: height 0.5s ease-out;
  height: 0;
}
.bar.bar-lg {
  width: 10px;
}
.x-axis-label {
  margin-top: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.x-axis-label .date-number {
  font-weight: bold;
  color: #000;
  font-size: 1rem;
  line-height: 1.1;
}
.x-axis-label .day-text {
  color: #666;
  font-size: 0.8rem;
  margin-top: 2px;
  line-height: 1;
}
.bar-value-100 {
  height: 170px;
}
.bar-value-99 {
  height: 168px;
}
.bar-value-98 {
  height: 166px;
}
.bar-value-97 {
  height: 164px;
}
.bar-value-96 {
  height: 162px;
}
.bar-value-95 {
  height: 160px;
}
.bar-value-94 {
  height: 158px;
}
.bar-value-93 {
  height: 156px;
}
.bar-value-92 {
  height: 154px;
}
.bar-value-91 {
  height: 152px;
}
.bar-value-90 {
  height: 150px;
}
.bar-value-89 {
  height: 148px;
}
.bar-value-88 {
  height: 146px;
}
.bar-value-87 {
  height: 144px;
}
.bar-value-86 {
  height: 142px;
}
.bar-value-85 {
  height: 140px;
}
.bar-value-84 {
  height: 138px;
}
.bar-value-83 {
  height: 136px;
}
.bar-value-82 {
  height: 134px;
}
.bar-value-81 {
  height: 132px;
}
.bar-value-80 {
  height: 130px;
}
.bar-value-79 {
  height: 128px;
}
.bar-value-78 {
  height: 126px;
}
.bar-value-77 {
  height: 124px;
}
.bar-value-76 {
  height: 122px;
}
.bar-value-75 {
  height: 120px;
}
.bar-value-74 {
  height: 118px;
}
.bar-value-73 {
  height: 116px;
}
.bar-value-72 {
  height: 114px;
}
.bar-value-71 {
  height: 112px;
}
.bar-value-70 {
  height: 110px;
}
.bar-value-69 {
  height: 108px;
}
.bar-value-68 {
  height: 106px;
}
.bar-value-67 {
  height: 104px;
}
.bar-value-66 {
  height: 102px;
}
.bar-value-65 {
  height: 100px;
}
.bar-value-64 {
  height: 98px;
}
.bar-value-63 {
  height: 96px;
}
.bar-value-62 {
  height: 94px;
}
.bar-value-61 {
  height: 92px;
}
.bar-value-60 {
  height: 90px;
}
.bar-value-59 {
  height: 88px;
}
.bar-value-58 {
  height: 86px;
}
.bar-value-57 {
  height: 84px;
}
.bar-value-56 {
  height: 82px;
}
.bar-value-55 {
  height: 80px;
}
.bar-value-54 {
  height: 78px;
}
.bar-value-53 {
  height: 76px;
}
.bar-value-52 {
  height: 74px;
}
.bar-value-51 {
  height: 72px;
}
.bar-value-50 {
  height: 70px;
}
.bar-value-49 {
  height: 68px;
}
.bar-value-48 {
  height: 66px;
}
.bar-value-47 {
  height: 64px;
}
.bar-value-46 {
  height: 62px;
}
.bar-value-45 {
  height: 60px;
}
.bar-value-44 {
  height: 58px;
}
.bar-value-43 {
  height: 56px;
}
.bar-value-42 {
  height: 54px;
}
.bar-value-41 {
  height: 52px;
}
.bar-value-40 {
  height: 50px;
}
.bar-value-39 {
  height: 48px;
}
.bar-value-38 {
  height: 46px;
}
.bar-value-37 {
  height: 44px;
}
.bar-value-36 {
  height: 42px;
}
.bar-value-35 {
  height: 40px;
}
.bar-value-34 {
  height: 38px;
}
.bar-value-33 {
  height: 36px;
}
.bar-value-32 {
  height: 34px;
}
.bar-value-31 {
  height: 32px;
}
.bar-value-30 {
  height: 30px;
}
.bar-value-29 {
  height: 28px;
}
.bar-value-28 {
  height: 26px;
}
.bar-value-27 {
  height: 24px;
}
.bar-value-26 {
  height: 22px;
}
.bar-value-25 {
  height: 20px;
}
.bar-value-24 {
  height: 18px;
}
.bar-value-23 {
  height: 16px;
}
.bar-value-22 {
  height: 14px;
}
.bar-value-21 {
  height: 12px;
}
.bar-value-20 {
  height: 10px;
}
.bar-value-19 {
  height: 8px;
}
.bar-value-18 {
  height: 6px;
}
.bar-value-17 {
  height: 4px;
}
.bar-value-16 {
  height: 2px;
}
.bar-value-15 {
  height: 0px;
}
.bar-value-14 {
  height: -2px;
}
.bar-value-13 {
  height: -4px;
}
.bar-value-12 {
  height: -6px;
}
.bar-value-11 {
  height: -8px;
}
.bar-value-10 {
  height: -10px;
}
.bar-value-9 {
  height: -12px;
}
.bar-value-8 {
  height: -14px;
}
.bar-value-7 {
  height: -16px;
}
.bar-value-6 {
  height: -18px;
}
.bar-value-5 {
  height: -20px;
}
.bar-value-4 {
  height: -22px;
}
.bar-value-3 {
  height: -24px;
}
.bar-value-2 {
  height: -26px;
}
.bar-value-1 {
  height: -28px;
}
.bar-value-0 {
  height: -30px;
}
.sortable-container {
  counter-reset: step-counter;
}
.sortable-container .sortable-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 1rem;
  transition: background-color 0.2s ease-in-out;
}
.sortable-container .sortable-item .stepper-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1.5rem;
  position: relative;
  align-self: stretch;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sortable-container .sortable-item .stepper-column::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -15px;
  left: 50%;
  width: 2px;
  background-color: #e9ecef;
  transform: translateX(-50%);
  z-index: 1;
}
.sortable-container .sortable-item .stepper-column .step-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #3c324c;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  counter-increment: step-counter;
}
.sortable-container .sortable-item .stepper-column .step-circle::before {
  content: counter(step-counter);
}
.sortable-container .sortable-item .content-box {
  flex-grow: 1;
}
.sortable-container .sortable-item .grip-handle {
  cursor: grab;
  color: #6c757d;
}
.sortable-container .sortable-item:first-child .stepper-column::before {
  top: 24px;
}
.sortable-container .sortable-item:last-child {
  margin-bottom: 0;
}
.sortable-container .sortable-item:last-child .stepper-column::before {
  height: 24px;
}
.sortable-container .sortable-chosen {
  cursor: grabbing;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.sortable-container .sortable-chosen .stepper-column {
  opacity: 0;
  transform: scale(0);
}
.sortable-container .sortable-ghost .stepper-column {
  opacity: 0;
}
.sortable-container .sortable-ghost .content-box {
  background-color: #f2f4f5;
  border-style: dashed;
  border-color: #bdc6cf;
}
.sortable-container .sortable-ghost .content-box > * {
  visibility: hidden;
}
.promo-test {
  max-width: 640px;
}
.promo-test .promo-test-header {
  z-index: 5;
  border-radius: 20px;
  box-shadow: 0 6px 24px rgba(17, 17, 26, 0.06);
}
.promo-test .promo-test-timer {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.85rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.promo-test .promo-test-progress {
  height: 8px;
  border-radius: 999px;
  background-color: rgba(151, 72, 255, 0.12);
  overflow: hidden;
}
.promo-test .promo-test-progress .bar {
  height: 100%;
  width: 0;
  border-radius: 999px;
  background-color: #9848FF;
  transition: width 0.35s ease;
}
.promo-test .answer-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0.9rem 1.1rem;
  border: 2px solid var(--bs-border-color);
  border-radius: 16px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.promo-test .answer-option:hover {
  border-color: #9848FF;
  background-color: rgba(151, 72, 255, 0.05);
}
.promo-test .answer-option:has(.form-check-input:checked) {
  border-color: #9848FF;
  background-color: rgba(151, 72, 255, 0.08);
  box-shadow: 0 0 0 1px #9848FF inset;
}
.promo-test .answer-option .form-check-input {
  flex-shrink: 0;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.promo-test .answer-option .answer-text {
  line-height: 1.35;
}
.form-check.form-switch {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 0;
}
.form-check.form-switch .form-check-input {
  width: 2.25em;
  height: 1.125em;
  margin-left: 0;
  margin-right: 0;
  flex-shrink: 0;
  cursor: pointer;
  border: 2px solid #6c757d;
  background-color: #f8f9fa;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236c757d'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:focus {
  border-color: #9848FF;
  box-shadow: 0 0 0 0.25rem rgba(152, 72, 255, 0.25);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/xml' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239848FF'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-input:checked {
  background-color: #9848FF;
  border-color: #9848FF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check.form-switch .form-check-label {
  cursor: pointer;
  padding-top: 0;
  text-align: left;
}
:root {
  --bs-body-font-size: 16px;
  --bs-body-font-family: Quicksand;
  --bs-body-bg: #F8F8F8;
  --bs-border-radius: 20px;
  --bs-border-radius-lg: 20px;
  --bs-link-color-rgb: 152, 72, 255;
  --bs-link-hover-color-rgb: 111, 0, 255;
  --bs-primary-rgb: 152, 72, 255;
  --bs-secondary-rgb: 232, 238, 220;
  --bs-success-rgb: 236, 246, 193;
  --bs-info-rgb: 0, 0, 0;
  --bs-warning-rgb: 247, 230, 60;
  --bs-danger-rgb: 255, 31, 0;
  --bs-light-rgb: 220, 220, 220;
  --bs-dark-rgb: 33, 20, 50;
  --bs-link-color: #000000;
  --bs-link-hover-color: #333;
  --cc-font-family: Quicksand;
  --cc-btn-primary-bg: #9848FF;
  --cc-btn-primary-border: #9848FF;
  --cc-btn-primary-hover-bg: #6F00FF;
  --cc-btn-primary-hover-border: #6F00FF;
  --cc-btn-secondary-bg: #E3E3E3;
  --cc-btn-secondary-hover-bg: #C2C2C2;
  --cc-btn-secondary-color: #000000;
  --cc-modal-border-radius: 20px;
  --cc-btn-border-radius: 20px;
}
.table-dark {
  --bs-table-bg: #575757;
  --bs-table-border-color: #575757;
  --bs-table-striped-bg: #575757;
  --bs-table-active-bg: #575757;
  --bs-table-hover-bg: #575757;
}
.offcanvas .small {
  font-size: 0.85em !important;
}
.offcanvas .list-inline-item:not(:last-child) {
  margin-right: 0.2rem;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */

}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.auto-height-offcanvas {
  height: auto !important;
  min-height: unset;
  max-height: 90vh;
}
@media (max-width: 960px) {
  .offcanvas-bottom {
    padding-bottom: 54px;
  }
}
.auto-height-offcanvas .offcanvas-body {
  overflow-y: visible;
}
.offcanvas-body {
  padding-bottom: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.navbar {
  --bs-navbar-padding-y: 15px;
  background-color: var(--bs-body-bg);
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.navbar .navbar-toggler[aria-expanded="false"] .bi-x-lg {
  display: none;
}
.navbar .navbar-toggler[aria-expanded="true"] .bi-list {
  display: none;
}
.max-w-400 {
  max-width: 400px;
}
@media (max-width: 700px) {
  .max-w-400 {
    max-width: 300px;
  }
}
.bg-primary .navbar {
  background-color: #9848FF !important;
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: #9848FF;
}
.nav-pills {
  --bs-nav-pills-border-radius: 10px;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #9848FF;
  background: #E3E3E3;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills.nav-pills-plain {
  background: transparent;
  border-radius: 0;
  --bs-nav-pills-link-active-color: #9848FF;
  --bs-nav-pills-link-active-bg: transparent;
}
.nav-pills .active {
  fill: var(--bs-nav-pills-link-active-color);
}
.z-index-1 {
  z-index: 100;
}
.z-index-2 {
  z-index: 200;
}
.z-index-max {
  z-index: 1035;
}
.mb-6 {
  margin-bottom: 4.5rem;
}
.mb-7 {
  margin-bottom: 6rem;
}
.mb-8 {
  margin-bottom: 7.5rem;
}
.mb-9 {
  margin-bottom: 9rem;
}
.pb-6 {
  padding-bottom: 4.5rem;
}
.pb-7 {
  padding-bottom: 6rem;
}
.pb-8 {
  padding-bottom: 7.5rem;
}
.pb-9 {
  padding-bottom: 9rem;
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #e2d9ff;
  --bs-table-border-color: #c6b8ff;
  --bs-table-striped-bg: #d8cfff;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c6b8ff;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1c4ff;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.btn {
  --bs-btn-font-size: 16px;
  --bs-btn-border-radius: 20px;
  --bs-btn-padding-x: 16px;
  --bs-btn-padding-y: 12px;
  --bs-btn-font-weight: 700;
}
.btn:hover .ico {
  background: var(--bs-btn-hover-color) !important;
}
.btn.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
}
.btn.btn-icon svg,
.btn.btn-icon span {
  width: 20px;
  height: 20px;
}
.btn-outline-primary {
  --bs-btn-color: #9848FF;
  --bs-btn-border-color: #9848FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9848FF;
  --bs-btn-hover-border-color: #9848FF;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9848FF;
  --bs-btn-active-border-color: #9848FF;
  --bs-btn-disabled-color: #9848FF;
  --bs-btn-disabled-border-color: #9848FF;
  --bs-gradient: none;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9848FF;
  --bs-btn-border-color: #9848FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6F00FF;
  --bs-btn-hover-border-color: #6F00FF;
  --bs-btn-active-bg: #6F00FF;
  --bs-btn-active-border-color: #9848FF;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9848FF;
  --bs-btn-disabled-border-color: #9848FF;
}
.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #E3E3E3;
  --bs-btn-border-color: #E3E3E3;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #E3E3E3;
  --bs-btn-disabled-border-color: #E3E3E3;
}
.text-gold {
  color: #FFD700;
}
.text-silver {
  color: #C0C0C0;
}
.text-bronze {
  color: #CD7F32;
}
.bg-gold {
  background: linear-gradient(135deg, #FFD700, #FFC700);
  color: #000;
}
.bg-silver {
  background: linear-gradient(135deg, #C0C0C0, #A9A9A9);
  color: #000;
}
.bg-bronze {
  background: linear-gradient(135deg, #CD7F32, #B87333);
  color: #000;
}
.bg-main-100 {
  background: #9848FF !important;
}
.bg-main-200 {
  background: #6F00FF !important;
}
.bg-main-300 {
  background: #5700C8 !important;
}
.bg-secondary-100 {
  background: #21D2A9 !important;
}
.bg-secondary-200 {
  background: #00AB83 !important;
}
.bg-secondary-300 {
  background: #007559 !important;
}
.bg-tertiary-100 {
  background: #E8EEDC !important;
}
.bg-tertiary-200 {
  background: #D1E1B1 !important;
}
.bg-tertiary-300 {
  background: #AECC74 !important;
}
.bg-accent-100 {
  background: #F7E63C !important;
}
.bg-bw-100 {
  background: #000000 !important;
}
.bg-bw-200 {
  background: #F8F8F8 !important;
}
.bg-bw-300 {
  background: #E3E3E3 !important;
}
.bg-bw-400 {
  background: #C2C2C2 !important;
}
.bg-bw-500 {
  background: #575757 !important;
}
.bg-bw-600 {
  background: #211432 !important;
}
.bg-error-100 {
  background: #FFE9E5 !important;
}
.bg-error-100 .progress {
  background-color: #FF1F00 !important;
}
.bg-error-200 {
  background: #FF1F00 !important;
}
.bg-error-300 {
  background: #A21401 !important;
}
.bg-warning-100 {
  background: #FFF1D5 !important;
}
.bg-warning-200 {
  background: #E8A700 !important;
}
.bg-warning-300 {
  background: #C79001 !important;
}
.bg-success-100 {
  background: #ECF6C1 !important;
}
.bg-success-200 {
  background: #51A600 !important;
}
.bg-success-300 {
  background: #3C7B00 !important;
}
.bg-success .form-check-input:checked {
  background-color: #51A600 !important;
  border-color: #51A600 !important;
}
.bg-danger {
  background-color: #ffe9e5 !important;
}
.bg-danger .form-check-input:checked {
  background-color: #FF1F00 !important;
  border-color: #FF1F00 !important;
}
.color-main-100 {
  color: #9848FF !important;
}
.color-main-200 {
  color: #6F00FF !important;
}
.color-main-300 {
  color: #5700C8 !important;
}
.color-secondary-100 {
  color: #21D2A9 !important;
}
.color-secondary-200 {
  color: #00AB83 !important;
}
.color-secondary-300 {
  color: #007559 !important;
}
.color-tertiary-100 {
  color: #E8EEDC !important;
}
.color-tertiary-200 {
  color: #D1E1B1 !important;
}
.color-tertiary-300 {
  color: #AECC74 !important;
}
.color-accent-100 {
  color: #F7E63C !important;
}
.color-bw-100 {
  color: #000000 !important;
}
.color-bw-200 {
  color: #F8F8F8 !important;
}
.color-bw-300 {
  color: #E3E3E3 !important;
}
.color-bw-400 {
  color: #C2C2C2 !important;
}
.color-bw-500 {
  color: #575757 !important;
}
.color-bw-600 {
  color: #211432 !important;
}
.color-error-100 {
  color: #FFE9E5 !important;
}
.color-error-200 {
  color: #FF1F00 !important;
}
.color-error-300 {
  color: #A21401 !important;
}
.color-warning-100 {
  color: #FFF1D5 !important;
}
.color-warning-200 {
  color: #E8A700 !important;
}
.color-warning-300 {
  color: #C79001 !important;
}
.color-success-100 {
  color: #ECF6C1 !important;
}
.color-success-200 {
  color: #51A600 !important;
}
.color-success-300 {
  color: #3C7B00 !important;
}
.border-success {
  border-color: #51A600 !important;
}
.border-danger {
  border-color: #FF1F00 !important;
}
h1 {
  font-size: 72px;
  font-weight: 700;
}
h2 {
  font-size: 56px;
  font-weight: 700;
}
h3 {
  font-size: 32px;
  font-weight: 700;
}
h4 {
  font-size: 24px;
  font-weight: 700;
}
h5 {
  font-size: 18px;
  font-weight: 700;
}
a {
  text-decoration: none;
}
.progress-sm {
  height: 4px;
}
.small {
  font-size: 14px;
}
.small-lg {
  font-size: 12px;
}
.bg-success-1 {
  background: #00AB83;
}
.bg-success-2 {
  background: #007559;
}
.bg-success-light {
  background: #E8EEDC;
}
.bg-success-light-1 {
  background: #D1E1B1;
}
.bg-success-light-2 {
  background: #AECC74;
}
.bg-promo-test-failed {
  background: #E8DEFF;
}
.bg-error-1 {
  background: #FFC2B2;
}
.bg-error-2 {
  background: #FF9A80;
}
.bg-error-light {
  background: #FFE3DC;
}
.bg-error-light-1 {
  background: #FFC2B2;
}
.bg-error-light-2 {
  background: #FF9A80;
}
.bg-1 {
  background: url(/img/bg_1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI) #dec8fe no-repeat;
}
.bg-1 h4 {
  margin-top: 200px;
}
.bg-2 {
  background: url(/img/bg_2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI) #5700c8 no-repeat;
}
.bg-2 h4 {
  margin-top: 200px;
}
.bg-3 {
  background: url(/img/bg_3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI) #f7e63c no-repeat;
}
.bg-3 h4 {
  margin-top: 200px;
}
.progress-indicator {
  width: 150px;
  height: 150px;
  margin: 60px;
  border-radius: 50%;
  background-color: #9848FF;
  color: #3A307B;
  box-shadow: 0 0 0 20px rgba(152, 72, 255, 0.5), 0 0 0 40px rgba(152, 72, 255, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.progress-indicator .points {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 2px 6px;
  border-radius: 12px;
}
.progress-indicator .percentage {
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
}
.progress-indicator .label {
  font-size: 1em;
  margin-top: 8px;
  font-weight: 500;
}
.progress-indicator-error {
  background-color: #A21401;
  color: #fff;
  box-shadow: 0 0 0 20px rgba(162, 20, 1, 0.5), 0 0 0 40px rgba(162, 20, 1, 0.25);
}
.progress-indicator-error .points {
  background-color: rgba(255, 227, 220, 0.7);
  color: #A21401;
}
.progress-indicator-passed {
  background-color: #00AB83;
  color: #fff;
  box-shadow: 0 0 0 20px rgba(0, 171, 131, 0.5), 0 0 0 40px rgba(0, 171, 131, 0.25);
}
.progress-indicator-passed .points {
  background-color: rgba(255, 255, 255, 0.85);
  color: #007a5e;
}
.progress-indicator-failed {
  background-color: #9848FF;
  color: #3A307B;
  box-shadow: 0 0 0 20px rgba(152, 72, 255, 0.5), 0 0 0 40px rgba(152, 72, 255, 0.25);
}
.progress-indicator-failed .points {
  background-color: rgba(255, 255, 255, 0.85);
  color: #3A307B;
}
.screenshot {
  background-image: url(/img/bg_device.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: top center;
  height: 800px;
  padding-top: 40px;
  z-index: 100;
}
.screenshot-0 .screenshot-icon-0 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 80% 20%;
  background-size: 150px;
}
.screenshot-0 .screenshot-icon-1 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_icobg1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 20% 50%;
  background-size: 150px;
}
.screenshot-1 .screenshot-icon-0 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg2.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: left 75%;
}
.screenshot-2 .screenshot-icon-0 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 0 57%;
  background-size: 150px;
}
.screenshot-2 .screenshot-icon-1 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg3.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 150px;
}
.screenshot-3 .screenshot-icon-0 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg4.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 20% 10%;
  background-size: 150px;
}
.screenshot-3 .screenshot-icon-1 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 80% 30%;
  background-size: 150px;
}
.screenshot-4 .screenshot-icon-0 {
  z-index: 250;
  height: 800px;
  background-image: url(/img/ico_bg1.png?v=JoMUC7zYul7x-AmaeH5AAOuUNOI);
  background-repeat: no-repeat;
  background-position: 80% 30%;
  background-size: 150px;
}
.screenshot .carousel {
  z-index: 200;
  margin: 0 auto;
  width: 270px;
}
.screenshot .carousel .carousel-control-prev {
  left: -35px;
}
.screenshot .carousel .carousel-control-next {
  right: -35px;
}
.vh-75 {
  height: 75vh !important;
}
.vh-50 {
  height: 50vh !important;
}
.size-16 {
  width: 16px !important;
  height: 16px !important;
  mask-size: 16px 16px !important;
  -webkit-mask-size: 16px 16px !important;
}
.size-24 {
  width: 24px !important;
  height: 24px !important;
  mask-size: 24px 24px !important;
  -webkit-mask-size: 24px 24px !important;
}
.size-36 {
  width: 36px !important;
  height: 36px !important;
  mask-size: 36px 36px !important;
  -webkit-mask-size: 36px 36px !important;
}
.size-48 {
  width: 48px !important;
  height: 48px !important;
  mask-size: 48px 48px !important;
  -webkit-mask-size: 48px 48px !important;
}
.size-64 {
  width: 64px !important;
  height: 64px !important;
  mask-size: 64px 64px !important;
  -webkit-mask-size: 64px 64px !important;
}
.text-size-16 {
  font-size: 16px;
}
.text-size-20 {
  font-size: 20px;
}
.text-size-24 {
  font-size: 24px;
}
.text-size-36 {
  font-size: 36px;
}
.text-size-48 {
  font-size: 48px;
}
.text-markdown h1,
.text-markdown h2,
.text-markdown h3,
.text-markdown h4,
.text-markdown h5 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.line-middle {
  display: flex;
  align-items: center;
  text-align: center;
}
.line-middle::before,
.line-middle::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #999;
  margin: 0 10px;
}
form .form-label {
  font-size: 12px;
}
form .form-control {
  padding: 12px;
  background: #fff;
}
form .input-group-text {
  background-color: #fff;
  padding-right: 5px;
}
form .input-group-text .ico {
  width: 24px !important;
  height: 24px !important;
  mask-size: 24px 24px !important;
  -webkit-mask-size: 24px 24px !important;
}
form .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-left: 0;
}
form .form-check-input:checked {
  background-color: #9848FF;
  border-color: #9848FF;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 1;
}
.form-control:focus {
  border-color: #9848FF;
  box-shadow: 0 0 0 0.25rem rgba(151, 72, 255, 0.25);
}
.nav-pills .ico {
  width: 24px;
  height: 24px;
}
.nav-pills .active .ico {
  background-color: #9848FF;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .toast-container {
    max-width: 1440px;
  }
  .container-fluid,
  .container-lg-fluid,
  .container-md-fluid,
  .container-sm-fluid,
  .container-xl-fluid,
  .container-xxl-fluid {
    max-width: 1440px;
    margin-left: 0;
  }
}
@media (max-width: 1320px) {
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 33px;
  }
}
@media (max-width: 960px) {
  h1 {
    font-size: 33px;
  }
  h2 {
    font-size: 28px;
  }
}