*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

.fixed {
  position: fixed
}

.\!absolute {
  position: absolute !important
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.\!top-0 {
  top: 0px !important
}

.-bottom-px {
  bottom: -1px
}

.-right-2 {
  right: -0.5rem
}

.-right-2\.5 {
  right: -0.625rem
}

.-top-2 {
  top: -0.5rem
}

.-top-2\.5 {
  top: -0.625rem
}

.-top-4 {
  top: -1rem
}

.-top-\[140px\] {
  top: -140px
}

.bottom-0 {
  bottom: 0px
}

.bottom-2 {
  bottom: 0.5rem
}

.left-0 {
  left: 0px
}

.left-2 {
  left: 0.5rem
}

.left-4 {
  left: 1rem
}

.right-0 {
  right: 0px
}

.top-0 {
  top: 0px
}

.top-1 {
  top: 0.25rem
}

.top-1\/2 {
  top: 50%
}

.top-2 {
  top: 0.5rem
}

.top-6 {
  top: 1.5rem
}

.top-\[50\%\] {
  top: 50%
}

.top-full {
  top: 100%
}

.isolate {
  isolation: isolate
}

.z-1 {
  z-index: 1
}

.z-10 {
  z-index: 10
}

.z-2 {
  z-index: 2
}

.z-header {
  z-index: 600
}

.z-mask {
  z-index: 802
}

.z-mask-body {
  z-index: 800
}

.col-span-2 {
  grid-column: span 2 / span 2
}

.col-span-3 {
  grid-column: span 3 / span 3
}

.col-span-full {
  grid-column: 1 / -1
}

.\!m-0 {
  margin: 0px !important
}

.m-0 {
  margin: 0px
}

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

.\!my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important
}

.\!my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important
}

