/*@tailwind base;*/

.rvx-container {
  width: 100%
}

@media (min-width: 640px) {
  .rvx-container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .rvx-container {
    max-width: 768px
  }
}

@media (min-width: 1024px) {
  .rvx-container {
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .rvx-container {
    max-width: 1280px
  }
}

@media (min-width: 1536px) {
  .rvx-container {
    max-width: 1536px
  }
}

.rvx-pointer-events-none {
  pointer-events: none
}

.rvx-fixed {
  position: fixed
}

.rvx-absolute {
  position: absolute
}

.rvx-relative {
  position: relative
}

.rvx-inset-0 {
  inset: 0px
}

.-rvx-right-\[50px\] {
  right: -50px
}

.-rvx-top-\[10px\] {
  top: -10px
}

.rvx-bottom-0 {
  bottom: 0px
}

.rvx-bottom-3 {
  bottom: 0.75rem
}

.rvx-bottom-\[-20px\] {
  bottom: -20px
}

.rvx-left-0 {
  left: 0px
}

.rvx-left-1\/2 {
  left: 50%
}

.rvx-left-\[20px\] {
  left: 20px
}

.rvx-right-0 {
  right: 0px
}

.rvx-right-3 {
  right: 0.75rem
}

.rvx-right-\[-23px\] {
  right: -23px
}

.rvx-right-\[10px\] {
  right: 10px
}

.rvx-right-\[20px\] {
  right: 20px
}

.rvx-top-0 {
  top: 0px
}

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

.rvx-top-\[-15px\] {
  top: -15px
}

.rvx-top-\[10px\] {
  top: 10px
}

.rvx-top-\[136px\] {
  top: 136px
}

.rvx-z-10 {
  z-index: 10
}

.rvx-z-20 {
  z-index: 20
}

.rvx-z-50 {
  z-index: 50
}

.rvx-z-\[99\] {
  z-index: 99
}

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

.rvx-col-span-12 {
  grid-column: span 12 / span 12
}

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

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

.rvx-col-span-4 {
  grid-column: span 4 / span 4
}

.rvx-col-span-6 {
  grid-column: span 6 / span 6
}

.rvx-col-span-8 {
  grid-column: span 8 / span 8
}

.rvx-col-span-9 {
  grid-column: span 9 / span 9
}

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

.rvx-m-0 {
  margin: 0px
}

.rvx-m-auto {
  margin: auto
}

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

.rvx-my-\[80px\] {
  margin-top: 80px;
  margin-bottom: 80px
}

.rvx-my-space16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.rvx-my-space24 {
  margin-top: 24px;
  margin-bottom: 24px
}

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

.-rvx-mb-0\.5 {
  margin-bottom: -0.125rem
}

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

.-rvx-ml-0\.5 {
  margin-left: -0.125rem
}

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

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

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

.-rvx-mt-0\.5 {
  margin-top: -0.125rem
}

.-rvx-mt-px {
  margin-top: -1px
}

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

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

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

.rvx-mb-\[0px\!important\] {
  margin-bottom: 0px !important
}

.rvx-mb-\[10px\!important\] {
  margin-bottom: 10px !important
}

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

.rvx-mb-\[5px\!important\] {
  margin-bottom: 5px !important
}

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

.rvx-mb-space12 {
  margin-bottom: 12px
}

.rvx-mb-space16 {
  margin-bottom: 16px
}

.rvx-mb-space20 {
  margin-bottom: 20px
}

.rvx-mb-space40 {
  margin-bottom: 40px
}

.rvx-mb-space5 {
  margin-bottom: 5px
}

.rvx-ml-2 {
  margin-left: 0.5rem
}

.rvx-ml-space12 {
  margin-left: 12px
}

.rvx-ml-space5 {
  margin-left: 5px
}

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

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

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

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

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

.rvx-mt-\[5px\!important\] {
  margin-top: 5px !important
}

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

.rvx-mt-space16 {
  margin-top: 16px
}

.rvx-mt-space20 {
  margin-top: 20px
}

.rvx-mt-space24 {
  margin-top: 24px
}

.rvx-mt-space40 {
  margin-top: 40px
}

.rvx-mt-space5 {
  margin-top: 5px
}

.rvx-mt-space8 {
  margin-top: 8px
}

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

.\!rvx-block {
  display: block !important
}

.rvx-block {
  display: block
}

.rvx-inline-block {
  display: inline-block
}

.rvx-flex {
  display: flex
}

.rvx-inline-flex {
  display: inline-flex
}

.rvx-table {
  display: table
}

.rvx-grid {
  display: grid
}

.\!rvx-hidden {
  display: none !important
}

.\!rvx-size-\[48px\] {
  width: 48px !important;
  height: 48px !important
}

.\!rvx-size-\[64px\] {
  width: 64px !important;
  height: 64px !important
}

.\!rvx-size-\[80px\] {
  width: 80px !important;
  height: 80px !important
}

.rvx-size-10 {
  width: 2.5rem;
  height: 2.5rem
}

.rvx-size-5 {
  width: 1.25rem;
  height: 1.25rem
}

.rvx-size-\[20px\] {
  width: 20px;
  height: 20px
}

.rvx-size-\[24px\] {
  width: 24px;
  height: 24px
}

.rvx-size-\[31px\] {
  width: 31px;
  height: 31px
}

.rvx-size-\[40px\] {
  width: 40px;
  height: 40px
}

.rvx-size-\[80px\] {
  width: 80px;
  height: 80px
}

.rvx-size-space24 {
  width: 24px;
  height: 24px
}

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

.rvx-h-1 {
  height: 0.25rem
}

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

.rvx-h-12 {
  height: 3rem
}

.rvx-h-2 {
  height: 0.5rem
}

.rvx-h-2\.5 {
  height: 0.625rem
}

.rvx-h-5 {
  height: 1.25rem
}

.rvx-h-\[114px\] {
  height: 114px
}

.rvx-h-\[150px\] {
  height: 150px
}

.rvx-h-\[186px\] {
  height: 186px
}

.rvx-h-\[1px\] {
  height: 1px
}

.rvx-h-\[270px\] {
  height: 270px
}

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

.rvx-h-\[30px\] {
  height: 30px
}

.rvx-h-\[38px\] {
  height: 38px
}

.rvx-h-\[557px\] {
  height: 557px
}

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

.rvx-h-screen {
  height: 100vh
}

.\!rvx-max-h-\[166px\] {
  max-height: 166px !important
}

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

.\!rvx-w-\[250px\] {
  width: 250px !important
}

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

.rvx-w-1 {
  width: 0.25rem
}

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

.rvx-w-12 {
  width: 3rem
}

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

.rvx-w-2\.5 {
  width: 0.625rem
}

.rvx-w-5 {
  width: 1.25rem
}

.rvx-w-56 {
  width: 14rem
}

.rvx-w-\[123px\] {
  width: 123px
}

.rvx-w-\[155px\] {
  width: 155px
}

.rvx-w-\[250px\] {
  width: 250px
}

.rvx-w-\[272px\] {
  width: 272px
}

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

.rvx-w-\[50px\] {
  width: 50px
}

.rvx-w-\[548px\] {
  width: 548px
}

.rvx-w-auto {
  width: auto
}

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

.rvx-w-screen {
  width: 100vw
}

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

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

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

.rvx-max-w-sm {
  max-width: 24rem
}

.rvx-flex-1 {
  flex: 1 1 0%
}

.rvx-flex-shrink-0 {
  flex-shrink: 0
}

.rvx-origin-bottom-left {
  transform-origin: bottom left
}

.rvx-origin-top-left {
  transform-origin: top left
}

.rvx-origin-top-right {
  transform-origin: top right
}

.-rvx-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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))
}

