@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap") @tailwind base;

.container{
  width: 100%
}

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

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

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

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

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

.visible{
  visibility: visible
}

.invisible{
  visibility: hidden
}

.\!collapse{
  visibility: collapse !important
}

.collapse{
  visibility: collapse
}

.static{
  position: static
}

.fixed{
  position: fixed
}

.absolute{
  position: absolute
}

.relative{
  position: relative
}

.sticky{
  position: -webkit-sticky;
  position: sticky
}

.inset-0{
  inset: 0px
}

.inset-y-0{
  top: 0px;
  bottom: 0px
}

.bottom-0{
  bottom: 0px
}

.bottom-3{
  bottom: 0.75rem
}

.bottom-4{
  bottom: 1rem
}

.bottom-5{
  bottom: 1.25rem
}

.left-0{
  left: 0px
}

.left-1{
  left: 0.25rem
}

.right-0{
  right: 0px
}

.right-1{
  right: 0.25rem
}

.right-4{
  right: 1rem
}

.right-5{
  right: 1.25rem
}

.right-\[0px\]{
  right: 0px
}

.top-0{
  top: 0px
}

.top-1{
  top: 0.25rem
}

.top-2{
  top: 0.5rem
}

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

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

.isolate{
  isolation: isolate
}

.z-10{
  z-index: 10
}

.z-40{
  z-index: 40
}

.z-50{
  z-index: 50
}

.z-\[100\]{
  z-index: 100
}

.z-\[1010\]{
  z-index: 1010
}

.z-\[110\]{
  z-index: 110
}

.float-right{
  float: right
}

.m-0{
  margin: 0px
}

.m-0\.5{
  margin: 0.125rem
}

.m-1{
  margin: 0.25rem
}

.m-10{
  margin: 2.5rem
}

.m-2{
  margin: 0.5rem
}

.m-3{
  margin: 0.75rem
}

.m-4{
  margin: 1rem
}

.mx-0{
  margin-left: 0px;
  margin-right: 0px
}

.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem
}

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

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem
}

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

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem
}

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

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

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

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

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem
}

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

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

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem
}

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

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

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

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

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

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

.mb-3{
  margin-bottom: 0.75rem
}

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

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

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

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

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

.ml-3{
  margin-left: 0.75rem
}

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

.ml-5{
  margin-left: 1.25rem
}

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

.ml-\[1\.1rem\]{
  margin-left: 1.1rem
}

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

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

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

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

.ml-auto{
  margin-left: auto
}

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

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

.mr-3{
  margin-right: 0.75rem
}

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

.mr-5{
  margin-right: 1.25rem
}

.mr-\[50px\]{
  margin-right: 50px
}

.mr-auto{
  margin-right: auto
}

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

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

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

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

.mt-5{
  margin-top: 1.25rem
}

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

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

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

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

.block{
  display: block
}

.inline-block{
  display: inline-block
}

.inline{
  display: inline
}

.flex{
  display: flex
}

.inline-flex{
  display: inline-flex
}

.table{
  display: table
}

.contents{
  display: contents
}

.list-item{
  display: list-item
}

.hidden{
  display: none
}

.h-0{
  height: 0px
}

.h-1{
  height: 0.25rem
}

.h-10{
  height: 2.5rem
}

.h-11{
  height: 2.75rem
}

.h-12{
  height: 3rem
}

.h-14{
  height: 3.5rem
}

.h-2{
  height: 0.5rem
}

.h-24{
  height: 6rem
}

.h-32{
  height: 8rem
}

.h-4{
  height: 1rem
}

.h-5{
  height: 1.25rem
}

.h-52{
  height: 13rem
}

.h-6{
  height: 1.5rem
}

.h-60{
  height: 15rem
}

.h-7{
  height: 1.75rem
}

.h-8{
  height: 2rem
}

.h-9{
  height: 2.25rem
}

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

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

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

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

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

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

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

.h-\[calc\(100vh-52px\)\]{
  height: calc(100vh - 52px)
}

.h-auto{
  height: auto
}

.h-full{
  height: 100%
}

.h-screen{
  height: 100vh
}

.max-h-16{
  max-height: 4rem
}

.max-h-60{
  max-height: 15rem
}

.max-h-96{
  max-height: 24rem
}

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

.max-h-\[calc\(100vh-120px\)\]{
  max-height: calc(100vh - 120px)
}