.-mx-\[76px\] {
  margin-left: -76px;
  margin-right: -76px
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.\!-mr-4 {
  margin-right: -1rem !important
}

.\!mb-4 {
  margin-bottom: 1rem !important
}

.\!mb-8 {
  margin-bottom: 2rem !important
}

.\!ml-0 {
  margin-left: 0px !important
}

.\!mt-0 {
  margin-top: 0px !important
}

.\!mt-1 {
  margin-top: 0.25rem !important
}

.\!mt-8 {
  margin-top: 2rem !important
}

.-mb-1 {
  margin-bottom: -0.25rem
}

.-mr-0 {
  margin-right: -0px
}

.-mr-0\.5 {
  margin-right: -0.125rem
}

.-mt-1 {
  margin-top: -0.25rem
}

.-mt-12 {
  margin-top: -3rem
}

.-mt-4 {
  margin-top: -1rem
}

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

.-mt-\[20px\] {
  margin-top: -20px
}

.-mt-\[74px\] {
  margin-top: -74px
}

.mb-0 {
  margin-bottom: 0px
}

.mb-1 {
  margin-bottom: 0.25rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-14 {
  margin-bottom: 3.5rem
}

.mb-16 {
  margin-bottom: 4rem
}

.mb-2 {
  margin-bottom: 0.5rem
}

.mb-20 {
  margin-bottom: 5rem
}

.mb-24 {
  margin-bottom: 6rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-8 {
  margin-bottom: 2rem
}

.mb-\[40px\] {
  margin-bottom: 40px
}

.ml-0 {
  margin-left: 0px
}

.ml-1 {
  margin-left: 0.25rem
}

.ml-6 {
  margin-left: 1.5rem
}

.mr-2 {
  margin-right: 0.5rem
}

.mr-24 {
  margin-right: 6rem
}

.mr-4 {
  margin-right: 1rem
}

.mt-0 {
  margin-top: 0px
}

.mt-1 {
  margin-top: 0.25rem
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-14 {
  margin-top: 3.5rem
}

.mt-16 {
  margin-top: 4rem
}

.mt-2 {
  margin-top: 0.5rem
}

.mt-4 {
  margin-top: 1rem
}

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

.mt-8 {
  margin-top: 2rem
}

.box-border {
  box-sizing: border-box
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.\!block {
  display: block !important
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.\!flex {
  display: flex !important
}

.flex {
  display: flex
}

.\!inline-flex {
  display: inline-flex !important
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.\!hidden {
  display: none !important
}

.hidden {
  display: none
}

.\!h-\[230px\] {
  height: 230px !important
}

.\!h-auto {
  height: auto !important
}

.\!h-full {
  height: 100% !important
}

.h-0 {
  height: 0px
}

.h-1 {
  height: 0.25rem
}

.h-1\.5 {
  height: 0.375rem
}

.h-10 {
  height: 2.5rem
}

.h-2 {
  height: 0.5rem
}

.h-20 {
  height: 5rem
}

.h-4 {
  height: 1rem
}

.h-5 {
  height: 1.25rem
}

.h-8 {
  height: 2rem
}

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

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

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

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

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

.h-auto {
  height: auto
}

.h-dvh {
  height: 100dvh
}

.h-full {
  height: 100%
}

.h-px {
  height: 1px
}

.max-h-\[340px\] {
  max-height: 340px
}

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

.max-h-\[500px\] {
  max-height: 500px
}

.max-h-full {
  max-height: 100%
}

.\!min-h-\[230px\] {
  min-height: 230px !important
}

.min-h-14 {
  min-height: 3.5rem
}

.min-h-8 {
  min-height: 2rem
}

.min-h-\[44dvh\] {
  min-height: 44dvh
}

.min-h-dvh {
  min-height: 100dvh
}

.\!w-auto {
  width: auto !important
}

.\!w-full {
  width: 100% !important
}

.w-1 {
  width: 0.25rem
}

.w-1\.5 {
  width: 0.375rem
}

.w-1\/2 {
  width: 50%
}

.w-12 {
  width: 3rem
}

.w-2 {
  width: 0.5rem
}

.w-20 {
  width: 5rem
}

.w-32 {
  width: 8rem
}

.w-36 {
  width: 9rem
}

.w-4 {
  width: 1rem
}

.w-40 {
  width: 10rem
}

.w-5 {
  width: 1.25rem
}

.w-8 {
  width: 2rem
}

.w-9 {
  width: 2.25rem
}

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

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

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

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

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

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

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

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.min-w-2 {
  min-width: 0.5rem
}

.min-w-20 {
  min-width: 5rem
}

.min-w-32 {
  min-width: 8rem
}

.min-w-40 {
  min-width: 10rem
}

.min-w-\[360px\] {
  min-width: 360px
}

.\!max-w-full {
  max-width: 100% !important
}

.max-w-80 {
  max-width: 20rem
}

.max-w-\[180px\] {
  max-width: 180px
}

.max-w-\[50\%\] {
  max-width: 50%
}

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

.max-w-full {
  max-width: 100%
}

.max-w-screen-_xxl {
  max-width: 1600px
}

.flex-auto {
  flex: 1 1 auto
}

.flex-none {
  flex: none
}

.shrink {
  flex-shrink: 1
}

.shrink-0 {
  flex-shrink: 0
}

.grow {
  flex-grow: 1
}

.grow-0 {
  flex-grow: 0
}

.basis-1\/2 {
  flex-basis: 50%
}

.basis-1\/3 {
  flex-basis: 33.333333%
}

.basis-24 {
  flex-basis: 6rem
}

.basis-36 {
  flex-basis: 9rem
}

.basis-80 {
  flex-basis: 20rem
}

.basis-\[124px\] {
  flex-basis: 124px
}

.basis-\[140px\] {
  flex-basis: 140px
}

.basis-\[150px\] {
  flex-basis: 150px
}

.basis-\[160px\] {
  flex-basis: 160px
}

.basis-\[180px\] {
  flex-basis: 180px
}

.basis-\[24px\] {
  flex-basis: 24px
}

.basis-\[280px\] {
  flex-basis: 280px
}

.basis-\[300px\] {
  flex-basis: 300px
}

.basis-\[32px\] {
  flex-basis: 32px
}

.basis-\[340px\] {
  flex-basis: 340px
}

.basis-\[360px\] {
  flex-basis: 360px
}

.basis-\[40px\] {
  flex-basis: 40px
}

.basis-\[44\%\] {
  flex-basis: 44%
}

.basis-\[500px\] {
  flex-basis: 500px
}

.basis-\[8px\] {
  flex-basis: 8px
}

.basis-\[90px\] {
  flex-basis: 90px
}

.basis-auto {
  flex-basis: auto
}

.basis-full {
  flex-basis: 100%
}

.border-collapse {
  border-collapse: collapse
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-\[-1\] {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!cursor-default {
  cursor: default !important
}

.\!cursor-not-allowed {
  cursor: not-allowed !important
}

.cursor-not-allowed {
  cursor: not-allowed
}

.cursor-pointer {
  cursor: pointer
}

.cursor-zoom-in {
  cursor: zoom-in
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr))
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-nowrap {
  flex-wrap: nowrap
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.\!items-center {
  align-items: center !important
}

.items-center {
  align-items: center
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.\!gap-1 {
  gap: 0.25rem !important
}

.gap-0 {
  gap: 0px
}

.gap-1 {
  gap: 0.25rem
}

.gap-1\.5 {
  gap: 0.375rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-2 {
  gap: 0.5rem
}

.gap-2\.5 {
  gap: 0.625rem
}

.gap-20 {
  gap: 5rem
}

.gap-3 {
  gap: 0.75rem
}

.gap-3\.5 {
  gap: 0.875rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-8 {
  gap: 2rem
}

.gap-\[20px\] {
  gap: 20px
}

.gap-\[60px\] {
  gap: 60px
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-auto {
  overflow-x: auto
}

.overflow-y-auto {
  overflow-y: auto
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.whitespace-nowrap {
  white-space: nowrap
}

.text-nowrap {
  text-wrap: nowrap
}

.\!rounded {
  border-radius: 0.25rem !important
}

.\!rounded-none {
  border-radius: 0px !important
}

.rounded {
  border-radius: 0.25rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-\[3px\] {
  border-radius: 3px
}

.rounded-full {
  border-radius: 9999px
}

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

.rounded-md {
  border-radius: 0.375rem
}

.rounded-none {
  border-radius: 0px
}

.rounded-xl {
  border-radius: 0.75rem
}

.\!rounded-tr {
  border-top-right-radius: 0.25rem !important
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem
}

.border {
  border-width: 1px
}

.border-2 {
  border-width: 2px
}

.border-4 {
  border-width: 4px
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px
}

.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px
}

.\!border-l-0 {
  border-left-width: 0px !important
}

.border-b-0 {
  border-bottom-width: 0px
}

.border-l-0 {
  border-left-width: 0px
}

.border-r-0 {
  border-right-width: 0px
}

.border-t-0 {
  border-top-width: 0px
}

.border-solid {
  border-style: solid
}

.border-double {
  border-style: double
}

.\!border-none {
  border-style: none !important
}

.\!border-colorBgLayoutLight {
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 248 251 / var(--tw-border-opacity)) !important
}

.\!border-colorPrimary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(141 86 185 / var(--tw-border-opacity)) !important
}

.\!border-colorSplit {
  border-color: rgba(5, 5, 5, 0.06) !important
}

.\!border-transparent {
  border-color: transparent !important
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-colorBgLayout {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.border-colorBorder {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity))
}

.border-colorErrorBorder {
  --tw-border-opacity: 1;
  border-color: rgb(255 204 199 / var(--tw-border-opacity))
}

.border-colorInfoBorder {
  --tw-border-opacity: 1;
  border-color: rgb(220 211 224 / var(--tw-border-opacity))
}

.border-colorPrimary {
  --tw-border-opacity: 1;
  border-color: rgb(141 86 185 / var(--tw-border-opacity))
}

.border-colorSecondary {
  --tw-border-opacity: 1;
  border-color: rgb(9 186 181 / var(--tw-border-opacity))
}

.border-colorSuccess {
  --tw-border-opacity: 1;
  border-color: rgb(9 186 181 / var(--tw-border-opacity))
}

.border-colorSuccessBorder {
  --tw-border-opacity: 1;
  border-color: rgb(119 224 210 / var(--tw-border-opacity))
}

.border-colorWarning {
  --tw-border-opacity: 1;
  border-color: rgb(255 168 0 / var(--tw-border-opacity))
}

.border-colorWarningBorder {
  --tw-border-opacity: 1;
  border-color: rgb(255 224 122 / var(--tw-border-opacity))
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity))
}

.border-transparent {
  border-color: transparent
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.border-b-transparent {
  border-bottom-color: transparent
}

.\!bg-colorBgContainerDisabled {
  background-color: rgba(0, 0, 0, 0.04) !important
}

.\!bg-colorBgLayoutLight {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 248 251 / var(--tw-bg-opacity)) !important
}

.\!bg-colorPrimaryBgHover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 223 237 / var(--tw-bg-opacity)) !important
}

.\!bg-transparent {
  background-color: transparent !important
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.bg-\[\#252120\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 33 32 / var(--tw-bg-opacity))
}

.bg-\[\#464646\] {
  --tw-bg-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity))
}

.bg-\[\#cb0000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(203 0 0 / var(--tw-bg-opacity))
}

.bg-\[rgb\(255\2c 158\2c 0\)\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 158 0 / var(--tw-bg-opacity))
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-colorBgContainerDisabled {
  background-color: rgba(0, 0, 0, 0.04)
}

.bg-colorBgLayout {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

.bg-colorBgLayoutLight {
  --tw-bg-opacity: 1;
  background-color: rgb(249 248 251 / var(--tw-bg-opacity))
}

.bg-colorBgMask {
  background-color: rgba(0, 0, 0, 0.45)
}

.bg-colorBorder {
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity))
}

.bg-colorErrorActive {
  --tw-bg-opacity: 1;
  background-color: rgb(217 54 62 / var(--tw-bg-opacity))
}

.bg-colorErrorBg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 240 / var(--tw-bg-opacity))
}

.bg-colorErrorBgHover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 240 / var(--tw-bg-opacity))
}

.bg-colorErrorTextActive {
  --tw-bg-opacity: 1;
  background-color: rgb(217 54 62 / var(--tw-bg-opacity))
}

.bg-colorInfoBg {
  --tw-bg-opacity: 1;
  background-color: rgb(246 235 250 / var(--tw-bg-opacity))
}

.bg-colorPrimary {
  --tw-bg-opacity: 1;
  background-color: rgb(141 86 185 / var(--tw-bg-opacity))
}

.bg-colorPrimaryActive {
  --tw-bg-opacity: 1;
  background-color: rgb(106 61 148 / var(--tw-bg-opacity))
}

.bg-colorPrimaryBgHover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 237 / var(--tw-bg-opacity))
}