.-rvx-translate-x-full {
  --tw-translate-x: -100%;
  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))
}

.-rvx-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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))
}

.-rvx-translate-y-2 {
  --tw-translate-y: -0.5rem;
  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))
}

.-rvx-translate-y-full {
  --tw-translate-y: -100%;
  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))
}

.rvx-translate-x-full {
  --tw-translate-x: 100%;
  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))
}

.rvx-translate-y-0 {
  --tw-translate-y: 0px;
  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))
}

.rvx-translate-y-4 {
  --tw-translate-y: 1rem;
  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))
}

.rvx-translate-y-full {
  --tw-translate-y: 100%;
  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))
}

.-rvx-rotate-45 {
  --tw-rotate: -45deg;
  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))
}

.rvx-rotate-45 {
  --tw-rotate: 45deg;
  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))
}

.rvx-scale-100 {
  --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))
}

.rvx-scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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))
}

.rvx-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))
}

@keyframes rvx-pulse {
  50% {
    opacity: .5
  }
}

.rvx-animate-pulse {
  animation: rvx-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes rvx-spin {
  to {
    transform: rotate(360deg)
  }
}

.rvx-animate-spin {
  animation: rvx-spin 1s linear infinite
}

.rvx-cursor-pointer {
  cursor: pointer
}

.rvx-resize-none {
  resize: none
}

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

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

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

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

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

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

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

.rvx-grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr))
}