.max-h-\[calc\(100vh-135px\)\]{
  max-height: calc(100vh - 135px)
}

.max-h-\[calc\(100vh-52px\)\]{
  max-height: calc(100vh - 52px)
}

.max-h-\[calc\(100vh-65px\)\]{
  max-height: calc(100vh - 65px)
}

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

.min-h-10{
  min-height: 2.5rem
}

.min-h-11{
  min-height: 2.75rem
}

.min-h-\[10vh\]{
  min-height: 10vh
}

.min-h-\[30vh\]{
  min-height: 30vh
}

.w-10{
  width: 2.5rem
}

.w-11{
  width: 2.75rem
}

.w-12{
  width: 3rem
}

.w-14{
  width: 3.5rem
}

.w-2{
  width: 0.5rem
}

.w-20{
  width: 5rem
}

.w-28{
  width: 7rem
}

.w-3\/4{
  width: 75%
}

.w-32{
  width: 8rem
}

.w-36{
  width: 9rem
}

.w-40{
  width: 10rem
}

.w-5{
  width: 1.25rem
}

.w-52{
  width: 13rem
}

.w-6{
  width: 1.5rem
}

.w-60{
  width: 15rem
}

.w-7{
  width: 1.75rem
}

.w-72{
  width: 18rem
}

.w-8{
  width: 2rem
}

.w-80{
  width: 20rem
}

.w-9{
  width: 2.25rem
}

.w-96{
  width: 24rem
}

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

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

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

.w-\[18\.3rem\]{
  width: 18.3rem
}

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100vw-260px\)\]{
  width: calc(100vw - 260px)
}

.w-\[calc\(100vw-70px\)\]{
  width: calc(100vw - 70px)
}

.w-auto{
  width: auto
}

.w-full{
  width: 100%
}

.w-screen{
  width: 100vw
}

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

.min-w-60{
  min-width: 15rem
}

.min-w-64{
  min-width: 16rem
}

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

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

.max-w-96{
  max-width: 24rem
}

.max-w-lg{
  max-width: 32rem
}

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

.flex-shrink{
  flex-shrink: 1
}

.shrink{
  flex-shrink: 1
}

.flex-grow{
  flex-grow: 1
}

.grow{
  flex-grow: 1
}

.table-auto{
  table-layout: auto
}

.border-collapse{
  border-collapse: collapse
}

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

.transform-none{
  transform: none
}

@keyframes jump-fade{
  0%, 100%{
    transform: translateY(0);
    opacity: 0
  }

  50%{
    transform: translateY(-5px);
    opacity: 1
  }
}

.animate-jump-fade-dot{
  animation: jump-fade 1.5s ease-in-out infinite
}

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

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

.cursor-pointer{
  cursor: pointer
}

.resize{
  resize: both
}

.list-none{
  list-style-type: none
}

.flex-row{
  flex-direction: row
}

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

.flex-col{
  flex-direction: column
}

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

.flex-wrap{
  flex-wrap: wrap
}

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

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

.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-evenly{
  justify-content: space-evenly
}

.gap-1{
  gap: 0.25rem
}

.gap-2{
  gap: 0.5rem
}

.gap-3{
  gap: 0.75rem
}

.gap-4{
  gap: 1rem
}

.gap-5{
  gap: 1.25rem
}

.gap-6{
  gap: 1.5rem
}

.gap-8{
  gap: 2rem
}

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

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

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

.self-center{
  align-self: center
}

.self-stretch{
  align-self: stretch
}

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

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

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

.\!overflow-x-hidden{
  overflow-x: hidden !important
}

.overflow-x-hidden{
  overflow-x: hidden
}

.overflow-y-scroll{
  overflow-y: scroll
}

.overflow-ellipsis{
  text-overflow: ellipsis
}

.text-ellipsis{
  text-overflow: ellipsis
}

.text-wrap{
  text-wrap: wrap
}

.break-words{
  overflow-wrap: break-word
}

.break-all{
  word-break: break-all
}

.rounded{
  border-radius: 0.25rem
}

.rounded-2xl{
  border-radius: 1rem
}

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

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

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

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

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

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

.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem
}

.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem
}

.rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem
}

.rounded-bl-none{
  border-bottom-left-radius: 0px
}

.border{
  border-width: 1px
}

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

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

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

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