.bg-colorSecondary {
  --tw-bg-opacity: 1;
  background-color: rgb(9 186 181 / var(--tw-bg-opacity))
}

.bg-colorSplit {
  background-color: rgba(5, 5, 5, 0.06)
}

.bg-colorSuccess {
  --tw-bg-opacity: 1;
  background-color: rgb(9 186 181 / var(--tw-bg-opacity))
}

.bg-colorSuccessBg {
  --tw-bg-opacity: 1;
  background-color: rgb(225 250 245 / var(--tw-bg-opacity))
}

.bg-colorWarningActive {
  --tw-bg-opacity: 1;
  background-color: rgb(217 137 0 / var(--tw-bg-opacity))
}

.bg-colorWarningBg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 230 / var(--tw-bg-opacity))
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity))
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity))
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity))
}

.bg-transparent {
  background-color: transparent
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-\[url\(\'\/assets\/images\/home-page\/gaming-bg\.jpg\'\)\] {
  background-image: url('/assets/images/home-page/gaming-bg.jpg')
}

.bg-gift {
  background-image: url('/assets/images/bg-gift-transparent.png')
}

.bg-cover {
  background-size: cover
}

.bg-fixed {
  background-attachment: fixed
}

.bg-center {
  background-position: center
}

.bg-repeat {
  background-repeat: repeat
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.\!p-0 {
  padding: 0px !important
}

.\!p-1 {
  padding: 0.25rem !important
}

.\!p-2 {
  padding: 0.5rem !important
}

.\!p-4 {
  padding: 1rem !important
}

.p-0 {
  padding: 0px
}

.p-0\.5 {
  padding: 0.125rem
}

.p-1 {
  padding: 0.25rem
}

.p-2 {
  padding: 0.5rem
}

.p-4 {
  padding: 1rem
}

.p-6 {
  padding: 1.5rem
}

.p-8 {
  padding: 2rem
}

.p-\[8px\] {
  padding: 8px
}

.p-px {
  padding: 1px
}

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

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important
}

.\!px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important
}

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

.\!py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important
}

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

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px
}

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

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem
}

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

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.\!pb-3 {
  padding-bottom: 0.75rem !important
}

.\!pl-0 {
  padding-left: 0px !important
}

.\!pr-0 {
  padding-right: 0px !important
}

.\!pr-1 {
  padding-right: 0.25rem !important
}

.pb-0 {
  padding-bottom: 0px
}

.pb-1 {
  padding-bottom: 0.25rem
}

.pb-14 {
  padding-bottom: 3.5rem
}

.pb-2 {
  padding-bottom: 0.5rem
}

.pb-6 {
  padding-bottom: 1.5rem
}

.pl-1 {
  padding-left: 0.25rem
}

.pl-2 {
  padding-left: 0.5rem
}

.pr-0 {
  padding-right: 0px
}

.pr-1 {
  padding-right: 0.25rem
}

.pr-2 {
  padding-right: 0.5rem
}

.pr-6 {
  padding-right: 1.5rem
}

.pt-0 {
  padding-top: 0px
}

.pt-0\.5 {
  padding-top: 0.125rem
}

.pt-1 {
  padding-top: 0.25rem
}

.pt-14 {
  padding-top: 3.5rem
}

.pt-2 {
  padding-top: 0.5rem
}

.pt-24 {
  padding-top: 6rem
}

.pt-4 {
  padding-top: 1rem
}

.text-left {
  text-align: left
}

.\!text-center {
  text-align: center !important
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

.text-end {
  text-align: end
}

.\!text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important
}

.\!text-\[12px\] {
  font-size: 12px !important
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.\!text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important
}

.\!text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important
}

.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem
}

.text-5xl {
  font-size: 3rem;
  line-height: 1
}

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

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

.text-\[10rem\] {
  font-size: 10rem
}

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

.text-\[12rem\] {
  font-size: 12rem
}

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

.text-\[14rem\] {
  font-size: 14rem
}

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

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

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

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

.text-\[88\%\] {
  font-size: 88%
}

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

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem
}

.\!font-bold {
  font-weight: 700 !important
}

.\!font-semibold {
  font-weight: 600 !important
}

