*,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
  }

  :after,
  :before {
    --tw-content: ""
  }

  :host,
  html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
  }

  body {
    margin: 0;
    line-height: inherit
  }

  h1,
  h2,
  h3 {
    font-weight: inherit
  }

  a {
    color: inherit;
    text-decoration: inherit
  }

  button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
  }

  button {
    text-transform: none
  }

  [type=button],
  button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
  }

  :-moz-focusring {
    outline: auto
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  h1,
  h2,
  h3,
  p {
    margin: 0
  }

  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
  }

  button {
    cursor: pointer
  }

  :disabled {
    cursor: default
  }

  img,
  svg {
    display: block;
    vertical-align: middle
  }

  img {
    max-width: 100%
  }

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

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

  .prose :where(a:hover):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links-hover);
    text-decoration-color: var(--tw-prose-underline-hover)
  }

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

  .pointer-events-auto {
    pointer-events: auto
  }

  .fixed {
    position: fixed
  }

  .absolute {
    position: absolute
  }

  .relative {
    position: relative
  }

  .inset-0 {
    inset: 0
  }

  .-inset-x-4 {
    left: -1rem;
    right: -1rem
  }

  .-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem
  }

  .left-0 {
    left: 0
  }

  .top-0 {
    top: 0
  }

  .top-3 {
    top: .75rem
  }

  .top-\[var\(--avatar-top\2c theme\(spacing\.3\)\)\] {
    top: var(--avatar-top, .75rem)
  }

  .top-\[var\(--header-top\2c theme\(spacing\.6\)\)\] {
    top: var(--header-top, 1.5rem)
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-50 {
    z-index: 50
  }

  .order-last {
    order: 9999
  }

  .-m-1 {
    margin: -.25rem
  }

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

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

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

  .ml-auto {
    margin-left: auto
  }

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

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

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

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

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

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

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

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

  .mt-9 {
    margin-top: 2.25rem
  }

  .mt-\[calc\(theme\(spacing\.16\)-theme\(spacing\.3\)\)\] {
    margin-top: calc(4rem - .75rem)
  }

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

  .block {
    display: block
  }

  .flex {
    display: flex
  }

  .inline-flex {
    display: inline-flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .h-10 {
    height: 2.5rem
  }

  .h-16 {
    height: 4rem
  }

  .h-3\.5 {
    height: .875rem
  }

  .h-4 {
    height: 1rem
  }

  .h-6 {
    height: 1.5rem
  }

  .h-7 {
    height: 1.75rem
  }

  .h-full {
    height: 100%
  }

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

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

  .w-10 {
    width: 2.5rem
  }

  .w-16 {
    width: 4rem
  }

  .w-3\.5 {
    width: .875rem
  }

  .w-4 {
    width: 1rem
  }

  .w-6 {
    width: 1.5rem
  }

  .w-7 {
    width: 1.75rem
  }

  .w-full {
    width: 100%
  }

  .min-w-0 {
    min-width: 0
  }

  .max-w-2xl {
    max-width: 42rem
  }

  .max-w-7xl {
    max-width: 80rem
  }

  .max-w-xl {
    max-width: 36rem
  }

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

  .flex-auto {
    flex: 1 1 auto
  }

  .flex-none {
    flex: none
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .origin-left {
    transform-origin: left
  }

  .scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
  }

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

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

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

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

  .flex-col {
    flex-direction: column
  }

  .flex-wrap {
    flex-wrap: wrap
  }

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

  .items-center {
    align-items: center
  }

  .items-baseline {
    align-items: baseline
  }

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

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

  .justify-center {
    justify-content: center
  }

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

  .gap-1 {
    gap: .25rem
  }

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

  .gap-10 {
    gap: 2.5rem
  }

  .gap-14 {
    gap: 3.5rem
  }

  .gap-2 {
    gap: .5rem
  }

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

  .gap-3 {
    gap: .75rem
  }

  .gap-4 {
    gap: 1rem
  }

  .gap-5 {
    gap: 1.25rem
  }

  .gap-6 {
    gap: 1.5rem
  }

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

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

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

  .gap-y-1 {
    row-gap: .25rem
  }

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

  .gap-y-20 {
    row-gap: 5rem
  }

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

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

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

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

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

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

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

  .border {
    border-width: 1px
  }

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

  .border-zinc-100 {
    --tw-border-opacity: 1
  }

  .border-zinc-200 {
    --tw-border-opacity: 1
  }

  .bg-amber-50 {
    --tw-bg-opacity: 1
  }

  .bg-emerald-50 {
    --tw-bg-opacity: 1
  }

  .bg-sky-50 {
    --tw-bg-opacity: 1
  }

  .bg-violet-50 {
    --tw-bg-opacity: 1
  }

  .bg-white {
    --tw-bg-opacity: 1
  }

  .bg-zinc-100 {
    --tw-bg-opacity: 1
  }

  .bg-zinc-50 {
    --tw-bg-opacity: 1
  }

  .bg-zinc-900 {
    --tw-bg-opacity: 1
  }

  .fill-current {
    fill: currentColor
  }

  .fill-zinc-100 {
    fill: #f4f4f5
  }

  .fill-zinc-700 {
    fill: #3f3f46
  }

  .stroke-zinc-500 {
    stroke: #71717a
  }

  .object-contain {
    -o-object-fit: contain;
    object-fit: contain
  }

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

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

  .p-1 {
    padding: .25rem
  }

  .p-6 {
    padding: 1.5rem
  }

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

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

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

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

  .py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
  }

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

  .py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
  }

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

  .py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
  }

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

  .pt-10 {
    padding-top: 2.5rem
  }

  .pt-3 {
    padding-top: .75rem
  }

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

  .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
  }

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

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

  .text-sm {
    font-size: .875rem;
    line-height: 1.5rem
  }

  .text-xs {
    font-size: .8125rem;
    line-height: 1.5rem
  }

  .font-bold {
    font-weight: 700
  }

  .font-medium {
    font-weight: 500
  }

  .font-semibold {
    font-weight: 600
  }

  .uppercase {
    text-transform: uppercase
  }

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

  .tracking-\[0\.16em\] {
    letter-spacing: .16em
  }

  .tracking-tight {
    letter-spacing: -.025em
  }

  .text-amber-500\/80 {
    color: rgba(245, 158, 11, .8)
  }

  .text-amber-700 {
    --tw-text-opacity: 1
  }

  .text-emerald-700 {
    --tw-text-opacity: 1
  }

  .text-sky-700 {
    --tw-text-opacity: 1
  }

  .text-violet-700 {
    --tw-text-opacity: 1
  }

  .text-white {
    --tw-text-opacity: 1
  }

  .text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
  }

  .text-zinc-500 {
    --tw-text-opacity: 1
  }

  .text-zinc-600 {
    --tw-text-opacity: 1
  }

  .text-zinc-800 {
    --tw-text-opacity: 1
  }

  .text-zinc-900 {
    --tw-text-opacity: 1
  }

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

  .opacity-0 {
    opacity: 0
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
  }

  .shadow-zinc-800\/5 {
    --tw-shadow-color: rgba(39, 39, 42, .05);
    --tw-shadow: var(--tw-shadow-colored)
  }

  .outline-offset-2 {
    outline-offset: 2px
  }

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

  .ring-inset {
    --tw-ring-inset: inset
  }

  .ring-amber-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 230 138/var(--tw-ring-opacity))
  }

  .ring-emerald-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(167 243 208/var(--tw-ring-opacity))
  }

  .ring-sky-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(186 230 253/var(--tw-ring-opacity))
  }

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

  .ring-zinc-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(244 244 245/var(--tw-ring-opacity))
  }

  .ring-zinc-900\/5 {
    --tw-ring-color: rgba(24, 24, 27, .05)
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px)
  }

  .backdrop-blur {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
  }

  .transition {
    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(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  .transition-opacity {
    transition-duration: .15s
  }

  * {
    scroll-behavior: smooth
  }

  .hover\:border-cyan-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212/var(--tw-border-opacity))
  }

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

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

  .hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
  }

  .hover\:text-cyan-600:hover {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity))
  }

  .hover\:text-zinc-900:hover {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
  }

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

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

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

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

  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px
  }

  .focus-visible\:outline-cyan-500:focus-visible {
    outline-color: #06b6d4
  }

  .active\:bg-zinc-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
  }

  .active\:text-zinc-900\/60:active {
    color: rgba(24, 24, 27, .6)
  }

  .active\:transition-none:active {
    transition-property: none
  }

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

  .group:hover .group-hover\:fill-zinc-200 {
    fill: #e4e4e7
  }

  .group:hover .group-hover\:fill-zinc-600 {
    fill: #52525b
  }

  .group:hover .group-hover\:stroke-zinc-700 {
    stroke: #3f3f46
  }

  .group:hover .group-hover\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
  }

  .group:hover .group-hover\:text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity))
  }

  .group:hover .group-hover\:opacity-100 {
    opacity: 1
  }

  @media (min-width:640px) {
    .sm\:-inset-x-6 {
      left: -1.5rem;
      right: -1.5rem
    }
    .sm\:max-w-sm {
      max-width: 24rem
    }
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .sm\:grid-cols-\[1\.5fr_1fr\] {
      grid-template-columns: 1.5fr 1fr
    }
    .sm\:flex-row {
      flex-direction: row
    }
    .sm\:items-center {
      align-items: center
    }
    .sm\:justify-between {
      justify-content: space-between
    }
    .sm\:gap-16 {
      gap: 4rem
    }
    .sm\:rounded-2xl {
      border-radius: 1rem
    }
    .sm\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
    }
    .sm\:pb-12 {
      padding-bottom: 3rem
    }
    .sm\:pt-12 {
      padding-top: 3rem
    }
    .sm\:text-5xl {
      font-size: 3rem;
      line-height: 3.5rem
    }
  }

  @media (min-width:768px) {
    .md\:mt-28 {
      margin-top: 7rem
    }
    .md\:block {
      display: block
    }
    .md\:hidden {
      display: none
    }
    .md\:flex-1 {
      flex: 1 1 0%
    }
    .md\:justify-center {
      justify-content: center
    }
  }

  @media (min-width:1024px) {
    .lg\:max-w-5xl {
      max-width: 64rem
    }
    .lg\:max-w-none {
      max-width: none
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:px-12 {
      padding-left: 3rem;
      padding-right: 3rem
    }
    .lg\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
    }
    .lg\:pl-16 {
      padding-left: 4rem
    }
  }

  @media (min-width:1280px) {
    .xl\:pl-24 {
      padding-left: 6rem
    }
  }

  .dark\:block:where(.dark, .dark *) {
    display: block
  }

  .dark\:hidden:where(.dark, .dark *) {
    display: none
  }

  .dark\:border:where(.dark, .dark *) {
    border-width: 1px
  }

  .dark\:border-zinc-700:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
  }

  .dark\:border-zinc-700\/40:where(.dark, .dark *) {
    border-color: rgba(63, 63, 70, .4)
  }

  .dark\:border-zinc-700\/50:where(.dark, .dark *) {
    border-color: rgba(63, 63, 70, .5)
  }

  .dark\:bg-amber-400\/10:where(.dark, .dark *) {
    background-color: rgba(251, 191, 36, .1)
  }

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

  .dark\:bg-emerald-400\/10:where(.dark, .dark *) {
    background-color: rgba(52, 211, 153, .1)
  }

  .dark\:bg-sky-400\/10:where(.dark, .dark *) {
    background-color: rgba(56, 189, 248, .1)
  }

  .dark\:bg-violet-400\/10:where(.dark, .dark *) {
    background-color: rgba(167, 139, 250, .1)
  }

  .dark\:bg-zinc-100:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
  }

  .dark\:bg-zinc-800:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
  }

  .dark\:bg-zinc-800\/40:where(.dark, .dark *) {
    background-color: rgba(39, 39, 42, .4)
  }

  .dark\:bg-zinc-800\/50:where(.dark, .dark *) {
    background-color: rgba(39, 39, 42, .5)
  }

  .dark\:bg-zinc-800\/90:where(.dark, .dark *) {
    background-color: rgba(39, 39, 42, .9)
  }

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

  .dark\:fill-zinc-400:where(.dark, .dark *) {
    fill: #a1a1aa
  }

  .dark\:text-amber-300:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77/var(--tw-text-opacity))
  }

  .dark\:text-emerald-300:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(110 231 183/var(--tw-text-opacity))
  }

  .dark\:text-sky-300:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(125 211 252/var(--tw-text-opacity))
  }

  .dark\:text-violet-300:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 181 253/var(--tw-text-opacity))
  }

  .dark\:text-zinc-100:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
  }

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

  .dark\:text-zinc-300:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
  }

  .dark\:text-zinc-400:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
  }

  .dark\:text-zinc-500:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
  }

  .dark\:text-zinc-900:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
  }

  .dark\:ring-0:where(.dark, .dark *) {
    --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(0px + 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\:ring-amber-300\/20:where(.dark, .dark *) {
    --tw-ring-color: rgba(252, 211, 77, .2)
  }

  .dark\:ring-emerald-300\/20:where(.dark, .dark *) {
    --tw-ring-color: rgba(110, 231, 183, .2)
  }

  .dark\:ring-sky-300\/20:where(.dark, .dark *) {
    --tw-ring-color: rgba(125, 211, 252, .2)
  }

  .dark\:ring-violet-300\/20:where(.dark, .dark *) {
    --tw-ring-color: rgba(196, 181, 253, .2)
  }

  .dark\:ring-white\/10:where(.dark, .dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .1)
  }

  .dark\:ring-zinc-300\/20:where(.dark, .dark *) {
    --tw-ring-color: hsla(240, 5%, 84%, .2)
  }

  .dark\:hover\:border-cyan-500:hover:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212/var(--tw-border-opacity))
  }

  .dark\:hover\:bg-zinc-800:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
  }

  .dark\:hover\:bg-zinc-800\/50:hover:where(.dark, .dark *) {
    background-color: rgba(39, 39, 42, .5)
  }

  .dark\:hover\:text-cyan-400:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
  }

  .dark\:hover\:text-zinc-100:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
  }

  .dark\:hover\:text-zinc-50:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity))
  }

  .dark\:hover\:ring-white\/20:hover:where(.dark, .dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2)
  }

  .dark\:active\:bg-zinc-800\/50:active:where(.dark, .dark *) {
    background-color: rgba(39, 39, 42, .5)
  }

  .dark\:active\:text-zinc-100\/70:active:where(.dark, .dark *) {
    color: hsla(240, 5%, 96%, .7)
  }

  .group:hover .dark\:group-hover\:fill-zinc-300:where(.dark, .dark *) {
    fill: #d4d4d8
  }

  .group:hover .dark\:group-hover\:text-cyan-400:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
  }

  @media (prefers-color-scheme:dark) {
    .\[\@media\(prefers-color-scheme\: dark\)\]\:fill-cyan-50 {
      fill:#ecfeff
    }
    .\[\@media\(prefers-color-scheme\:dark\)\]\:stroke-cyan-500 {
      stroke: #06b6d4
    }
    .group:hover .\[\@media\(prefers-color-scheme\:dark\)\]\:group-hover\:fill-cyan-50 {
      fill: #ecfeff
    }
    .group:hover .\[\@media\(prefers-color-scheme\:dark\)\]\:group-hover\:stroke-cyan-600 {
      stroke: #0891b2
    }
    .group:hover .\[\@media\(prefers-color-scheme\:dark\)\]\:group-hover\:stroke-zinc-400 {
      stroke: #a1a1aa
    }
  }

  @media not (prefers-color-scheme:dark) {
    .\[\@media_not_\(prefers-color-scheme\: dark\)\]\:fill-cyan-400\/10 {
      fill:rgba(34, 211, 238, .1)
    }
    .\[\@media_not_\(prefers-color-scheme\:dark\)\]\:stroke-cyan-500 {
      stroke: #06b6d4
    }
  }

