@layer theme,base,components,utilities,project;@layer project{.visible{
  visibility: visible
}

.invisible{
  visibility: hidden
}

.start-\[calc\(max\(-50vw\2c -800px\)\+50\%\)\]{
  inset-inline-start: calc(max(-50vw,-800px) + 50%)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aspect-\[16\/9\]{
  aspect-ratio: 16/9
}

.w-10{
  width: 2.5rem
}

.w-12{
  width: 3rem
}

.w-20{
  width: 5rem
}

.w-4{
  width: 1rem
}

.w-5{
  width: 1.25rem
}

.w-8{
  width: 2rem
}

.w-full{
  width: 100%
}

.w-screen{
  width: 100vw
}

.grid-rows-\[0fr\]{
  grid-template-rows: 0fr
}

.grid-rows-\[auto_auto_1fr_auto_auto\]{
  grid-template-rows: auto auto 1fr auto auto
}

.gap-1{
  gap: 0.25rem
}

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

.gap-2{
  gap: 0.5rem
}

.gap-3{
  gap: 0.75rem
}

.gap-4{
  gap: 1rem
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem
}

.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem
}

.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem
}

.gap-y-2{
  row-gap: 0.5rem
}

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

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

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

.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity, 1))
}

.border-neutral-300{
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral-300), var(--tw-border-opacity, 1))
}

.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity, 1))
}

.bg-neutral-100\/40{
  background-color: rgba(var(--color-neutral-100), 0.4)
}

.bg-neutral-300{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity, 1))
}

.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-50), var(--tw-bg-opacity, 1))
}

.bg-neutral\/25{
  background-color: rgba(var(--color-neutral), 0.25)
}

.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity, 1))
}

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

.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-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem
}

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

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

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

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

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

.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-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-extrabold{
  font-weight: 800
}

.font-medium{
  font-weight: 500
}

.font-semibold{
  font-weight: 600
}

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

.leading-none{
  line-height: 1
}

.leading-relaxed{
  line-height: 1.625
}

.text-neutral-400{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
}

.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}

.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-600), var(--tw-text-opacity, 1))
}

.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-700), var(--tw-text-opacity, 1))
}

.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
}

.text-neutral-900{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-900), var(--tw-text-opacity, 1))
}

.text-primary-600{
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}

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

.opacity-0{
  opacity: 0
}

.opacity-60{
  opacity: 0.6
}

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

.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-\[grid-template-rows\]{
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.transition-\[opacity\2c visibility\]{
  transition-property: opacity,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

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

.first\:mt-8:first-child{
  margin-top: 2rem
}

.peer:checked ~ .peer-checked\:visible{
  visibility: visible
}

.peer\/full:checked ~ .peer-checked\/full\:grid-rows-\[1fr\]{
  grid-template-rows: 1fr
}

.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1
}

.prose-headings\:font-bold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-weight: 700
}

.prose-a\:text-primary-600 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}

.hover\:border-primary-500:hover{
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary-500), var(--tw-border-opacity, 1))
}

.hover\:bg-primary-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity, 1))
}

.hover\:text-neutral:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral), var(--tw-text-opacity, 1))
}

.hover\:text-primary-500:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-500), var(--tw-text-opacity, 1))
}

.hover\:text-primary-600:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-600), var(--tw-text-opacity, 1))
}

.hover\:text-primary-700:hover{
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-700), var(--tw-text-opacity, 1))
}

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

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

.dark\:border-neutral-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral-600), var(--tw-border-opacity, 1))
}

.dark\:border-neutral-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral-700), var(--tw-border-opacity, 1))
}

.dark\:bg-neutral-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral-800\/25:is(.dark *){
  background-color: rgba(var(--color-neutral-800), 0.25)
}

.dark\:bg-neutral-800\/60:is(.dark *){
  background-color: rgba(var(--color-neutral-800), 0.6)
}

.dark\:bg-neutral-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral-900), var(--tw-bg-opacity, 1))
}

.dark\:text-neutral:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral), var(--tw-text-opacity, 1))
}

.dark\:text-neutral-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-200), var(--tw-text-opacity, 1))
}

.dark\:text-neutral-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-300), var(--tw-text-opacity, 1))
}

.dark\:text-neutral-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-400), var(--tw-text-opacity, 1))
}

.dark\:text-neutral-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-500), var(--tw-text-opacity, 1))
}

.dark\:text-primary-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}

.dark\:prose-a\:text-primary-400 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}

.dark\:hover\:border-primary-400:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary-400), var(--tw-border-opacity, 1))
}

.dark\:hover\:bg-primary-400:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity, 1))
}

.dark\:hover\:text-neutral-800:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral-800), var(--tw-text-opacity, 1))
}

.dark\:hover\:text-primary-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary-400), var(--tw-text-opacity, 1))
}

@media (min-width: 640px){
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 853px){

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

@media (min-width: 1024px){

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

@media (min-width: 1280px){
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}

@media (min-width: 1536px){
  .\32xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }
}

.\[\&_span\]\:text-2xl span{
  font-size: 1.5rem;
  line-height: 2rem
}
}