.font-\[500\] {
  font-weight: 500
}

.font-bold {
  font-weight: 700
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.leading-5 {
  line-height: 1.25rem
}

.leading-8 {
  line-height: 2rem
}

.leading-\[1\.8\] {
  line-height: 1.8
}

.leading-\[30px\] {
  line-height: 30px
}

.leading-loose {
  line-height: 2
}

.tracking-wider {
  letter-spacing: 0.05em
}

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

.\!text-colorBgLayoutLight {
  --tw-text-opacity: 1 !important;
  color: rgb(249 248 251 / var(--tw-text-opacity)) !important
}

.\!text-colorError {
  --tw-text-opacity: 1 !important;
  color: rgb(255 77 79 / var(--tw-text-opacity)) !important
}

.\!text-colorErrorTextActive {
  --tw-text-opacity: 1 !important;
  color: rgb(217 54 62 / var(--tw-text-opacity)) !important
}

.\!text-colorLinkActive {
  --tw-text-opacity: 1 !important;
  color: rgb(12 152 173 / var(--tw-text-opacity)) !important
}

.\!text-colorPrimary {
  --tw-text-opacity: 1 !important;
  color: rgb(141 86 185 / var(--tw-text-opacity)) !important
}

.\!text-colorSecondary {
  --tw-text-opacity: 1 !important;
  color: rgb(9 186 181 / var(--tw-text-opacity)) !important
}

.\!text-colorSuccess {
  --tw-text-opacity: 1 !important;
  color: rgb(9 186 181 / var(--tw-text-opacity)) !important
}

.\!text-colorTextDisabled {
  color: rgba(0, 0, 0, 0.25) !important
}

.\!text-colorTextSecondary {
  color: rgba(0, 0, 0, 0.65) !important
}

.\!text-colorWarning {
  --tw-text-opacity: 1 !important;
  color: rgb(255 168 0 / var(--tw-text-opacity)) !important
}

.\!text-colorWarningActive {
  --tw-text-opacity: 1 !important;
  color: rgb(217 137 0 / var(--tw-text-opacity)) !important
}

.\!text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important
}

.\!text-inherit {
  color: inherit !important
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

.text-\[\#000000e0\] {
  color: #000000e0
}

.text-\[\#e1ff00\] {
  --tw-text-opacity: 1;
  color: rgb(225 255 0 / var(--tw-text-opacity))
}

.text-\[\#ff0000f7\] {
  color: #ff0000f7
}

.text-\[\#ffce04\] {
  --tw-text-opacity: 1;
  color: rgb(255 206 4 / var(--tw-text-opacity))
}

.text-\[red\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity))
}

.text-colorBgLayoutLight {
  --tw-text-opacity: 1;
  color: rgb(249 248 251 / var(--tw-text-opacity))
}

.text-colorError {
  --tw-text-opacity: 1;
  color: rgb(255 77 79 / var(--tw-text-opacity))
}

.text-colorErrorText {
  --tw-text-opacity: 1;
  color: rgb(255 77 79 / var(--tw-text-opacity))
}

.text-colorErrorTextActive {
  --tw-text-opacity: 1;
  color: rgb(217 54 62 / var(--tw-text-opacity))
}

.text-colorPrimary {
  --tw-text-opacity: 1;
  color: rgb(141 86 185 / var(--tw-text-opacity))
}

.text-colorPrimaryActive {
  --tw-text-opacity: 1;
  color: rgb(106 61 148 / var(--tw-text-opacity))
}

.text-colorPrimaryTextActive {
  --tw-text-opacity: 1;
  color: rgb(106 61 148 / var(--tw-text-opacity))
}

.text-colorSecondary {
  --tw-text-opacity: 1;
  color: rgb(9 186 181 / var(--tw-text-opacity))
}

.text-colorSuccess {
  --tw-text-opacity: 1;
  color: rgb(9 186 181 / var(--tw-text-opacity))
}

.text-colorSuccessActive {
  --tw-text-opacity: 1;
  color: rgb(0 148 148 / var(--tw-text-opacity))
}

.text-colorSuccessText {
  --tw-text-opacity: 1;
  color: rgb(9 186 181 / var(--tw-text-opacity))
}

.text-colorSuccessTextActive {
  --tw-text-opacity: 1;
  color: rgb(0 148 148 / var(--tw-text-opacity))
}

.text-colorText {
  color: rgba(0, 0, 0, 0.88)
}

.text-colorTextBase {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-colorTextSecondary {
  color: rgba(0, 0, 0, 0.65)
}

.text-colorWarning {
  --tw-text-opacity: 1;
  color: rgb(255 168 0 / var(--tw-text-opacity))
}

.text-colorWarningActive {
  --tw-text-opacity: 1;
  color: rgb(217 137 0 / var(--tw-text-opacity))
}

.text-colorWarningTextActive {
  --tw-text-opacity: 1;
  color: rgb(217 137 0 / var(--tw-text-opacity))
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity))
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.no-underline {
  text-decoration-line: none
}