.border-solid{
  border-style: solid
}

.border-none{
  border-style: none
}

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

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / 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))
}

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

.\!bg-gray-500\/\[0\.25\]{
  background-color: rgb(107 114 128 / 0.25) !important
}

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

.bg-\[\#00d170\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 209 112 / var(--tw-bg-opacity))
}

.bg-\[\#00e676\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 230 118 / var(--tw-bg-opacity))
}

.bg-\[\#22b9f4\]\/\[0\.12\]{
  background-color: rgb(34 185 244 / 0.12)
}

.bg-\[\#2A8BF2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(42 139 242 / var(--tw-bg-opacity))
}

.bg-\[\#dc3545\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 53 69 / var(--tw-bg-opacity))
}

.bg-\[\#ffc107\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity))
}

.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity))
}

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

.bg-black\/\[0\.5\]{
  background-color: rgb(0 0 0 / 0.5)
}

.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity))
}

.bg-blue-300{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity))
}

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

.bg-blue-500\/\[0\.05\]{
  background-color: rgb(59 130 246 / 0.05)
}

.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity))
}

.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / 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-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

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

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

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

.bg-gray-700\/\[0\.4\]{
  background-color: rgb(55 65 81 / 0.4)
}

.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity))
}

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

.bg-green-500\/\[0\.25\]{
  background-color: rgb(34 197 94 / 0.25)
}

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

.bg-lime-600{
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity))
}

.bg-orange-500\/\[0\.25\]{
  background-color: rgb(249 115 22 / 0.25)
}

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

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

.bg-transparent{
  background-color: transparent
}

.bg-violet-500\/\[0\.25\]{
  background-color: rgb(139 92 246 / 0.25)
}

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

.bg-white\/\[0\.25\]{
  background-color: rgb(255 255 255 / 0.25)
}

.bg-white\/\[0\.5\]{
  background-color: rgb(255 255 255 / 0.5)
}

.bg-white\/\[0\.85\]{
  background-color: rgb(255 255 255 / 0.85)
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5
}

.bg-contain{
  background-size: contain
}

.bg-cover{
  background-size: cover
}

.bg-center{
  background-position: center
}

.object-contain{
  object-fit: contain
}

.object-cover{
  object-fit: cover
}

.object-center{
  object-position: center
}

.p-0{
  padding: 0px
}

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

.p-1{
  padding: 0.25rem
}

.p-1\.5{
  padding: 0.375rem
}

.p-2{
  padding: 0.5rem
}

.p-3{
  padding: 0.75rem
}

.p-4{
  padding: 1rem
}

.p-5{
  padding: 1.25rem
}

.p-6{
  padding: 1.5rem
}

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

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

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

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

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

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

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

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

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

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

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

.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem
}

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

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

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

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

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

.pl-0{
  padding-left: 0px
}

.pl-12{
  padding-left: 3rem
}

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

.pl-5{
  padding-left: 1.25rem
}

.pl-\[25px\]{
  padding-left: 25px
}

.pr-10{
  padding-right: 2.5rem
}

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

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

.pr-3{
  padding-right: 0.75rem
}

.pr-9{
  padding-right: 2.25rem
}

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

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

.pt-5{
  padding-top: 1.25rem
}

.text-left{
  text-align: left
}

.text-center{
  text-align: center
}

.text-right{
  text-align: right
}

.text-justify{
  text-align: justify
}

.text-start{
  text-align: start
}

.align-middle{
  vertical-align: middle
}

.font-inter{
  font-family: Inter, sans-serif
}

.font-poppins{
  font-family: Poppins, sans-serif
}

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

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

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem
}

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

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

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

.font-light{
  font-weight: 300
}

.font-medium{
  font-weight: 500
}

.font-normal{
  font-weight: 400
}

.font-semibold{
  font-weight: 600
}

.uppercase{
  text-transform: uppercase
}

.lowercase{
  text-transform: lowercase
}

.capitalize{
  text-transform: capitalize
}

.italic{
  font-style: italic
}

.leading-3{
  line-height: .75rem
}

.leading-4{
  line-height: 1rem
}

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

.leading-6{
  line-height: 1.5rem
}

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

.leading-tight{
  line-height: 1.25
}

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

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

.text-\[\#042C79\]{
  --tw-text-opacity: 1;
  color: rgb(4 44 121 / var(--tw-text-opacity))
}