.rvx-flex-col {
  flex-direction: column
}

.rvx-flex-wrap {
  flex-wrap: wrap
}

.rvx-place-content-center {
  place-content: center
}

.rvx-place-items-center {
  place-items: center
}

.rvx-items-center {
  align-items: center
}

.rvx-items-baseline {
  align-items: baseline
}

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

.rvx-justify-center {
  justify-content: center
}

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

.rvx-gap-0 {
  gap: 0px
}

.rvx-gap-1 {
  gap: 0.25rem
}

.rvx-gap-2 {
  gap: 0.5rem
}

.rvx-gap-4 {
  gap: 1rem
}

.rvx-gap-6 {
  gap: 1.5rem
}

.rvx-gap-\[26px\] {
  gap: 26px
}

.rvx-gap-\[3px\] {
  gap: 3px
}

.rvx-gap-\[4px\] {
  gap: 4px
}

.rvx-gap-space12 {
  gap: 12px
}

.rvx-gap-space16 {
  gap: 16px
}

.rvx-gap-space20 {
  gap: 20px
}

.rvx-gap-space5 {
  gap: 5px
}

.rvx-gap-space8 {
  gap: 8px
}

.rvx-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.rvx-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

.rvx-space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.rvx-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.rvx-space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.rvx-space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse))
}

.rvx-space-y-space12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse))
}

.rvx-space-y-space16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

.rvx-space-y-space8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse))
}

.rvx-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.rvx-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity))
}

.rvx-self-end {
  align-self: flex-end
}

.rvx-self-baseline {
  align-self: baseline
}

.rvx-overflow-hidden {
  overflow: hidden
}

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

.rvx-whitespace-nowrap {
  white-space: nowrap
}

.rvx-break-normal {
  overflow-wrap: normal;
  word-break: normal
}

.\!rvx-break-words {
  overflow-wrap: break-word !important
}

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

.rvx-rounded {
  border-radius: 0.25rem
}

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

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

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

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

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

.rvx-rounded-sm {
  border-radius: 0.125rem
}

.\!rvx-rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important
}

.rvx-rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem
}

.\!rvx-border {
  border-width: 1px !important
}

.\!rvx-border-\[1px\] {
  border-width: 1px !important
}

.rvx-border {
  border-width: 1px
}

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

.rvx-border-l-4 {
  border-left-width: 4px
}

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

.rvx-border-solid {
  border-style: solid
}

.rvx-border-dashed {
  border-style: dashed
}

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

.rvx-border-none {
  border-style: none
}

.\!rvx-border-\[\#d9d9d9\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important
}