.opacity-60 {
  opacity: 0.6
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0px_0px_3px_2px\] {
  --tw-shadow: inset 0px 0px 3px 2px;
  --tw-shadow-colored: inset 0px 0px 3px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0px_0px_4px_-2px_black\] {
  --tw-shadow: inset 0px 0px 4px -2px black;
  --tw-shadow-colored: inset 0px 0px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-boxShadow {
  --tw-shadow: 
      0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-boxShadowDrawerDown {
  --tw-shadow: 
      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
    ;
  --tw-shadow-colored: 0 -6px 16px 0 var(--tw-shadow-color), 0 -3px 6px -4px var(--tw-shadow-color), 0 -9px 28px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-colorPrimary {
  --tw-shadow-color: #8d56b9;
  --tw-shadow: var(--tw-shadow-colored)
}

.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.duration-200 {
  transition-duration: 200ms
}

.duration-300 {
  transition-duration: 300ms
}

.duration-\[400ms\] {
  transition-duration: 400ms
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.rtz-ltr {
  direction: ltr
}

.rtz-rtl {
  direction: rtl
}

.\*\:relative > * {
  position: relative
}

.\*\:\!m-0 > * {
  margin: 0px !important
}

.\*\:\!mt-1 > * {
  margin-top: 0.25rem !important
}

.\*\:inline-flex > * {
  display: inline-flex
}

.\*\:items-center > * {
  align-items: center
}

.\*\:\!overflow-hidden > * {
  overflow: hidden !important
}

.\*\:whitespace-nowrap > * {
  white-space: nowrap
}

.\*\:\!rounded-md > * {
  border-radius: 0.375rem !important
}

.\*\:\!leading-7 > * {
  line-height: 1.75rem !important
}

.\*\:after\:absolute > *::after {
  content: var(--tw-content);
  position: absolute
}

.\*\:after\:-bottom-2 > *::after {
  content: var(--tw-content);
  bottom: -0.5rem
}

.\*\:after\:-bottom-2\.5 > *::after {
  content: var(--tw-content);
  bottom: -0.625rem
}

.\*\:after\:h-px > *::after {
  content: var(--tw-content);
  height: 1px
}

.\*\:after\:w-full > *::after {
  content: var(--tw-content);
  width: 100%
}

.\*\:after\:bg-colorSplit > *::after {
  content: var(--tw-content);
  background-color: rgba(5, 5, 5, 0.06)
}

.\*\:after\:content-\[\'\'\] > *::after {
  --tw-content: '';
  content: var(--tw-content)
}

.last\:ml-0:last-child {
  margin-left: 0px
}

.last\:\*\:after\:\!hidden > *:last-child::after {
  content: var(--tw-content);
  display: none !important
}

.focus-within\:\!border-colorBorder:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important
}

.hover\:z-10:hover {
  z-index: 10
}

.hover\:\!border-colorBorder:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important
}

.hover\:border-colorPrimaryHover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(167 123 199 / var(--tw-border-opacity))
}

.hover\:\!bg-colorLinkHover\/20:hover {
  background-color: rgb(104 233 237 / 0.2) !important
}

.hover\:bg-colorPrimaryBgHover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 223 237 / var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.hover\:font-\[600\]:hover {
  font-weight: 600
}

.hover\:\!text-colorErrorHover:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 120 117 / var(--tw-text-opacity)) !important
}

.hover\:\!text-colorLinkHover:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(104 233 237 / var(--tw-text-opacity)) !important
}

.hover\:\!text-colorPrimary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(141 86 185 / var(--tw-text-opacity)) !important
}

.hover\:\!text-colorPrimaryActive:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(106 61 148 / var(--tw-text-opacity)) !important
}

.hover\:\!text-colorTextSecondary:hover {
  color: rgba(0, 0, 0, 0.65) !important
}

.hover\:\!text-inherit:hover {
  color: inherit !important
}

.hover\:\!text-red-200:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(254 202 202 / var(--tw-text-opacity)) !important
}

.hover\:text-colorLinkHover:hover {
  --tw-text-opacity: 1;
  color: rgb(104 233 237 / var(--tw-text-opacity))
}

.hover\:text-colorPrimary:hover {
  --tw-text-opacity: 1;
  color: rgb(141 86 185 / var(--tw-text-opacity))
}

.hover\:drop-shadow-\[0_0_12px_rgb\(135\2c 135\2c 135\)\]:hover {
  --tw-drop-shadow: drop-shadow(0 0 12px rgb(135,135,135));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:grayscale:hover {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\*\:hover\:\!text-colorPrimaryTextHover:hover > * {
  --tw-text-opacity: 1 !important;
  color: rgb(167 123 199 / var(--tw-text-opacity)) !important
}

.focus\:\!border-colorBorder:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important
}

.disabled\:\!hidden:disabled {
  display: none !important
}

.disabled\:\!text-colorTextDisabled:disabled {
  color: rgba(0, 0, 0, 0.25) !important
}

@media (max-width: 1600px) {
  .xxl\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .xxl\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .xxl\:\!h-\[270px\] {
    height: 270px !important
  }

  .xxl\:\!min-h-\[270px\] {
    min-height: 270px !important
  }

  .xxl\:w-32 {
    width: 8rem
  }

  .xxl\:max-w-screen-_xl {
    max-width: 1440px
  }

  .xxl\:basis-\[300px\] {
    flex-basis: 300px
  }

  .xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .xxl\:flex-col {
    flex-direction: column
  }

  .xxl\:gap-4 {
    gap: 1rem
  }

  .xxl\:\*\:\!text-base > * {
    font-size: 1rem !important;
    line-height: 1.5rem !important
  }

  .xxl\:\*\:\!leading-8 > * {
    line-height: 2rem !important
  }
}

@media (max-width: 1440px) {
  .xl\:\!invisible {
    visibility: hidden !important
  }

  .xl\:col-span-1 {
    grid-column: span 1 / span 1
  }

  .xl\:\!my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important
  }

  .xl\:-mx-\[160px\] {
    margin-left: -160px;
    margin-right: -160px
  }

  .xl\:\!mb-2 {
    margin-bottom: 0.5rem !important
  }

  .xl\:\!mb-4 {
    margin-bottom: 1rem !important
  }

  .xl\:\!mt-2 {
    margin-top: 0.5rem !important
  }

  .xl\:\!mt-4 {
    margin-top: 1rem !important
  }

  .xl\:mr-1 {
    margin-right: 0.25rem
  }

  .xl\:block {
    display: block
  }

  .xl\:\!hidden {
    display: none !important
  }

  .xl\:\!h-\[200px\] {
    height: 200px !important
  }

  .xl\:\!min-h-\[200px\] {
    min-height: 200px !important
  }

  .xl\:min-w-\[300px\] {
    min-width: 300px
  }

  .xl\:min-w-\[320px\] {
    min-width: 320px
  }

  .xl\:max-w-screen-_lg {
    max-width: 1200px
  }

  .xl\:flex-1 {
    flex: 1 1 0%
  }

  .xl\:basis-\[160px\] {
    flex-basis: 160px
  }

  .xl\:basis-\[260px\] {
    flex-basis: 260px
  }

  .xl\:basis-\[300px\] {
    flex-basis: 300px
  }

  .xl\:basis-\[320px\] {
    flex-basis: 320px
  }

  .xl\:basis-\[50\%\] {
    flex-basis: 50%
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .xl\:flex-col {
    flex-direction: column
  }

  .xl\:items-start {
    align-items: flex-start
  }

  .xl\:\!gap-3 {
    gap: 0.75rem !important
  }

  .xl\:gap-16 {
    gap: 4rem
  }

  .xl\:gap-2 {
    gap: 0.5rem
  }

  .xl\:gap-4 {
    gap: 1rem
  }

  .xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
  }

  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }

  .xl\:\*\:\!text-sm > * {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
  }

  .xl\:\*\:\!leading-6 > * {
    line-height: 1.5rem !important
  }
}

