.visible {
  visibility: visible
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mt-6 {
  margin-top: 1.5rem
}

.flex {
  display: flex
}

.h-\[40px\] {
  height: 40px
}

.w-\[160px\] {
  width: 160px
}

.w-\[80\%\] {
  width: 80%
}

.cursor-pointer {
  cursor: pointer
}

.gap-2 {
  gap: 0.5rem
}

.rounded {
  border-radius: 0.25rem
}

.rounded-lg {
  border-radius: 0.5rem
}

.border {
  border-width: 1px
}

.border-none {
  border-style: none
}

.bg-\[\#f5f4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 247 / var(--tw-bg-opacity, 1))
}

.\!bg-\[linear-gradient\(180deg\2c rgba\(230\2c 204\2c 130\2c 1\)0\%\2c rgba\(255\2c 255\2c 128\2c 1\)100\%\)\] {
  background-image: linear-gradient(180deg,rgba(230,204,130,1)0%,rgba(255,255,128,1)100%) !important
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.pl-6 {
  padding-left: 1.5rem
}

.text-\[16px\] {
  font-size: 16px
}

.text-\[20px\] {
  font-size: 20px
}

.font-semibold {
  font-weight: 600
}

.tracking-\[3px\] {
  letter-spacing: 3px
}

.\!text-\[black\] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important
}

.text-\[\#ff9e2e\] {
  --tw-text-opacity: 1;
  color: rgb(255 158 46 / var(--tw-text-opacity, 1))
}