*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
}

*::-webkit-scrollbar-track {
  background: transparent;
}

#app {
  max-width: 100%;
  min-width: var(--main-width);
  margin: 0 auto;
}

main {
  width: var(--main-width);
  margin: 0 auto;
}

@media screen and (max-width:990px) {
  body {
    zoom: 0.6;
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0 0;
    max-width: 100%;
  }
}

@media screen and (min-width:991px) and (max-width:1240px) {
  body {
    zoom: 0.78;
    -moz-transform: scale(0.78);
    -moz-transform-origin: 0 0;
    max-width: 100%;
  }
}

.font-8 {
  font-size: 8px
}

.font-12 {
  font-size: 12px
}

.font-14 {
  font-size: 14px
}

.font-16 {
  font-size: 16px
}

.font-18 {
  font-size: 18px
}

.font-20 {
  font-size: 20px
}

.font-22 {
  font-size: 22px
}

.font-24 {
  font-size: 24px
}

.font-26 {
  font-size: 26px
}

.font-28 {
  font-size: 28px
}

.font-30 {
  font-size: 30px
}

.font-32 {
  font-size: 32px
}

.font-34 {
  font-size: 34px
}

.font-36 {
  font-size: 36px
}

.font-38 {
  font-size: 38px
}

.font-40 {
  font-size: 40px
}

.font-50 {
  font-size: 50px
}

.font-54 {
  font-size: 54px
}

.font-56 {
  font-size: 56px
}

.padding-0 {
  padding: 0px !important;
}

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-12 {
  padding: 12px;
}

.padding-20 {
  padding: 20px;
}

.padding-24 {
  padding: 24px;
}

.padding-30 {
  padding: 30px;
}

.padding-40 {
  padding: 40px;
}

.padding-50 {
  padding: 50px;
}

.padding-60 {
  padding: 60px;
}

.padding-70 {
  padding: 70px;
}

.padding-80 {
  padding: 80px;
}

.padding-90 {
  padding: 90px;
}

.padding-100 {
  padding: 100px;
}

.padding-20-30 {
  padding: 20px 30px;
}

.padding-25-30 {
  padding: 25px 30px;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-12 {
  padding-top: 12px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-24 {
  padding-top: 24px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-20-30 {
  padding-top: 20px 30px;
}

.padding-top-25-30 {
  padding-top: 25px 30px;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-12 {
  padding-bottom: 12px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-24 {
  padding-bottom: 24px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-bottom-20-30 {
  padding-bottom: 20px 30px;
}

.padding-bottom-25-30 {
  padding-bottom: 25px 30px;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-24 {
  padding-left: 24px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-40 {
  padding-left: 40px;
}

.padding-left-50 {
  padding-left: 50px;
}

.padding-left-60 {
  padding-left: 60px;
}

.padding-left-70 {
  padding-left: 70px;
}

.padding-left-80 {
  padding-left: 80px;
}

.padding-left-90 {
  padding-left: 90px;
}

.padding-left-100 {
  padding-left: 100px;
}

.padding-left-20-30 {
  padding-left: 20px 30px;
}

.padding-left-25-30 {
  padding-left: 25px 30px;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-12 {
  padding-right: 12px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-24 {
  padding-right: 24px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-right-50 {
  padding-right: 50px;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-right-70 {
  padding-right: 70px;
}

.padding-right-80 {
  padding-right: 80px;
}

.padding-right-90 {
  padding-right: 90px;
}

.padding-right-100 {
  padding-right: 100px;
}

.padding-right-20-30 {
  padding-right: 20px 30px;
}

.padding-right-25-30 {
  padding-right: 25px 30px;
}


.margin-0 {
  margin: 0px !important;
}

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-12 {
  margin: 12x;
}

.margin-20 {
  margin: 20px;
}

.margin-24 {
  margin: 24px;
}

.margin-30 {
  margin: 30px;
}

.margin-40 {
  margin: 40px;
}

.margin-50 {
  margin: 50px;
}

.margin-60 {
  margin: 60px;
}

.margin-70 {
  margin: 70px;
}

.margin-80 {
  margin: 80px;
}

.margin-90 {
  margin: 90px;
}

.margin-100 {
  margin: 100px;
}

.margin-20-30 {
  margin: 20px 30px;
}

.margin-25-30 {
  margin: 25px 30px;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-18 {
  margin-top: 18px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-24 {
  margin-top: 24px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-20-30 {
  margin-top: 20px 30px;
}

.margin-top-25-30 {
  margin-top: 25px 30px;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-20-30 {
  margin-bottom: 20px 30px;
}

.margin-bottom-25-30 {
  margin-bottom: 25px 30px;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-24 {
  margin-left: 24px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-left-50 {
  margin-left: 50px;
}

.margin-left-60 {
  margin-left: 60px;
}

.margin-left-70 {
  margin-left: 70px;
}

.margin-left-80 {
  margin-left: 80px;
}

.margin-left-90 {
  margin-left: 90px;
}

.margin-left-100 {
  margin-left: 100px;
}

.margin-left-20-30 {
  margin-left: 20px 30px;
}

.margin-left-25-30 {
  margin-left: 25px 30px;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-24 {
  margin-right: 24px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-40 {
  margin-right: 40px;
}

.margin-right-50 {
  margin-right: 50px;
}

.margin-right-60 {
  margin-right: 60px;
}

.margin-right-70 {
  margin-right: 70px;
}

.margin-right-80 {
  margin-right: 80px;
}

.margin-right-90 {
  margin-right: 90px;
}

.margin-right-100 {
  margin-right: 100px;
}

.margin-right-20-30 {
  margin-right: 20px 30px;
}

.margin-right-25-30 {
  margin-right: 25px 30px;
}

.height-20 {
  height: 20px;
}

.height-40 {
  height: 40px;
}

.height-60 {
  height: 60px;
}

.height-70 {
  height: 70px;
}

.height-80 {
  height: 80px;
}

.height-100 {
  height: 100px;
}