@media (max-width: 1200px) {
  .lg\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .lg\:mt-0 {
    margin-top: 0px
  }

  .lg\:max-w-screen-_md {
    max-width: 992px
  }

  .lg\:basis-2\/5 {
    flex-basis: 40%
  }

  .lg\:basis-64 {
    flex-basis: 16rem
  }

  .lg\:basis-\[400px\] {
    flex-basis: 400px
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
  }

  .lg\:gap-10 {
    gap: 2.5rem
  }

  .lg\:gap-2 {
    gap: 0.5rem
  }

  .lg\:gap-4 {
    gap: 1rem
  }

  .lg\:\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
  }
}

@media (max-width: 992px) {
  .md\:col-span-3 {
    grid-column: span 3 / span 3
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .md\:col-span-full {
    grid-column: 1 / -1
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem
  }

  .md\:mb-16 {
    margin-bottom: 4rem
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem
  }

  .md\:mt-2 {
    margin-top: 0.5rem
  }

  .md\:w-full {
    width: 100%
  }

  .md\:max-w-full {
    max-width: 100%
  }

  .md\:max-w-screen-_sm {
    max-width: 768px
  }

  .md\:flex-1 {
    flex: 1 1 0%
  }

  .md\:basis-\[220px\] {
    flex-basis: 220px
  }

  .md\:basis-\[280px\] {
    flex-basis: 280px
  }

  .md\:basis-auto {
    flex-basis: auto
  }

  .md\:basis-full {
    flex-basis: 100%
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .md\:flex-col {
    flex-direction: column
  }

  .md\:items-start {
    align-items: flex-start
  }

  .md\:gap-2 {
    gap: 0.5rem
  }

  .md\:gap-4 {
    gap: 1rem
  }

  .md\:gap-6 {
    gap: 1.5rem
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem
  }

  .md\:pr-0 {
    padding-right: 0px
  }

  .md\:pt-20 {
    padding-top: 5rem
  }

  .md\:text-center {
    text-align: center
  }

  .md\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
  }
}

@media (max-width: 768px) {
  .sm\:\!invisible {
    visibility: hidden !important
  }

  .sm\:fixed {
    position: fixed
  }

  .sm\:bottom-16 {
    bottom: 4rem
  }

  .sm\:right-0 {
    right: 0px
  }

  .sm\:right-2 {
    right: 0.5rem
  }

  .sm\:top-0 {
    top: 0px
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6
  }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px
  }

  .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .sm\:\!mb-0 {
    margin-bottom: 0px !important
  }

  .sm\:\!mt-20 {
    margin-top: 5rem !important
  }

  .sm\:\!mt-4 {
    margin-top: 1rem !important
  }

  .sm\:-ml-6 {
    margin-left: -1.5rem
  }

  .sm\:mb-4 {
    margin-bottom: 1rem
  }

  .sm\:mt-0 {
    margin-top: 0px
  }

  .sm\:mt-2 {
    margin-top: 0.5rem
  }

  .sm\:mt-4 {
    margin-top: 1rem
  }

  .sm\:flex {
    display: flex
  }

  .sm\:\!hidden {
    display: none !important
  }

  .sm\:h-2 {
    height: 0.5rem
  }

  .sm\:w-full {
    width: 100%
  }

  .sm\:min-w-20 {
    min-width: 5rem
  }

  .sm\:max-w-full {
    max-width: 100%
  }

  .sm\:basis-20 {
    flex-basis: 5rem
  }

  .sm\:basis-auto {
    flex-basis: auto
  }

  .sm\:basis-full {
    flex-basis: 100%
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .sm\:flex-col {
    flex-direction: column
  }

  .sm\:flex-wrap {
    flex-wrap: wrap
  }

  .sm\:items-center {
    align-items: center
  }

  .sm\:gap-0 {
    gap: 0px
  }

  .sm\:gap-2 {
    gap: 0.5rem
  }

  .sm\:gap-4 {
    gap: 1rem
  }

  .sm\:rounded-none {
    border-radius: 0px
  }

  .sm\:border-none {
    border-style: none
  }

  .sm\:bg-\[rgb\(255\2c 158\2c 0\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 158 0 / var(--tw-bg-opacity))
  }

  .sm\:bg-colorPrimary {
    --tw-bg-opacity: 1;
    background-color: rgb(141 86 185 / var(--tw-bg-opacity))
  }

  .sm\:bg-colorSplit {
    background-color: rgba(5, 5, 5, 0.06)
  }

  .sm\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
  }

  .sm\:p-1 {
    padding: 0.25rem
  }

  .sm\:p-2 {
    padding: 0.5rem
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .sm\:pb-20 {
    padding-bottom: 5rem
  }

  .sm\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
  }

  .sm\:\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
  }

  .sm\:text-\[10rem\] {
    font-size: 10rem
  }

  .sm\:text-\[8rem\] {
    font-size: 8rem
  }
}

@media (min-width: 768px) {
  ._sm\:hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  ._sm\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
}

