/* 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=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-0-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-0-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-0-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-0-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-1-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-1-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-1-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-1-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-1-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-2-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-2-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-2-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-2-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-2-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-3-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-3-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-3-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-3-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-3-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-4-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-4-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-4-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-4-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-4-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-5-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-5-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-5-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-5-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-5-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-6-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-6-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-6-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-6-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-6-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-7-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-7-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-7-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-7-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-7-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-8-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-8-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-8-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-8-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-8-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-9-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-9-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-9-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-9-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-9-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-10-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-10-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-10-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-10-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-10-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-11-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-11-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-11-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-11-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-11-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-12-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-12-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-12-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-12-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-12-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-13-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-13-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-13-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-13-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-13-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-14-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-14-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-14-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-14-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-14-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-15-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("/img/branding/icons/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-15-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("/img/branding/icons/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-15-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url("/img/branding/icons/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-15-40 {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-image: url("/img/branding/icons/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-15-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url("/img/branding/icons/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-0-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/0.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-0-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/0.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-0-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/0.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-0-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/0.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/1.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/1.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/1.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-1-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/1.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-2-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/2.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-2-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/2.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-2-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/2.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-2-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/2.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-3-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/3.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-3-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/3.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-3-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/3.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-3-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/3.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-4-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/4.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-4-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/4.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-4-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/4.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-4-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/4.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-5-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/5.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-5-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/5.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-5-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/5.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-5-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/5.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-6-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/6.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-6-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/6.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-6-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/6.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-6-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/6.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-7-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/7.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-7-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/7.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-7-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/7.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-7-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/7.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-8-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/8.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-8-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/8.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-8-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/8.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-8-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/8.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-9-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/9.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-9-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/9.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-9-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/9.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-9-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/9.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-10-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/10.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-10-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/10.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-10-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/10.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-10-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/10.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-11-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/11.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-11-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/11.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-11-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/11.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-11-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/11.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-12-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/badges/12.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-12-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/badges/12.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-12-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/badges/12.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-badge-12-150 {
  width: 150px;
  height: 150px;
  background-size: 150px;
  background-image: url("/img/branding/badges/12.svg?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar--1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/-1.png");
}
.ico-avatar--1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/-1.png");
}
.ico-avatar--1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/-1.png");
}
.ico-avatar-0-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-0-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-0-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/0.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-1-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-1-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-1-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/1.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-2-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-2-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-2-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-3-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-3-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-3-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-4-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-4-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-4-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/4.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-5-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-5-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-5-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/5.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-6-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-6-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-6-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/6.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-7-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-7-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-7-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/7.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-8-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-8-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-8-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/8.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-9-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-9-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-9-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/9.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-10-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-10-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-10-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/10.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-11-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-11-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-11-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/11.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-12-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-12-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-12-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/12.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-13-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-13-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-13-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/13.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-14-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-14-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-14-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/14.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-15-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-15-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-15-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/15.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-16-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/16.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-16-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/16.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-16-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/16.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-17-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/17.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-17-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/17.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-17-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/17.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-18-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/18.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-18-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/18.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-18-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/18.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-19-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/19.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-19-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/19.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-19-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/19.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-20-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/20.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-20-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/20.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-20-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/20.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-21-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/21.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-21-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/21.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-21-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/21.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-22-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/22.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-22-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/22.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-22-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/22.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-23-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/23.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-23-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/23.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-23-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/23.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-24-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/24.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-24-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/24.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-24-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/24.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-25-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/25.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-25-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/25.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-25-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/25.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-26-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/26.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-26-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/26.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-26-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/26.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-27-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/27.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-27-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/27.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-27-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/27.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-28-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/28.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-28-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/28.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-28-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/28.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-29-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/29.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-29-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/29.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-29-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/29.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-30-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/30.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-30-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/30.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-30-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/30.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-31-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/31.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-31-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/31.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-31-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/31.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-32-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/32.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-32-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/32.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-32-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/32.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-33-50 {
  width: 50px;
  height: 50px;
  background-size: 50px;
  background-image: url("/img/branding/avatars/33.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-33-60 {
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url("/img/branding/avatars/33.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.ico-avatar-33-100 {
  width: 100px;
  height: 100px;
  background-size: 100px;
  background-image: url("/img/branding/avatars/33.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM");
}
.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: var(--bs-emphasis-color);
  line-height: 1.1;
}
.progress-chart-label {
  display: block;
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  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: var(--bs-secondary-color);
  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: var(--bs-body-color);
  font-size: 1rem;
  line-height: 1.1;
}
.x-axis-label .day-text {
  color: var(--bs-secondary-color);
  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: var(--bs-border-color);
  transform: translateX(-50%);
  z-index: 1;
}
.sortable-container .sortable-item .stepper-column .step-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  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: var(--bs-secondary-color);
}
.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: color-mix(in srgb, var(--bs-border-color), var(--bs-body-bg) 90%);
  border-style: dashed;
  border-color: var(--bs-border-color);
}
.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 var(--bs-secondary-color);
  background-color: var(--bs-tertiary-bg);
  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;
}
[data-bs-theme="dark"] .form-check.form-switch .form-check-input {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-secondary-color);
}
:root {
  --bs-body-font-size: 16px;
  --bs-body-font-family: Quicksand;
  --bs-body-bg: #F8F8F8;
  --bs-body-color: #211432;
  --bs-body-color-rgb: 33, 20, 50;
  --bs-emphasis-color: #211432;
  --bs-emphasis-color-rgb: 33, 20, 50;
  --bs-secondary-bg: #FFFFFF;
  --bs-tertiary-bg: #E3E3E3;
  --bs-border-color: #E3E3E3;
  --bs-border-color-translucent: rgba(33, 20, 50, 0.15);
  --bs-secondary-color: #575757;
  --bs-tertiary-color: #C2C2C2;
  --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;
}
.learning-status-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.learning-status-chip.learning-status-default {
  background: #f1f1f4;
  color: #6f6a7a;
}
.learning-status-chip.learning-status-need-to-learn {
  background: #f1e7ff;
  color: #9848ff;
}
.learning-status-chip.learning-status-need-to-repeat {
  background: #fff3c4;
  color: #8a6100;
}
.learning-status-chip.learning-status-learned {
  background: #dff8ec;
  color: #16875a;
}
.learning-status-summary {
  margin-top: 0.2rem;
}
.learning-status-summary-count {
  display: inline-flex;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  padding: 0.1rem 0.35rem;
  line-height: 1.2;
  font-weight: 600;
}
.learning-status-summary-count::before {
  content: "";
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  vertical-align: 0.05rem;
}
.learning-status-summary-default::before {
  background: #6f6a7a;
}
.learning-status-summary-need-to-learn::before {
  background: #9848ff;
}
.learning-status-summary-need-to-repeat::before {
  background: #e8a700;
}
.learning-status-summary-learned::before {
  background: #51a600;
}
.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;
}
.floating-actions-dock {
  --floating-actions-bottom: 1rem;
  position: fixed;
  right: calc(1rem + env(safe-area-inset-right, 0px));
  bottom: var(--floating-actions-bottom);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  z-index: 1040;
  pointer-events: none;
}
.floating-actions-dock > * {
  pointer-events: auto;
}
.floating-actions-dock .floating-action-button {
  flex: 0 0 auto;
  order: 10;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
}
.floating-actions-dock .floating-action-status {
  pointer-events: none;
  order: 20;
}
.floating-assistant-panel {
  --floating-actions-bottom: 1rem;
  position: fixed !important;
  right: calc(1rem + env(safe-area-inset-right, 0px));
  bottom: calc(var(--floating-actions-bottom) + 4.5rem);
  width: calc(98vw);
  max-width: 420px;
  z-index: 1040;
}
@media (max-width: 991.98px) {
  .floating-actions-dock,
  .floating-assistant-panel {
    --floating-actions-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
  }
}
.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-main-soft-100 {
  background: #EDE3FF !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;
}
.homepage-section-title {
  font-size: 72px;
  font-weight: 700;
}
.homepage-feature-title {
  font-size: 24px;
  font-weight: 700;
}
.page-title-heading {
  font-size: 32px;
  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=AbYWId1uazfvUcxXNgKoVGf6aDM) #dec8fe no-repeat;
}
.bg-1 h3 {
  margin-top: 200px;
}
.bg-2 {
  background: url(/img/bg_2.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM) #5700c8 no-repeat;
}
.bg-2 h3 {
  margin-top: 200px;
}
.bg-3 {
  background: url(/img/bg_3.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM) #f7e63c no-repeat;
}
.bg-3 h3 {
  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;
}
.points-summary {
  max-width: 92%;
  margin-top: -60px;
  margin-bottom: 16px;
  padding: 8px 16px;
  border-radius: 20px;
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  position: relative;
  z-index: 1;
}
.screenshot {
  background-image: url(/img/bg_device.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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=AbYWId1uazfvUcxXNgKoVGf6aDM);
  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: var(--bs-secondary-bg);
}
form .input-group-text {
  background-color: var(--bs-secondary-bg);
  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,
  .homepage-section-title {
    font-size: 38px;
  }
  h2 {
    font-size: 33px;
  }
}
@media (max-width: 960px) {
  h1,
  .homepage-section-title {
    font-size: 33px;
  }
  h2 {
    font-size: 28px;
  }
}
body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.theme-logo {
  transition: opacity 0.15s ease;
}
.stats-milestone {
  display: flex;
  gap: 1rem;
  background: linear-gradient(135deg, #FFF4CD 0%, #FFE9A8 100%);
  color: #211432;
}
.stats-milestone-content {
  min-width: 0;
  min-height: 44px;
  gap: 1rem;
}
.stats-milestone-item {
  min-width: 0;
  line-height: 1.35;
}
.stats-milestone-goal {
  flex: 1.4 1 0;
}
.stats-milestone-goal-value {
  display: inline;
}
.stats-milestone-remaining {
  flex: 0.65 1 0;
}
.stats-milestone-reward {
  display: block;
  flex: 1.15 1 0;
}
.stats-milestone-reward-icon {
  display: inline-flex;
  flex: 0 0 20px;
  align-items: center;
  margin-right: 0.25rem;
  vertical-align: middle;
}
.stats-milestone-reward-label {
  display: inline;
}
.stats-milestone-reward-value {
  display: block;
  width: 100%;
  white-space: normal;
}
.stats-milestone-reward > span {
  min-width: 0;
}
.stats-milestone-divider {
  flex: 0 0 1px;
  width: 1px;
  height: 28px;
  background-color: #D9B863;
}
@media (max-width: 767.98px) {
  .stats-milestone-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.625rem;
  }
  .stats-milestone-item,
  .stats-milestone-reward {
    width: 100%;
  }
  .stats-milestone-goal-value {
    display: block;
  }
  .stats-milestone-divider {
    width: 100%;
    height: 1px;
  }
}
[data-bs-theme="dark"] {
  --bs-body-bg: #121212;
  --bs-body-bg-rgb: 18, 18, 18;
  --bs-body-color: #e5e5e7;
  --bs-body-color-rgb: 229, 229, 231;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #a1a1a6;
  --bs-secondary-color-rgb: 161, 161, 166;
  --bs-tertiary-color: #6c6c70;
  --bs-tertiary-color-rgb: 108, 108, 112;
  --bs-secondary-bg: #1e1e1e;
  --bs-secondary-bg-rgb: 30, 30, 30;
  --bs-tertiary-bg: #2c2c2e;
  --bs-tertiary-bg-rgb: 44, 44, 46;
  --bs-border-color: #38383a;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-secondary-rgb: 44, 64, 56;
  --bs-dark-rgb: 33, 20, 50;
  --bs-primary-text-emphasis: #d6bcff;
  --bs-secondary-text-emphasis: #b8d9cc;
  --bs-success-text-emphasis: #a8dfaa;
  --bs-info-text-emphasis: #9eeaf9;
  --bs-warning-text-emphasis: #ffe69c;
  --bs-danger-text-emphasis: #ffb3ab;
  --bs-light-text-emphasis: #e5e5e7;
  --bs-dark-text-emphasis: #e5e5e7;
  --bs-primary-bg-subtle: #30245a;
  --bs-secondary-bg-subtle: #26352f;
  --bs-success-bg-subtle: #102d10;
  --bs-info-bg-subtle: #102d33;
  --bs-warning-bg-subtle: #2d2010;
  --bs-danger-bg-subtle: #2d1010;
  --bs-light-bg-subtle: #2c2c2e;
  --bs-dark-bg-subtle: #1c1c1e;
  --bs-link-color: #c39cff;
  --bs-link-color-rgb: 195, 156, 255;
  --bs-link-hover-color: #d6bcff;
  --bs-link-hover-color-rgb: 214, 188, 255;
  --bs-light-rgb: 44, 44, 46;
  --cc-btn-secondary-bg: #2c2c2e;
  --cc-btn-secondary-hover-bg: #38383a;
  --cc-btn-secondary-color: #e5e5e7;
}
[data-bs-theme="dark"] .bg-white {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .user-plan-reopen {
  --bs-btn-border-color: #9848FF;
  --bs-btn-hover-border-color: #9848FF;
  --bs-btn-active-border-color: #9848FF;
  border-color: #9848FF !important;
}
[data-bs-theme="dark"] .user-plan-reopen .bi {
  color: #9848FF !important;
}
[data-bs-theme="dark"] .user-plan-reopen:hover .bi,
[data-bs-theme="dark"] .user-plan-reopen:focus .bi,
[data-bs-theme="dark"] .user-plan-reopen:active .bi {
  color: #fff;
}
[data-bs-theme="dark"] .stats-page main .bg-white {
  background-color: var(--bs-secondary-bg) !important;
}
[data-bs-theme="dark"] .stats-page .bg-tertiary-100 {
  background-color: #26352f !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .stats-page .bg-main-soft-100 {
  background-color: #30245a !important;
  color: #d6bcff !important;
}
[data-bs-theme="dark"] .stats-page .bg-main-soft-100 .text-primary {
  color: #d6bcff !important;
}
[data-bs-theme="dark"] .stats-page .bg-success-100 {
  background-color: #102d10 !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .stats-page .bg-error-100 {
  background-color: #2d1010 !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .stats-page .progress {
  --bs-progress-bg: #38383a;
}
[data-bs-theme="dark"] .stats-page .progress-chart-track {
  stroke: #38383a;
}
[data-bs-theme="dark"] .stats-page .progress-chart-dotted-ring {
  border-color: rgba(214, 188, 255, 0.25);
}
[data-bs-theme="dark"] .stats-page .stats-milestone {
  background: linear-gradient(135deg, #3f3512 0%, #2d2610 100%) !important;
  border-color: #8a6c13 !important;
  color: #f4e8b0 !important;
}
[data-bs-theme="dark"] .stats-page .stats-milestone .text-primary {
  color: #d6bcff !important;
}
[data-bs-theme="dark"] .stats-page .stats-milestone-divider {
  background-color: #8a6c13;
}
[data-bs-theme="dark"] .theme-logo {
  content: url('/img/logo.dark.png?v=AbYWId1uazfvUcxXNgKoVGf6aDM');
}
[data-bs-theme="dark"] .navbar .btn-dark {
  --bs-btn-color: var(--bs-body-bg);
  --bs-btn-bg: var(--bs-emphasis-color);
  --bs-btn-border-color: var(--bs-emphasis-color);
  --bs-btn-hover-color: var(--bs-body-bg);
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: var(--bs-body-bg);
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-disabled-color: var(--bs-tertiary-color);
  --bs-btn-disabled-bg: var(--bs-tertiary-bg);
  --bs-btn-disabled-border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .navbar .btn-outline-dark {
  --bs-btn-color: var(--bs-emphasis-color);
  --bs-btn-border-color: var(--bs-emphasis-color);
  --bs-btn-hover-color: var(--bs-body-bg);
  --bs-btn-hover-bg: var(--bs-emphasis-color);
  --bs-btn-hover-border-color: var(--bs-emphasis-color);
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: var(--bs-body-bg);
  --bs-btn-active-bg: var(--bs-emphasis-color);
  --bs-btn-active-border-color: var(--bs-emphasis-color);
  --bs-btn-disabled-color: var(--bs-tertiary-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .bg-light {
  background-color: var(--bs-tertiary-bg) !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .text-dark {
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .page-title {
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] body.bg-success-light-1 {
  color: #000000;
}
[data-bs-theme="dark"] body.bg-success-light-1 .page-title {
  color: #000000 !important;
}
[data-bs-theme="dark"] .bg-success {
  color: #000000 !important;
}
[data-bs-theme="dark"] .bg-danger {
  color: #000000 !important;
}
[data-bs-theme="dark"] .text-bg-success {
  color: #000000 !important;
}
[data-bs-theme="dark"] .answer-status {
  color: #000000 !important;
}
[data-bs-theme="dark"] .border-dark {
  border-color: var(--bs-border-color) !important;
}
[data-bs-theme="dark"] .bg-bw-200,
[data-bs-theme="dark"] .bg-bw-300 {
  background-color: var(--bs-tertiary-bg) !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .bg-tertiary-200 {
  background-color: #2a3825 !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .user-plan-final-locked {
  background-color: #26352f !important;
  border-color: #4b6558 !important;
  color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] .nav-pills:not(.nav-pills-plain) {
  background: var(--bs-tertiary-bg);
}
[data-bs-theme="dark"] .table-primary {
  --bs-table-color: #e5e5e7;
  --bs-table-bg: #30245a;
  --bs-table-border-color: #584a91;
  --bs-table-striped-bg: #3b2e6a;
  --bs-table-striped-color: #ffffff;
  --bs-table-active-bg: #44367a;
  --bs-table-active-color: #ffffff;
  --bs-table-hover-bg: #493c82;
  --bs-table-hover-color: #ffffff;
}
[data-bs-theme="dark"] .btn-light {
  --bs-btn-color: #e5e5e7;
  --bs-btn-bg: #2c2c2e;
  --bs-btn-border-color: #38383a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #38383a;
  --bs-btn-hover-border-color: #48484a;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #48484a;
  --bs-btn-active-border-color: #48484a;
  --bs-btn-disabled-color: #6c6c70;
  --bs-btn-disabled-bg: #2c2c2e;
  --bs-btn-disabled-border-color: #38383a;
}
[data-bs-theme="dark"] form .form-control,
[data-bs-theme="dark"] form .input-group-text,
[data-bs-theme="dark"] form .form-select {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] form .form-control::placeholder {
  color: var(--bs-tertiary-color);
}
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .popover,
[data-bs-theme="dark"] .toast {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .offcanvas-header,
[data-bs-theme="dark"] .offcanvas-footer {
  border-color: var(--bs-border-color);
}
.toast.flash-toast {
  color: #fff !important;
}
.toast.flash-toast-success {
  background-color: #0B7A4B !important;
}
.toast.flash-toast-danger {
  background-color: #DC3545 !important;
}
body.learning-conflict-blocked main .learning-content > :not(.modal) {
  filter: blur(8px);
  pointer-events: none;
  user-select: none;
}
.billing-completed-title {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.15;
}
.billing-plan-grid {
  align-items: stretch;
}
.billing-plan-grid > [class*="col-"] {
  display: flex;
  min-width: 0;
}
.billing-plan-card {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 100%;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 4px solid var(--billing-plan-accent);
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(61, 32, 92, 0.06);
}
.billing-plan-free {
  --billing-plan-accent: #d8b8ff;
  --billing-plan-title: #8a59c9;
  --billing-plan-badge: #f7f0ff;
}
.billing-plan-plus {
  --billing-plan-accent: #b574ff;
  --billing-plan-title: #7f3fd6;
  --billing-plan-badge: #f3e8ff;
}
.billing-plan-max {
  --billing-plan-accent: #9848ff;
  --billing-plan-title: #6f2bc1;
  --billing-plan-badge: #eedfff;
}
.billing-plan-current {
  box-shadow: 0 6px 22px rgba(111, 43, 193, 0.14);
}
.billing-plan-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 24px;
}
.billing-plan-title {
  margin: 0;
  color: var(--billing-plan-title);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.billing-plan-description {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 0;
  margin: 8px auto 18px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--billing-plan-badge);
  color: var(--billing-plan-title);
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}
.billing-plan-price {
  color: #26202d;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.billing-plan-interval {
  margin: 4px 0 20px;
  color: #75717b;
  font-size: 13px;
  text-align: center;
}
.billing-plan-features {
  display: grid;
  gap: 10px;
  align-content: start;
  grid-auto-rows: minmax(40px, auto);
  min-height: 250px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  color: #3f3945;
  font-size: 14px;
}
.billing-plan-features li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.profile-subscription-plan {
  display: flex;
  align-items: center;
  min-height: 32px;
}
.profile-subscription-plan a {
  gap: 4px;
  line-height: 1.25;
}
.billing-plan-features i {
  flex: 0 0 18px;
  color: var(--billing-plan-title);
  font-size: 16px;
}
.billing-plan-cta {
  border-color: var(--billing-plan-title);
  background: var(--billing-plan-title);
  color: #fff;
  font-weight: 700;
}
.billing-plan-cta:hover,
.billing-plan-cta:focus {
  border-color: var(--billing-plan-accent);
  background: var(--billing-plan-accent);
  color: #fff;
}
.billing-plan-cta:disabled {
  border-color: var(--billing-plan-badge);
  background: var(--billing-plan-badge);
  color: var(--billing-plan-title);
  opacity: 1;
}
.billing-comparison-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border: 1px solid #c6a4e9;
  border-radius: 10px;
  background: #faf7ff;
  color: #6f2bc1;
  font-weight: 700;
}
.billing-comparison-toggle .bi {
  transition: transform 0.2s ease;
}
.billing-comparison-toggle:not(.collapsed) .bi {
  transform: rotate(180deg);
}
.billing-comparison-table {
  overflow: hidden;
  border: 1px solid #c6a4e9;
  border-radius: 12px;
  background: #fff;
}
.billing-comparison-table th,
.billing-comparison-table td {
  min-width: 140px;
  padding: 14px 16px;
}
.billing-comparison-table thead th {
  color: #6f2bc1;
  background: #faf7ff;
  font-weight: 700;
}
.billing-comparison-table tbody th {
  color: #332b3b;
  font-weight: 600;
}
.billing-info {
  display: inline-flex;
  width: 18px;
  height: 16px;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6f2bc1;
  cursor: pointer;
  vertical-align: middle;
}
.billing-info i {
  font-size: 16px;
  line-height: 1;
}
.billing-info:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.billing-comparison-cta {
  align-items: stretch;
}
.billing-comparison-cta .billing-plan-cta {
  min-height: 48px;
  font-size: 15px;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .billing-plan-card-body {
    padding: 20px;
  }
  .billing-plan-features {
    min-height: 0;
  }
  .billing-comparison-table {
    font-size: 13px;
  }
}
[data-bs-theme="dark"] .billing-plan-card {
  background: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
}
[data-bs-theme="dark"] .billing-plan-description {
  color: var(--billing-plan-title);
}
[data-bs-theme="dark"] .billing-plan-interval {
  color: var(--bs-secondary-color);
}
[data-bs-theme="dark"] .billing-plan-price,
[data-bs-theme="dark"] .billing-plan-features {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .billing-plan-cta:disabled {
  border-color: var(--bs-primary-bg-subtle);
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}
[data-bs-theme="dark"] .billing-plan-card .form-control {
  border-color: var(--bs-border-color);
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .billing-plan-card .form-check-label {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .billing-comparison-toggle {
  border-color: var(--bs-border-color);
  background: var(--bs-secondary-bg);
  color: var(--bs-primary-text-emphasis);
}
[data-bs-theme="dark"] .billing-comparison-table {
  border-color: var(--bs-border-color);
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .billing-comparison-table thead th {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}
[data-bs-theme="dark"] .billing-comparison-table tbody th {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] .billing-comparison-table tbody td {
  color: var(--bs-secondary-color);
}
[data-bs-theme="dark"] .billing-info {
  background: transparent;
  color: var(--bs-primary-text-emphasis);
}