.text-\[\#22b9f4\]{
  --tw-text-opacity: 1;
  color: rgb(34 185 244 / var(--tw-text-opacity))
}

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

.text-black\/\[0\.5\]{
  color: rgb(0 0 0 / 0.5)
}

.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity))
}

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

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

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

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity))
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity))
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity))
}

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

.text-inherit{
  color: inherit
}

.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity))
}

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

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity))
}

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

.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity))
}

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

.underline{
  text-decoration-line: underline
}

.overline{
  text-decoration-line: overline
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.opacity-100{
  opacity: 1
}

.opacity-25{
  opacity: 0.25
}

.opacity-50{
  opacity: 0.5
}

.opacity-75{
  opacity: 0.75
}

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

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

.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-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 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-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)
}

.shadow-blue-500{
  --tw-shadow-color: #3b82f6;
  --tw-shadow: var(--tw-shadow-colored)
}

.shadow-red-600{
  --tw-shadow-color: #dc2626;
  --tw-shadow: var(--tw-shadow-colored)
}

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

.outline{
  outline-style: solid
}

.outline-0{
  outline-width: 0px
}

.outline-1{
  outline-width: 1px
}

.outline-blue-100{
  outline-color: #dbeafe
}

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

.blur-md{
  --tw-blur: blur(12px);
  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)
}

.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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)
}

.grayscale{
  --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)
}

.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{
  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
}

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

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

.delay-100{
  transition-delay: 100ms
}

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

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

.delay-500{
  transition-delay: 500ms
}

.delay-75{
  transition-delay: 75ms
}

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

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

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

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

.ease-\[cubic-bezier\(0\.47\2c 0\.1\2c 1\2c 0\.63\)\]{
  transition-timing-function: cubic-bezier(0.47,0.1,1,0.63)
}

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

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

.ease-linear{
  transition-timing-function: linear
}

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

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

.focus-within\:outline-1:focus-within{
  outline-width: 1px
}

.focus-within\:outline-blue-500:focus-within{
  outline-color: #3b82f6
}

.hover\:w-auto:hover{
  width: auto
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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))
}

.hover\:bg-\[\#00d170\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 209 112 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#2A8BF2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(42 139 242 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#dc3545\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 53 69 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#ffc107\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity))
}

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

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity))
}

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

.hover\:bg-blue-500\/\[0\.2\]:hover{
  background-color: rgb(59 130 246 / 0.2)
}

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

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

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

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

.hover\:bg-red-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.hover\:bg-violet-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity))
}

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

.hover\:bg-white\/\[0\.05\]:hover{
  background-color: rgb(255 255 255 / 0.05)
}

.hover\:bg-white\/\[0\.2\]:hover{
  background-color: rgb(255 255 255 / 0.2)
}

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

.hover\:text-amber-400:hover{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity))
}

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

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

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

.hover\:text-indigo-500:hover{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity))
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity))
}

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

.hover\:underline:hover{
  text-decoration-line: underline
}

.hover\: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)
}

.hover\:shadow-md:hover{
  --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)
}

.hover\:shadow-xl:hover{
  --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)
}