.HomeTravelCarousel_carousel__fY2_j {
    --slide-gap: 1.25rem;
    --slide-width: 11rem;
    margin-top: 4rem
  }

  .HomeTravelCarousel_viewport__8oRsf {
    overflow: hidden;
    padding-block: 1rem;
    cursor: grab
  }

  .HomeTravelCarousel_viewport__8oRsf:active {
    cursor: grabbing
  }

  .HomeTravelCarousel_track___hqaQ {
    display: flex;
    margin-left: calc(-1*var(--slide-gap));
    touch-action: pan-y pinch-zoom
  }

  .HomeTravelCarousel_slide__UC35_ {
    flex: 0 0 calc(var(--slide-width) + var(--slide-gap));
    min-width: 0;
    padding-left: var(--slide-gap)
  }

  .HomeTravelCarousel_card__iZ5rF {
    position: relative;
    display: block;
    aspect-ratio: 9/10;
    overflow: hidden;
    border-radius: .75rem;
    transform: rotate(var(--rotation));
    isolation: isolate;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .HomeTravelCarousel_photo__TnAhL {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .HomeTravelCarousel_card__iZ5rF:focus-visible {
    outline: 2px solid #06b6d4;
    outline-offset: 5px
  }

  .HomeTravelCarousel_caption__YYD5k {
    position: absolute;
    inset: 45%0 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .5rem;
    padding: 1rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, .65));
    color: #fff;
    opacity: 0;
    transition: opacity .2s ease
  }

  .HomeTravelCarousel_card__iZ5rF:focus-visible .HomeTravelCarousel_caption__YYD5k,
  .HomeTravelCarousel_card__iZ5rF:hover .HomeTravelCarousel_caption__YYD5k {
    opacity: 1
  }

  .HomeTravelCarousel_destination__Scjp0 {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 500
  }

  .HomeTravelCarousel_flag__Jpgyz {
    width: 1.4rem;
    height: 1rem;
    border-radius: 2px
  }

  .HomeTravelCarousel_controls__ZhJv1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .875rem;
    min-height: 2.5rem;
    margin: 1.125rem 1.5rem 0;
    color: #71717a
  }

  .HomeTravelCarousel_button____Ig0 {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #e4e4e7;
    border-radius: 50%;
    transition: color .16s ease, border-color .16s ease, background .16s ease
  }

  .HomeTravelCarousel_button____Ig0:hover {
    border-color: #a1a1aa;
    background: hsla(240, 5%, 65%, .08);
    color: #18181b
  }

  .HomeTravelCarousel_button____Ig0:focus-visible {
    outline: 2px solid #06b6d4;
    outline-offset: 4px
  }

  .HomeTravelCarousel_status__XPZ_0 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-width: 10.5rem;
    font-size: .75rem
  }

  .HomeTravelCarousel_country__ghUic {
    min-width: 5rem;
    text-align: right
  }

  .HomeTravelCarousel_count__Q59U_ {
    color: #a1a1aa;
    font-variant-numeric: tabular-nums
  }

  .HomeTravelCarousel_playback__K1cS4 {
    width: 2rem;
    height: 2rem;
    margin-left: -.25rem
  }

  .dark .HomeTravelCarousel_card__iZ5rF {
    background: #27272a
  }

  .dark .HomeTravelCarousel_button____Ig0 {
    border-color: #3f3f46
  }

  .dark .HomeTravelCarousel_button____Ig0:hover {
    border-color: #71717a;
    color: #f4f4f5
  }

  .dark .HomeTravelCarousel_playback__K1cS4 {
    border-color: transparent
  }

  .dark .HomeTravelCarousel_country__ghUic {
    color: #a1a1aa
  }

  @media (min-width:640px) {
    .HomeTravelCarousel_carousel__fY2_j {
      --slide-gap: 2rem;
      --slide-width: 18rem;
      margin-top: 5rem
    }
    .HomeTravelCarousel_card__iZ5rF {
      border-radius: 1rem
    }
    .HomeTravelCarousel_caption__YYD5k {
      padding: 1.5rem
    }
  }

  @media (hover:none) {
    .HomeTravelCarousel_caption__YYD5k {
      opacity: 1
    }
  }

  @media (prefers-reduced-motion:reduce) {
    .HomeTravelCarousel_button____Ig0,
    .HomeTravelCarousel_caption__YYD5k {
      transition: none
    }
  }