.\!rvx-border-danger {
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 0 0 / var(--tw-border-opacity)) !important
}

.\!rvx-border-neutral-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important
}

.\!rvx-border-neutral-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(189 189 189 / var(--tw-border-opacity)) !important
}

.\!rvx-border-neutral-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(158 158 158 / var(--tw-border-opacity)) !important
}

.\!rvx-border-neutral-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(117 117 117 / var(--tw-border-opacity)) !important
}

.rvx-border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity))
}

.rvx-border-neutral-200\/70 {
  border-color: rgb(238 238 238 / 0.7)
}

.rvx-border-neutral-400 {
  --tw-border-opacity: 1;
  border-color: rgb(189 189 189 / var(--tw-border-opacity))
}

.rvx-border-neutral-600 {
  --tw-border-opacity: 1;
  border-color: rgb(117 117 117 / var(--tw-border-opacity))
}

.rvx-border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(102 148 255 / var(--tw-border-opacity))
}

.rvx-border-transparent {
  border-color: transparent
}

.\!rvx-bg-neutral-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity)) !important
}

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

.rvx-bg-\[\#212121B2\] {
  background-color: #212121B2
}

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

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

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

.rvx-bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25)
}

.rvx-bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}

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

.rvx-bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}

.rvx-bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity))
}

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

.rvx-bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity))
}

.rvx-bg-neutral-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity))
}

.rvx-bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 67 221 / var(--tw-bg-opacity))
}

.rvx-bg-primary-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity))
}

.rvx-bg-primary-70 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 101 255 / var(--tw-bg-opacity))
}

.rvx-bg-transparent {
  background-color: transparent
}

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

.rvx-bg-opacity-40 {
  --tw-bg-opacity: 0.4
}

.rvx-bg-opacity-90 {
  --tw-bg-opacity: 0.9
}

.rvx-fill-current {
  fill: currentColor
}

.rvx-fill-neutral-600 {
  fill: #757575
}

.rvx-fill-white {
  fill: #fff
}

.rvx-object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

.rvx-object-top {
  -o-object-position: top;
     object-position: top
}

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

.\!rvx-p-space16 {
  padding: 16px !important
}

.rvx-p-1 {
  padding: 0.25rem
}

.rvx-p-3 {
  padding: 0.75rem
}

.rvx-p-4 {
  padding: 1rem
}

.rvx-p-6 {
  padding: 1.5rem
}

.rvx-p-\[9px\] {
  padding: 9px
}

.rvx-p-space12 {
  padding: 12px
}

.rvx-p-space16 {
  padding: 16px
}

.rvx-p-space24 {
  padding: 24px
}

.rvx-p-space5 {
  padding: 5px
}

.rvx-p-space8 {
  padding: 8px
}

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

.\!rvx-px-space8 {
  padding-left: 8px !important;
  padding-right: 8px !important
}

.\!rvx-py-\[9px\] {
  padding-top: 9px !important;
  padding-bottom: 9px !important
}

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

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

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

.rvx-px-space12 {
  padding-left: 12px;
  padding-right: 12px
}

.rvx-px-space16 {
  padding-left: 16px;
  padding-right: 16px
}

.rvx-px-space24 {
  padding-left: 24px;
  padding-right: 24px
}

.rvx-px-space8 {
  padding-left: 8px;
  padding-right: 8px
}

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

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

.rvx-py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px
}

.rvx-py-\[64px\] {
  padding-top: 64px;
  padding-bottom: 64px
}

.rvx-py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px
}

.rvx-py-space16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.rvx-py-space24 {
  padding-top: 24px;
  padding-bottom: 24px
}

.rvx-py-space8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.\!rvx-pb-space8 {
  padding-bottom: 8px !important
}

.\!rvx-pr-space8 {
  padding-right: 8px !important
}

.rvx-pb-\[6px\] {
  padding-bottom: 6px
}

.rvx-pb-space16 {
  padding-bottom: 16px
}