@media (max-width: 576px) {
  .xs\:\!relative {
    position: relative !important
  }

  .xs\:relative {
    position: relative
  }

  .xs\:\!bottom-auto {
    bottom: auto !important
  }

  .xs\:\!left-auto {
    left: auto !important
  }

  .xs\:right-0 {
    right: 0px
  }

  .xs\:top-0 {
    top: 0px
  }

  .xs\:m-0 {
    margin: 0px
  }

  .xs\:\!mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .xs\:\!my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
  }

  .xs\:\!ml-0 {
    margin-left: 0px !important
  }

  .xs\:-ml-\[160px\] {
    margin-left: -160px
  }

  .xs\:-mr-0 {
    margin-right: -0px
  }

  .xs\:mb-0 {
    margin-bottom: 0px
  }

  .xs\:mb-4 {
    margin-bottom: 1rem
  }

  .xs\:mb-6 {
    margin-bottom: 1.5rem
  }

  .xs\:mb-8 {
    margin-bottom: 2rem
  }

  .xs\:ml-1 {
    margin-left: 0.25rem
  }

  .xs\:mt-4 {
    margin-top: 1rem
  }

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

  .xs\:hidden {
    display: none
  }

  .xs\:\!h-auto {
    height: auto !important
  }

  .xs\:\!h-dvh {
    height: 100dvh !important
  }

  .xs\:h-\[280px\] {
    height: 280px
  }

  .xs\:h-\[58dvh\] {
    height: 58dvh
  }

  .xs\:h-dvh {
    height: 100dvh
  }

  .xs\:h-full {
    height: 100%
  }

  .xs\:\!max-h-dvh {
    max-height: 100dvh !important
  }

  .xs\:\!min-h-0 {
    min-height: 0px !important
  }

  .xs\:min-h-min {
    min-height: -moz-min-content;
    min-height: min-content
  }

  .xs\:\!w-\[100px\] {
    width: 100px !important
  }

  .xs\:\!w-full {
    width: 100% !important
  }

  .xs\:w-\[184px\] {
    width: 184px
  }

  .xs\:w-full {
    width: 100%
  }

  .xs\:\!min-w-\[100px\] {
    min-width: 100px !important
  }

  .xs\:min-w-full {
    min-width: 100%
  }

  .xs\:max-w-full {
    max-width: 100%
  }

  .xs\:basis-\[40px\] {
    flex-basis: 40px
  }

  .xs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .xs\:flex-row {
    flex-direction: row
  }

  .xs\:flex-col {
    flex-direction: column
  }

  .xs\:\!justify-center {
    justify-content: center !important
  }

  .xs\:justify-center {
    justify-content: center
  }

  .xs\:justify-between {
    justify-content: space-between
  }

  .xs\:\!justify-evenly {
    justify-content: space-evenly !important
  }

  .xs\:\!gap-1 {
    gap: 0.25rem !important
  }

  .xs\:\!gap-2 {
    gap: 0.5rem !important
  }

  .xs\:gap-0 {
    gap: 0px
  }

  .xs\:gap-2 {
    gap: 0.5rem
  }

  .xs\:gap-4 {
    gap: 1rem
  }

  .xs\:rounded-none {
    border-radius: 0px
  }

  .xs\:border-0 {
    border-width: 0px
  }

  .xs\:border-l-0 {
    border-left-width: 0px
  }

  .xs\:\!border-solid {
    border-style: solid !important
  }

  .xs\:\!bg-colorSecondary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(9 186 181 / var(--tw-bg-opacity)) !important
  }

  .xs\:\!p-0 {
    padding: 0px !important
  }

  .xs\:p-0 {
    padding: 0px
  }

  .xs\:p-2 {
    padding: 0.5rem
  }

  .xs\:p-4 {
    padding: 1rem
  }

  .xs\:\!px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important
  }

  .xs\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .xs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }

  .xs\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
  }

  .xs\:\!pb-1 {
    padding-bottom: 0.25rem !important
  }

  .xs\:\!pr-\[130px\] {
    padding-right: 130px !important
  }

  .xs\:pl-2 {
    padding-left: 0.5rem
  }

  .xs\:pr-4 {
    padding-right: 1rem
  }

  .xs\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
  }

  .xs\:\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
  }

  .xs\:\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important
  }

  .xs\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .xs\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .xs\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
  }

  .xs\:\!leading-3 {
    line-height: .75rem !important
  }

  .xs\:\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important
  }
}

@media (max-width: 414px) {
  .retina\:col-span-2 {
    grid-column: span 2 / span 2
  }

  .retina\:col-span-full {
    grid-column: 1 / -1
  }

  .retina\:-ml-\[50px\] {
    margin-left: -50px
  }
}

.\[\&\.ant-input-affix-wrapper-focused\]\:text-colorPrimary.ant-input-affix-wrapper-focused {
  --tw-text-opacity: 1;
  color: rgb(141 86 185 / var(--tw-text-opacity))
}

.\[\&\.swiper-slide-thumb-active\]\:border-colorPrimary.swiper-slide-thumb-active {
  --tw-border-opacity: 1;
  border-color: rgb(141 86 185 / var(--tw-border-opacity))
}

.\[\&_\.ant-alert-description\]\:text-red-950 .ant-alert-description {
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity))
}

.\[\&_\.ant-drawer-header-title\]\:flex-row-reverse .ant-drawer-header-title {
  flex-direction: row-reverse
}

.\[\&_\.ant-drawer-title\]\:rtz-rtl .ant-drawer-title {
  direction: rtl
}

@media (max-width: 576px) {
  .xs\:\[\&_\.ant-image\]\:\!h-auto .ant-image {
    height: auto !important
  }
}

.\[\&_\.ant-input-prefix\]\:\!mr-4 .ant-input-prefix {
  margin-right: 1rem !important
}

.\[\&_\.ant-input-prefix\]\:text-xs .ant-input-prefix {
  font-size: 0.75rem;
  line-height: 1rem
}

.\[\&_\.ant-input-prefix\]\:font-bold .ant-input-prefix {
  font-weight: 700
}

.\[\&_\.ant-input-suffix\]\:text-colorBorder .ant-input-suffix {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity))
}

.\[\&_\.ant-modal-body\]\:h-full .ant-modal-body {
  height: 100%
}

@media (max-width: 576px) {
  .xs\:\[\&_\.ant-modal-body\]\:h-full .ant-modal-body {
    height: 100%
  }
}

.\[\&_\.ant-modal-confirm-body\]\:w-full .ant-modal-confirm-body {
  width: 100%
}

.\[\&_\.ant-modal-confirm-body_\.ant-modal-confirm-paragraph\]\:max-w-full .ant-modal-confirm-body .ant-modal-confirm-paragraph {
  max-width: 100%
}

.\[\&_\.ant-modal-confirm-body_\>_\.anticon\.anticon-close-circle\]\:\!hidden .ant-modal-confirm-body > .anticon.anticon-close-circle {
  display: none !important
}

.\[\&_\.ant-modal-content\]\:h-dvh .ant-modal-content {
  height: 100dvh
}

.\[\&_\.ant-modal-content\]\:rounded-none .ant-modal-content {
  border-radius: 0px
}

.\[\&_\.ant-modal-content\]\:\!bg-colorSuccessBg .ant-modal-content {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(225 250 245 / var(--tw-bg-opacity)) !important
}