.hover\:shadow-\[\#00d170\]:hover{
  --tw-shadow-color: #00d170;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-\[\#2A8BF2\]:hover{
  --tw-shadow-color: #2A8BF2;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-\[\#dc3545\]:hover{
  --tw-shadow-color: #dc3545;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-\[\#ffc107\]:hover{
  --tw-shadow-color: #ffc107;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-blue-100:hover{
  --tw-shadow-color: #dbeafe;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-blue-500:hover{
  --tw-shadow-color: #3b82f6;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-green-300:hover{
  --tw-shadow-color: #86efac;
  --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-red-500:hover{
  --tw-shadow-color: #ef4444;
  --tw-shadow: var(--tw-shadow-colored)
}

.focus\:border-\[1px\]:focus{
  border-width: 1px
}

.focus\:border-\[\#007bff\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(0 123 255 / var(--tw-border-opacity))
}

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

.focus\:shadow-input-shadow:focus{
  --tw-shadow: rgba(0, 123, 255, 0.25) 0 0 0 0.2rem;
  --tw-shadow-colored: 0 0 0 0.2rem 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\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus\:ring-2:focus{
  --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(2px + 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)
}

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

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

.group:hover .group-hover\:inline-block{
  display: inline-block
}

.group:hover .group-hover\:inline{
  display: inline
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(0 123 255 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .sm\:max-w-xl{
    max-width: 36rem
  }

  .sm\:p-6{
    padding: 1.5rem
  }
}

@media (min-width: 768px){
  .md\:max-w-2xl{
    max-width: 42rem
  }
}

@media (min-width: 1024px){
  .lg\:relative{
    position: relative
  }

  .lg\:bottom-auto{
    bottom: auto
  }

  .lg\:right-auto{
    right: auto
  }

  .lg\:m-1{
    margin: 0.25rem
  }

  .lg\:m-4{
    margin: 1rem
  }

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

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

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

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

  .lg\:mb-40{
    margin-bottom: 10rem
  }

  .lg\:block{
    display: block
  }

  .lg\:flex{
    display: flex
  }

  .lg\:hidden{
    display: none
  }

  .lg\:h-20{
    height: 5rem
  }

  .lg\:h-\[calc\(100vh-100px\)\]{
    height: calc(100vh - 100px)
  }

  .lg\:h-\[calc\(100vh-109px\)\]{
    height: calc(100vh - 109px)
  }

  .lg\:max-h-\[calc\(100vh-100px\)\]{
    max-height: calc(100vh - 100px)
  }

  .lg\:max-h-\[calc\(100vh-109px\)\]{
    max-height: calc(100vh - 109px)
  }

  .lg\:min-h-\[34rem\]{
    min-height: 34rem
  }

  .lg\:min-h-\[calc\(100vh-100px\)\]{
    min-height: calc(100vh - 100px)
  }

  .lg\:min-h-\[calc\(100vh-109px\)\]{
    min-height: calc(100vh - 109px)
  }

  .lg\:w-24{
    width: 6rem
  }

  .lg\:w-\[27rem\]{
    width: 27rem
  }

  .lg\:w-\[30rem\]{
    width: 30rem
  }

  .lg\:w-\[565px\]{
    width: 565px
  }

  .lg\:max-w-3xl{
    max-width: 48rem
  }

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

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

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

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

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

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

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

  .lg\:p-8{
    padding: 2rem
  }

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

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

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

  .lg\:pl-5{
    padding-left: 1.25rem
  }

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

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

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

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem
  }

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

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

  .group:hover .lg\:group-hover\:flex{
    display: flex
  }
}

@media (min-width: 1280px){
  .xl\:max-w-4xl{
    max-width: 56rem
  }
}

.dark\:border-gray-600:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

.dark\:border-gray-700:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity))
}

.dark\:bg-\[\#00d170\]\/\[0\.25\]:where(.dark, .dark *){
  background-color: rgb(0 209 112 / 0.25)
}

.dark\:bg-\[\#2A8BF2\]\/\[0\.25\]:where(.dark, .dark *){
  background-color: rgb(42 139 242 / 0.25)
}

.dark\:bg-\[\#dc3545\]\/\[0\.25\]:where(.dark, .dark *){
  background-color: rgb(220 53 69 / 0.25)
}

.dark\:bg-\[\#ffc107\]\/\[0\.25\]:where(.dark, .dark *){
  background-color: rgb(255 193 7 / 0.25)
}

.dark\:bg-black:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.dark\:bg-blue-900:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity))
}

.dark\:bg-gray-600:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.dark\:bg-gray-700:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.dark\:bg-gray-800:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}

.dark\:bg-gray-900:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

.dark\:bg-slate-500:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}

.dark\:bg-slate-600:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity))
}

.dark\:bg-slate-700:where(.dark, .dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

.dark\:bg-white\/\[0\.5\]:where(.dark, .dark *){
  background-color: rgb(255 255 255 / 0.5)
}

.dark\:text-blue-500:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

.dark\:text-gray-200:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity))
}

.dark\:text-gray-300:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity))
}

.dark\:text-gray-400:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity))
}

.dark\:text-gray-500:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity))
}

.dark\:text-white:where(.dark, .dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dark\:focus\:border-blue-500:focus:where(.dark, .dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity))
}

.dark\:focus\:ring-blue-500:focus:where(.dark, .dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))
}

@media (min-width: 1024px){
  .lg\:dark\:bg-gray-700:where(.dark, .dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
  }
}