.rvx-pl-space16 {
  padding-left: 16px
}

.rvx-pr-\[47px\] {
  padding-right: 47px
}

.rvx-pr-space16 {
  padding-right: 16px
}

.rvx-pt-\[2px\] {
  padding-top: 2px
}

.rvx-pt-\[5px\] {
  padding-top: 5px
}

.rvx-text-left {
  text-align: left
}

.rvx-text-center {
  text-align: center
}

.rvx-align-middle {
  vertical-align: middle
}

.\!rvx-font-nunito {
  font-family: Nunito Sans, sans-serif !important
}

.rvx-font-nunito {
  font-family: Nunito Sans, sans-serif
}

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

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

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

.\!rvx-text-\[15\.38px\] {
  font-size: 15.38px !important
}

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

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

.\!rvx-text-\[17\.577px\] {
  font-size: 17.577px !important
}

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

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

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

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

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

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

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

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

.rvx-text-\[17\.577px\] {
  font-size: 17.577px
}

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

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

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

.rvx-text-normal {
  font-size: 16px
}

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

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

.\!rvx-font-normal {
  font-weight: 400 !important
}

.rvx-font-bold {
  font-weight: 700
}

.rvx-font-normal {
  font-weight: 400
}

.rvx-font-semibold {
  font-weight: 600
}

.\!rvx-capitalize {
  text-transform: capitalize !important
}

.\!rvx-leading-\[0\] {
  line-height: 0 !important
}

.\!rvx-leading-\[0px\] {
  line-height: 0px !important
}

.\!rvx-leading-\[24px\] {
  line-height: 24px !important
}

.\!rvx-leading-normal {
  line-height: 1.5 !important
}

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

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

.rvx-leading-\[24\.168px\] {
  line-height: 24.168px
}

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

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

.rvx-leading-\[28\.562px\] {
  line-height: 28.562px
}

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

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

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

.rvx-tracking-wide {
  letter-spacing: 0.025em
}

.\!rvx-text-neutral-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(117 117 117 / var(--tw-text-opacity)) !important
}

.\!rvx-text-neutral-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(97 97 97 / var(--tw-text-opacity)) !important
}

.\!rvx-text-neutral-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(66 66 66 / var(--tw-text-opacity)) !important
}

.rvx-text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

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

.rvx-text-danger-700 {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity))
}

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

.rvx-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity))
}

.rvx-text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity))
}

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

.rvx-text-neutral {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity))
}

.rvx-text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity))
}

.rvx-text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity))
}

.rvx-text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(97 97 97 / var(--tw-text-opacity))
}

.rvx-text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity))
}

.rvx-text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(33 33 33 / var(--tw-text-opacity))
}

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

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

.rvx-text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity))
}

.rvx-underline {
  text-decoration-line: underline
}

.\!rvx-no-underline {
  text-decoration-line: none !important
}

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

.rvx-opacity-0 {
  opacity: 0
}

.rvx-opacity-100 {
  opacity: 1
}

.\!rvx-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
}

.rvx-shadow-100 {
  --tw-shadow: 0px 4px 4px -2px rgba(24, 39, 75, 0.08), 0px 2px 4px -2px rgba(24, 39, 75, 0.12);
  --tw-shadow-colored: 0px 4px 4px -2px var(--tw-shadow-color), 0px 2px 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)
}

.rvx-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.rvx-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 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)
}

.rvx-shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.rvx-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.rvx-ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.rvx-ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05)
}

.rvx-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

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

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

.rvx-duration-100 {
  transition-duration: 100ms
}

.rvx-duration-150 {
  transition-duration: 150ms
}

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

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

.rvx-duration-75 {
  transition-duration: 75ms
}

.rvx-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.rvx-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

/* Custom Scrollbar */

.rvx-scrollbar::-webkit-scrollbar {
  width: 6px;
  /* Width of the scrollbar */
  height: 8px;
  /* Height of the scrollbar (for horizontal scrolling) */
}

