.align-middle {
  vertical-align: middle;
}
.box-border {
  box-sizing: border-box;
}
.cursor-pointer {
  cursor: pointer;
}
.hidden {
  display: none;
}
.h-1 {
  height: calc(var(--spacing-size) * 1);
}
.h-5 {
  height: calc(var(--spacing-size) * 5);
}
.h-8 {
  height: calc(var(--spacing-size) * 8);
}
.h-10 {
  height: calc(var(--spacing-size) * 10);
}
.h-full {
  height: 100%;
}
hr.line-black {
  border-top: 1px solid black;
}
.justify-between {
  justify-content: space-between;
}
.loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mt-new {
  margin-top: 1.5rem;
}
.mb-new {
  margin-bottom: 1.5rem;
}
.ml-auto {
  margin-left: auto;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: calc(var(--spacing-size) * 8);
}
.ml-9 {
  margin-left: calc(var(--spacing-size) * 9);
}
.ml-14 {
  margin-left: calc(var(--spacing-size) * 14);
}
.ml-300px {
  margin-left: 300px;
}
.ml-\[-10px\] {
  margin-left: -10px;
}
.ml-\[-43px\] {
  margin-left: -43px;
}
.mt-1 {
  margin-top: calc(var(--spacing-size) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing-size) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing-size) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing-size) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing-size) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing-size) * 6);
}
.mt-6 {
  margin-top: calc(var(--spacing-size) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing-size) * 8);
}
.mt-9 {
  margin-top: calc(var(--spacing-size) * 9);
}
.mt-14 {
  margin-top: calc(var(--spacing-size) * 14);
}
.mt-16 {
  margin-top: calc(var(--spacing-size) * 16);
}
.mt-20 {
  margin-top: calc(var(--spacing-size) * 20);
}
.mb-14 {
  margin-bottom: calc(var(--spacing-size) * 14);
}
.mb-20 {
  margin-bottom: calc(var(--spacing-size) * 20);
}
.mb-0 {
  margin-bottom: 0rem;
}
.mb-1 {
  margin-bottom: calc(var(--spacing-size) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing-size) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing-size) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing-size) * 4);
}
.mb-20 {
  margin-bottom: calc(var(--spacing-size) * 20);
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.bg-lightgray {
  background-color: lightgray;
}
.pl-1 {
  padding-left: calc(var(--spacing-size) * 1);
}
.pl-2 {
  padding-left: calc(var(--spacing-size) * 2);
}
.px-1 {
  padding-left: calc(var(--spacing-size) * 1);
  padding-right: calc(var(--spacing-size) * 1);
}
.px-2 {
  padding-left: calc(var(--spacing-size) * 2);
  padding-right: calc(var(--spacing-size) * 2);
}
.px-6 {
  padding-left: calc(var(--spacing-size) * 6);
  padding-right: calc(var(--spacing-size) * 6);
}
.px-8 {
  padding-left: calc(var(--spacing-size) * 8);
  padding-right: calc(var(--spacing-size) * 8);
}
.px-12 {
  padding-left: calc(var(--spacing-size) * 12);
  padding-right: calc(var(--spacing-size) * 12);
}
.py-1 {
  padding-top: calc(var(--spacing-size) * 1);
  padding-bottom: calc(var(--spacing-size) * 1);
}
.text-gray {
  color: gray;
}
.text-green {
  color: green;
}
.text-italic {
  font-style: italic;
}
.text-red {
  color: red;
}
.text-white {
  color: white;
}
.text-yellow {
  color: var(--button-yellow-color);
}
.text-orange {
  color: #f59e0b;
}
.text-black {
  color: #404144;
}
.text-underline {
  text-decoration: underline;
}
.text-decoration-none,
.text-decoration-none:hover {
  text-decoration: none;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[60px\] {
  font-size: 60px;
}
.informative {
  color: grey;
  margin-top: 0px;
}
.hint {
  color: grey;
  font-size: small;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.no-wrap {
  flex-wrap: nowrap;
}
.flex-item-5-percent {
  flex: 1%;
}
.flex-item-10-percent {
  flex: 10%;
}
.flex-item-20-percent {
  flex: 20%;
}
.flex-item-30-percent {
  flex: 30%;
}
.flex-item-40-percent {
  flex: 40%;
}
.flex-item-50-percent {
  flex: 50%;
}
.flex-item-60-percent {
  flex: 60%;
}
.flex-item-70-percent {
  flex: 70%;
}
.flex-item-80-percent {
  flex: 80%;
}
.flex-item-90-percent {
  flex: 90%;
}
.flex-1 {
  flex: 1;
}
.font-bold {
  font-weight: bold;
}
.bl-text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.bl-text-black {
  color: #000;
}
.bl-text-strike {
  text-decoration: line-through;
}
.bl-text-gray {
  color: #aaa;
}
.underline {
  text-decoration: underline;
}
.decoration-none {
  text-decoration: none;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.margin-top-text {
  margin-top: 6.75px;
}
.margin-second {
  margin-top: 10px;
}
.list-style-type-none {
  list-style-type: none;
  padding-left: 0px;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.vertical-align-middle {
  vertical-align: middle;
}
.full-width-border-box {
  width: 100%;
  box-sizing: border-box;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.flex-hv-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-h-end-v-center {
  display: flex;
  justify-content: end;
  align-items: center;
}
.flex-h-start-v-center {
  display: flex;
  justify-content: start;
  align-items: center;
}
.gap-x-1 {
  gap: calc(var(--spacing-size) * 1);
}
.gap-x-3 {
  gap: calc(var(--spacing-size) * 3);
}
.max-w-580px {
  max-width: 580px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[500px\] {
  width: 500px;
}
.w-fit-content {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-1\/4 {
  width: 25%;
}
.w-4\/5 {
  width: 80%;
}
.w-3 {
  width: calc(var(--spacing-size) * 3);
}
.w-6 {
  width: calc(var(--spacing-size) * 6);
}
.w-90\% {
  width: 90%;
}
.items-center {
  align-items: center;
}
@media only screen and (max-width: 640px) {
  .mob\:ml-0 {
    margin-left: 0;
  }
  .mob\:mt-2 {
    margin-top: calc(var(--spacing-size) * 2);
  }
  .mob\:w-full {
    width: 100%;
  }
  .mob\:h-8 {
    height: calc(var(--spacing-size) * 8);
  }
  .mob\:hidden {
    display: none;
  }
  .mob\:text-center {
    text-align: center;
  }
  .mob\:justify-center {
    justify-content: center;
  }
  .mob\:justify-between {
    justify-content: space-between;
  }
}