.\[\&_\.ant-modal-content\]\:bg-\[\#e0ffe0\] .ant-modal-content {
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 224 / var(--tw-bg-opacity))
}

.\[\&_\.ant-modal-content\]\:bg-colorWarningBg .ant-modal-content {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 230 / var(--tw-bg-opacity))
}

.\[\&_\.ant-modal-content\]\:bg-transparent .ant-modal-content {
  background-color: transparent
}

.\[\&_\.ant-modal-content\]\:p-0 .ant-modal-content {
  padding: 0px
}

.\[\&_\.ant-modal-content\]\:pt-14 .ant-modal-content {
  padding-top: 3.5rem
}

@media (max-width: 576px) {
  .xs\:\[\&_\.ant-modal-content\]\:h-full .ant-modal-content {
    height: 100%
  }

  .xs\:\[\&_\.ant-modal-content\]\:rounded-none .ant-modal-content {
    border-radius: 0px
  }
}

.\[\&_\.ant-modal-footer\]\:\!hidden .ant-modal-footer {
  display: none !important
}

.\[\&_\.ant-modal-header\]\:bg-colorWarningBg .ant-modal-header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 230 / var(--tw-bg-opacity))
}

.\[\&_\.ant-modal-title\]\:text-colorWarningActive .ant-modal-title {
  --tw-text-opacity: 1;
  color: rgb(217 137 0 / var(--tw-text-opacity))
}

.\[\&_\.ant-segmented-group\]\:gap-1 .ant-segmented-group {
  gap: 0.25rem
}

.\[\&_\.ant-segmented-item-selected\]\:bg-colorSecondary .ant-segmented-item-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(9 186 181 / var(--tw-bg-opacity))
}

.\[\&_\.ant-segmented-item-selected_\.ant-typography\]\:\!text-white .ant-segmented-item-selected .ant-typography {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

@media (max-width: 992px) {
  .md\:\[\&_\.ant-segmented-item\]\:w-1\/2 .ant-segmented-item {
    width: 50%
  }
}

@media (max-width: 768px) {
  .sm\:\[\&_\.ant-segmented-item\]\:w-1\/2 .ant-segmented-item {
    width: 50%
  }
}

.\[\&_\.ant-typography\]\:text-xl .ant-typography {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.\[\&_\.ant-typography\]\:text-white .ant-typography {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (max-width: 1200px) {
  .lg\:\[\&_\.ant-typography\]\:text-lg .ant-typography {
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

@media (max-width: 576px) {
  .xs\:\[\&_\.anticon\]\:\!text-lg .anticon {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
  }
}

.\[\&_\.rtz-border-cover\]\:\!text-colorBgLayoutLight .rtz-border-cover {
  --tw-text-opacity: 1 !important;
  color: rgb(249 248 251 / var(--tw-text-opacity)) !important
}

.\[\&_\.rtz-card\]\:\!bg-colorBgLayoutLight .rtz-card {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 248 251 / var(--tw-bg-opacity)) !important
}

.\[\&_\.rtz-cart-action\]\:flex-col .rtz-cart-action {
  flex-direction: column
}

.\[\&_\.rtz-cart-action\]\:gap-2 .rtz-cart-action {
  gap: 0.5rem
}

.\*\:\[\&_\.rtz-cart-action\]\:basis-1\/2 .rtz-cart-action > * {
  flex-basis: 50%
}

.\[\&_\.rtz-product-count-down\]\:gap-1\.5 .rtz-product-count-down {
  gap: 0.375rem
}

@media (max-width: 576px) {
  .xs\:\[\&_\.rtz-product-count-down\]\:\!gap-0\.5 .rtz-product-count-down {
    gap: 0.125rem !important
  }
}

.\[\&_\.rtz-split\]\:\!hidden .rtz-split {
  display: none !important
}

.\[\&_\.rtz-step\]\:\!-mb-0\.5 .rtz-step {
  margin-bottom: -0.125rem !important
}

.\[\&_\.rtz-step\]\:inline-flex .rtz-step {
  display: inline-flex
}

.\[\&_\.rtz-step\]\:h-9 .rtz-step {
  height: 2.25rem
}

.\[\&_\.rtz-step\]\:w-9 .rtz-step {
  width: 2.25rem
}

.\[\&_\.rtz-step\]\:items-center .rtz-step {
  align-items: center
}

.\[\&_\.rtz-step\]\:justify-center .rtz-step {
  justify-content: center
}

.\[\&_\.rtz-step\]\:rounded .rtz-step {
  border-radius: 0.25rem
}

.\[\&_\.rtz-step\]\:bg-white .rtz-step {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.\[\&_\.rtz-step\]\:text-lg .rtz-step {
  font-size: 1.125rem;
  line-height: 1.75rem
}

@media (max-width: 1200px) {
  .lg\:\[\&_\.rtz-step\]\:h-8 .rtz-step {
    height: 2rem
  }

  .lg\:\[\&_\.rtz-step\]\:w-8 .rtz-step {
    width: 2rem
  }

  .lg\:\[\&_\.rtz-step\]\:text-base .rtz-step {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

@media (max-width: 576px) {
  .xs\:\[\&_\.rtz-step\]\:\!-mb-\[3px\] .rtz-step {
    margin-bottom: -3px !important
  }
}

.\[\&_\.swiper\]\:max-h-full .swiper {
  max-height: 100%
}

.\[\&_a\]\:\!text-colorText a {
  color: rgba(0, 0, 0, 0.88) !important
}

.\[\&_a\]\:hover\:\!text-colorPrimary:hover a {
  --tw-text-opacity: 1 !important;
  color: rgb(141 86 185 / var(--tw-text-opacity)) !important
}

.\[\&_input\]\:\!cursor-default input {
  cursor: default !important
}

.\[\&_input\]\:text-left input {
  text-align: left
}

.\[\&_input\]\:text-colorText input {
  color: rgba(0, 0, 0, 0.88)
}

.\[\&_input\]\:rtz-ltr input {
  direction: ltr
}

.\[\&_span\:not\(\.ant-btn-icon\)\]\:rtz-rtl span:not(.ant-btn-icon) {
  direction: rtl
}

.\[\&_span\]\:text-\[14px\] span {
  font-size: 14px
}

.\[\&_span\]\:text-gray-600 span {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity))
}