.rvx-scrollbar::-webkit-scrollbar-track {
  background: #f0f0f0;
  /* Track background color */
}

.rvx-scrollbar::-webkit-scrollbar-thumb {
  background: #acabab;
  /* Thumb color */
  border-radius: 4px;
  /* Rounded corners */
}

.rvx-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #857e7e;
  /* Hover color */
}

.placeholder\:rvx-text-neutral-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity))
}

.placeholder\:rvx-text-neutral-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity))
}

.first\:\!rvx-block:first-child {
  display: block !important
}

.hover\:rvx-rounded:hover {
  border-radius: 0.25rem
}

.hover\:rvx-border-neutral-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(189 189 189 / var(--tw-border-opacity))
}

.hover\:rvx-border-neutral-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(117 117 117 / var(--tw-border-opacity))
}

.hover\:\!rvx-bg-neutral-400:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(189 189 189 / var(--tw-bg-opacity)) !important
}

.hover\:rvx-bg-\[\#EEF3FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 255 / var(--tw-bg-opacity))
}

.hover\:rvx-bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}

.hover\:rvx-bg-danger-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 238 / var(--tw-bg-opacity))
}

.hover\:rvx-bg-neutral-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity))
}

.hover\:rvx-bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 67 221 / var(--tw-bg-opacity))
}

.hover\:rvx-bg-transparent:hover {
  background-color: transparent
}

.hover\:rvx-text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity))
}

.hover\:rvx-text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity))
}

.hover\:rvx-text-neutral-600:hover {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity))
}

.hover\:rvx-text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity))
}

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

.hover\:rvx-opacity-75:hover {
  opacity: 0.75
}

.hover\:rvx-shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:rvx-bg-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 67 221 / var(--tw-bg-opacity))
}

.focus\:rvx-bg-transparent:focus {
  background-color: transparent
}

.focus\:rvx-text-neutral-800:focus {
  --tw-text-opacity: 1;
  color: rgb(66 66 66 / var(--tw-text-opacity))
}

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

.focus\:rvx-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus\:\!rvx-ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:\!rvx-ring-primary-20:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(204 219 255 / var(--tw-ring-opacity)) !important
}

.focus-visible\:rvx-outline:focus-visible {
  outline-style: solid
}

.focus-visible\:rvx-outline-2:focus-visible {
  outline-width: 2px
}

.focus-visible\:rvx-outline-offset-2:focus-visible {
  outline-offset: 2px
}

.focus-visible\:rvx-outline-black:focus-visible {
  outline-color: #000
}

.active\:rvx-opacity-100:active {
  opacity: 1
}

.active\:rvx-outline-offset-0:active {
  outline-offset: 0px
}

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

.disabled\:rvx-cursor-not-allowed:disabled {
  cursor: not-allowed
}

.disabled\:rvx-bg-neutral-400:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(189 189 189 / var(--tw-bg-opacity))
}

.disabled\:rvx-opacity-75:disabled {
  opacity: 0.75
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:rvx-animate-none {
    animation: none
  }
}

@media (min-width: 640px) {
  .sm\:rvx-size-\[56px\] {
    width: 56px;
    height: 56px
  }

  .sm\:rvx-h-auto {
    height: auto
  }

  .sm\:rvx-translate-y-0 {
    --tw-translate-y: 0px;
    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\:rvx-scale-100 {
    --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\:rvx-scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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\:rvx-rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
  }

  .sm\:rvx-py-space12 {
    padding-top: 12px;
    padding-bottom: 12px
  }

  .sm\:rvx-py-space24 {
    padding-top: 24px;
    padding-bottom: 24px
  }
}

@media (min-width: 768px) {
  .md\:rvx-col-span-5 {
    grid-column: span 5 / span 5
  }

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

  .md\:rvx-w-\[980px\] {
    width: 980px
  }

  .md\:rvx-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
  }

  .md\:rvx-rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
  }
}

