.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\.5 {
margin-bottom: -0.125rem
}
.-rvx-ml-0\.5 {
margin-left: -0.125rem
}
.-rvx-mr-0\.5 {
margin-right: -0.125rem
}
.-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\.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\.5 {
width: 0.375rem
}
.rvx-w-12 {
width: 3rem
}
.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-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.rvx-grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.rvx-grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr))
}
.rvx-grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill,minmax(240px,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, 1))
}
.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, 1)) !important
}
.\!rvx-border-danger {
--tw-border-opacity: 1 !important;
border-color: rgb(213 0 0 / var(--tw-border-opacity, 1)) !important
}
.\!rvx-border-neutral-300 {
--tw-border-opacity: 1 !important;
border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)) !important
}
.\!rvx-border-neutral-400 {
--tw-border-opacity: 1 !important;
border-color: rgb(189 189 189 / var(--tw-border-opacity, 1)) !important
}
.\!rvx-border-neutral-500 {
--tw-border-opacity: 1 !important;
border-color: rgb(158 158 158 / var(--tw-border-opacity, 1)) !important
}
.\!rvx-border-neutral-600 {
--tw-border-opacity: 1 !important;
border-color: rgb(117 117 117 / var(--tw-border-opacity, 1)) !important
}
.rvx-border-green-300 {
--tw-border-opacity: 1;
border-color: rgb(134 239 172 / var(--tw-border-opacity, 1))
}
.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, 1))
}
.rvx-border-neutral-600 {
--tw-border-opacity: 1;
border-color: rgb(117 117 117 / var(--tw-border-opacity, 1))
}
.rvx-border-primary-50 {
--tw-border-opacity: 1;
border-color: rgb(102 148 255 / var(--tw-border-opacity, 1))
}
.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, 1)) !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, 1))
}
.rvx-bg-\[\#EFEFEF\] {
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1))
}
.rvx-bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
.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, 1))
}
.rvx-bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}
.rvx-bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}
.rvx-bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
.rvx-bg-neutral-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}
.rvx-bg-neutral-200 {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))
}
.rvx-bg-neutral-300 {
--tw-bg-opacity: 1;
background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1))
}
.rvx-bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(0 67 221 / var(--tw-bg-opacity, 1))
}
.rvx-bg-primary-10 {
--tw-bg-opacity: 1;
background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1))
}
.rvx-bg-primary-70 {
--tw-bg-opacity: 1;
background-color: rgb(34 101 255 / var(--tw-bg-opacity, 1))
}
.rvx-bg-transparent {
background-color: transparent
}
.rvx-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.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, 1)) !important
}
.\!rvx-text-neutral-700 {
--tw-text-opacity: 1 !important;
color: rgb(97 97 97 / var(--tw-text-opacity, 1)) !important
}
.\!rvx-text-neutral-800 {
--tw-text-opacity: 1 !important;
color: rgb(66 66 66 / var(--tw-text-opacity, 1)) !important
}
.rvx-text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}
.rvx-text-danger {
--tw-text-opacity: 1;
color: rgb(213 0 0 / var(--tw-text-opacity, 1))
}
.rvx-text-danger-700 {
--tw-text-opacity: 1;
color: rgb(211 47 47 / var(--tw-text-opacity, 1))
}
.rvx-text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.rvx-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.rvx-text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.rvx-text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral {
--tw-text-opacity: 1;
color: rgb(189 189 189 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral-400 {
--tw-text-opacity: 1;
color: rgb(189 189 189 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral-600 {
--tw-text-opacity: 1;
color: rgb(117 117 117 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral-700 {
--tw-text-opacity: 1;
color: rgb(97 97 97 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral-800 {
--tw-text-opacity: 1;
color: rgb(66 66 66 / var(--tw-text-opacity, 1))
}
.rvx-text-neutral-900 {
--tw-text-opacity: 1;
color: rgb(33 33 33 / var(--tw-text-opacity, 1))
}
.rvx-text-success {
--tw-text-opacity: 1;
color: rgb(0 153 0 / var(--tw-text-opacity, 1))
}
.rvx-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.rvx-text-yellow-400 {
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}
.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)
} .rvx-scrollbar::-webkit-scrollbar {
width: 6px; height: 8px; }
.rvx-scrollbar::-webkit-scrollbar-track {
background: #f0f0f0; }
.rvx-scrollbar::-webkit-scrollbar-thumb {
background: #acabab; border-radius: 4px; }
.rvx-scrollbar::-webkit-scrollbar-thumb:hover {
background: #857e7e; }
.placeholder\:rvx-text-neutral-400::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(189 189 189 / var(--tw-text-opacity, 1))
}
.placeholder\:rvx-text-neutral-400::placeholder {
--tw-text-opacity: 1;
color: rgb(189 189 189 / var(--tw-text-opacity, 1))
}
.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, 1))
}
.hover\:rvx-border-neutral-600:hover {
--tw-border-opacity: 1;
border-color: rgb(117 117 117 / var(--tw-border-opacity, 1))
}
.hover\:\!rvx-bg-neutral-400:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1)) !important
}
.hover\:rvx-bg-\[\#EEF3FF\]:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 243 255 / var(--tw-bg-opacity, 1))
}
.hover\:rvx-bg-blue-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
.hover\:rvx-bg-danger-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 235 238 / var(--tw-bg-opacity, 1))
}
.hover\:rvx-bg-neutral-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))
}
.hover\:rvx-bg-primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 67 221 / var(--tw-bg-opacity, 1))
}
.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, 1))
}
.hover\:rvx-text-green-700:hover {
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}
.hover\:rvx-text-neutral-600:hover {
--tw-text-opacity: 1;
color: rgb(117 117 117 / var(--tw-text-opacity, 1))
}
.hover\:rvx-text-neutral-800:hover {
--tw-text-opacity: 1;
color: rgb(66 66 66 / var(--tw-text-opacity, 1))
}
.hover\:rvx-text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.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, 1))
}
.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, 1))
}
.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, 1)) !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, 1))
}
.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-\[871px\] {
width: 871px
}
.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
}
}