.sf-hidden {
    display: none !important
  }

.index-inline-style-1 { --header-position:sticky;--content-offset:116px;--header-height:180px;--header-mb:-116px;--header-top:0px;--avatar-top:0px;--avatar-image-transform:translate3d(0rem,0,0) scale(1);--avatar-border-transform:translate3d(-0.2222222222222222rem,0,0) scale(1.7777777777777777);--avatar-border-opacity:0;color-scheme:dark }
.index-inline-style-2 { height:var(--header-height);margin-bottom:var(--header-mb) }
.index-inline-style-3 { position:var(--header-position) }
.index-inline-style-4 { position:var(--header-inner-position) }
.index-inline-style-5 { opacity:var(--avatar-border-opacity,0);transform:var(--avatar-border-transform) }
.index-inline-style-6 { transform:var(--avatar-image-transform) }
.index-inline-style-7 { color:transparent }
.index-inline-style-8 { position:var(--header-position) }
.index-inline-style-9 { position:var(--header-inner-position) }
.index-inline-style-10 { position:fixed;top:1px;left:1px;width:1px;height:0px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px,0px,0px,0px);white-space:nowrap;border-width:0px;display:none }

.index-inline-style-6 {
  position: relative;
  z-index: 1;
  background-image: url("../img/profile.webp");
  background-position: center;
  background-size: cover;
  border-radius: 9999px
}

.index-inline-style-6 img {
  opacity: 0
}

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

.max-w-5xl {
  max-width: 64rem
}

.max-w-6xl {
  max-width: 72rem
}

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

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

.pt-40 {
  padding-top: 10rem
}

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

.p-7 {
  padding: 1.75rem
}

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

@media (min-width: 640px) {
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}
.index-inline-style-11 { height:var(--content-offset) }