.text-main {
  color: #7f23f3;
}
.text-red {
  color: #fb3559;
}
.text-black {
  color: #000000;
}
.text-gray-3 {
  color: #333333;
}
.text-gray-6 {
  color: #666666;
}
.text-gray-9 {
  color: #999999;
}
.text-gray-c {
  color: #cccccc;
}
.text-gray-d9 {
  color: #d9d9d9;
}
.text-gray-f8 {
  color: #f8f8f8;
}
.text-gray-f4 {
  color: #f4f4f4;
}
.text-white {
  color: #ffffff;
}

.bg-main-02 {
  background-color: #f7f1ff;
}
.bg-gray-3 {
  background-color: #333333;
}
.bg-gray-6 {
  background-color: #666666;
}
.bg-gray-9 {
  background-color: #999999;
}
.bg-gray-c {
  background-color: #cccccc;
}
.bg-gray-d9 {
  background-color: #d9d9d9;
}
.bg-gray-f8 {
  background-color: #f8f8f8;
}
.bg-gray-f4 {
  background-color: #f4f4f4;
}
.bg-white {
  background-color: #ffffff;
}

.border-gray-3 {
  border-color: #333333;
}
.border-gray-6 {
  border-color: #666666;
}
.border-gray-9 {
  border-color: #999999;
}
.border-gray-c {
  border-color: #cccccc;
}
.border-gray-d9 {
  border-color: #d9d9d9;
}
.border-gray-f8 {
  border-color: #f8f8f8;
}
.border-gray-f4 {
  border-color: #f4f4f4;
}

.text-2xs {
  font-size: 0.625rem;
}
.text-2\.5xs {
  font-size: 0.5625rem;
}

.w-15 {
  width: 3.75rem;
}
.w-17\.5 {
  width: 4.375rem;
}
.w-25 {
  width: 6.25rem;
}
.w-50 {
  width: 12.5rem;
}
.max-w-50 {
  max-width: 12.5rem;
}
.h-7\.5 {
  height: 1.875rem;
}

.m-21\.5 {
  margin: 5.375rem;
}
.mt-21\.5 {
  margin-top: 5.375rem;
}
.mb-21\.5 {
  margin-bottom: 5.375rem;
}
.ml-21\.5 {
  margin-left: 5.375rem;
}
.mr-21\.5 {
  margin-right: 5.375rem;
}
.my-21\.5 {
  margin-top: 5.375rem;
  margin-bottom: 5.375rem;
}
.mx-21\.5 {
  margin-left: 5.375rem;
  margin-right: 5.375rem;
}

.m-35 {
  margin: 8.75rem;
}
.mt-35 {
  margin-top: 8.75rem;
}
.mb-35 {
  margin-bottom: 8.75rem;
}
.ml-35 {
  margin-left: 8.75rem;
}
.mr-35 {
  margin-right: 8.75rem;
}
.my-35 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}
.mx-35 {
  margin-left: 8.75rem;
  margin-right: 8.75rem;
}

.p-17\.5 {
  padding: 4.375rem;
}
.pt-17\.5 {
  padding-top: 4.375rem;
}
.pb-17\.5 {
  padding-bottom: 4.375rem;
}
.pl-17\.5 {
  padding-left: 4.375rem;
}
.pr-17\.5 {
  padding-right: 4.375rem;
}
.py-17\.5 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.px-17\.5 {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
}

.p-21 {
  padding: 5.25rem;
}
.pt-21 {
  padding-top: 5.25rem;
}
.pb-21 {
  padding-bottom: 5.25rem;
}
.pl-21 {
  padding-left: 5.25rem;
}
.pr-21 {
  padding-right: 5.25rem;
}
.py-21 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
.px-21 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}

.p-21\.5 {
  padding: 5.375rem;
}
.pt-21\.5 {
  padding-top: 5.375rem;
}
.pb-21\.5 {
  padding-bottom: 5.375rem;
}
.pl-21\.5 {
  padding-left: 5.375rem;
}
.pr-21\.5 {
  padding-right: 5.375rem;
}
.py-21\.5 {
  padding-top: 5.375rem;
  padding-bottom: 5.375rem;
}
.px-21\.5 {
  padding-left: 5.375rem;
  padding-right: 5.375rem;
}

.p-35 {
  padding: 8.75rem;
}
.pt-35 {
  padding-top: 8.75rem;
}
.pb-35 {
  padding-bottom: 8.75rem;
}
.pl-35 {
  padding-left: 8.75rem;
}
.pr-35 {
  padding-right: 8.75rem;
}
.py-35 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}
.px-35 {
  padding-left: 8.75rem;
  padding-right: 8.75rem;
}

.p-35 {
  padding: 8.75rem;
}
.pt-35 {
  padding-top: 8.75rem;
}
.pb-35 {
  padding-bottom: 8.75rem;
}
.pl-35 {
  padding-left: 8.75rem;
}
.pr-35 {
  padding-right: 8.75rem;
}
.py-35 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}
.px-35 {
  padding-left: 8.75rem;
  padding-right: 8.75rem;
}

.rounded-xs {
  border-radius: 0.125rem;
}
.rounded-sm {
  border-radius: 0.25rem;
}