/* [project]/src/styles/inline-1.css [app-client] (css) */
.layout--default[data-v-3457cd63] {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

#layout.layout--full-h-color-primary-800[data-v-3457cd63] {
  background-color: var(--h-color-primary-800);
}

#layout.layout--full-h-color-primary-800[data-v-3457cd63] #tp-widget-wrapper .tp-star__canvas {
  fill: #0000;
}

#layout.layout--full-h-color-neutral-950[data-v-3457cd63] {
  background-color: var(--h-color-neutral-950);
}

#layout.layout--full-h-color-neutral-950[data-v-3457cd63] #tp-widget-wrapper .tp-star__canvas {
  fill: #0000;
}

/* [project]/src/styles/inline-2.css [app-client] (css) */
.h-banner[data-v-c96ccfcd] {
  background-color: var(--h-color-primary-500);
  z-index: 9999;
  width: 100%;
  height: 54px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px #0000001a;
}

@media (min-width: 1025px) {
  .h-banner[data-v-c96ccfcd] {
    height: 28px;
  }
}

.h-banner__append-text[data-v-c96ccfcd] {
  display: none;
}

@media (min-width: 768px) {
  .h-banner__append-text[data-v-c96ccfcd] {
    color: var(--h-color-neutral-800);
    display: block;
  }
}

.h-banner--sticky[data-v-c96ccfcd] {
  position: sticky;
  top: 0;
  left: 0;
}

.h-banner__wrapper[data-v-c96ccfcd] {
  color: var(--h-color-neutral-0);
  gap: 16px;
  height: 54px;
  transition: top .3s;
  overflow: hidden;
}

.h-banner__title[data-v-c96ccfcd] {
  align-items: center;
  gap: 8px;
  font-size: min(4vw, 14px);
  line-height: min(4vw, 18px);
  display: flex;
}

@media (min-width: 768px) {
  .h-banner__title[data-v-c96ccfcd] {
    font-size: min(3vw, 14px);
    line-height: min(3vw, 18px);
  }
}

.h-banner__link-text[data-v-c96ccfcd] {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

@media (min-width: 1025px) {
  .h-banner__link-text[data-v-c96ccfcd] {
    gap: 16px;
  }
}

.h-banner__info[data-v-c96ccfcd], .h-banner__link-text-content[data-v-c96ccfcd] {
  align-items: center;
  gap: 4px;
  display: flex;
}

.h-banner__info[data-v-c96ccfcd] {
  color: var(--h-color-neutral-0);
  z-index: 104;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .h-banner__info[data-v-c96ccfcd] {
    background: linear-gradient(90deg, #8c85ff00 0, #8c85ffb0 10%, var(--h-color-primary-500) 70%, var(--h-color-primary-500) 62%, #8c85ff00 100%), linear-gradient(90deg, #8c85ff00 0, #8c85ffb0 10%, var(--h-color-primary-500) 51.06%, #8c85ffb0 88.8%, #8c85ff00 100%);
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    padding: 0 60px;
  }
}

.h-banner__info--centered[data-v-c96ccfcd] {
  justify-content: center;
}

.h-banner__append-icon--mobile[data-v-c96ccfcd] {
  display: block;
}

@media (min-width: 768px) {
  .h-banner__append-icon--mobile[data-v-c96ccfcd] {
    display: none;
  }
}

.h-banner__append-icon--desktop[data-v-c96ccfcd] {
  display: none;
}

@media (min-width: 768px) {
  .h-banner__append-icon--desktop[data-v-c96ccfcd] {
    display: block;
  }
}

.h-banner--bg-warning-400[data-v-c96ccfcd] {
  background-color: var(--h-color-warning-400);
}

.h-banner--bg-warning-400 .h-banner__info[data-v-c96ccfcd] {
  color: var(--h-color-neutral-800);
  background: none;
  justify-content: center;
}

.h-banner--bg-warning-400 .h-banner__link-text[data-v-c96ccfcd] {
  color: var(--h-color-success-700);
  text-decoration: underline;
  display: none;
}

@media (min-width: 768px) {
  .h-banner--bg-warning-400 .h-banner__link-text[data-v-c96ccfcd] {
    display: flex;
  }
}

/* [project]/src/styles/inline-3.css [app-client] (css) */
.fade-enter-active[data-v-036ce937], .fade-leave-active[data-v-036ce937] {
  opacity: 0;
  transition: all .2s;
  transform: scale(.8);
}

.navigation-section[data-v-036ce937] {
  z-index: 9999;
  align-items: flex-start;
  width: 100vw;
  max-width: 100%;
  display: flex;
  position: relative;
}

.navigation-section[data-v-036ce937] > * {
  transition: all .1s;
}

.navigation-section--full-h[data-v-036ce937] {
  min-height: 100vh;
}

.navigation-section--full-h-under-banner[data-v-036ce937] {
  min-height: calc(100vh - 54px);
}

@media (min-width: 1025px) {
  .navigation-section--full-h-under-banner[data-v-036ce937] {
    min-height: calc(100vh - 28px);
  }
}

.navigation-section a[data-v-036ce937]:not(.h-button-v2):not(.h-hyperlink), .navigation-section button[data-v-036ce937]:not(.h-button-v2):not(.h-hyperlink) {
  color: var(--h-fg-neutral-default);
}

.navigation-section--under-banner.navigation-section--sticky[data-v-036ce937] {
  top: 54px;
}

@media (min-width: 1025px) {
  .navigation-section--under-banner.navigation-section--sticky[data-v-036ce937] {
    top: 28px;
  }
}

.navigation-section--sticky[data-v-036ce937] {
  position: sticky;
  top: 0;
  left: 0;
  box-shadow: 0 4px 10px #0000001a;
}

.navigation-section--overlay[data-v-036ce937] {
  margin-bottom: -58px;
}

@media (min-width: 1140px) {
  .navigation-section--overlay[data-v-036ce937] {
    margin-bottom: -72px;
  }
}

.navigation-section--no-shadow[data-v-036ce937] {
  box-shadow: none;
}

.navigation-section__container[data-v-036ce937] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 2230px;
  min-height: 58px;
  max-height: 58px;
  margin: 0 auto;
  display: flex;
}

@media (min-width: 768px) {
  .navigation-section__container[data-v-036ce937] {
    min-height: 58px;
    max-height: 58px;
  }
}

@media (min-width: 1140px) {
  .navigation-section__container[data-v-036ce937] {
    min-height: 72px;
    max-height: 72px;
  }
}

.navigation-section__main-menu-wrapper[data-v-036ce937] {
  align-items: center;
  width: 100%;
  max-width: 2043px;
  padding: 10px 16px;
  display: none;
}

@media (min-width: 1025px) {
  .navigation-section__main-menu-wrapper[data-v-036ce937] {
    padding: 16px 40px 16px 32px;
  }
}

@media (min-width: 1140px) {
  .navigation-section__main-menu-wrapper[data-v-036ce937] {
    display: flex;
  }
}

.navigation-section__start[data-v-036ce937] {
  z-index: 1;
  flex-grow: 1;
  align-items: center;
  gap: 32px;
  display: flex;
}

.navigation-section__logo-wrapper[data-v-036ce937] {
  align-items: center;
  padding: 0 0 0 20px;
  display: flex;
}

@media (min-width: 1140px) {
  .navigation-section__logo-wrapper[data-v-036ce937] {
    padding: 0 0 0 40px;
  }
}

.navigation-section__logo-wrapper--rtl[data-v-036ce937] {
  padding: 0 20px 0 0;
}

@media (min-width: 1140px) {
  .navigation-section__logo-wrapper--rtl[data-v-036ce937] {
    padding: 0 40px 0 0;
  }
}

.navigation-section__right[data-v-036ce937] {
  align-items: center;
  gap: 4px;
  display: flex;
}

.navigation-section__chatbot-button[data-v-036ce937], .navigation-section__domain-search[data-v-036ce937] {
  margin-inline-end: 8px;
}

.navigation-section__menu[data-v-036ce937] {
  overflow: initial;
  align-items: center;
  gap: 24px;
  height: auto;
  display: flex;
}

.navigation-section__menu--loading[data-v-036ce937] {
  visibility: hidden;
}

@media (min-width: 1140px) {
  .navigation-section__mobile[data-v-036ce937] {
    display: none;
  }
}

.navigation-section__mobile-menu[data-v-036ce937] {
  flex-grow: 1;
  overflow: auto;
}

.navigation-section__mobile-menu-wrapper[data-v-036ce937] {
  flex-direction: column;
  height: calc(100vh - 58px);
  display: flex;
  position: fixed;
  inset: 58px 0 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .navigation-section__mobile-menu-wrapper[data-v-036ce937] {
    height: calc(100vh - 58px);
    top: 58px;
  }
}

@media (min-width: 1025px) {
  .navigation-section__mobile-menu-wrapper[data-v-036ce937] {
    height: calc(100vh - 72px);
    top: 72px;
  }
}

.navigation-section__mobile-menu-wrapper--under-banner[data-v-036ce937] {
  height: calc(100vh - 112px);
  top: 112px;
}

@media (min-width: 768px) {
  .navigation-section__mobile-menu-wrapper--under-banner[data-v-036ce937] {
    height: calc(100vh - 120px);
    top: 120px;
  }
}

@media (min-width: 1025px) {
  .navigation-section__mobile-menu-wrapper--under-banner[data-v-036ce937] {
    height: calc(100vh - 100px);
    top: 100px;
  }
}

.navigation-section__menu-item[data-v-036ce937] {
  cursor: pointer;
  color: inherit;
  background: none;
  align-items: center;
  gap: 2px;
  font-weight: 400;
  display: flex;
  position: relative;
}

@media (min-width: 1140px) {
  .navigation-section__menu-item[data-v-036ce937]:hover {
    opacity: .7;
  }
}

.navigation-section__menu-item--with-badge[data-v-036ce937] {
  gap: 8px;
  display: flex;
}

.navigation-section__menu-item--active[data-v-036ce937] {
  opacity: .7;
}

.navigation-section__menu-item--with-padding[data-v-036ce937] {
  padding-inline-start: 12px;
}

.navigation-section__menu-item--login[data-v-036ce937] {
  border-radius: 50%;
  padding: 8px;
}

.navigation-section__menu-item--login[data-v-036ce937]:hover {
  background: var(--h-bg-neutral-hover);
  opacity: 1;
}

.navigation-section__menu-item-count[data-v-036ce937] {
  min-width: 16px;
  min-height: 16px;
  color: var(--h-color-neutral-0);
  background: var(--h-bg-danger-default);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.navigation-section__menu-item-icon[data-v-036ce937] {
  transition: transform .3s;
  display: flex;
}

.navigation-section__menu-item-sub-item[data-v-036ce937]:not(:last-child) {
  margin-bottom: 20px;
}

.navigation-section__end-menu[data-v-036ce937] {
  align-items: center;
  gap: 10px;
  width: fit-content;
  min-height: 42px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 16px;
}

.navigation-section__end-menu--rtl[data-v-036ce937] {
  right: unset;
  left: 16px;
}

.navigation-section__mobile-menu-burger[data-v-036ce937] {
  background: none;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.navigation-section__mobile-menu-burger[data-v-036ce937] > * {
  position: absolute;
  top: 8px;
  right: 8px;
}

.navigation-section__mobile-menu-toggle[data-v-036ce937] {
  border-radius: 40px;
}

/* [project]/src/styles/inline-4.css [app-client] (css) */
.h-logo[data-v-d2b322d1] {
  align-items: center;
  display: inline-flex;
}

.h-logo > div[data-v-d2b322d1] {
  align-items: center;
  display: flex;
}

@media (min-width: 1140px) {
  .h-logo[data-v-d2b322d1] {
    min-width: 147px;
  }

  .h-logo--horizons[data-v-d2b322d1] {
    min-width: 214px;
  }
}

@media (max-width: 1140px) {
  .h-logo__desktop-logo[data-v-d2b322d1] {
    display: none !important;
  }
}

@media (min-width: 1140px) {
  .h-logo__mobile-logo[data-v-d2b322d1] {
    display: none !important;
  }
}

.h-logo--h-color-neutral-800[data-v-d2b322d1] {
  color: var(--h-color-neutral-800);
}

.h-logo--h-color-neutral-0[data-v-d2b322d1] {
  color: var(--h-color-neutral-0);
}

.h-logo--h-color-primary-600[data-v-d2b322d1] {
  color: var(--h-color-primary-600);
}

.h-logo--h-color-primary-800[data-v-d2b322d1] {
  color: var(--h-color-primary-800);
}

.h-logo--h-fg-neutral-default[data-v-d2b322d1] {
  color: var(--h-fg-neutral-default);
}

/* [project]/src/styles/inline-5.css [app-client] (css) */
.navigation-menu[data-v-8a98b456] {
  z-index: 1000;
  width: 100vw;
  max-width: 100vw;
  position: absolute;
  left: 0;
}

.navigation-menu[data-v-8a98b456], .navigation-menu--sticky-nav[data-v-8a98b456] {
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  top: 72px;
}

.navigation-menu__container[data-v-8a98b456] {
  z-index: 1001;
  border-radius: 16px;
  flex-direction: column;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 16px);
  display: flex;
  position: absolute;
  top: 8px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50.6%);
}

.navigation-menu__scrollable-container-wrapper[data-v-8a98b456] {
  min-height: 1px;
  padding: 32px;
  display: flex;
}

.navigation-menu__scrollable-container[data-v-8a98b456] {
  max-height: 100%;
  margin-right: -32px;
  padding-right: 32px;
  overflow: auto;
}

.navigation-menu__wrapper[data-v-8a98b456] {
  gap: 24px;
  display: flex;
}

.navigation-menu__wrapper > .navigation-menu-column[data-v-8a98b456] {
  min-height: 100%;
}

.navigation-menu__backdrop[data-v-8a98b456] {
  background: var(--h-color-neutral-1000);
  opacity: .6;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.navigation-menu__column[data-v-8a98b456] {
  flex-direction: column;
  gap: 8px;
  width: 365px;
  display: flex;
}

.navigation-menu__column-group[data-v-8a98b456] {
  color: var(--h-color-neutral-400);
  margin-bottom: 6px;
}

.navigation-menu__column-subgroup[data-v-8a98b456] {
  flex-direction: column;
  display: flex;
}

.navigation-menu__column-subgroup--spaced[data-v-8a98b456] {
  justify-content: space-between;
  height: 100%;
}

.navigation-menu[dir="rtl"][data-v-8a98b456] {
  text-align: right;
}

/* [project]/src/styles/inline-6.css [app-client] (css) */
.navigation-menu-item[data-v-60fdf7c0] {
  cursor: pointer;
  border-radius: 8px;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.navigation-menu-item__icon[data-v-60fdf7c0] {
  margin-top: 2px;
  display: flex;
}

.navigation-menu-item[data-v-60fdf7c0]:hover {
  background: var(--h-color-primary-50);
}

.navigation-menu-item__link-data[data-v-60fdf7c0] {
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  display: flex;
}

.navigation-menu-item__title-container[data-v-60fdf7c0] {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.navigation-menu-item__title[data-v-60fdf7c0] {
  color: var(--h-color-neutral-800);
}

.navigation-menu-item__description[data-v-60fdf7c0] {
  color: var(--h-color-neutral-500);
  line-height: 24px;
}

.navigation-menu-item[dir="rtl"][data-v-60fdf7c0] {
  text-align: right;
}

/* [project]/src/styles/inline-7.css [app-client] (css) */
.navigation-locale-selector[data-v-c58bae36] .h-button-v2 {
  --h-button-bg: transparent;
  --h-button-border: 1px solid transparent;
}

/* [project]/src/styles/inline-8.css [app-client] (css) */
.homepage-reviews-masonry[data-v-657652b7] {
  overflow: clip;
}

.homepage-reviews-masonry__card[data-v-657652b7] {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.homepage-reviews-masonry__card--showcase[data-v-657652b7] {
  display: flex;
}

.homepage-reviews-masonry__card--showcase[data-v-657652b7] .h-image, .homepage-reviews-masonry__card--showcase[data-v-657652b7] img, .homepage-reviews-masonry__card--showcase[data-v-657652b7] video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.homepage-reviews-masonry__card--quote[data-v-657652b7] {
  flex-direction: column;
  gap: 16px;
  min-height: 395px;
  padding: 24px;
  display: flex;
}

.homepage-reviews-masonry__card--hidden[data-v-657652b7] {
  display: none;
}

.homepage-reviews-masonry__card--clickable[data-v-657652b7] {
  cursor: pointer;
}

.homepage-reviews-masonry__badge[data-v-657652b7] {
  top: 12px;
  background-color: var(--h-color-dark-a50);
  color: var(--h-color-neutral-0);
  border-radius: 8px;
  padding: 4px 12px;
  position: absolute;
  inset-inline-start: 12px;
}

.homepage-reviews-masonry__play[data-v-657652b7] {
  top: 16px;
  position: absolute;
  inset-inline-end: 16px;
}

.homepage-reviews-masonry__caption[data-v-657652b7] {
  inset-inline: 16px;
  color: var(--h-color-neutral-0);
  position: absolute;
  bottom: 16px;
}

.homepage-reviews-masonry__quote-icon[data-v-657652b7] {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.homepage-reviews-masonry__quote-icon--bg-h-color-neon-500[data-v-657652b7] {
  background-color: var(--h-color-neon-500);
}

.homepage-reviews-masonry__quote-icon--bg-h-color-primary-950[data-v-657652b7] {
  background-color: var(--h-color-primary-950);
}

.homepage-reviews-masonry__quote-icon--bg-h-color-primary-600[data-v-657652b7] {
  background-color: var(--h-color-primary-600);
}

.homepage-reviews-masonry__quote-icon--bg-horizons[data-v-657652b7] {
  background: linear-gradient(141deg, #a19bff -4.71%, #673de6cc, #673de61a 144.91%), #000;
}

.homepage-reviews-masonry__author[data-v-657652b7] {
  align-items: center;
  gap: 12px;
  margin-top: auto;
  display: flex;
}

.homepage-reviews-masonry__avatar[data-v-657652b7] {
  width: 40px;
  height: 40px;
}

.homepage-reviews-masonry__author-text[data-v-657652b7] {
  flex-direction: column;
  display: flex;
}

.homepage-reviews-masonry__author-role[data-v-657652b7] {
  color: var(--h-fg-neutral-secondary);
}

.homepage-reviews-masonry__grid[data-v-657652b7] {
  align-items: start;
  gap: 24px;
  max-width: 1600px;
  margin: 0 auto;
  padding-inline: 80px;
  display: grid;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .homepage-reviews-masonry__grid[data-v-657652b7] {
    gap: 16px;
    padding-inline: 40px;
  }
}

.homepage-reviews-masonry__grid--single[data-v-657652b7] {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding-inline: 0;
  display: flex;
}

.homepage-reviews-masonry__column[data-v-657652b7] {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

@media (max-width: 1024px) {
  .homepage-reviews-masonry__column[data-v-657652b7] {
    gap: 16px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .homepage-reviews-masonry__column[data-v-657652b7]:nth-child(2n) {
      will-change: transform;
      animation: linear both masonry-parallax-657652b7;
      animation-timeline: view();
      animation-range: cover;
    }
  }
}

@keyframes masonry-parallax-657652b7 {
  0% {
    transform: translate3d(0, 110px, 0);
  }

  to {
    transform: translate3d(0, -110px, 0);
  }
}

/* [project]/src/styles/inline-9.css [app-client] (css) */
.homepage-expanding-panels[data-v-cb404999] {
  color: var(--h-color-neutral-0);
}

@media (min-width: 1025px) {
  .homepage-expanding-panels__header[data-v-cb404999] {
    -moz-column-gap: 80px;
    grid-template-columns: 1fr 450px;
    grid-template-areas: "badge badge"
                         "heading intro";
    gap: 32px 80px;
    display: grid;
  }

  .homepage-expanding-panels__badge[data-v-cb404999] {
    grid-area: badge;
  }
}

.homepage-expanding-panels__badge[data-v-cb404999] img {
  width: auto;
  height: 52px;
}

@media (min-width: 1025px) {
  .homepage-expanding-panels__heading[data-v-cb404999] {
    grid-area: heading;
    max-width: 423px;
  }
}

.homepage-expanding-panels__intro[data-v-cb404999] {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-expanding-panels__intro[data-v-cb404999] {
    grid-area: intro;
  }
}

.homepage-expanding-panels__panel[data-v-cb404999] {
  border-radius: 16px;
  width: 100%;
  min-height: 312px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.homepage-expanding-panels__panel[data-v-cb404999]:before {
  content: "";
  z-index: 0;
  opacity: 1;
  background: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/a0131c1a-d041-4115-29bf-973c9152d400/sharpen=0") 50% / cover no-repeat;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

@media (min-width: 1025px) {
  .homepage-expanding-panels__panel[data-v-cb404999] {
    min-height: 420px;
  }
}

.homepage-expanding-panels__panel--carousel[data-v-cb404999] {
  min-width: 322px;
  height: 100%;
}

.homepage-expanding-panels__panel-inner[data-v-cb404999] {
  z-index: 1;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
  position: relative;
}

.homepage-expanding-panels__panel-image[data-v-cb404999] {
  margin-top: auto;
}

.homepage-expanding-panels__panel-image[data-v-cb404999] .h-image, .homepage-expanding-panels__panel-image[data-v-cb404999] img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 220px;
}

@media (min-width: 1025px) {
  .homepage-expanding-panels__panels[data-v-cb404999] {
    align-items: flex-end;
    gap: 8px;
    height: 420px;
    display: flex;
  }

  .homepage-expanding-panels__panel[data-v-cb404999] {
    cursor: default;
    background-color: var(--h-color-dark-a50);
    flex: 1 1 0;
    min-width: 0;
    height: 420px;
    min-height: 0;
    transition: flex-grow .6s cubic-bezier(.4, 0, .2, 1), height .6s cubic-bezier(.4, 0, .2, 1), background-color .6s cubic-bezier(.4, 0, .2, 1);
  }

  .homepage-expanding-panels__panel[data-v-cb404999]:nth-child(2):not(.homepage-expanding-panels__panel--active) {
    height: 210px;
  }

  .homepage-expanding-panels__panel[data-v-cb404999]:nth-child(4):not(.homepage-expanding-panels__panel--active) {
    height: 317px;
  }

  .homepage-expanding-panels__panel--active[data-v-cb404999], .homepage-expanding-panels__panel[data-v-cb404999]:hover:not(.homepage-expanding-panels__panel--active) {
    background-color: var(--h-color-primary-500);
  }

  .homepage-expanding-panels__panel--active[data-v-cb404999] {
    cursor: default;
    flex-grow: 2.9;
  }

  .homepage-expanding-panels__panel[data-v-cb404999]:before {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.4, 0, .2, 1);
  }

  .homepage-expanding-panels__panel--active[data-v-cb404999]:before {
    opacity: 1;
  }

  .homepage-expanding-panels__panel-description[data-v-cb404999], .homepage-expanding-panels__panel-image[data-v-cb404999] {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
  }

  .homepage-expanding-panels__panel--active .homepage-expanding-panels__panel-description[data-v-cb404999], .homepage-expanding-panels__panel--active .homepage-expanding-panels__panel-image[data-v-cb404999] {
    opacity: 1;
    transition: opacity .35s cubic-bezier(.4, 0, .2, 1) .3s;
  }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
  .homepage-expanding-panels__panel[data-v-cb404999], .homepage-expanding-panels__panel--active .homepage-expanding-panels__panel-description[data-v-cb404999], .homepage-expanding-panels__panel--active .homepage-expanding-panels__panel-image[data-v-cb404999], .homepage-expanding-panels__panel-description[data-v-cb404999], .homepage-expanding-panels__panel-image[data-v-cb404999], .homepage-expanding-panels__panel[data-v-cb404999]:before {
    transition: none;
  }
}

/* [project]/src/styles/inline-10.css [app-client] (css) */
.homepage-tools__heading[data-v-a8438fd8] {
  text-align: center;
}

.homepage-tools__card[data-v-a8438fd8] {
  color: var(--h-fg-neutral-default);
}

.homepage-tools__card--carousel[data-v-a8438fd8] {
  width: 100%;
  min-width: 280px;
}

.homepage-tools__media[data-v-a8438fd8] {
  border-radius: 16px;
  height: 240px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .homepage-tools__media[data-v-a8438fd8] {
    height: 360px;
  }
}

.homepage-tools__img[data-v-a8438fd8] {
  position: absolute;
  inset: 0;
}

.homepage-tools__img[data-v-a8438fd8] .h-image, .homepage-tools__img[data-v-a8438fd8] img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
  height: 100%;
}

.homepage-tools__arrow[data-v-a8438fd8] {
  top: 16px;
  position: absolute;
  inset-inline-end: 16px;
}

.homepage-tools__label[data-v-a8438fd8] {
  flex-direction: column;
  gap: 4px;
  margin-top: 20px;
  display: flex;
}

.homepage-tools__desc[data-v-a8438fd8] {
  color: var(--h-fg-neutral-secondary);
}

.homepage-tools__row[data-v-a8438fd8] {
  gap: 20px;
  display: flex;
}

.homepage-tools__row .homepage-tools__card[data-v-a8438fd8] {
  flex: 1 1 0;
  transition: flex-grow .45s cubic-bezier(.4, 0, .2, 1);
}

.homepage-tools__row .homepage-tools__arrow[data-v-a8438fd8] {
  opacity: 0;
  transition: opacity .3s;
}

.homepage-tools__row .homepage-tools__desc[data-v-a8438fd8] {
  opacity: 0;
  transition: opacity .4s;
}

.homepage-tools__row:hover .homepage-tools__card[data-v-a8438fd8]:hover {
  flex-grow: 1.5;
}

.homepage-tools__row:hover .homepage-tools__card:hover .homepage-tools__arrow[data-v-a8438fd8], .homepage-tools__row:hover .homepage-tools__card:hover .homepage-tools__desc[data-v-a8438fd8] {
  opacity: 1;
}

.homepage-tools__row:hover .homepage-tools__card[data-v-a8438fd8]:not(:hover) {
  flex-grow: .85;
}

/* [project]/src/styles/inline-11.css [app-client] (css) */
.homepage-control__cards[data-v-0da1e01b] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-control__cards[data-v-0da1e01b] {
    flex-direction: row;
  }
}

.homepage-control__card[data-v-0da1e01b] {
  min-height: 178px;
  color: var(--h-fg-neutral-default);
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
  padding: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .homepage-control__card[data-v-0da1e01b] {
    flex: 1 1 0;
  }
}

.homepage-control__card[data-v-0da1e01b]:hover {
  background-color: var(--h-color-primary-100) !important;
}

.homepage-control__label[data-v-0da1e01b] {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.homepage-control__desc[data-v-0da1e01b] {
  color: var(--h-fg-neutral-secondary);
}

.homepage-control__arrow[data-v-0da1e01b] {
  top: 20px;
  transition: opacity .3s;
  position: absolute;
  inset-inline-end: 20px;
}

.homepage-control__slide[data-v-0da1e01b] {
  display: none;
}

@media (min-width: 1025px) {
  .homepage-control__slide[data-v-0da1e01b] {
    max-width: 250px;
    transition: transform .5s cubic-bezier(.4, 0, .2, 1);
    display: block;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    transform: translateY(105%);
  }

  .homepage-control__slide[data-v-0da1e01b] .h-image, .homepage-control__slide[data-v-0da1e01b] img {
    height: 100%;
  }

  .homepage-control__card--has-image:hover .homepage-control__slide[data-v-0da1e01b] {
    transform: translateY(0);
  }

  .homepage-control__card--has-image:hover .homepage-control__arrow[data-v-0da1e01b] {
    opacity: 0;
  }
}

/* [project]/src/styles/inline-12.css [app-client] (css) */
.homepage-agents-hero__inner[data-v-28268fdf] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__inner[data-v-28268fdf] {
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
  }
}

.homepage-agents-hero__main[data-v-28268fdf] {
  color: var(--h-color-neutral-0);
  background-color: var(--h-color-primary-600);
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/06d6ed1a-5b6a-4019-cfdb-c6e6d2d55800/sharpen=0");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  flex-direction: column;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__main[data-v-28268fdf] {
    border-radius: 24px;
    flex-direction: row;
    flex: 60%;
    align-items: center;
    gap: 20px;
    min-width: 0;
    padding: 32px;
  }
}

.homepage-agents-hero__main-body[data-v-28268fdf] {
  flex-direction: column;
  gap: 56px;
  height: 100%;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__main-body[data-v-28268fdf] {
    flex: 1;
    justify-content: space-between;
    gap: 24px;
  }
}

.homepage-agents-hero__main-content[data-v-28268fdf] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__main-content[data-v-28268fdf] {
    gap: 24px;
  }
}

.homepage-agents-hero__main-text[data-v-28268fdf] {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

@media (max-width: 767px) {
  .homepage-agents-hero__main-title[data-v-28268fdf] {
    font-size: var(--font-size-heading-3-regular);
    line-height: var(--line-height-heading-3-regular);
  }
}

.homepage-agents-hero__main-image[data-v-28268fdf] {
  width: 80px;
  position: absolute;
  inset-block-start: 20px;
  inset-inline-end: 20px;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__main-image[data-v-28268fdf] {
    width: 170px;
    margin-bottom: auto;
    position: static;
  }
}

.homepage-agents-hero__button[data-v-28268fdf] {
  align-self: flex-start;
}

.homepage-agents-hero__side[data-v-28268fdf] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__side[data-v-28268fdf] {
    flex: 40%;
    gap: 20px;
    width: 100%;
  }
}

.homepage-agents-hero__card[data-v-28268fdf] {
  color: var(--h-fg-neutral-default);
  border-radius: 16px;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__card[data-v-28268fdf] {
    flex: 1;
    justify-content: space-between;
    gap: 32px;
  }
}

.homepage-agents-hero__card[data-v-28268fdf]:hover {
  background-color: var(--h-color-primary-100) !important;
}

.homepage-agents-hero__card-arrow[data-v-28268fdf] {
  position: absolute;
  inset-block-start: 20px;
  inset-inline-end: 20px;
}

.homepage-agents-hero__card--agent .homepage-agents-hero__card-text[data-v-28268fdf] {
  max-width: 56%;
}

.homepage-agents-hero__card-body[data-v-28268fdf] {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__card-body[data-v-28268fdf] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.homepage-agents-hero__card-text[data-v-28268fdf] {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.homepage-agents-hero__card-image[data-v-28268fdf] {
  display: none;
}

@media (min-width: 1025px) {
  .homepage-agents-hero__card-image[data-v-28268fdf] {
    pointer-events: none;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }
}

.homepage-agents-hero__card-image[data-v-28268fdf] img {
  width: auto;
  height: 100%;
}

.homepage-agents-hero__price[data-v-28268fdf] {
  flex-direction: column;
  display: flex;
}

.homepage-agents-hero__price[data-v-28268fdf] .hw-price {
  justify-content: flex-start;
}

.homepage-agents-hero__badge[data-v-28268fdf] {
  border-radius: 40px;
}

.homepage-agents-hero__pulse[data-v-28268fdf] {
  background-color: var(--h-color-success-400);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  animation: 1.8s ease-out infinite homepage-agents-hero-pulse-28268fdf;
}

@keyframes homepage-agents-hero-pulse-28268fdf {
  0% {
    box-shadow: 0 0 0 0 var(--h-color-success-400);
  }

  to {
    box-shadow: 0 0 0 6px #0000;
  }
}

/* [project]/src/styles/inline-13.css [app-client] (css) */
.homepage-hero-domain-search[data-v-bfb3c935] {
  z-index: 100;
  padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  pointer-events: none;
  justify-content: center;
  display: flex;
  position: sticky;
  bottom: 0;
}

.homepage-hero-domain-search[data-v-bfb3c935] > * {
  pointer-events: auto;
}

.homepage-hero-domain-search[data-v-bfb3c935] > .h-button-v2 {
  background: linear-gradient(var(--h-color-primary-500), var(--h-color-primary-500)) padding-box, linear-gradient(180deg, #ffffff80, #fff0) border-box;
  border: 1px solid #0000;
  width: fit-content;
}

.homepage-hero-domain-search[data-v-bfb3c935] > .h-button-v2:hover {
  background: linear-gradient(var(--h-color-primary-600), var(--h-color-primary-600)) padding-box, linear-gradient(180deg, #ffffff80, #fff0) border-box;
}

.homepage-hero-domain-search__sheet[data-v-bfb3c935] {
  flex-direction: column;
  display: flex;
}

.homepage-hero-domain-search__sheet-top[data-v-bfb3c935] {
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 16px;
  display: flex;
}

.homepage-hero-domain-search__sheet-close[data-v-bfb3c935] {
  background: none;
  display: flex;
}

.homepage-hero-domain-search__sheet-body[data-v-bfb3c935] {
  flex-direction: column;
  padding: 24px 16px 16px;
  display: flex;
}

.homepage-hero-domain-search__field[data-v-bfb3c935] {
  --h-input-padding-right: 4px;
  --h-button-contain-primary-bg-disabled: var(--h-color-primary-300);
  margin-top: 16px;
}

.homepage-hero-domain-search__field[data-v-bfb3c935] .h-input-border {
  border-radius: 40px;
}

/* [project]/src/styles/inline-14.css [app-client] (css) */
.homepage-hero[data-v-62287741] {
  padding-top: 24px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1139px) {
  .homepage-hero[data-v-62287741] {
    overflow: visible;
  }
}

.homepage-hero[data-v-62287741] {
  color: var(--h-color-neutral-0);
}

@media (min-width: 1025px) {
  .homepage-hero[data-v-62287741] {
    padding-block: 80px;
  }
}

.homepage-hero__inner[data-v-62287741] {
  gap: 40px;
  padding-top: 64px;
}

.homepage-hero__content[data-v-62287741], .homepage-hero__inner[data-v-62287741] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.homepage-hero__content[data-v-62287741] {
  text-align: center;
  gap: 24px;
}

.homepage-hero__title[data-v-62287741] {
  max-width: 560px;
  color: var(--h-color-neutral-0);
}

@media (min-width: 1025px) {
  .homepage-hero__title[data-v-62287741] {
    font-size: 72px;
    line-height: 80px;
  }
}

.homepage-hero__desc[data-v-62287741] {
  max-width: 480px;
  color: var(--h-color-neutral-0);
  opacity: .9;
}

.homepage-hero__guarantee[data-v-62287741] {
  color: var(--h-color-neutral-0);
  align-items: center;
  gap: 8px;
  display: flex;
}

.homepage-hero__cards[data-v-62287741] {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

@media (max-width: 1024px) {
  .homepage-hero__cards[data-v-62287741] {
    gap: 8px;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__cards[data-v-62287741] {
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    padding-block-start: 64px;
  }
}

.homepage-hero__card[data-v-62287741] {
  color: inherit;
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 16px;
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .homepage-hero__card[data-v-62287741] {
    border-radius: 20px;
    transition: background-color .4s;
    position: relative;
    overflow: visible;
  }

  .homepage-hero__card--active[data-v-62287741] {
    background-color: #0000;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__card[data-v-62287741] {
    background-color: var(--h-color-dark-a20);
    flex: 1;
    min-width: 0;
    transition: flex-grow .35s cubic-bezier(.4, 0, .2, 1) .35s, background-color .35s ease-in-out .65s;
    position: relative;
    overflow: visible;
  }

  .homepage-hero__card--active[data-v-62287741] {
    background-color: #0000;
    flex-grow: 2.2;
    transition: flex-grow .35s cubic-bezier(.4, 0, .2, 1) .35s, background-color .35s ease-in-out;
  }
}

.homepage-hero__folder[data-v-62287741] {
  display: none;
}

@media (min-width: 1025px) {
  .homepage-hero__folder[data-v-62287741] {
    z-index: 0;
    opacity: 0;
    width: 100%;
    height: calc(100% + 76px);
    transition: opacity .35s ease-in-out .65s;
    display: block;
    position: absolute;
    inset-block-start: -64px;
    inset-inline-start: 0;
    overflow: visible;
  }

  .homepage-hero__folder path[data-v-62287741] {
    fill: var(--h-color-light-a10);
    stroke: var(--h-color-light-a20);
    stroke-width: 1px;
    stroke-opacity: 0;
    vector-effect: non-scaling-stroke;
    transition: stroke-opacity .4s;
  }

  .homepage-hero__card--active .homepage-hero__folder[data-v-62287741] {
    opacity: 1;
    transition: opacity .35s ease-in-out;
  }

  .homepage-hero__card--active .homepage-hero__folder path[data-v-62287741] {
    stroke-opacity: 1;
    transition: stroke-opacity .35s .35s;
  }
}

.homepage-hero__folder-mobile[data-v-62287741] {
  display: none;
}

@media (max-width: 1024px) {
  .homepage-hero__folder-mobile[data-v-62287741] {
    z-index: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity .4s;
    display: block;
    position: absolute;
    inset: 0;
  }

  .homepage-hero__folder-mobile path[data-v-62287741] {
    fill: var(--h-color-light-a10);
    stroke: var(--h-color-light-a20);
    stroke-width: 1px;
    stroke-opacity: 0;
    vector-effect: non-scaling-stroke;
    transition: stroke-opacity .4s;
  }

  .homepage-hero__card--active .homepage-hero__folder-mobile[data-v-62287741] {
    opacity: 1;
  }

  .homepage-hero__card--active .homepage-hero__folder-mobile path[data-v-62287741] {
    stroke-opacity: 1;
  }
}

.homepage-hero__tab[data-v-62287741] {
  color: var(--h-color-neutral-0);
  background-color: var(--h-color-dark-a50);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  display: flex;
}

@media (max-width: 1024px) {
  .homepage-hero__tab[data-v-62287741] {
    background-color: var(--h-color-light-a15);
    border-radius: 17px;
    gap: 12px;
    padding: 16px;
    transition: background-color .4s, -webkit-backdrop-filter .4s, backdrop-filter .4s;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__tab[data-v-62287741] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 0;
    background-color: #0000;
    align-self: flex-start;
    width: 100%;
    max-width: 40%;
    height: 52px;
    padding: 10px 24px 10px 16px;
    transition: opacity .35s ease-in-out .65s;
    position: absolute;
    inset-block-end: calc(100% + 12px);
    inset-inline-start: 0;
  }
}

@media (max-width: 1024px) {
  .homepage-hero__card--active .homepage-hero__tab[data-v-62287741] {
    z-index: 1;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #0000;
    position: relative;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__card--active .homepage-hero__tab[data-v-62287741] {
    opacity: 1;
    transition: opacity .35s ease-in-out;
  }
}

@media (max-width: 1024px) {
  .homepage-hero__tab-label[data-v-62287741] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__card--switching:not(.homepage-hero__card--active) .homepage-hero__tab .homepage-hero__tab-label[data-v-62287741], .homepage-hero__card--switching:not(.homepage-hero__card--active) .homepage-hero__tab[data-v-62287741] .h-icon {
    animation: 1s homepage-hero-tab-fade-out-62287741;
  }

  .homepage-hero__card--switching.homepage-hero__card--active .homepage-hero__tab .homepage-hero__tab-label[data-v-62287741], .homepage-hero__card--switching.homepage-hero__card--active .homepage-hero__tab[data-v-62287741] .h-icon {
    animation: 1s homepage-hero-tab-fade-in-62287741;
  }
}

.homepage-hero__media[data-v-62287741] {
  background-color: var(--h-color-dark-a20);
  border-radius: 16px;
  height: 240px;
  display: none;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .homepage-hero__media[data-v-62287741] {
    background-color: #0000;
    border-radius: 12px;
    height: 0;
    transition: height .4s cubic-bezier(.4, 0, .2, 1), margin .4s cubic-bezier(.4, 0, .2, 1);
    display: block;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__media[data-v-62287741] {
    border-radius: inherit;
    height: 345px;
    transition: background-color .35s ease-in-out .65s;
    display: block;
  }
}

.homepage-hero__media[data-v-62287741] .h-image, .homepage-hero__media[data-v-62287741] .h-video-wrapper, .homepage-hero__media[data-v-62287741] img, .homepage-hero__media[data-v-62287741] video {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
  width: 100%;
  height: 100%;
}

.homepage-hero__media[data-v-62287741] .h-video__play-button {
  display: none;
}

.homepage-hero__card--active .homepage-hero__media[data-v-62287741] {
  display: block;
}

@media (max-width: 1024px) {
  .homepage-hero__card--active .homepage-hero__media[data-v-62287741] {
    z-index: 1;
    height: 235px;
    margin: 8px;
    position: relative;
  }
}

@media (min-width: 1025px) {
  .homepage-hero__card--active .homepage-hero__media[data-v-62287741] {
    z-index: 1;
    background-color: var(--h-color-neutral-0);
    border-radius: 16px;
    margin-inline: 12px;
    transition: background-color .35s ease-in-out, margin .35s cubic-bezier(.4, 0, .2, 1) .35s;
    position: relative;
  }

  .homepage-hero__card--switching .homepage-hero__media[data-v-62287741] {
    z-index: 1;
    background-color: #0000;
    transition: background-color .35s ease-in-out, margin .35s cubic-bezier(.4, 0, .2, 1) .35s;
    animation: 1s homepage-hero-media-swap-62287741;
    position: relative;
  }
}

@keyframes homepage-hero-media-swap-62287741 {
  0%, to {
    opacity: 1;
  }

  27%, 73% {
    opacity: 0;
  }
}

@keyframes homepage-hero-tab-fade-out-62287741 {
  0% {
    opacity: 1;
  }

  27%, to {
    opacity: 0;
  }
}

@keyframes homepage-hero-tab-fade-in-62287741 {
  0%, 73% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.homepage-hero__trustpilot[data-v-62287741] iframe {
  margin-inline: auto;
}

/* [project]/src/styles/inline-15.css [app-client] (css) */
.homepage-kodee-prompt[data-v-7d2bfef8] {
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/280d07ab-6324-4398-2c83-333b237a6b00/sharpen=0");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 88px 16px 96px;
  position: relative;
}

@media (max-width: 767px) {
  .homepage-kodee-prompt[data-v-7d2bfef8] {
    padding: 48px 16px;
  }
}

.homepage-kodee-prompt__inner[data-v-7d2bfef8] {
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 564px;
  margin: 0 auto;
  display: flex;
}

.homepage-kodee-prompt__heading[data-v-7d2bfef8] {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.homepage-kodee-prompt__title[data-v-7d2bfef8] {
  color: var(--h-fg-neutral-default);
  text-align: center;
}

@media (max-width: 767px) {
  .homepage-kodee-prompt__title[data-v-7d2bfef8] {
    font-size: var(--font-size-title-3);
    line-height: var(--line-height-title-3);
    font-weight: var(--font-weight-title-3);
    letter-spacing: var(--letter-spacing-title-3);
  }
}

.homepage-kodee-prompt__title-line[data-v-7d2bfef8] {
  display: block;
}

.homepage-kodee-prompt__title-line--gradient[data-v-7d2bfef8] {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background: linear-gradient(-87.63deg, #e536db 6.95%, #673de6 51.17%, #3ab0ff 109.29%);
  -webkit-background-clip: text;
  background-clip: text;
}

.homepage-kodee-prompt__controls[data-v-7d2bfef8] {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
}

.homepage-kodee-prompt__field[data-v-7d2bfef8] {
  border: 1.5px solid var(--h-color-primary-200);
  background: var(--h-color-neutral-0);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 4px 0 16px;
  display: flex;
}

.homepage-kodee-prompt__field[data-v-7d2bfef8]:focus-within {
  border-color: var(--h-color-primary-500);
}

.homepage-kodee-prompt__field-input[data-v-7d2bfef8] {
  min-width: 0;
  height: 100%;
  color: var(--h-fg-neutral-default);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 0;
}

.homepage-kodee-prompt__field-input[data-v-7d2bfef8]::placeholder {
  color: var(--h-fg-neutral-secondary);
}

.homepage-kodee-prompt__field-button[data-v-7d2bfef8] {
  background: var(--h-color-primary-600);
  cursor: pointer;
  border: none;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
}

.homepage-kodee-prompt__chips[data-v-7d2bfef8] {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 481px;
  display: flex;
}

.homepage-kodee-prompt__chip[data-v-7d2bfef8] {
  --h-chip-primary-filled-bg: var(--h-color-primary-200);
  --h-chip-primary-filled-hover-bg: var(--h-color-primary-300);
  width: auto;
}

.homepage-kodee-prompt__chip[data-v-7d2bfef8] .h-chip__content {
  padding: 4px 8px;
}

/* [project]/src/styles/inline-16.css [app-client] (css) */
.homepage__hero[data-v-67132572] {
  background-color: var(--h-color-primary-900);
  position: relative;
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/974f13b4-6b8c-4dd8-4129-3390b13f7700/sharpen=0") !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.homepage__sales[data-v-67132572], .homepage__sub-menu[data-v-67132572] {
  padding-top: 0;
}

.homepage__sales[data-v-67132572] {
  display: flow-root;
}

.homepage__build[data-v-67132572] {
  padding-bottom: 0;
}

.homepage__agents[data-v-67132572] {
  position: relative;
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/76d7c09e-558f-4e04-5db1-e9c3715d6b00/sharpen=0") !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  .homepage__pricing-table[data-v-67132572] .h-section-heading__title {
    font-size: var(--font-size-title-2);
    line-height: var(--line-height-title-2);
  }
}

.homepage__imagined-cta[data-v-67132572] .h-banner-with-image {
  min-height: unset;
}

.homepage__imagined-cta[data-v-67132572] .h-banner-with-image__wrapper {
  height: 100%;
  min-height: 550px;
}

.homepage__imagined-cta[data-v-67132572] .h-banner-with-image__left-content {
  width: 100%;
  padding: 64px 16px 0;
}

@media (min-width: 1025px) {
  .homepage__imagined-cta[data-v-67132572] .h-banner-with-image__left-content {
    padding: 80px 0;
  }
}

.homepage__imagined-cta[data-v-67132572] .h-banner-with-image__right-content {
  width: 100%;
  max-width: 690px;
}

@media (min-width: 1025px) {
  .homepage__imagined-cta[data-v-67132572] .h-banner-with-image__right-content .h-image {
    max-width: unset;
    width: auto;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .homepage__imagined-cta[data-v-67132572] .h-banner-with-image__title {
    font-size: var(--font-size-title-2);
    line-height: var(--line-height-title-2);
  }

  .homepage__agents-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ai-builder-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ai-tools-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ecommerce-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__email-marketing-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3 {
    font-size: var(--font-size-heading-1-regular);
    line-height: var(--line-height-heading-1-regular);
  }

  .homepage__agents-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ai-builder-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ai-tools-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ecommerce-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__email-marketing-overlapping[data-v-67132572] .homepage-overlapping-card__link {
    font-size: var(--font-size-heading-3-regular);
    line-height: var(--line-height-heading-3-regular);
  }
}

@media (min-width: 768px) {
  .homepage__agents-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ai-builder-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ai-tools-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__ecommerce-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3, .homepage__email-marketing-overlapping[data-v-67132572] .homepage-overlapping-card__right-content h3 {
    font-size: var(--font-size-title-2);
    line-height: var(--line-height-title-2);
  }

  .homepage__agents-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ai-builder-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ai-tools-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__ecommerce-overlapping[data-v-67132572] .homepage-overlapping-card__link, .homepage__email-marketing-overlapping[data-v-67132572] .homepage-overlapping-card__link {
    font-size: var(--font-size-heading-2-regular);
    line-height: var(--line-height-heading-2-regular);
  }
}

.homepage__ecommerce-overlapping[data-v-67132572] .homepage-overlapping-card__content > p, .homepage__email-marketing-overlapping[data-v-67132572] .homepage-overlapping-card__content > p {
  color: var(--h-fg-neutral-secondary);
}

.homepage__ai-tools-overlapping[data-v-67132572] {
  margin-bottom: 164px;
}

@media (max-width: 767px) {
  .homepage__ai-tools-overlapping[data-v-67132572] {
    margin-bottom: 104px;
  }
}

.homepage__ai-tools-carousel[data-v-67132572] .h-cards-carousel-section__header h2 {
  font-size: var(--font-size-title-2);
  line-height: var(--line-height-title-2);
}

.homepage__ai-tools-carousel[data-v-67132572] .h-content-card__title {
  font-size: var(--font-size-heading-3-regular);
  line-height: var(--line-height-heading-3-regular);
}

.homepage__ai-tools-carousel[data-v-67132572] .h-content-card__description {
  font-size: var(--font-size-body-2);
  line-height: var(--line-height-body-2);
}

@media (max-width: 767px) {
  .homepage__ai-tools-carousel[data-v-67132572] .h-cards-carousel-section__header h2 {
    font-size: var(--font-size-heading-1-regular);
    line-height: var(--line-height-heading-1-regular);
  }
}

.homepage__ai-tools[data-v-67132572] {
  position: relative;
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/201543a3-d1c9-4b1d-6f53-ad977aa28300/sharpen=0") !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  .homepage__ai-tools[data-v-67132572] > .h-section-heading .h-section-heading__title {
    font-size: var(--font-size-title-2);
    line-height: var(--line-height-title-2);
  }
}

/* [project]/src/styles/inline-17.css [app-client] (css) */
.hero-landscape-media[data-v-6835ff82], .hero-square-media[data-v-6835ff82] {
  max-width: 760px;
}

@media (min-width: 1025px) {
  .hero-landscape-media[data-v-6835ff82], .hero-square-media[data-v-6835ff82] {
    min-width: 500px;
  }
}

.hero-wide-media[data-v-6835ff82] {
  aspect-ratio: 320 / 157;
  max-width: 1280px;
}

.one-to-one-media[data-v-6835ff82] {
  aspect-ratio: 1;
}

.four-to-three-media[data-v-6835ff82] {
  aspect-ratio: 4 / 3;
}

.three-to-four-media[data-v-6835ff82] {
  aspect-ratio: 3 / 4;
}

.sixteen-to-nine-media[data-v-6835ff82] {
  aspect-ratio: 16 / 9;
}

/* [project]/src/styles/inline-18.css [app-client] (css) */
.h-video-wrapper[data-v-7e9634b1] {
  position: relative;
}

.h-video[data-v-7e9634b1] {
  -o-object-fit: fill;
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.h-video--cover[data-v-7e9634b1] {
  -o-object-fit: cover;
  object-fit: cover;
}

.h-video__play-button[data-v-7e9634b1] {
  bottom: 16px;
  background: var(--h-color-dark-a10);
  border: 1px solid var(--h-color-light-a10);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset-inline-end: 16px;
}

.h-video__play-button[data-v-7e9634b1]:hover {
  border: 1px solid var(--h-color-neutral-50);
}

.h-video__play-button--dark[data-v-7e9634b1] {
  border: 1px solid var(--h-color-light-a10);
}

.h-video__play-button--dark[data-v-7e9634b1]:hover {
  border: 1px solid var(--h-color-neutral-900);
}

/* [project]/src/styles/inline-19.css [app-client] (css) */
.h-image[data-v-8554daca] {
  pointer-events: none;
}

/* [project]/src/styles/inline-20.css [app-client] (css) */
.h-trust-pilot-micro-combo-section[data-v-c60d2448] {
  width: 100%;
  min-height: 24px;
}

.h-trust-pilot-micro-combo-section--bg-h-color-primary-50[data-v-c60d2448] {
  background-color: var(--h-color-primary-50);
}

/* [project]/src/styles/inline-21.css [app-client] (css) */
.hw-price[data-v-18d752ac] {
  display: inline-flex;
}

.hw-price--vertical[data-v-18d752ac] {
  flex-direction: column;
  align-items: flex-start;
}

.hw-price--horizontal[data-v-18d752ac] {
  flex-direction: row;
  align-items: baseline;
  gap: 4px;
}

.hw-price__main[data-v-18d752ac] {
  align-items: baseline;
  display: inline-flex;
}

.hw-price__currency--prepend-spaced[data-v-18d752ac], .hw-price__prefix[data-v-18d752ac] {
  margin-inline-end: 4px;
}

.hw-price__currency--append-spaced[data-v-18d752ac] {
  margin-inline-start: 4px;
}

.hw-price__crossed[data-v-18d752ac] {
  color: var(--h-fg-neutral-secondary);
  text-decoration: line-through;
}

/* [project]/src/styles/inline-22.css [app-client] (css) */
.h-slots-section__slots[data-v-d0391865] {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

/* [project]/src/styles/inline-23.css [app-client] (css) */
.hw-headline[data-v-76391b2c] {
  width: 100%;
  color: var(--h-fg-neutral-default);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
}

@media (min-width: 768px) {
  .hw-headline[data-v-76391b2c] {
    gap: 32px;
  }
}

.hw-headline--left[data-v-76391b2c] {
  text-align: left;
}

.hw-headline--left[data-v-76391b2c], .hw-headline--left .hw-headline__slot[data-v-76391b2c] {
  align-items: flex-start;
}

.hw-headline--right[data-v-76391b2c] {
  text-align: right;
}

.hw-headline--right[data-v-76391b2c], .hw-headline--right .hw-headline__slot[data-v-76391b2c] {
  align-items: flex-end;
}

.hw-headline__top[data-v-76391b2c] {
  align-items: inherit;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.hw-headline__title[data-v-76391b2c] {
  width: 100%;
  max-width: 646px;
  margin: 0;
}

.hw-headline__description[data-v-76391b2c] {
  width: 100%;
  max-width: 736px;
  color: var(--h-fg-neutral-secondary);
  margin: 0;
}

.hw-headline__slot[data-v-76391b2c] {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

/* [project]/src/styles/inline-24.css [app-client] (css) */
.h-sub-menu[data-v-822827f6] {
  padding-top: 32px;
}

@media (min-width: 768px) {
  .h-sub-menu[data-v-822827f6] {
    padding-top: 64px;
  }
}

@media (min-width: 1025px) {
  .h-sub-menu[data-v-822827f6] {
    padding-top: 80px;
  }
}

.h-sub-menu__badges[data-v-822827f6] {
  z-index: 9996;
  position: sticky;
  top: 66px;
}

@media (min-width: 768px) {
  .h-sub-menu__badges[data-v-822827f6] {
    top: 80px;
  }
}

.h-sub-menu--under-banner .h-sub-menu__badges[data-v-822827f6] {
  top: 120px;
}

@media (min-width: 768px) {
  .h-sub-menu--under-banner .h-sub-menu__badges[data-v-822827f6] {
    top: 134px;
  }
}

@media (min-width: 1025px) {
  .h-sub-menu--under-banner .h-sub-menu__badges[data-v-822827f6] {
    top: 108px;
  }
}

/* [project]/src/styles/inline-25.css [app-client] (css) */
.h-badges-section__track-wrapper[data-v-d75515fc] {
  justify-content: center;
  padding: 0 16px;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .h-badges-section__track-wrapper[data-v-d75515fc] {
    padding: 0 40px;
  }
}

.h-badges-section__track-wrapper--experiment[data-v-d75515fc] {
  padding: 0;
}

.h-badges-section__track[data-v-d75515fc] {
  scrollbar-width: none;
  scroll-behavior: smooth;
  gap: 8px;
  display: flex;
  overflow: auto;
}

.h-badges-section__track--submenu[data-v-d75515fc] {
  background: var(--h-bg-neutral-elevated);
  border: 1px solid var(--h-stroke-default);
  border-radius: var(--h-border-radius-full);
  gap: 0;
  padding: 4px;
  box-shadow: 0 4px 10px #0000001a;
}

@media (min-width: 768px) {
  .h-badges-section__track--submenu[data-v-d75515fc] {
    padding: 4px;
  }
}

.h-badges-section__track--experiment[data-v-d75515fc] {
  box-shadow: none;
  width: 100%;
}

.h-badges-section__track[data-v-d75515fc]::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1025px) {
  .h-badges-section__track[data-v-d75515fc] {
    align-items: center;
    margin: 0 auto;
  }

  .h-badges-section__track--wrap-desktop[data-v-d75515fc] {
    overflow: unset;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.h-badges-section__track-overflow[data-v-d75515fc] {
  z-index: 10;
  pointer-events: none;
  align-items: center;
  width: 64px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.h-badges-section__track-overflow[data-v-d75515fc] .h-icon {
  pointer-events: auto;
  cursor: pointer;
}

.h-badges-section__track-overflow-left[data-v-d75515fc] {
  background: linear-gradient(270deg, #fff0 0, var(--h-color-neutral-0) 66%);
  justify-content: start;
  left: 8px;
}

.h-badges-section__track-overflow-left--submenu[data-v-d75515fc] {
  border-radius: var(--h-border-radius-full);
  background: linear-gradient(270deg, transparent 0, #fff0 10%, var(--h-color-neutral-0) 50%);
}

.h-badges-section__track-overflow-left--h-color-neutral-950[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-neutral-950) 66%);
}

.h-badges-section__track-overflow-left--h-color-primary-800[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-primary-950) 50%);
}

.h-badges-section__track-overflow-left--h-color-primary-50[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-primary-50) 50%);
}

.h-badges-section__track-overflow-left--h-color-neutral-1000[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-neutral-1000) 50%);
}

.h-badges-section__track-overflow-left--h-color-neutral-100[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-neutral-100) 50%);
}

.h-badges-section__track-overflow-left--h-color-primary-700[data-v-d75515fc] {
  background: linear-gradient(270deg, transparent 0, var(--h-color-primary-800) 50%);
}

.h-badges-section__track-overflow-left--experiment[data-v-d75515fc] {
  left: -2px;
}

.h-badges-section__track-overflow-right[data-v-d75515fc] {
  background: linear-gradient(90deg, #fff0 0, var(--h-color-neutral-0) 66%);
  justify-content: end;
  right: 8px;
}

.h-badges-section__track-overflow-right--submenu[data-v-d75515fc] {
  border-radius: var(--h-border-radius-full);
  background: linear-gradient(90deg, transparent 0, #fff0 10%, var(--h-color-neutral-0) 50%);
}

.h-badges-section__track-overflow-right--h-color-neutral-950[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-neutral-950) 66%);
}

.h-badges-section__track-overflow-right--h-color-neutral-1000[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-neutral-1000) 50%);
}

.h-badges-section__track-overflow-right--h-color-primary-50[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-primary-50) 50%);
}

.h-badges-section__track-overflow-right--h-color-primary-800[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-primary-950) 50%);
}

.h-badges-section__track-overflow-right--h-color-neutral-100[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-neutral-100) 50%);
}

.h-badges-section__track-overflow-right--h-color-primary-700[data-v-d75515fc] {
  background: linear-gradient(90deg, transparent 0, var(--h-color-primary-800) 50%);
}

.h-badges-section__track-overflow-right--experiment[data-v-d75515fc] {
  right: -2px;
}

.h-badges-section__card--wrapper[data-v-d75515fc] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.h-badges-section__card--wrapper--experiment[data-v-d75515fc] {
  width: 100%;
}

.h-badges-section--bg-h-color-neutral-950[data-v-d75515fc] {
  background-color: var(--h-color-neutral-950);
}

.h-badges-section--bg-h-color-primary-800[data-v-d75515fc] {
  background-color: var(--h-color-primary-950);
}

.h-badges-section--bg-h-color-neutral-0[data-v-d75515fc] {
  background-color: var(--h-color-neutral-0);
}

.h-badges-section--bg-h-color-neutral-100[data-v-d75515fc] {
  background-color: var(--h-color-neutral-100);
}

/* [project]/src/styles/inline-26.css [app-client] (css) */
.h-content-badge[data-v-6e98f761] {
  text-align: left;
  background: var(--h-color-neutral-50);
  cursor: pointer;
  color: var(--h-color-neutral-800);
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  display: flex;
}

.h-content-badge--experiment[data-v-6e98f761] {
  width: 100%;
}

.h-content-badge--bordered[data-v-6e98f761] {
  border: 1px solid #0000;
}

.h-content-badge--bordered[data-v-6e98f761]:not(.h-content-badge--active) {
  border-color: var(--h-color-neutral-200);
}

.h-content-badge[data-v-6e98f761]:focus:not(.h-content-badge--active, .h-content-badge--bg-h-color-neutral-600, .h-content-badge--bg-h-color-neutral-950, .h-content-badge--bg-h-color-neutral-1000), .h-content-badge[data-v-6e98f761]:hover:not(.h-content-badge--active, .h-content-badge--bg-h-color-neutral-600, .h-content-badge--bg-h-color-neutral-950, .h-content-badge--bg-h-color-neutral-1000) {
  background: var(--h-color-neutral-100);
  color: var(--h-color-neutral-800);
}

.h-content-badge--compact[data-v-6e98f761] {
  padding: 8px 16px;
}

.h-content-badge__title[data-v-6e98f761] {
  white-space: nowrap;
}

.h-content-badge--active[data-v-6e98f761] {
  background: var(--h-color-primary-200);
  color: var(--h-color-neutral-800);
}

.h-content-badge__icon[data-v-6e98f761] {
  justify-content: center;
  align-items: center;
  max-width: 16px;
  max-height: 16px;
  display: flex;
}

.h-content-badge--bg-h-color-neutral-0[data-v-6e98f761] {
  background: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-0.h-content-badge--active[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-0.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-0.h-content-badge--active[data-v-6e98f761]:hover {
  background: var(--h-color-primary-100);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-neutral-100[data-v-6e98f761] {
  background: var(--h-color-neutral-100);
}

.h-content-badge--bg-h-color-neutral-100.h-content-badge--active[data-v-6e98f761] {
  background: var(--h-color-primary-200);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-neutral-100.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-100.h-content-badge--active[data-v-6e98f761]:hover {
  background: var(--h-color-primary-100);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-neutral-950[data-v-6e98f761] {
  background: var(--h-color-neutral-950);
}

.h-content-badge--bg-h-color-neutral-1000[data-v-6e98f761] {
  background: var(--h-color-neutral-1000);
}

.h-content-badge--bg-h-color-neutral-1000[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-950[data-v-6e98f761] {
  border: 1px solid var(--h-color-neutral-700);
  color: var(--h-color-neutral-200);
}

.h-content-badge--bg-h-color-neutral-1000 .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-950 .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-200);
}

.h-content-badge--bg-h-color-neutral-1000[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-1000[data-v-6e98f761]:hover, .h-content-badge--bg-h-color-neutral-950[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-950[data-v-6e98f761]:hover {
  background: var(--h-bg-neutral-hover);
}

.h-content-badge--bg-h-color-neutral-1000.h-content-badge--active[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-950.h-content-badge--active[data-v-6e98f761] {
  border-color: var(--h-color-neutral-0);
  background: var(--h-color-neutral-700);
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-1000.h-content-badge--active .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-950.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-1000.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-1000.h-content-badge--active[data-v-6e98f761]:hover, .h-content-badge--bg-h-color-neutral-950.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-950.h-content-badge--active[data-v-6e98f761]:hover {
  border-color: var(--h-color-neutral-0);
  background: var(--h-color-neutral-900);
}

.h-content-badge--bg-h-color-neutral-900[data-v-6e98f761] {
  background: var(--h-color-neutral-900);
  border: 1px solid var(--h-color-neutral-600);
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-900 .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-0);
  font-weight: 400;
}

.h-content-badge--bg-h-color-neutral-900[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-900[data-v-6e98f761]:hover {
  color: var(--h-color-primary-500);
  background: var(--h-color-neutral-900);
}

.h-content-badge--bg-h-color-neutral-900:focus .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-900:hover .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-primary-500);
}

.h-content-badge--bg-h-color-neutral-900.h-content-badge--active[data-v-6e98f761] {
  border-color: var(--h-color-primary-500);
  background: var(--h-color-neutral-900);
  color: var(--h-color-primary-500);
}

.h-content-badge--bg-h-color-neutral-900.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-primary-500);
}

.h-content-badge--bg-h-color-neutral-900.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-900.h-content-badge--active[data-v-6e98f761]:hover {
  color: var(--h-color-primary-500);
  background: var(--h-color-neutral-900);
}

.h-content-badge--bg-h-color-neutral-600[data-v-6e98f761] {
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-0);
  padding: 10px 16px;
}

@media (min-width: 768px) {
  .h-content-badge--bg-h-color-neutral-600[data-v-6e98f761]:hover {
    background: var(--h-color-dark-a5);
  }

  .h-content-badge--bg-h-color-neutral-600:hover .h-content-badge__title[data-v-6e98f761] {
    color: var(--h-color-neutral-900);
  }
}

.h-content-badge--bg-h-color-neutral-600.h-content-badge--active[data-v-6e98f761] {
  background: var(--h-color-neutral-900);
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-600.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-0);
  font-weight: 700;
}

.h-content-badge--bg-h-color-primary-100[data-v-6e98f761] {
  background: var(--h-color-primary-100);
  border: 1px solid var(--h-color-primary-100);
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-primary-100 .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-primary-100[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-primary-100[data-v-6e98f761]:hover {
  color: var(--h-color-neutral-700);
  background: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-primary-100:focus .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-primary-100:hover .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-primary-100.h-content-badge--active[data-v-6e98f761] {
  border-color: var(--h-color-neutral-0);
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-primary-100.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-primary-100.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-primary-100.h-content-badge--active[data-v-6e98f761]:hover {
  color: var(--h-color-neutral-700);
  background: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-800[data-v-6e98f761] {
  background: var(--h-color-neutral-800);
  border: 1px solid var(--h-color-neutral-800);
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-800 .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-800[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-800[data-v-6e98f761]:hover {
  color: var(--h-color-neutral-700);
  background: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-neutral-800:focus .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-neutral-800:hover .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-neutral-800.h-content-badge--active[data-v-6e98f761] {
  border-color: var(--h-color-neutral-0);
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-neutral-800.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-700);
}

.h-content-badge--bg-h-color-neutral-800.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-neutral-800.h-content-badge--active[data-v-6e98f761]:hover {
  color: var(--h-color-neutral-700);
  background: var(--h-color-neutral-0);
}

.h-content-badge--bg-danger[data-v-6e98f761] {
  background: var(--h-color-neutral-900);
  border: 1px solid var(--h-color-danger-700);
  color: var(--h-color-danger-500);
}

.h-content-badge--bg-danger .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-danger-200);
  font-weight: 400;
}

.h-content-badge--bg-danger[data-v-6e98f761]:focus, .h-content-badge--bg-danger[data-v-6e98f761]:hover {
  color: var(--h-color-danger-500);
  background: var(--h-color-neutral-900);
}

.h-content-badge--bg-danger:focus .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-danger:hover .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-danger-500);
}

.h-content-badge--bg-h-color-primary-800[data-v-6e98f761] {
  background: var(--h-color-primary-800);
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-primary-800 .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-0);
}

.h-content-badge--bg-h-color-primary-800[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-primary-800[data-v-6e98f761]:hover {
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-primary-800:focus .h-content-badge__title[data-v-6e98f761], .h-content-badge--bg-h-color-primary-800:hover .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-primary-800.h-content-badge--active[data-v-6e98f761] {
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-primary-800.h-content-badge--active .h-content-badge__title[data-v-6e98f761] {
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-color-primary-800.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-color-primary-800.h-content-badge--active[data-v-6e98f761]:hover {
  background: var(--h-color-neutral-0);
  color: var(--h-color-neutral-800);
}

.h-content-badge--bg-h-fg-neutral-default[data-v-6e98f761] {
  background: var(--h-bg-neutral-elevated);
  color: var(--h-fg-neutral-default);
}

.h-content-badge--bg-h-fg-neutral-default.h-content-badge--active[data-v-6e98f761], .h-content-badge--bg-h-fg-neutral-default.h-content-badge--active[data-v-6e98f761]:focus, .h-content-badge--bg-h-fg-neutral-default.h-content-badge--active[data-v-6e98f761]:hover {
  background: var(--h-bg-neutral-inverse-default);
  color: var(--h-fg-neutral-inverse-default);
}

/* [project]/src/styles/inline-27.css [app-client] (css) */
.h-scroll-anchor[data-v-3500c12a] {
  margin-top: -114px;
  margin-bottom: 114px;
}

@media (min-width: 768px) {
  .h-scroll-anchor[data-v-3500c12a] {
    margin-top: -114px;
    margin-bottom: 114px;
  }
}

@media (min-width: 1025px) {
  .h-scroll-anchor[data-v-3500c12a] {
    margin-top: -128px;
    margin-bottom: 128px;
  }
}

.h-scroll-anchor--under-banner[data-v-3500c12a] {
  margin-top: -168px;
  margin-bottom: 168px;
}

@media (min-width: 768px) {
  .h-scroll-anchor--under-banner[data-v-3500c12a] {
    margin-top: -176px;
    margin-bottom: 176px;
  }
}

@media (min-width: 1025px) {
  .h-scroll-anchor--under-banner[data-v-3500c12a] {
    margin-top: -156px;
    margin-bottom: 156px;
  }
}

/* [project]/src/styles/inline-28.css [app-client] (css) */
.homepage-overlapping-cards__badge[data-v-c7d77dbc] {
  margin: 0 auto;
}

.homepage-overlapping-cards__cards[data-v-c7d77dbc] {
  position: relative;
}

.homepage-overlapping-cards__card[data-v-c7d77dbc] {
  top: 58px;
}

@media (min-width: 768px) {
  .homepage-overlapping-cards__card[data-v-c7d77dbc] {
    top: 58px;
  }
}

@media (min-width: 1025px) {
  .homepage-overlapping-cards__card[data-v-c7d77dbc] {
    position: sticky;
    top: 72px;
  }
}

.homepage-overlapping-cards__card-overlay[data-v-c7d77dbc] {
  background-color: var(--h-color-neutral-1000);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 1025px) {
  .homepage-overlapping-cards__card-overlay[data-v-c7d77dbc] {
    display: block;
  }
}

/* [project]/src/styles/inline-29.css [app-client] (css) */
.homepage-overlapping-card[data-v-b8d96491] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 34px 0;
  display: flex;
}

@media (min-width: 768px) {
  .homepage-overlapping-card[data-v-b8d96491] {
    padding: 64px 0;
  }
}

@media (min-width: 1025px) {
  .homepage-overlapping-card[data-v-b8d96491] {
    min-height: calc(100vh - 72px);
    max-height: calc(100vh - 72px);
    padding: 80px 0;
  }
}

.homepage-overlapping-card--qa-mode[data-v-b8d96491] {
  min-height: unset;
  max-height: unset;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card--reverse .h-grid[data-v-b8d96491] {
    flex-direction: row-reverse !important;
  }
}

.homepage-overlapping-card--no-overlap[data-v-b8d96491] {
  padding: 0;
}

.homepage-overlapping-card--no-overlap .homepage-overlapping-card__left-content[data-v-b8d96491] {
  aspect-ratio: auto;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card--no-overlap .homepage-overlapping-card__left-content[data-v-b8d96491] {
    max-width: none;
  }

  .homepage-overlapping-card--no-overlap .homepage-overlapping-card__left-content[data-v-b8d96491] img {
    width: auto;
    max-height: 540px;
    margin-inline: auto;
  }

  .homepage-overlapping-card--no-overlap .homepage-overlapping-card__left-content[data-v-b8d96491] video {
    border-radius: 16px;
  }
}

.homepage-overlapping-card .h-grid[data-v-b8d96491] {
  flex-direction: column-reverse;
  flex: 1;
  align-items: start;
  gap: 32px;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card .h-grid[data-v-b8d96491] {
    flex-direction: row;
    align-items: normal;
    gap: 80px;
    display: flex;
  }
}

.homepage-overlapping-card__badge[data-v-b8d96491] {
  margin: 0 auto;
}

.homepage-overlapping-card__social[data-v-b8d96491] {
  align-items: center;
  gap: 16px;
  margin-top: 56px;
  display: flex;
}

.homepage-overlapping-card__avatars[data-v-b8d96491] {
  display: flex;
}

.homepage-overlapping-card__avatar[data-v-b8d96491] {
  width: 40px;
}

.homepage-overlapping-card__avatar[data-v-b8d96491]:not(:first-child) {
  margin-inline-start: -16px;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card__avatar[data-v-b8d96491] {
    width: 48px;
  }
}

.homepage-overlapping-card__social-text[data-v-b8d96491] {
  color: var(--h-fg-neutral-secondary);
}

.homepage-overlapping-card__left-content[data-v-b8d96491] {
  aspect-ratio: 594 / 600;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 1;
  width: 100%;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card__left-content[data-v-b8d96491] {
    max-width: calc(100vh - 238px);
    margin: auto 0;
  }
}

.homepage-overlapping-card__left-content > video[data-v-b8d96491] {
  aspect-ratio: 594 / 600;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 100%;
}

.homepage-overlapping-card__right-content[data-v-b8d96491] {
  color: var(--h-fg-neutral-default);
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

@media (min-width: 1025px) {
  .homepage-overlapping-card__right-content[data-v-b8d96491] {
    justify-content: center;
    height: 100%;
    margin: auto 0;
  }
}

.homepage-overlapping-card__right-content h3.h-t-title-2[data-v-b8d96491] {
  max-width: none;
}

.homepage-overlapping-card__content[data-v-b8d96491] {
  max-width: 500px;
}

.homepage-overlapping-card__link-container[data-v-b8d96491] {
  flex-direction: column;
  display: flex;
}

.homepage-overlapping-card__link-separator[data-v-b8d96491] {
  background-color: var(--h-stroke-default);
  width: 100%;
  height: 1px;
}

.homepage-overlapping-card__link[data-v-b8d96491] {
  color: var(--h-fg-neutral-default);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.homepage-overlapping-card__link:hover .homepage-overlapping-card__link-icon-arrow[data-v-b8d96491] {
  transform: translate(36px);
}

.homepage-overlapping-card__link-icon[data-v-b8d96491] {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.homepage-overlapping-card__link-icon-arrow[data-v-b8d96491] {
  transition: all .5s ease-in-out;
}

.homepage-overlapping-card__link-icon-arrow--second[data-v-b8d96491] {
  margin-inline-start: -36px;
}

.homepage-overlapping-card--first[data-v-b8d96491] {
  min-height: unset;
}

.homepage-overlapping-card--bg-h-color-neutral-0[data-v-b8d96491] {
  background-color: var(--h-color-neutral-0);
}

.homepage-overlapping-card[dir="rtl"] .homepage-overlapping-card__link:hover .homepage-overlapping-card__link-icon-arrow[data-v-b8d96491] {
  transform: translate(-36px);
}

/* [project]/src/styles/inline-30.css [app-client] (css) */
.h-carousel__wrapper[data-v-eb72ce3d] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.h-carousel__track[data-v-eb72ce3d] {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.h-carousel__inner-container[data-v-eb72ce3d] {
  justify-content: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.h-carousel__wrapper[data-v-eb72ce3d] {
  width: 100%;
}

.h-carousel__container[data-v-eb72ce3d] {
  max-width: 100%;
  height: fit-content;
  width: inherit;
  justify-content: center;
  display: flex;
}

.h-carousel__cards-container[data-v-eb72ce3d] {
  display: flex;
}

.h-carousel__nav-container[data-v-eb72ce3d] {
  direction: ltr;
  gap: 8px;
  margin: auto 0 0 auto;
  display: none;
}

@media (min-width: 768px) {
  .h-carousel__nav-container[data-v-eb72ce3d] {
    display: flex;
  }
}

.h-carousel__nav-button[data-v-eb72ce3d] {
  cursor: pointer;
  background: var(--h-bg-neutral-surface);
  width: 40px;
  min-width: 40px;
  height: 40px;
  color: var(--h-fg-neutral-default);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h-carousel__nav-button--disabled[data-v-eb72ce3d] {
  color: var(--h-fg-neutral-disabled);
}

.h-carousel__overflow-container[data-v-eb72ce3d] {
  scrollbar-width: none;
  flex: 0 1 var(--max-total-cards-width);
  gap: 12px;
  padding: 0 12px;
  display: flex;
  overflow: auto hidden;
}

@media (min-width: 768px) {
  .h-carousel__overflow-container[data-v-eb72ce3d] {
    padding: 0 40px;
  }
}

@media (min-width: 1025px) {
  .h-carousel__overflow-container[data-v-eb72ce3d] {
    gap: 16px;
  }
}

.h-carousel__overflow-container[data-v-eb72ce3d]::-webkit-scrollbar {
  display: none;
}

.h-carousel__overflow-container--vertical[data-v-eb72ce3d] {
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .h-carousel__overflow-container--vertical[data-v-eb72ce3d] {
    flex-direction: row;
  }
}

.h-carousel__overflow-container--draggable[data-v-eb72ce3d] {
  cursor: grab;
}

.h-carousel__overflow-container--draggable[data-v-eb72ce3d] a, .h-carousel__overflow-container--draggable[data-v-eb72ce3d] img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.h-carousel__overflow-container--dragging[data-v-eb72ce3d] {
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;
}

.h-carousel__track-controls[data-v-eb72ce3d] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  display: flex;
}

@media (min-width: 768px) {
  .h-carousel__track-controls[data-v-eb72ce3d] {
    padding: 0 40px;
  }
}

.h-carousel__track-controls--centered[data-v-eb72ce3d] {
  justify-content: center;
}

@media (min-width: 1025px) {
  .h-carousel__track-controls[data-v-eb72ce3d] {
    padding: 0 80px;
    display: none;
  }

  .h-carousel__track-controls--force-show[data-v-eb72ce3d] {
    display: flex;
  }
}

.h-carousel__card[data-v-eb72ce3d] {
  flex: 0 1 var(--max-card-width);
  height: 100%;
  display: grid;
}

.h-carousel__dots[data-v-eb72ce3d] {
  gap: 8px;
  display: flex;
}

@media (min-width: 768px) {
  .h-carousel__dots[data-v-eb72ce3d] {
    display: none;
  }
}

.h-carousel__track.rtl .h-carousel__nav-container[data-v-eb72ce3d] {
  margin: auto auto 0 0;
}

.h-carousel__dot[data-v-eb72ce3d] {
  background-color: var(--h-bg-neutral-surface-secondary);
  cursor: pointer;
  border-radius: 99px;
  width: 4px;
  height: 4px;
}

.h-carousel__dot--active[data-v-eb72ce3d] {
  background-color: var(--h-bg-neutral-inverse-default);
  width: 16px;
  height: 4px;
}

/* [project]/src/styles/inline-31.css [app-client] (css) */
.h-pricing-table[data-v-989e80f2] {
  position: relative;
}

.h-pricing-table__additional-top-features-container[data-v-989e80f2] {
  -moz-column-gap: 16px;
  color: var(--h-fg-neutral-secondary);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 16px;
  display: flex;
}

@media (min-width: 768px) {
  .h-pricing-table__additional-top-features-container[data-v-989e80f2] {
    -moz-column-gap: 32px;
    gap: 32px;
  }
}

.h-pricing-table__top-feature[data-v-989e80f2] {
  align-items: center;
  gap: 8px;
  display: flex;
}

.h-pricing-table__top-feature--first[data-v-989e80f2] {
  grid-column: 1 / -1;
}

@media (min-width: 768px) {
  .h-pricing-table__top-feature--first[data-v-989e80f2] {
    grid-column: 2;
  }
}

.h-pricing-table__top-feature--last[data-v-989e80f2] {
  order: 3;
}

@media (min-width: 768px) {
  .h-pricing-table__top-feature--last[data-v-989e80f2] {
    order: -1;
  }
}

.h-pricing-table__top-feature-text--tooltip[data-v-989e80f2] {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  -webkit-text-decoration-color: var(--h-color-neutral-500);
  text-decoration-color: var(--h-color-neutral-500);
  text-underline-position: under;
  cursor: pointer;
}

.h-pricing-table .h-grid[data-v-989e80f2] {
  position: relative;
}

.h-pricing-table #pricing[data-v-989e80f2] {
  position: absolute;
  top: -66px;
}

@media (min-width: 768px) {
  .h-pricing-table #pricing[data-v-989e80f2] {
    top: -66px;
  }
}

@media (min-width: 1025px) {
  .h-pricing-table #pricing[data-v-989e80f2] {
    top: -80px;
  }
}

.h-pricing-table--under-banner #pricing[data-v-989e80f2] {
  top: -120px;
}

@media (min-width: 768px) {
  .h-pricing-table--under-banner #pricing[data-v-989e80f2] {
    top: -128px;
  }
}

@media (min-width: 1025px) {
  .h-pricing-table--under-banner #pricing[data-v-989e80f2] {
    top: -108px;
  }
}

.h-pricing-table__footer-container[data-v-989e80f2] {
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.h-pricing-table__compare-all-features[data-v-989e80f2] {
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: 0 auto;
  display: flex;
}

@media (min-width: 768px) {
  .h-pricing-table__compare-all-features[data-v-989e80f2] {
    margin: 0 auto;
  }
}

.h-pricing-table__compare-all-features-description[data-v-989e80f2] {
  color: var(--h-fg-neutral-secondary);
  text-align: center;
  margin: 0 auto;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .h-pricing-table__compare-all-features-description[data-v-989e80f2] {
    max-width: 930px;
    padding: 0;
  }
}

.h-pricing-table__compare-all-features-description--link[data-v-989e80f2] a {
  color: var(--h-color-neutral-500);
  text-decoration: underline;
}

.h-pricing-table__instalment-container[data-v-989e80f2] {
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 0 16px;
  display: flex;
}

@media (max-width: 767px) {
  .h-pricing-table__instalment-container[data-v-989e80f2] {
    flex-direction: column;
    gap: 8px;
    margin: 0 16px 32px;
  }
}

.h-pricing-table__renewal-price[data-v-989e80f2] {
  color: var(--h-color-neutral-500);
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
  display: flex;
}

.h-pricing-table__instalment-badges[data-v-989e80f2] {
  justify-content: space-around;
  gap: 8px;
  display: flex;
}

.h-pricing-table__instalment-image-wrapper[data-v-989e80f2] {
  align-items: center;
  width: 176px;
  height: 40px;
  display: flex;
}

.h-pricing-table--bg-h-color-neutral-1000[data-v-989e80f2], .h-pricing-table--bg-h-color-neutral-900[data-v-989e80f2], .h-pricing-table--bg-h-color-neutral-950[data-v-989e80f2] {
  color: var(--h-color-neutral-0);
}

.h-pricing-table--bg-h-color-neutral-1000 .h-pricing-table__compare-all-features-description[data-v-989e80f2], .h-pricing-table--bg-h-color-neutral-900 .h-pricing-table__compare-all-features-description[data-v-989e80f2], .h-pricing-table--bg-h-color-neutral-950 .h-pricing-table__compare-all-features-description[data-v-989e80f2] {
  color: var(--h-color-neutral-400);
}

.h-pricing-table--bg-h-color-neutral-1000 .h-pricing-table__description[data-v-989e80f2], .h-pricing-table--bg-h-color-neutral-950 .h-pricing-table__description[data-v-989e80f2] {
  color: var(--h-color-neutral-200);
}

.h-pricing-table--bg-h-color-neutral-1000 .h-pricing-table__description[data-v-989e80f2] b, .h-pricing-table--bg-h-color-neutral-950 .h-pricing-table__description[data-v-989e80f2] b {
  color: var(--h-color-primary-500);
}

.h-pricing-table__toggle[data-v-989e80f2] {
  margin: 8px auto 16px;
}

.h-pricing-table__toggle[data-v-989e80f2] .h-segmented-control-wrapper, .h-pricing-table__toggle[data-v-989e80f2] .h-segmented-control__segment {
  width: fit-content;
}

.h-pricing-table__payment-methods[data-v-989e80f2] {
  justify-content: center;
  display: flex;
}

/* [project]/src/styles/inline-32.css [app-client] (css) */
.h-pricing-table-carousel__cards-container[data-v-6f862e4b] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  display: flex;
}

.h-pricing-table-carousel__cards-container[data-v-6f862e4b] > * {
  width: 100%;
  max-width: 360px;
}

@media (min-width: 768px) {
  .h-pricing-table-carousel__cards-container[data-v-6f862e4b] {
    display: none;
  }
}

@media (max-width: 767px) {
  .h-pricing-table-carousel__wrapper[data-v-6f862e4b] {
    display: none;
  }
}

.h-pricing-table-carousel__shared-features[data-v-6f862e4b] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 24px 16px 0;
  display: flex;
}

@media (min-width: 768px) {
  .h-pricing-table-carousel__shared-features[data-v-6f862e4b] {
    margin: 24px 40px 0;
  }
}

/* [project]/src/styles/inline-33.css [app-client] (css) */
.h-cards-carousel-section__content[data-v-9dd739ff] {
  margin: 0 auto;
}

.h-cards-carousel-section__header[data-v-9dd739ff] {
  max-width: 591px;
  color: var(--h-fg-neutral-default);
  text-align: start;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-inline: 0 auto;
  display: flex;
}

.h-cards-carousel-section__hyperlink[data-v-9dd739ff] {
  width: fit-content;
}

.h-cards-carousel-section__card[data-v-9dd739ff] {
  width: var(--h-cards-carousel-section-card-width, 296px);
}

.h-cards-carousel-section__card--small[data-v-9dd739ff] {
  height: 324px;
}

.h-cards-carousel-section__card--medium[data-v-9dd739ff] {
  height: 374px;
}

.h-cards-carousel-section__card--large[data-v-9dd739ff] {
  height: 480px;
}

.h-cards-carousel-section[data-v-9dd739ff] .h-carousel__track-controls {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .h-cards-carousel-section[data-v-9dd739ff] .h-carousel__track-controls {
    margin-bottom: 48px;
  }
}

.h-cards-carousel-section--bg-h-color-primary-900[data-v-9dd739ff] {
  background-color: var(--h-color-primary-900);
  color: var(--h-color-neutral-0);
}

.h-cards-carousel-section--bg-h-color-primary-950[data-v-9dd739ff] {
  background-color: var(--h-color-primary-950);
  color: var(--h-color-neutral-0);
}

.h-cards-carousel-section--bg-h-color-neutral-1000[data-v-9dd739ff] {
  background-color: var(--h-color-neutral-1000);
  color: var(--h-color-neutral-0);
}

/* [project]/src/styles/inline-34.css [app-client] (css) */
.h-content-card[data-v-6bb738a3] {
  background: var(--h-color-neutral-0);
  color: var(--h-fg-neutral-default);
  border: 1px solid var(--h-color-neutral-200);
  border-radius: 16px;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h-content-card--cards-with-badges[data-v-6bb738a3] {
  overflow: initial;
}

.h-content-card__overline[data-v-6bb738a3] {
  color: var(--h-fg-neutral-secondary);
}

.h-content-card__background-image[data-v-6bb738a3] {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.h-content-card__background-image[data-v-6bb738a3] img, .h-content-card__background-image[data-v-6bb738a3] video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h-content-card--with-background-image[data-v-6bb738a3] > :not(.h-content-card__background-image) {
  z-index: 1;
  position: relative;
}

.h-content-card--with-background-image .h-content-card__description[data-v-6bb738a3] {
  color: var(--h-fg-neutral-secondary);
}

.h-content-card--light-text[data-v-6bb738a3] {
  color: var(--h-color-neutral-0);
}

.h-content-card--light-text .h-content-card__description[data-v-6bb738a3] {
  color: var(--h-color-neutral-200);
}

.h-content-card--light-text.h-content-card--clickable[data-v-6bb738a3]:hover {
  color: var(--h-color-neutral-0);
}

.h-content-card--light-text.h-content-card--clickable:hover .h-content-card__description[data-v-6bb738a3] {
  color: var(--h-color-neutral-200);
}

.h-content-card--light-text.h-content-card--clickable:hover .h-content-card__link-icon[data-v-6bb738a3] {
  color: var(--h-color-neutral-0);
}

@media (max-width: 767px) {
  .h-content-card[data-v-6bb738a3] {
    width: 100%;
  }
}

.h-content-card--ltr[data-v-6bb738a3] {
  text-align: left;
}

.h-content-card--rtl[data-v-6bb738a3] {
  text-align: right;
}

.h-content-card--rtl .h-content-card__link-icon[data-v-6bb738a3] {
  transform: scaleX(-1);
}

.h-content-card__title-container[data-v-6bb738a3] {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.h-content-card__badge[data-v-6bb738a3] {
  background-color: var(--h-color-primary-100);
  color: var(--h-color-primary-700);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
}

.h-content-card__badge--above-title[data-v-6bb738a3] {
  background: var(--h-color-success-a10);
  width: fit-content;
  color: var(--h-color-success-600);
}

.h-content-card__badge--hidden[data-v-6bb738a3] {
  visibility: hidden;
  height: 24px;
}

.h-content-card--clickable[data-v-6bb738a3] {
  cursor: pointer;
}

.h-content-card--clickable[data-v-6bb738a3]:hover {
  background: var(--h-color-primary-50);
  color: var(--h-color-neutral-800);
}

.h-content-card--clickable[data-v-6bb738a3]:active, .h-content-card--clickable[data-v-6bb738a3]:active:hover {
  background: var(--h-color-primary-100);
}

.h-content-card--centered[data-v-6bb738a3] {
  text-align: center;
  align-items: center;
}

.h-content-card--large-icon-gap .h-content-card__icons-container > div[data-v-6bb738a3] {
  gap: 32px;
}

.h-content-card--inline .h-content-card__icons-container > div[data-v-6bb738a3] {
  flex-direction: row;
  align-items: center;
}

.h-content-card--small[data-v-6bb738a3] {
  height: fit-content;
  padding: 12px 16px;
}

.h-content-card--borderless[data-v-6bb738a3] {
  border: 0;
}

.h-content-card--no-padding[data-v-6bb738a3] {
  padding: 0;
}

.h-content-card--no-border-radius[data-v-6bb738a3] {
  border-radius: 0;
}

.h-content-card__description[data-v-6bb738a3] {
  color: var(--h-fg-neutral-secondary);
  font-weight: 400;
}

.h-content-card__description[data-v-6bb738a3] a {
  color: unset;
  text-decoration: underline;
  display: inline;
}

.h-content-card__hyperlink[data-v-6bb738a3] {
  width: fit-content;
  margin-top: auto;
}

.h-content-card__bottom-text[data-v-6bb738a3] {
  margin-top: auto;
}

.h-content-card__icons-container[data-v-6bb738a3] {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.h-content-card__icons-container[data-v-6bb738a3]:not(:last-child) {
  margin-bottom: 8px;
}

.h-content-card__icons-container > div[data-v-6bb738a3] {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.h-content-card__icon[data-v-6bb738a3], .h-content-card__icon-number[data-v-6bb738a3], .h-content-card__image[data-v-6bb738a3] {
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.h-content-card__icon-number[data-v-6bb738a3] {
  color: var(--h-color-primary-700);
  font-size: 26px;
}

.h-content-card__icon-number--color-h-color-primary-400[data-v-6bb738a3] {
  color: var(--h-color-primary-400);
  background-color: var(--h-color-neutral-900);
}

.h-content-card__icon-number--color-h-color-primary-500[data-v-6bb738a3] {
  color: var(--h-color-primary-500);
  background-color: var(--h-color-neutral-900);
}

.h-content-card__icon-number--color-h-color-primary-600[data-v-6bb738a3] {
  color: var(--h-color-primary-600);
}

.h-content-card__icon-number--color-h-fg-brand-default[data-v-6bb738a3] {
  color: var(--h-fg-brand-default);
}

.h-content-card__image[data-v-6bb738a3] {
  border-radius: 0;
  width: 32px;
  height: 32px;
  padding: 2px;
}

.h-content-card__image--bg-h-color-neutral-900[data-v-6bb738a3] {
  background-color: var(--h-color-neutral-0);
  border-radius: 8px;
  padding: 6px;
}

.h-content-card__top-image--size-medium[data-v-6bb738a3] img {
  max-height: 48px;
}

.h-content-card__top-image--size-large[data-v-6bb738a3] img {
  max-height: 70px;
}

.h-content-card--bg-h-color-light-a5[data-v-6bb738a3], .h-content-card--bg-h-color-light-a5 .h-content-card__description[data-v-6bb738a3] {
  color: var(--h-color-neutral-0);
}

.h-content-card--bg-h-color-primary-500[data-v-6bb738a3] {
  border: 0;
}

.h-content-card--bg-h-color-primary-500 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-500);
}

.h-content-card--bg-h-color-primary-800[data-v-6bb738a3] {
  border: 0;
}

.h-content-card--bg-h-color-primary-800 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-600);
}

.h-content-card--bg-h-color-primary-800 .h-content-card__icon-number[data-v-6bb738a3] {
  color: var(--neutral-0);
}

.h-content-card--bg-h-color-primary-900[data-v-6bb738a3] {
  border: 0;
}

.h-content-card--bg-h-color-primary-900 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-600);
}

.h-content-card--bg-h-color-primary-900 .h-content-card__icon-number[data-v-6bb738a3] {
  color: var(--neutral-0);
}

.h-content-card--bg-h-color-neutral-800[data-v-6bb738a3] {
  border-color: var(--h-color-neutral-700);
}

.h-content-card--bg-h-color-neutral-800 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-neutral-700);
}

.h-content-card--bg-h-color-neutral-800 .h-content-card__badge[data-v-6bb738a3] {
  color: var(--h-color-primary-500);
  background-color: var(--h-color-primary-900);
}

.h-content-card--bg-h-color-neutral-900[data-v-6bb738a3] {
  border-color: var(--h-color-neutral-700);
}

.h-content-card--bg-h-color-neutral-900 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-neutral-700);
}

.h-content-card--bg-h-color-neutral-900 .h-content-card__badge[data-v-6bb738a3] {
  color: var(--h-color-primary-500);
  background-color: var(--h-color-primary-900);
}

.h-content-card--bg-h-color-neutral-900.h-content-card--clickable[data-v-6bb738a3]:hover {
  background: var(--h-color-neutral-900);
  color: var(--h-color-neutral-0);
  border-image-source: linear-gradient(270deg, #673de600, #673de6cc 25%, #d5dfff 50%, #673de6cc 75%, #673de600);
  border-image-slice: 1;
}

.h-content-card--bg-h-color-neutral-900.h-content-card--clickable:hover .h-content-card__link-icon[data-v-6bb738a3] {
  color: var(--h-color-primary-500) !important;
}

.h-content-card--bg-h-color-neutral-950 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-neutral-900);
}

.h-content-card--bg-h-color-primary-600 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-50);
}

.h-content-card--bg-h-color-primary-50[data-v-6bb738a3] {
  border-color: var(--h-color-primary-100);
}

.h-content-card--bg-h-color-primary-50 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-100);
}

.h-content-card--bg-h-color-primary-50 .h-content-card__badge[data-v-6bb738a3] {
  color: var(--h-color-success-600);
  background-color: var(--h-color-success-50);
}

.h-content-card--bg-h-color-primary-100[data-v-6bb738a3] {
  border: 1px solid var(--h-color-primary-100);
}

.h-content-card--bg-h-color-primary-100 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-100);
}

.h-content-card--bg-h-color-primary-100 .h-content-card__badge[data-v-6bb738a3] {
  color: var(--h-color-success-600);
  background-color: var(--h-color-success-a10);
}

.h-content-card--bg-h-color-primary-200[data-v-6bb738a3] {
  border: 1px solid var(--h-color-primary-200);
}

.h-content-card--bg-h-color-neutral-0 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-100);
}

.h-content-card--bg-h-color-neutral-0 .h-content-card__icon-number[data-v-6bb738a3] {
  background: var(--h-color-primary-50);
}

.h-content-card--bg-h-color-neutral-0 .h-content-card__icon-number--background-h-color-primary-500[data-v-6bb738a3] {
  color: var(--h-color-neutral-0);
  background-color: var(--h-color-primary-500);
}

.h-content-card--bg-h-color-neutral-50[data-v-6bb738a3] {
  border: none;
}

.h-content-card--bg-transparent[data-v-6bb738a3] {
  background-color: #0000 !important;
}

.h-content-card--bg-transparent .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-primary-50);
}

.h-content-card--bg-h-color-neutral-1000 .h-content-card__icon[data-v-6bb738a3] {
  background: var(--h-color-neutral-700);
}

.h-content-card--active[data-v-6bb738a3], .h-content-card--active[data-v-6bb738a3]:focus, .h-content-card--active[data-v-6bb738a3]:hover {
  background: var(--h-color-primary-100);
}

.h-content-card--bg-h-color-dark-a50.h-content-card--clickable[data-v-6bb738a3]:hover {
  color: var(--h-fg-neutral-default);
  background: var(--h-color-dark-a75) !important;
}

/* [project]/src/styles/inline-35.css [app-client] (css) */
.h-banner-with-image[data-v-071bed60] {
  min-height: 435px;
  overflow: hidden;
}

.h-banner-with-image__wrapper[data-v-071bed60] {
  flex-direction: column;
  align-items: center;
  gap: 48px;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
}

@media (min-width: 1025px) {
  .h-banner-with-image__wrapper[data-v-071bed60] {
    align-items: unset;
    flex-direction: row;
    padding-left: 80px;
    padding-right: 0;
  }
}

.h-banner-with-image__left-content[data-v-071bed60] {
  z-index: 1;
  flex-direction: column;
  max-width: 530px;
  margin: 0 auto;
  padding: 64px 16px;
  display: flex;
  position: relative;
}

@media (min-width: 1025px) {
  .h-banner-with-image__left-content[data-v-071bed60] {
    margin: 0 auto 0 0;
    padding: 104px 0;
  }
}

.h-banner-with-image__description[data-v-071bed60] {
  max-width: 360px;
}

.h-banner-with-image__description[data-v-071bed60] a {
  color: inherit;
  text-decoration-line: underline;
}

.h-banner-with-image__right-content[data-v-071bed60] {
  max-width: 100%;
}

@media (min-width: 1025px) {
  .h-banner-with-image__right-content[data-v-071bed60] {
    justify-content: end;
    height: max-content;
    margin: auto 0;
    display: flex;
  }

  .h-banner-with-image__right-content[data-v-071bed60] .h-image {
    width: 610px;
    max-width: 610px;
  }

  .h-banner-with-image__right-content[data-v-071bed60] .h-image > * {
    height: 100%;
  }
}

.h-banner-with-image__button-wrapper[data-v-071bed60] {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 24px;
  display: flex;
}

@media (min-width: 768px) {
  .h-banner-with-image__button-wrapper[data-v-071bed60] {
    flex-direction: row;
    width: fit-content;
  }
}

@media (min-width: 1025px) {
  .h-banner-with-image__button-wrapper[data-v-071bed60] {
    margin-top: auto;
    padding-top: 24px;
  }
}

.h-banner-with-image--bg-h-color-neutral-1000 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-neutral-800 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-neutral-950 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-primary-600-mobile-image .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--hide-mobile-image .h-banner-with-image__right-content[data-v-071bed60] {
  display: none;
}

@media (min-width: 1025px) {
  .h-banner-with-image--bg-h-color-neutral-1000 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-neutral-800 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-neutral-950 .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--bg-h-color-primary-600-mobile-image .h-banner-with-image__right-content[data-v-071bed60], .h-banner-with-image--hide-mobile-image .h-banner-with-image__right-content[data-v-071bed60] {
    display: flex;
  }
}

.h-banner-with-image--hide-mobile-image[data-v-071bed60] {
  min-height: unset;
}

@media (min-width: 1025px) {
  .h-banner-with-image--hide-mobile-image[data-v-071bed60] {
    min-height: 435px;
  }
}

.h-banner-with-image--bg-h-color-neutral-800[data-v-071bed60] {
  background-color: var(--h-color-neutral-800);
  color: var(--h-color-neutral-0);
}

.h-banner-with-image--bg-h-color-primary-500[data-v-071bed60] {
  background-color: var(--h-color-primary-500);
  color: var(--h-color-neutral-0);
}

.h-banner-with-image--bg-h-color-primary-600[data-v-071bed60] {
  background-color: var(--h-color-primary-600);
  color: var(--h-color-neutral-0);
}

.h-banner-with-image--bg-h-color-neutral-950[data-v-071bed60] {
  background-color: var(--h-color-neutral-950);
  color: var(--h-color-neutral-0);
}

.h-banner-with-image--bg-h-color-neutral-1000[data-v-071bed60] {
  background-color: var(--h-color-neutral-1000);
  color: var(--h-color-neutral-0);
}

.h-banner-with-image--bg-h-color-primary-600-mobile-image[data-v-071bed60] {
  background-color: var(--h-color-primary-600);
  color: var(--h-color-neutral-0);
  position: relative;
}

.h-banner-with-image--bg-h-color-primary-600-mobile-image[data-v-071bed60]:before {
  content: "";
  background-color: var(--h-color-primary-700);
  width: 350px;
  height: 350px;
  position: absolute;
  bottom: -175px;
  right: -175px;
  transform: rotate(45deg);
}

@media (min-width: 1025px) {
  .h-banner-with-image--bg-h-color-primary-600-mobile-image[data-v-071bed60]:before {
    display: none;
  }
}

.h-banner-with-image--bg-ecommerce[data-v-071bed60] {
  background-image: url("https://www.hostinger.com/cdn-cgi/imagedelivery/LqiWLm-3MGbYHtFuUbcBtA/fd82338e-8608-4ff7-9b52-cdafb2d4bb00/sharpen=0");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: auto;
}

.h-banner-with-image--bg-ecommerce .h-banner-with-image__title[data-v-071bed60] {
  color: var(--h-color-neutral-0);
}

/* [project]/src/styles/inline-36.css [app-client] (css) */
.h-footer[data-v-f480f168] {
  color: var(--h-fg-neutral-default);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h-footer__wrapper[data-v-f480f168] {
  width: 100%;
  padding-top: 16px;
}

.h-footer__wrapper--nh .h-t-body-2--mb[data-v-f480f168] {
  margin-bottom: 24px;
}

@media (min-width: 600px) {
  .h-footer__wrapper[data-v-f480f168] {
    padding-top: 48px;
  }
}

@media (min-width: 1025px) {
  .h-footer__wrapper[data-v-f480f168] {
    padding-top: 56px;
  }
}

.h-footer__breadcrumbs[data-v-f480f168] {
  min-width: 0;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.h-footer__content[data-v-f480f168], .h-footer__copyright[data-v-f480f168] {
  flex-direction: column;
  display: flex;
}

.h-footer__copyright[data-v-f480f168] {
  justify-content: space-between;
  gap: 8px;
  padding: 24px 0 16px;
}

@media (min-width: 768px) {
  .h-footer__copyright[data-v-f480f168] {
    padding: 24px 0;
  }
}

@media (min-width: 1025px) {
  .h-footer__copyright[data-v-f480f168] {
    flex-direction: row;
    gap: 128px;
  }
}

@media (min-width: 1000px) {
  .h-footer__copyright--text[data-v-f480f168] {
    margin-bottom: 0;
  }
}

.h-footer__copyright--text[data-v-f480f168]:last-child {
  margin-bottom: 0;
}

.h-footer__copyright--horizons-multisite[data-v-f480f168] {
  border-top: none;
  padding-top: 24px;
}

@media (min-width: 1025px) {
  .h-footer__copyright--horizons-multisite[data-v-f480f168] {
    padding-top: 0;
  }
}

.h-footer__logo-section[data-v-f480f168] {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

@media (min-width: 768px) {
  .h-footer__logo-section[data-v-f480f168] {
    margin-top: 8px;
  }

  .h-footer__logo-section[data-v-f480f168] .h-logo {
    order: -1;
  }
}

@media (min-width: 1025px) {
  .h-footer__logo-section[data-v-f480f168] {
    margin: 0 0 24px;
  }
}

.h-footer__sections[data-v-f480f168] {
  display: grid;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .h-footer__sections[data-v-f480f168] {
    -moz-column-gap: 44px;
    column-gap: 44px;
  }
}

@media (min-width: 1025px) {
  .h-footer__sections[data-v-f480f168] {
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 16px;
    display: flex;
  }
}

.h-footer__jp-dlocal[data-v-f480f168] {
  text-align: right;
  color: var(--h-color-neutral-800);
  padding-top: 8px;
  text-decoration: underline;
  display: block;
}

/* [project]/src/styles/inline-37.css [app-client] (css) */
.h-footer-section[data-v-3200eb5e] {
  flex-flow: column wrap;
  display: flex;
}

@media (min-width: 768px) {
  .h-footer-section[data-v-3200eb5e] {
    margin-bottom: 24px;
  }
}

.h-footer-section--h-color-neutral-0 .h-footer-section__item[data-v-3200eb5e], .h-footer-section--h-color-neutral-0 .h-footer-section__title[data-v-3200eb5e] {
  color: var(--h-color-neutral-0);
}

.h-footer-section--h-color-neutral-0 .h-footer-section__item[data-v-3200eb5e]:hover {
  color: var(--h-color-neutral-0);
  text-decoration: underline;
}

.h-footer-section__item[data-v-3200eb5e] {
  cursor: pointer;
  color: var(--h-color-neutral-800);
  margin-bottom: 8px;
  padding-inline-end: 8px;
  font-weight: 400;
  transition: all .3s ease-in-out;
  display: block;
}

.h-footer-section__item[data-v-3200eb5e]:hover {
  color: var(--h-color-primary-700);
}

.h-footer-section__title[data-v-3200eb5e] {
  text-transform: uppercase;
  color: var(--h-color-neutral-800);
  display: block;
}

@media (min-width: 768px) {
  .h-footer-section__title[data-v-3200eb5e] {
    margin-bottom: 8px;
  }
}

.h-footer-section[data-v-3200eb5e]:has(.h-legal-links) {
  margin: 0;
}

@media (max-width: 767px) {
  .h-footer-section[data-v-3200eb5e]:has(.h-legal-links) {
    flex: 1 0 100%;
    margin-bottom: 8px;
  }
}

@media (min-width: 1025px) {
  .h-footer-section[data-v-3200eb5e]:has(.h-legal-links) {
    order: 4;
  }
}

.h-footer-section .h-legal-links[data-v-3200eb5e] {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

@media (max-width: 767px) {
  .h-footer-section .h-legal-links[data-v-3200eb5e] {
    justify-content: space-between;
    max-width: 328px;
  }
}

@media (min-width: 768px) {
  .h-footer-section .h-legal-links[data-v-3200eb5e] {
    gap: 16px;
    max-width: none;
  }
}

.h-footer-section .h-legal-links .h-footer-section__item[data-v-3200eb5e] {
  margin-bottom: 0;
  padding-inline-end: 0;
}

/* [project]/src/styles/inline-38.css [app-client] (css) */
.h-social-icons[data-v-3806f7af] {
  flex-wrap: wrap;
  flex: 100%;
  gap: 32px 42px;
  padding: 16px 0;
  display: flex;
}

@media (max-width: 767px) {
  .h-social-icons[data-v-3806f7af] {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) {
  .h-social-icons[data-v-3806f7af] {
    flex-basis: 55%;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 0;
    padding: 0;
  }
}

@media (min-width: 1025px) {
  .h-social-icons[data-v-3806f7af] {
    justify-content: flex-end;
  }
}

.h-social-icons--icon[data-v-3806f7af] {
  border-radius: 6px;
  align-items: center;
  transition: all .3s ease-in-out;
  display: flex;
  overflow: hidden;
}

.h-social-icons--icon > svg[data-v-3806f7af] {
  width: 28px;
  height: 28px;
}

@media (min-width: 1025px) {
  .h-social-icons--icon[data-v-3806f7af]:hover {
    opacity: .7;
  }
}

/* [project]/src/styles/inline-39.css [app-client] (css) */
.h-payment-methods[data-v-9aeb7889] {
  flex-wrap: wrap;
  gap: 8px;
  max-width: 300px;
  margin-bottom: 24px;
  display: flex;
}

@media (min-width: 1025px) {
  .h-payment-methods--minimal-footer[data-v-9aeb7889] {
    flex: 1 0 50%;
  }
}

@media (min-width: 768px) {
  .h-payment-methods[data-v-9aeb7889] {
    max-width: none;
    margin-bottom: 40px;
  }
}

@media (min-width: 1025px) {
  .h-payment-methods[data-v-9aeb7889] {
    margin-bottom: 0;
  }
}

.h-payment-methods__icon[data-v-9aeb7889] {
  height: 40px;
  width: 60px !important;
}

.h-payment-methods__icon[data-v-9aeb7889] img {
  border: 1px solid var(--h-color-neutral-200);
  border-radius: 6px;
  width: 60px;
  height: 40px;
}

.h-payment-methods__more-btn[data-v-9aeb7889] {
  color: var(--h-color-primary-600);
  cursor: pointer;
  align-self: center;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.h-payment-methods--bg-h-color-neutral-950 .h-payment-methods__more-btn[data-v-9aeb7889], .h-payment-methods--bg-h-color-primary-800 .h-payment-methods__more-btn[data-v-9aeb7889] {
  color: var(--h-color-neutral-0);
}

/* [project]/src/styles/inline-40.css [app-client] (css) */
.h-pricing-card[data-v-97b851fc] {
  flex-direction: column;
  min-width: 320px;
  max-width: 360px;
  height: 100%;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.h-pricing-card--mobile[data-v-97b851fc] {
  min-width: unset;
}

.h-pricing-card__slider-segmented-control-dark-mode-override[data-v-97b851fc] {
  --h-segmented-control-bg: var(--h-bg-neutral-elevated);
  --h-segmented-control-segment-active-bg: var(--h-bg-neutral-surface);
  --h-segmented-control-segment-active-shadow: var(--h-shadow-1-bottom), inset 0px 0px 0px 1px var(--h-fg-neutral-default);
  --h-segmented-control-segment-active-color: var(--h-fg-neutral-default);
}

.h-pricing-card__recommendation-wrapper-bottom[data-v-97b851fc] {
  margin-top: auto;
}

.h-pricing-card__recommendation-description-wrapper[data-v-97b851fc] {
  background: var(--h-bg-brand-tint-default);
  color: var(--h-fg-neutral-default);
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.h-pricing-card__recommendation-description-wrapper--dark[data-v-97b851fc] {
  background: var(--h-bg-neutral-surface);
}

.h-pricing-card__recommendation-description-wrapper--top[data-v-97b851fc] {
  margin-bottom: 24px;
}

.h-pricing-card__recommendation-description-wrapper--bottom[data-v-97b851fc] {
  margin-top: 24px;
}

.h-pricing-card__bonus-features-wrapper[data-v-97b851fc] {
  background-color: var(--h-color-neutral-50);
  border-radius: 8px;
  flex-direction: column;
  margin-bottom: 24px;
  padding: 12px;
  display: flex;
}

.h-pricing-card__bonus-features-wrapper--dark[data-v-97b851fc] {
  background-color: var(--h-color-neutral-800);
}

.h-pricing-card__bonus-feature-wrapper[data-v-97b851fc] {
  flex-direction: column;
  margin: -8px 0 16px;
  display: flex;
}

.h-pricing-card__ai-tools-features-wrapper[data-v-97b851fc] {
  background: linear-gradient(90deg, #218cfa0d, #e536db0d 73.08%, #ff75300d);
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
  position: relative;
}

.h-pricing-card__ai-tools-features-wrapper[data-v-97b851fc]:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, #218cfa, #e536db 73.08%, #ff7530);
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.h-pricing-card__ai-tools-features-wrapper[data-v-97b851fc] .h-plan-feature {
  margin-bottom: 0 !important;
}

.h-pricing-card__top-features[data-v-97b851fc] {
  background-color: var(--h-color-neutral-50);
  border-radius: 8px;
  margin-bottom: -8px;
  padding: 16px;
}

.h-pricing-card__top-badge[data-v-97b851fc] {
  justify-content: end;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.h-pricing-card__discount-tag--hidden[data-v-97b851fc] {
  visibility: hidden;
}

.h-pricing-card__discount-tag--mobile-without-discount[data-v-97b851fc] {
  display: none;
}

.h-pricing-card__top-title--dark[data-v-97b851fc] {
  color: var(--h-color-neutral-300);
}

.h-pricing-card__old-price[data-v-97b851fc] {
  color: var(--h-color-neutral-500);
  margin-top: 8px;
}

.h-pricing-card__old-price--hidden[data-v-97b851fc] {
  visibility: hidden;
}

.h-pricing-card__old-price--unlimited[data-v-97b851fc] {
  color: var(--h-color-neutral-400);
}

.h-pricing-card__unlimited-wrapper[data-v-97b851fc] {
  background-color: var(--h-color-neutral-800);
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
  padding: 16px;
  display: flex;
}

.h-pricing-card__unlimited-title[data-v-97b851fc] {
  color: var(--h-color-primary-400);
}

.h-pricing-card__unlimited-answer[data-v-97b851fc] {
  color: var(--h-color-neutral-0);
}

.h-pricing-card__container[data-v-97b851fc] {
  border: 1px solid var(--h-color-neutral-200);
  background-color: var(--h-color-neutral-0);
  border-radius: 24px;
  flex-direction: column;
  height: 100%;
  padding: 24px 24px 32px;
  display: flex;
  position: relative;
}

.h-pricing-card__container--with-popular-badge[data-v-97b851fc], .h-pricing-card__container--with-recommended-badge[data-v-97b851fc] {
  border-radius: 24px;
  border: 2px solid !important;
}

.h-pricing-card__container--with-popular-badge[data-v-97b851fc] {
  border-color: var(--h-color-primary-500) !important;
}

.h-pricing-card__container--with-recommended-badge[data-v-97b851fc] {
  border-color: var(--h-color-primary-100) !important;
}

.h-pricing-card__container[data-v-97b851fc]:not(.h-pricing-card__container--with-popular-badge, .h-pricing-card__container--with-recommended-badge) {
  margin-top: 44px;
}

.h-pricing-card__container--mobile[data-v-97b851fc]:not(.h-pricing-card__container--mobile--with-popular-badge, .h-pricing-card__container--mobile--with-recommended-badge) {
  margin-top: 0;
}

.h-pricing-card__container--borderless[data-v-97b851fc] {
  border: none;
}

.h-pricing-card__container--h-color-neutral-800[data-v-97b851fc], .h-pricing-card__container--h-color-neutral-900[data-v-97b851fc] {
  color: var(--h-fg-neutral-default);
  border: none;
}

.h-pricing-card__container--h-color-neutral-800[data-v-97b851fc] {
  background-color: var(--h-color-neutral-800);
}

.h-pricing-card__container--h-color-neutral-800.h-pricing-card__container--with-popular-badge[data-v-97b851fc] {
  border: 2px solid var(--h-color-primary-100) !important;
}

.h-pricing-card__container--h-color-neutral-900[data-v-97b851fc] {
  background-color: var(--h-color-neutral-900);
}

.h-pricing-card__container--h-color-neutral-900 .h-pricing-card__description[data-v-97b851fc] {
  color: var(--h-fg-neutral-default);
}

.h-pricing-card__container--h-color-neutral-900.h-pricing-card__container--with-popular-badge[data-v-97b851fc] {
  position: relative;
}

.h-pricing-card__container--h-color-primary-50[data-v-97b851fc] {
  background-color: var(--h-color-primary-50);
}

.h-pricing-card__container--h-color-neutral-0[data-v-97b851fc] {
  background-color: var(--h-color-neutral-0);
}

.h-pricing-card__container .h-button[data-v-97b851fc] {
  max-width: none;
}

.h-pricing-card__container--no-features .h-pricing-card__discount[data-v-97b851fc] {
  margin-bottom: 8px;
}

.h-pricing-card__container--no-features .h-pricing-card__price-container[data-v-97b851fc] {
  margin-top: auto;
}

.h-pricing-card__container--unlimited[data-v-97b851fc] {
  background-color: var(--h-color-neutral-950);
  color: var(--h-color-neutral-0);
  position: relative;
  overflow: hidden;
}

.h-pricing-card__container--unlimited[data-v-97b851fc] .h-plan-feature b {
  color: var(--h-color-primary-400);
}

.h-pricing-card__container--unlimited[data-v-97b851fc] > * {
  z-index: 0;
  position: relative;
}

.h-pricing-card__container--unlimited[data-v-97b851fc]:before {
  content: "";
  z-index: 0;
  background-color: var(--h-color-primary-700);
  filter: blur(200px);
  border-radius: 50%;
  width: 440px;
  height: 440px;
  position: absolute;
  top: -220px;
  left: -200.5px;
  transform: translateY(0);
}

.h-pricing-card__badge .h-product-badge[data-v-97b851fc] {
  border-radius: 24px 24px 0 0;
  width: 100%;
  margin-bottom: 0;
  padding: 8px 24px;
  position: relative;
}

.h-pricing-card__badge-text[data-v-97b851fc] {
  display: block;
}

.h-pricing-card__title[data-v-97b851fc] {
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  display: flex;
}

.h-pricing-card__description--unlimited[data-v-97b851fc] {
  text-underline-position: under;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}

.h-pricing-card__description[data-v-97b851fc] {
  min-height: 40px;
  margin-bottom: 8px;
}

.h-pricing-card__price-description[data-v-97b851fc] {
  color: var(--h-color-neutral-500);
  margin-top: -24px;
  margin-bottom: 24px;
}

.h-pricing-card__billed-anually[data-v-97b851fc] {
  color: var(--h-color-neutral-500);
}

.h-pricing-card__billed-anually--hidden[data-v-97b851fc], .h-pricing-card__offer--hidden[data-v-97b851fc] {
  visibility: hidden;
}

.h-pricing-card__offer--meteorite500[data-v-97b851fc] {
  color: var(--h-color-meteorite-500);
}

.h-pricing-card__renewal-price[data-v-97b851fc] {
  min-height: 32px;
  color: var(--h-color-neutral-500);
}

.h-pricing-card__renewal-price--h-color-neutral-200[data-v-97b851fc] {
  color: var(--h-color-neutral-200);
}

.h-pricing-card__renewal-price--h-color-neutral-400[data-v-97b851fc] {
  color: var(--h-color-neutral-400);
}

.h-pricing-card__renewal-price--h-color-neutral-600[data-v-97b851fc] {
  color: var(--h-color-neutral-600);
}

.h-pricing-card__renewal-price--h-color-neutral-0[data-v-97b851fc] {
  color: var(--h-color-neutral-0);
}

.h-pricing-card__renewal-price--no-margin[data-v-97b851fc] {
  margin-bottom: 0;
}

.h-pricing-card__separator[data-v-97b851fc] {
  border-top: 1px solid var(--h-color-neutral-200);
  width: 100%;
}

.h-pricing-card__separator--h-color-neutral-700[data-v-97b851fc] {
  border-color: var(--h-color-neutral-700);
}

.h-pricing-card__add-to-cart[data-v-97b851fc] {
  width: 100%;
  margin-top: 24px;
}

.h-pricing-card__discount[data-v-97b851fc] {
  align-items: center;
  min-height: 32px;
  display: flex;
}

.h-pricing-card__feature-title[data-v-97b851fc] {
  margin-bottom: 12px;
}

.h-pricing-card__feature-title--color-h-color-neutral-400[data-v-97b851fc] {
  color: var(--h-color-neutral-400);
}

.h-pricing-card__features[data-v-97b851fc], .h-pricing-card__features--grouped[data-v-97b851fc] {
  width: 100%;
  margin-bottom: 0;
}

.h-pricing-card__features--grouped-features-as-badges[data-v-97b851fc] {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.h-pricing-card__features--grouped-features-as-badges .h-pricing-card__feature-title[data-v-97b851fc] {
  width: 100%;
  margin-bottom: 8px;
}

.h-pricing-card__features-container[data-v-97b851fc] {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.h-pricing-card__features-container :not(:first-child).h-pricing-card__features--grouped[data-v-97b851fc] {
  margin-top: 24px;
}

.h-pricing-card__features-container--space-between[data-v-97b851fc] {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.h-pricing-card__error[data-v-97b851fc] {
  color: var(--h-color-danger-600);
  padding: 12px 16px;
}

.h-pricing-card__badge-overlay[data-v-97b851fc] {
  background: var(--h-color-primary-500);
  height: 40px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
}

.h-pricing-card__badge-overlay--h-color-primary-600[data-v-97b851fc] {
  background: var(--h-color-primary-600);
}

.h-pricing-card__badge-overlay--h-color-primary-100[data-v-97b851fc] {
  background: var(--h-color-primary-100);
}

.h-pricing-card__badge-overlay--meteorite500[data-v-97b851fc] {
  background: var(--h-color-meteorite-500);
}

.h-pricing-card__restricted-message[data-v-97b851fc] {
  background: var(--h-color-primary-50);
  color: var(--h-color-primary-600);
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.h-pricing-card--limited[data-v-97b851fc] {
  position: relative;
  overflow: hidden;
}

.h-pricing-card--limited[data-v-97b851fc]:not(:hover) {
  opacity: .6;
}

.h-pricing-card--restricted .h-pricing-card__price-container[data-v-97b851fc] {
  position: relative;
}

.h-pricing-card--restricted .h-pricing-card__current-price[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__old-price[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__top-badge[data-v-97b851fc] {
  visibility: hidden;
}

.h-pricing-card--restricted .h-pricing-card__bonus-feature-wrapper[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__bonus-features-wrapper[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__features-container[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__renewal-price[data-v-97b851fc], .h-pricing-card--restricted .h-pricing-card__top-features[data-v-97b851fc] {
  opacity: .5;
  pointer-events: none;
}

/* [project]/src/styles/inline-41.css [app-client] (css) */
.h-dynamic-size-price .hw-price[data-v-d12e1b00] {
  font-size: inherit;
  align-items: baseline;
}

/* [project]/src/styles/inline-42.css [app-client] (css) */
.h-plan-feature[data-v-cf077d0a] a {
  color: var(--h-color-neutral-800);
  text-decoration: underline;
}

.h-plan-feature svg[data-v-cf077d0a] {
  flex-shrink: 0;
  display: flex;
}

.h-plan-feature[data-v-cf077d0a] {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.h-plan-feature[data-v-cf077d0a]:not(:last-child):not(.h-plan-feature--inline) {
  margin-bottom: 12px;
}

.h-plan-feature--inline .h-plan-feature__icon[data-v-cf077d0a] {
  margin-top: 2px;
}

.h-plan-feature__text[data-v-cf077d0a] {
  color: var(--h-color-neutral-0);
}

.h-plan-feature__text-wrapper[data-v-cf077d0a] {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.h-plan-feature__title-row[data-v-cf077d0a] {
  align-items: center;
  gap: 8px;
  display: flex;
}

.h-plan-feature__title-icons[data-v-cf077d0a] {
  gap: 2px;
  display: flex;
}

.h-plan-feature__title-icon-chip[data-v-cf077d0a] {
  background: var(--h-bg-neutral-default);
  border: 1px solid var(--h-stroke-default);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.h-plan-feature__sub-text[data-v-cf077d0a] {
  color: var(--h-fg-neutral-secondary);
}

.h-plan-feature__content[data-v-cf077d0a] {
  text-align: start;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.h-plan-feature__content--icon[data-v-cf077d0a] {
  align-items: center;
  height: 24px;
  display: flex;
}

.h-plan-feature__content--single-pricing-table[data-v-cf077d0a] {
  width: auto;
}

.h-plan-feature__content--tooltip-text-dashed[data-v-cf077d0a] {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
  -webkit-text-decoration-color: var(--h-color-neutral-500);
  text-decoration-color: var(--h-color-neutral-500);
  text-underline-position: under;
}

.h-plan-feature__content--disabled[data-v-cf077d0a] {
  color: var(--h-color-neutral-500);
}

.h-plan-feature__icon[data-v-cf077d0a] {
  margin-top: 2px;
}

.h-plan-feature__badge[data-v-cf077d0a] {
  text-wrap: nowrap;
  margin-left: auto;
}

.h-plan-feature__tooltip[data-v-cf077d0a] {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.h-plan-feature[dir="rtl"] .h-plan-feature__content span[data-v-cf077d0a] {
  margin-left: 8px;
  margin-right: 0;
}

/* [project]/src/styles/inline-43.css [app-client] (css) */
#engagement-wrapper *, #engagement-wrapper :before, #engagement-wrapper :after, .engagement-card-portal-container *, .engagement-card-portal-container :before, .engagement-card-portal-container :after, .engagement-nudge-modal *, .engagement-nudge-modal :before, .engagement-nudge-modal :after, .engagement-nudge-modal-mock *, .engagement-nudge-modal-mock :before, .engagement-nudge-modal-mock :after {
  box-sizing: border-box;
}

.engagement-modal > .rc-dialog > .rc-dialog-content {
  background-color: #0000;
}

.rc-dialog.amplitude-engagement-modal-body {
  margin-top: 0;
  margin-bottom: 0;
}

.engagement-tooltip {
  z-index: 2147483647 !important;
}

.engagement-modal > .rc-dialog > .rc-dialog-content > .rc-dialog-header {
  max-height: 0 !important;
  padding: 0 !important;
}

.engagement-modal > .rc-dialog {
  transition: left .3s;
  left: 0;
}

.engagement-modal > .rc-dialog > .rc-dialog-content > .rc-dialog-body {
  position: relative !important;
}

.engagement-modal-inline.rc-dialog-wrap {
  height: 100%;
  position: relative;
}

[id^="engagement-toast-container"] {
  inset: 16px;
}

@media (max-width: 400px) {
  [id^="engagement-toast-container"] {
    inset: 8px;
  }
}

@media (max-width: 400px) {
  [id^="engagement-toast-responsive-inner-div"] {
    width: 100%;
  }
}

[id^="engagement-container"] > div, #engagement-home > .rc-dialog-root {
  height: 100%;
}

#engagement-wrapper .rc-header-guidance {
  filter: brightness(135%);
  text-align: center;
  margin: 0 10px;
  font-weight: 400;
  background: #aeb1dd !important;
  border-bottom: 0 !important;
  border-radius: 2px 2px 0 0 !important;
  padding: 8px 30px 2px !important;
  box-shadow: 0 3px 10px #00000026 !important;
}

@keyframes fontbulger {
  0% {
    font-size: 10px;
  }

  30% {
    font-size: 15px;
  }

  100% {
    font-size: 12px;
  }
}

@keyframes shimmer {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.engagement-category-collapse {
  cursor: pointer;
  transition: all .3s ease-in;
  transform: scale(1, -1);
}

.engagement-category-expand {
  cursor: pointer;
  transition: all .3s ease-in;
}

.engagement-nudge-modal {
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483644 !important;
}

.engagement-nudge-modal-mock {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  transition: margin-right .3s cubic-bezier(.78, .14, .15, .86);
  display: flex;
  z-index: 2147483644 !important;
}

.engagement-help-doc-title:before {
  content: "";
  background: linear-gradient(#0000 66.67%, gray 93.08%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#engagement-recorder-mask {
  background: none;
}

/* [project]/src/styles/inline-44.css [app-client] (css) */
@keyframes example {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-30px);
  }
}

.rc-header-guidance {
  animation: .5s forwards example;
}

@keyframes onEntry {
  0% {
    opacity: .3;
  }

  100% {
    opacity: 1;
  }
}

.engagement-opened {
  animation: .1s forwards onEntry;
}

@keyframes onSelect {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, 0, -.5px);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.engagement-selected {
  animation: .4s onSelect;
}

@keyframes ScaleEntry {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.engagement-scale-entry-animation {
  animation: .3s forwards ScaleEntry;
}

.engagement-shortcut-tooltip {
  opacity: 0;
  animation: .2s .5s forwards tagEntry;
}

@keyframes tagExit {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.8);
  }
}

.engagement-shortcut-tooltip-remove {
  animation: .2s forwards tagExit;
}

.engagement-shortcut-tooltip, .engagement-shortcut-tooltip-remove {
  z-index: 99999999;
  color: #fff9;
  background-color: #000c;
  border-radius: 4px;
  padding: 8px 12px;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  position: absolute;
}

.engagement-shortcut-tooltip-tag {
  background-color: gray;
  border-radius: 2px;
  margin-left: 10px;
  padding: 2px 5px;
}

#engagement-launcher {
  animation: .25s ease-out scaleIn;
}

@keyframes scaleIn {
  0% {
    transform: scale(.06);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes growFromBottom {
  0% {
    transform: scale(1, .3);
  }

  100% {
    transform: scale(1);
  }
}

/* [project]/src/styles/inline-45.css [app-client] (css) */
.rc-dialog {
  width: auto;
  margin: 10px;
  position: relative;
}

.rc-dialog-wrap {
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.rc-dialog-title {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}

.rc-dialog-content {
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 6px;
  position: relative;
}

.rc-dialog-close {
  cursor: pointer;
  color: #000;
  text-shadow: 0 1px #fff;
  filter: alpha(opacity= 20);
  opacity: .2;
  background: none;
  border: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  top: 12px;
  right: 20px;
}

.rc-dialog-close:disabled {
  pointer-events: none;
}

.rc-dialog-close-x:after {
  content: "×";
}

.rc-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity= 100);
  text-decoration: none;
}

.rc-dialog-header {
  color: #666;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 5px 5px 0 0;
  padding: 13px 20px 14px;
}

.rc-dialog-body {
  padding: 20px;
}

.rc-dialog-footer {
  text-align: right;
  border-top: 1px solid #e9e9e9;
  border-radius: 0 0 5px 5px;
  padding: 10px 20px;
}

.rc-dialog-zoom-enter, .rc-dialog-zoom-appear {
  opacity: 0;
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-play-state: paused;
  animation-fill-mode: both;
}

.rc-dialog-zoom-leave {
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-play-state: paused;
  animation-fill-mode: both;
}

.rc-dialog-zoom-enter.rc-dialog-zoom-enter-active, .rc-dialog-zoom-appear.rc-dialog-zoom-appear-active {
  animation-name: rcDialogZoomIn;
  animation-play-state: running;
}

.rc-dialog-zoom-leave.rc-dialog-zoom-leave-active {
  animation-name: rcDialogZoomOut;
  animation-play-state: running;
}

@keyframes rcDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcDialogZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@media (min-width: 768px) {
  .rc-dialog {
    width: 600px;
    margin: 30px auto;
  }
}

.rc-dialog-mask {
  height: 100%;
  filter: alpha(opacity= 50);
  z-index: 1050;
  background-color: #37373799;
  position: fixed;
  inset: 0;
}

.rc-dialog-mask-hidden {
  display: none;
}

.rc-dialog-fade-enter, .rc-dialog-fade-appear {
  opacity: 0;
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-play-state: paused;
  animation-fill-mode: both;
}

.rc-dialog-fade-leave {
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(.55, 0, .55, .2);
  animation-play-state: paused;
  animation-fill-mode: both;
}

.rc-dialog-fade-enter.rc-dialog-fade-enter-active, .rc-dialog-fade-appear.rc-dialog-fade-appear-active {
  animation-name: rcDialogFadeIn;
  animation-play-state: running;
}

.rc-dialog-fade-leave.rc-dialog-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}

@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* [project]/src/styles/inline-46.css [app-client] (css) */
.link-survey-page {
  box-sizing: border-box;
  background: var(--background-secondary, #fafafa);
  min-height: 100%;
  padding: 2rem 0;
}

.link-survey-app {
  max-width: 640px;
  font-family: var(--font-font-family, inherit);
  margin: 0 auto;
  padding: 2rem;
}

.survey-card {
  background: var(--background-primary, #fff);
  border-radius: 8px;
  box-shadow: 0 1px 3px #0000000d, 0 4px 12px #0000000a;
}

.survey-card--centered {
  text-align: center;
  padding: 2rem 1.5rem;
}

.survey-end__icon {
  margin: 0 auto;
  display: block;
}

.survey-end__icon--dismissed {
  color: var(--content-secondary, #707070);
}

.step-view {
  padding: 1.5rem;
}

.step-view__header {
  margin-bottom: var(--layout-gap);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.step-view__title {
  color: var(--content-primary, #1a1a1a);
  margin: 0;
  font-size: 1.125rem;
}

.step-view__blocks {
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.step-view__nav {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.step-view__step-counter {
  color: #888;
  font-size: .875rem;
  font-weight: 600;
}

.step-view__nav-buttons {
  flex: 1;
  justify-content: flex-end;
  gap: .75rem;
  display: flex;
}

/* [project]/src/styles/inline-47.css [app-client] (css) */
.qJTHM {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #202124;
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  direction: ltr;
  margin: 0;
  font-family: Roboto-Regular, arial, sans-serif;
  font-weight: 400;
  overflow: hidden;
}

.ynRLnc {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.L6cTce {
  display: none;
}

.bltWBb {
  overflow-wrap: break-word;
  word-break: break-word;
}

.hSRGPd {
  color: #1a73e8;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}

.Bz112c-W3lGp {
  width: 16px;
  height: 16px;
}

.Bz112c-E3DyYd {
  width: 20px;
  height: 20px;
}

.Bz112c-r9oPif {
  width: 24px;
  height: 24px;
}

.Bz112c-u2z5K {
  width: 36px;
  height: 36px;
}

.Bz112c-uaxL4e {
  border-radius: 10px;
}

.LgbsSe-Bz112c {
  display: block;
}

.S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * {
  border: none;
  margin: 0;
  padding: 0;
}

.fFW7wc-ibnC6b > .aZ2wEe > div {
  border-color: #4285f4;
}

.P1ekSe-ZMv3u {
  transition: height .2s linear;
}

.P1ekSe-ZMv3u > div:first-child {
  transition: width .3s linear;
  background-color: #1a73e8 !important;
}

.P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) {
  background-image: linear-gradient(90deg, #ffffffb3, #ffffffb3), linear-gradient(90deg, #1a73e8, #1a73e8) !important;
}

.haAclf {
  display: inline-block;
}

.nsm7Bb-HzV7m-LgbsSe {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  color: #3c4043;
  cursor: pointer;
  letter-spacing: .25px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadce0;
  border-radius: 4px;
  outline: none;
  width: auto;
  height: 40px;
  padding: 0 12px;
  font-family: Google Sans, arial, sans-serif;
  font-size: .875rem;
  transition: background-color .218s, border-color .218s;
  position: relative;
  overflow: hidden;
}

@media screen and (-ms-high-contrast: active) {
  .nsm7Bb-HzV7m-LgbsSe {
    color: windowtext;
    border: 2px solid windowtext;
  }
}

@media screen and (preferes-contrast: more) {
  .nsm7Bb-HzV7m-LgbsSe {
    color: #000;
  }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
  letter-spacing: .25px;
  height: 32px;
  padding: 0 10px;
  font-size: .875rem;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
  letter-spacing: .3px;
  height: 20px;
  padding: 0 8px;
  font-size: .6875rem;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
  width: 40px;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
  width: 32px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
  border-radius: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
  border-radius: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
  border-radius: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc {
  color: #e3e3e3;
  background-color: #131314;
  border: 1px solid #8e918f;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
  color: #fff;
  border: none;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
  background-color: #1a73e8;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
  color: #e8eaed;
  background-color: #202124;
}

@media screen and (prefers-contrast: more) {
  .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    color: #fff;
  }
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-left: 8px;
  margin-right: -4px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 4px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin-left: -10px;
  margin-right: 12px;
  display: flex;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin-left: -8px;
  margin-right: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-left: -6px;
  margin-right: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 8px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
  justify-content: center;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  text-overflow: ellipsis;
  vertical-align: top;
  flex-grow: 1;
  font-family: Google Sans, arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-weight: 300;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  flex-grow: 0;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  transition: background-color .218s;
  position: absolute;
  inset: 0;
}

.nsm7Bb-HzV7m-LgbsSe:focus, .nsm7Bb-HzV7m-LgbsSe:hover {
  box-shadow: none;
  border-color: #d2e3fc;
  outline: none;
}

.nsm7Bb-HzV7m-LgbsSe:focus-within {
  border-color: #0000;
  outline: 2px solid #00639b;
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #4285f414;
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #4285f41a;
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #ffffff14;
}

.nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.i5vt6e-to915-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #ffffff1f;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #ffffff3d;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: #ffffff52;
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
  border-radius: 50%;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: -4px;
  margin-right: 8px;
  display: flex;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  text-align: left;
  font-family: Roboto;
  font-size: 12px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf {
  text-overflow: ellipsis;
  overflow: hidden;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color: #5f6368;
  fill: #5f6368;
  align-items: center;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.i5vt6e-to915-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color: #c4c7c5;
  fill: #c4c7c5;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color: #e8eaed;
  fill: #e8eaed;
}

@media screen and (prefers-contrast: more) {
  .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff, .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color: #000;
    fill: #000;
  }
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: -3px -3px -3px 2px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 0 3px 3px 0;
  margin-left: 12px;
  margin-right: -10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 18px;
}

.L5Fo6c-sM5MNb {
  border: 0;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.L5Fo6c-bF1uUb {
  cursor: pointer;
  border-radius: 4px;
  position: absolute;
  inset: 0;
}

.L5Fo6c-bF1uUb:focus {
  border: none;
  outline: none;
}

/* [project]/src/styles/8.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

:root, :host {
  --font-sans: var(--font-sans);
  --font-mono: var(--font-mono);
  --color-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffcaca;
  --color-red-500: #fb2c36;
  --color-red-600: #e40014;
  --color-red-700: #bf000f;
  --color-orange-50: #fff7ed;
  --color-orange-200: #ffd7a8;
  --color-orange-300: #ffb96d;
  --color-orange-500: #fe6e00;
  --color-orange-600: #f05100;
  --color-orange-700: #c53c00;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c6;
  --color-amber-200: #fee685;
  --color-amber-300: #ffd236;
  --color-amber-400: #fcbb00;
  --color-amber-500: #f99c00;
  --color-amber-600: #dd7400;
  --color-amber-700: #b75000;
  --color-yellow-50: #fefce8;
  --color-yellow-200: #fff085;
  --color-yellow-400: #fac800;
  --color-yellow-500: #edb200;
  --color-yellow-600: #cd8900;
  --color-yellow-700: #a36100;
  --color-lime-50: #f7fee7;
  --color-lime-200: #d8f999;
  --color-lime-500: #80cd00;
  --color-lime-600: #62a400;
  --color-lime-700: #4b7d00;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #b9f8cf;
  --color-green-400: #05df72;
  --color-green-500: #00c758;
  --color-green-600: #00a544;
  --color-green-700: #008138;
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d0fae5;
  --color-emerald-200: #a4f4cf;
  --color-emerald-500: #00bb7f;
  --color-emerald-600: #009767;
  --color-emerald-700: #007956;
  --color-emerald-800: #005f46;
  --color-teal-50: #f0fdfa;
  --color-teal-200: #96f7e4;
  --color-teal-500: #00baa7;
  --color-teal-600: #009588;
  --color-teal-700: #00776e;
  --color-cyan-50: #ecfeff;
  --color-cyan-200: #a2f4fd;
  --color-cyan-300: #53eafd;
  --color-cyan-500: #00b7d7;
  --color-cyan-600: #0092b5;
  --color-cyan-700: #007492;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #dff2fe;
  --color-sky-200: #b8e6fe;
  --color-sky-500: #00a5ef;
  --color-sky-600: #0084cc;
  --color-sky-700: #0069a4;
  --color-sky-900: #024a70;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bedbff;
  --color-blue-300: #90c5ff;
  --color-blue-400: #54a2ff;
  --color-blue-500: #3080ff;
  --color-blue-600: #155dfc;
  --color-blue-700: #1447e6;
  --color-blue-900: #1c398e;
  --color-blue-950: #162456;
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c7d2ff;
  --color-indigo-500: #625fff;
  --color-indigo-600: #4f39f6;
  --color-indigo-700: #432dd7;
  --color-indigo-950: #1e1a4d;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6ff;
  --color-violet-400: #a685ff;
  --color-violet-500: #8d54ff;
  --color-violet-600: #7f22fe;
  --color-violet-700: #7008e7;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-400: #c07eff;
  --color-purple-500: #ac4bff;
  --color-purple-600: #9810fa;
  --color-purple-700: #8200da;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f6cfff;
  --color-fuchsia-500: #e12afb;
  --color-fuchsia-600: #c600db;
  --color-fuchsia-700: #a600b5;
  --color-pink-50: #fdf2f8;
  --color-pink-200: #fccee8;
  --color-pink-400: #fb64b6;
  --color-pink-500: #f6339a;
  --color-pink-600: #e30076;
  --color-pink-700: #c4005c;
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #ffccd3;
  --color-rose-300: #ffa2ae;
  --color-rose-500: #ff2357;
  --color-rose-600: #e70044;
  --color-rose-700: #c20039;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cad5e2;
  --color-slate-400: #90a1b9;
  --color-slate-500: #62748e;
  --color-slate-600: #45556c;
  --color-slate-700: #314158;
  --color-slate-800: #1d293d;
  --color-slate-900: #0f172b;
  --color-slate-950: #020618;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5dc;
  --color-gray-400: #99a1af;
  --color-gray-500: #6a7282;
  --color-gray-600: #4a5565;
  --color-gray-700: #364153;
  --color-gray-800: #1e2939;
  --color-gray-900: #101828;
  --color-gray-950: #030712;
  --color-zinc-50: #fafafa;
  --color-zinc-500: #71717b;
  --color-stone-50: #fafaf9;
  --color-stone-200: #e7e5e4;
  --color-stone-500: #79716b;
  --color-stone-600: #57534d;
  --color-stone-700: #44403b;
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tracking-tight: -.025em;
  --tracking-wider: .05em;
  --leading-tight: 1.25;
  --radius-xs: .125rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-xl: 24px;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  --aspect-video: 16 / 9;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

@supports (color: lab(0% 0 0)) {
  :root, :host {
    --color-red-50: lab(96.5005% 4.18508 1.52328);
    --color-red-100: lab(92.243% 10.2865 3.83865);
    --color-red-200: lab(86.017% 19.8815 7.75869);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-red-600: lab(48.4493% 77.4328 61.5452);
    --color-red-700: lab(40.4273% 67.2623 53.7441);
    --color-orange-50: lab(97.7008% 1.53735 5.90649);
    --color-orange-200: lab(88.4871% 9.94918 28.8378);
    --color-orange-300: lab(80.8059% 21.7313 50.4455);
    --color-orange-500: lab(64.272% 57.1788 90.3583);
    --color-orange-600: lab(57.1026% 64.2584 89.8886);
    --color-orange-700: lab(46.4615% 57.7275 70.8507);
    --color-amber-50: lab(98.6252% -.635922 8.42309);
    --color-amber-100: lab(95.916% -1.21653 23.111);
    --color-amber-200: lab(91.7203% -.505269 49.9084);
    --color-amber-300: lab(86.4156% 6.13147 78.3961);
    --color-amber-400: lab(80.1641% 16.6016 99.2089);
    --color-amber-500: lab(72.7183% 31.8672 97.9407);
    --color-amber-600: lab(60.3514% 40.5624 87.1228);
    --color-amber-700: lab(47.2709% 42.9082 69.2966);
    --color-yellow-50: lab(98.6846% -1.79055 9.7766);
    --color-yellow-200: lab(94.3433% -5.00429 52.9663);
    --color-yellow-400: lab(83.2664% 8.65132 106.895);
    --color-yellow-500: lab(76.3898% 14.5258 98.4589);
    --color-yellow-600: lab(62.7799% 22.4197 86.1544);
    --color-yellow-700: lab(47.8202% 25.2426 66.5015);
    --color-lime-50: lab(98.7039% -5.32573 10.2149);
    --color-lime-200: lab(94.0718% -22.5338 42.5238);
    --color-lime-500: lab(75.3197% -46.6547 86.1778);
    --color-lime-600: lab(61.1055% -41.0235 73.1483);
    --color-lime-700: lab(47.246% -32.2589 55.8249);
    --color-green-50: lab(98.1563% -5.60117 2.75915);
    --color-green-100: lab(96.1861% -13.8464 6.52365);
    --color-green-200: lab(92.4222% -26.4702 12.9427);
    --color-green-400: lab(78.503% -64.9265 39.7492);
    --color-green-500: lab(70.5521% -66.5147 45.8073);
    --color-green-600: lab(59.0978% -58.6621 41.2579);
    --color-green-700: lab(47.0329% -47.0239 31.4788);
    --color-emerald-50: lab(97.8462% -6.94966 1.85487);
    --color-emerald-100: lab(94.9004% -17.0769 5.63836);
    --color-emerald-200: lab(90.2247% -31.039 9.47084);
    --color-emerald-500: lab(66.9756% -58.27 19.5419);
    --color-emerald-600: lab(55.0481% -49.9246 15.93);
    --color-emerald-700: lab(44.4871% -41.0396 11.0361);
    --color-emerald-800: lab(35.3675% -33.1188 8.04002);
    --color-teal-50: lab(98.3189% -4.74921 -.111711);
    --color-teal-200: lab(90.7612% -33.1343 -.542295);
    --color-teal-500: lab(67.3859% -49.0983 -2.63511);
    --color-teal-600: lab(55.0223% -41.0774 -3.90277);
    --color-teal-700: lab(44.4134% -33.1436 -4.22149);
    --color-cyan-50: lab(98.3304% -5.97432 -2.62108);
    --color-cyan-200: lab(91.0821% -24.0435 -12.8306);
    --color-cyan-300: lab(85.3886% -36.7636 -21.5716);
    --color-cyan-500: lab(67.805% -35.3952 -30.2018);
    --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
    --color-cyan-700: lab(44.7267% -21.5987 -26.118);
    --color-sky-50: lab(97.3623% -2.33802 -4.13098);
    --color-sky-100: lab(94.3709% -4.56053 -8.23453);
    --color-sky-200: lab(88.6983% -11.3978 -16.8488);
    --color-sky-500: lab(63.3038% -18.433 -51.0407);
    --color-sky-600: lab(51.7754% -11.4712 -49.8349);
    --color-sky-700: lab(41.6013% -9.10804 -42.5647);
    --color-sky-900: lab(29.1959% -8.34689 -28.2453);
    --color-blue-50: lab(96.492% -1.14644 -5.11479);
    --color-blue-100: lab(92.0301% -2.24757 -11.6453);
    --color-blue-200: lab(86.15% -4.04379 -21.0797);
    --color-blue-300: lab(77.5052% -6.4629 -36.42);
    --color-blue-400: lab(65.0361% -1.42065 -56.9802);
    --color-blue-500: lab(54.1736% 13.3369 -74.6839);
    --color-blue-600: lab(44.0605% 29.0279 -86.0352);
    --color-blue-700: lab(36.9089% 35.0961 -85.6872);
    --color-blue-900: lab(26.1542% 15.7545 -51.5504);
    --color-blue-950: lab(15.6723% 8.86232 -32.2945);
    --color-indigo-50: lab(95.4818% .411302 -6.78529);
    --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
    --color-indigo-200: lab(84.4329% 3.18977 -23.9688);
    --color-indigo-500: lab(48.295% 38.3129 -81.9673);
    --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
    --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
    --color-indigo-950: lab(12.4853% 14.9672 -31.3418);
    --color-violet-50: lab(96.2416% 2.28849 -5.51657);
    --color-violet-100: lab(93.0838% 4.35197 -9.88284);
    --color-violet-200: lab(87.0888% 8.53688 -19.4189);
    --color-violet-400: lab(62.8239% 34.9159 -60.0512);
    --color-violet-500: lab(49.9355% 55.1776 -81.8963);
    --color-violet-600: lab(41.088% 68.9966 -91.995);
    --color-violet-700: lab(35.2783% 67.9912 -88.793);
    --color-purple-50: lab(97.1627% 2.99937 -4.13398);
    --color-purple-100: lab(93.3333% 6.97437 -9.83434);
    --color-purple-200: lab(87.8405% 13.4282 -18.7159);
    --color-purple-400: lab(63.6946% 47.6127 -59.2066);
    --color-purple-500: lab(52.0183% 66.11 -78.2316);
    --color-purple-600: lab(43.0295% 75.21 -86.5669);
    --color-purple-700: lab(36.1758% 69.8525 -80.0381);
    --color-fuchsia-50: lab(97.1083% 4.46233 -4.09334);
    --color-fuchsia-100: lab(93.9419% 9.57647 -9.08735);
    --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
    --color-fuchsia-500: lab(56.4256% 83.132 -64.639);
    --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363);
    --color-fuchsia-700: lab(39.787% 72.2653 -53.1244);
    --color-pink-50: lab(96.4459% 4.53997 -1.49434);
    --color-pink-200: lab(87.4504% 19.6 -6.46662);
    --color-pink-400: lab(64.5597% 64.3615 -12.7988);
    --color-pink-500: lab(56.9303% 76.8162 -8.07021);
    --color-pink-600: lab(49.5493% 79.8381 2.31768);
    --color-pink-700: lab(42.1737% 71.8009 7.42233);
    --color-rose-50: lab(96.2369% 4.94155 1.28011);
    --color-rose-100: lab(92.8221% 9.86832 2.60075);
    --color-rose-200: lab(86.806% 19.1909 4.07754);
    --color-rose-300: lab(76.6339% 38.3549 9.68835);
    --color-rose-500: lab(56.101% 79.4328 31.4532);
    --color-rose-600: lab(49.1882% 81.577 36.0311);
    --color-rose-700: lab(41.1651% 71.6251 30.3087);
    --color-slate-50: lab(98.1434% -.369519 -1.05966);
    --color-slate-100: lab(96.286% -.852436 -2.46847);
    --color-slate-200: lab(91.7353% -.998765 -4.76968);
    --color-slate-300: lab(84.7652% -1.94535 -7.93337);
    --color-slate-400: lab(65.5349% -2.25151 -14.5072);
    --color-slate-500: lab(48.0876% -2.03595 -16.5814);
    --color-slate-600: lab(35.5623% -1.74978 -15.4316);
    --color-slate-700: lab(26.9569% -1.47016 -15.6993);
    --color-slate-800: lab(16.132% -.318035 -14.6672);
    --color-slate-900: lab(7.78673% 1.82345 -15.0537);
    --color-slate-950: lab(1.76974% 1.32743 -9.28855);
    --color-gray-50: lab(98.2596% -.247031 -.706708);
    --color-gray-100: lab(96.1596% -.0823438 -1.13575);
    --color-gray-200: lab(91.6229% -.159115 -2.26791);
    --color-gray-300: lab(85.1236% -.612259 -3.7138);
    --color-gray-400: lab(65.9269% -.832707 -8.17473);
    --color-gray-500: lab(47.7841% -.393182 -10.0268);
    --color-gray-600: lab(35.6337% -1.58697 -10.8425);
    --color-gray-700: lab(27.1134% -.956401 -12.3224);
    --color-gray-800: lab(16.1051% -1.18239 -11.7533);
    --color-gray-900: lab(8.11897% .811279 -12.254);
    --color-gray-950: lab(1.90334% .278696 -5.48866);
    --color-zinc-50: lab(98.26% 0 0);
    --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
    --color-stone-50: lab(98.2686% -.0991821 .364304);
    --color-stone-200: lab(91.055% .663072 .865579);
    --color-stone-500: lab(48.1164% 2.35701 4.26852);
    --color-stone-600: lab(35.5168% 1.08604 4.07829);
    --color-stone-700: lab(27.3812% 1.32917 3.57789);
  }
}

:root {
  --font-sans: "Manrope", "Avenir Next", "Segoe UI", "Helvetica Neue", "Nimbus Sans", Arial, sans-serif;
  --font-display: "Manrope", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "URW Palladio L", "Times New Roman", serif;
  --font-mono: "SFMono-Regular", "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;
}

@layer theme;

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    background: radial-gradient(circle at top, #3178c614, #0000 28%), linear-gradient(#f6f8fb 0%, #fff 20% 100%);
  }

  html {
    font-size: var(--font-size);
  }

  h1 {
    font-family: var(--font-display);
    letter-spacing: -.045em;
    font-size: clamp(2.35rem, 4.2vw, 4.6rem);
    font-weight: 600;
    line-height: 1;
  }

  h2 {
    font-family: var(--font-display);
    letter-spacing: -.04em;
    font-size: clamp(1.95rem, 3.2vw, 3.5rem);
    font-weight: 600;
    line-height: 1.05;
  }

  h3 {
    font-family: var(--font-display);
    letter-spacing: -.03em;
    font-size: clamp(1.35rem, 1.8vw, 1.75rem);
    font-weight: 600;
    line-height: 1.12;
  }

  h4 {
    font-family: var(--font-display);
    letter-spacing: -.02em;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
  }

  p {
    color: #4a4f5b;
    line-height: 1.75;
  }

  label {
    font-size: .95rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: -.01em;
    line-height: 1.4;
  }

  button {
    cursor: pointer;
    font-size: .975rem;
    font-weight: 600;
    line-height: 1.2;
  }

  input {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    font-family: var(--font-sans);
  }

  code, pre {
    font-family: var(--font-mono);
  }

  a {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    cursor: pointer;
  }

  a[aria-disabled="true"], button:disabled, input:disabled, select:disabled, textarea:disabled {
    cursor: not-allowed;
  }

  [role="button"], label[for], summary, input[type="button"], input[type="reset"], input[type="submit"], input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
  }

  ::selection {
    color: #111827;
    background: #3369d42e;
  }
}

@layer components {
  .site-shell {
    background-color: #0000;
    min-height: 100vh;
    overflow-x: hidden;
  }

  .section-shell {
    padding-block: 4.5rem;
  }

  @media (min-width: 40rem) {
    .section-shell {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 64rem) {
    .section-shell {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  .section-shell-tight {
    padding-block: calc(var(--spacing) * 14);
  }

  @media (min-width: 40rem) {
    .section-shell-tight {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .section-shell-tight {
      padding-block: calc(var(--spacing) * 28);
    }
  }

  .section-shell-muted {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: #f8fafce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-shell-muted {
      --tw-gradient-to: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
    }
  }

  .section-shell-muted {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-block: 4.5rem;
  }

  @media (min-width: 40rem) {
    .section-shell-muted {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 64rem) {
    .section-shell-muted {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  .section-shell-dark {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-via: var(--color-slate-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-to: var(--color-black);
    color: var(--color-white);
    padding-block: 4.5rem;
  }

  @media (min-width: 40rem) {
    .section-shell-dark {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 64rem) {
    .section-shell-dark {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  .section-container {
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    margin-inline: auto;
  }

  @media (min-width: 40rem) {
    .section-container {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .section-container {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .section-intro {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-3xl);
    text-align: center;
  }

  @media (min-width: 40rem) {
    .section-intro {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 64rem) {
    .section-intro {
      margin-bottom: 4.5rem;
    }
  }

  .section-kicker {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000d;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .section-kicker {
    background-color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker {
      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .section-kicker {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: .68rem;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: .22em;
    letter-spacing: .22em;
    color: var(--color-slate-600);
    text-transform: uppercase;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .section-kicker {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  @media (min-width: 40rem) {
    .section-kicker {
      padding-inline: calc(var(--spacing) * 4);
      --tw-tracking: .24em;
      letter-spacing: .24em;
      font-size: .72rem;
    }
  }

  .section-kicker-dark {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ffffff26;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker-dark {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .section-kicker-dark {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker-dark {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .section-kicker-dark {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: .68rem;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: .22em;
    letter-spacing: .22em;
    color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .section-kicker-dark {
      color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .section-kicker-dark {
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  @media (min-width: 40rem) {
    .section-kicker-dark {
      padding-inline: calc(var(--spacing) * 4);
      --tw-tracking: .24em;
      letter-spacing: .24em;
      font-size: .72rem;
    }
  }

  .section-title {
    margin-top: calc(var(--spacing) * 6);
    text-wrap: balance;
    color: var(--color-slate-950);
    font-size: clamp(2rem, 3.15vw, 3.45rem);
    line-height: 1.03;
  }

  .section-title-dark {
    margin-top: calc(var(--spacing) * 6);
    text-wrap: balance;
    color: var(--color-white);
    font-size: clamp(2rem, 3.15vw, 3.45rem);
    line-height: 1.03;
  }

  .section-copy {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-3xl);
    --tw-leading: calc(var(--spacing) * 7);
    font-size: .98rem;
    line-height: calc(var(--spacing) * 7);
    color: var(--color-slate-600);
  }

  @media (min-width: 40rem) {
    .section-copy {
      margin-top: calc(var(--spacing) * 5);
      --tw-leading: calc(var(--spacing) * 8);
      font-size: 1.1rem;
      line-height: calc(var(--spacing) * 8);
    }
  }

  .section-copy-dark {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-3xl);
    --tw-leading: calc(var(--spacing) * 7);
    font-size: .98rem;
    line-height: calc(var(--spacing) * 7);
    color: var(--color-slate-300);
  }

  @media (min-width: 40rem) {
    .section-copy-dark {
      margin-top: calc(var(--spacing) * 5);
      --tw-leading: calc(var(--spacing) * 8);
      font-size: 1.1rem;
      line-height: calc(var(--spacing) * 8);
    }
  }

  .page-hero {
    padding-block: calc(var(--spacing) * 14);
    padding-top: calc(var(--spacing) * 28);
  }

  @media (min-width: 40rem) {
    .page-hero {
      padding-block: calc(var(--spacing) * 20);
      padding-top: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 64rem) {
    .page-hero {
      padding-block: calc(var(--spacing) * 28);
    }
  }

  .page-hero-center {
    max-width: var(--container-4xl);
    text-align: center;
    margin-inline: auto;
  }

  .page-hero-title {
    text-wrap: balance;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
    line-height: 1;
  }

  .page-hero-copy {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-3xl);
    --tw-leading: calc(var(--spacing) * 7);
    font-size: .98rem;
    line-height: calc(var(--spacing) * 7);
    color: var(--color-slate-600);
  }

  @media (min-width: 40rem) {
    .page-hero-copy {
      margin-top: calc(var(--spacing) * 5);
      --tw-leading: calc(var(--spacing) * 8);
      font-size: 1.1rem;
      line-height: calc(var(--spacing) * 8);
    }
  }

  .editorial-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000d;
    border-radius: 1.6rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .editorial-card {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .editorial-card {
    background-color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .editorial-card {
      background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .editorial-card {
    --tw-shadow: 0 20px 70px -40px var(--tw-shadow-color, #0f172a59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  @media (min-width: 40rem) {
    .editorial-card {
      border-radius: 2rem;
    }
  }

  .homepage-card {
    min-height: 100%;
    padding: calc(var(--spacing) * 6);
  }

  @media (min-width: 40rem) {
    .homepage-card {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {
    .homepage-card {
      padding: calc(var(--spacing) * 8);
    }
  }

  .homepage-card-icon {
    margin-bottom: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-radius: var(--radius-2xl);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .homepage-card-icon:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (min-width: 40rem) {
    .homepage-card-icon {
      margin-bottom: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 14);
      width: calc(var(--spacing) * 14);
    }
  }

  .editorial-card-hover {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @media (hover: hover) {
    .editorial-card-hover:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .editorial-card-hover:hover {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }

    .editorial-card-hover:hover {
      --tw-shadow: 0 28px 80px -36px var(--tw-shadow-color, #0f172a59);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .stat-chip {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000d;
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stat-chip {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .stat-chip {
    background-color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stat-chip {
      background-color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .stat-chip {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-size: .82rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stat-chip {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .stat-chip {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  @media (min-width: 40rem) {
    .stat-chip {
      padding-inline: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .auth-shell {
    min-height: 100vh;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 28);
    padding-bottom: calc(var(--spacing) * 16);
    position: relative;
    overflow: hidden;
  }

  @media (min-width: 40rem) {
    .auth-shell {
      padding-top: calc(var(--spacing) * 32);
      padding-bottom: calc(var(--spacing) * 20);
    }
  }

  .auth-shell {
    background: radial-gradient(circle at 0 0, #3b82f61a, #0000 22%), radial-gradient(circle at 100% 100%, #0ea5e914, #0000 20%);
  }

  .auth-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #fff9;
    border-radius: 1.8rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-card {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .auth-card {
    background-color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .auth-card {
      background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .auth-card {
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 20px 70px -40px var(--tw-shadow-color, #0f172a59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, );
  }

  @media (min-width: 40rem) {
    .auth-card {
      padding: calc(var(--spacing) * 10);
      border-radius: 2.2rem;
    }
  }

  .auth-kicker {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-size: .72rem;
    font-weight: var(--font-weight-semibold);
    --tw-tracking: .24em;
    letter-spacing: .24em;
    text-transform: uppercase;
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .surface-subtle {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000d;
    border-radius: 1.35rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .surface-subtle {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .surface-subtle {
    background-color: #f8fafcd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .surface-subtle {
      background-color: color-mix(in oklab, var(--color-slate-50) 85%, transparent);
    }
  }

  @media (min-width: 40rem) {
    .surface-subtle {
      border-radius: 1.5rem;
    }
  }

  .info-card {
    height: 100%;
  }

  .info-card-stack {
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .account-page-enter {
    animation: .8s both account-page-enter;
  }

  .support-rich-editor-content {
    min-height: calc(var(--spacing) * 36);
    --tw-outline-style: none;
    outline-style: none;
  }

  .support-rich-editor-content p.is-editor-empty:first-child:before {
    pointer-events: none;
    float: left;
    height: calc(var(--spacing) * 0);
    color: var(--color-slate-400);
    content: attr(data-placeholder);
  }

  .support-rich-editor-content p, .support-comment-prose p {
    margin-block: calc(var(--spacing) * 2);
  }

  .support-comment-prose > :first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .support-comment-prose > :last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .support-rich-editor-content ul, .support-rich-editor-content ol, .support-comment-prose ul, .support-comment-prose ol {
    margin-block: calc(var(--spacing) * 3);
  }

  :where(:is(.support-rich-editor-content ul, .support-rich-editor-content ol, .support-comment-prose ul, .support-comment-prose ol) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  .support-rich-editor-content ul, .support-rich-editor-content ol, .support-comment-prose ul, .support-comment-prose ol {
    padding-left: calc(var(--spacing) * 5);
  }

  .support-rich-editor-content ul, .support-comment-prose ul {
    list-style-type: disc;
  }

  .support-rich-editor-content ol, .support-comment-prose ol {
    list-style-type: decimal;
  }

  .support-rich-editor-content blockquote, .support-comment-prose blockquote {
    margin-block: calc(var(--spacing) * 3);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-blue-200);
    background-color: #eff6ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .support-rich-editor-content blockquote, .support-comment-prose blockquote {
      background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
    }
  }

  .support-rich-editor-content blockquote, .support-comment-prose blockquote {
    padding-block: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 4);
    color: var(--color-slate-600);
  }

  .support-rich-editor-content code, .support-comment-prose code {
    border-radius: calc(var(--radius)  - 2px);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    color: var(--color-slate-900);
    font-size: .92em;
  }

  .support-rich-editor-content pre, .support-comment-prose pre {
    margin-block: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius)  + 4px);
    background-color: var(--color-slate-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-slate-100);
    overflow-x: auto;
  }

  .support-rich-editor-content a, .support-comment-prose a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-blue-700);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    text-decoration-color: var(--color-blue-200);
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    :is(.support-rich-editor-content a, .support-comment-prose a):hover {
      color: var(--color-blue-900);
    }
  }
}

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

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

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }

  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }

  .inset-x-10 {
    inset-inline: calc(var(--spacing) * 10);
  }

  .-top-4 {
    top: calc(var(--spacing) * -4);
  }

  .-top-8 {
    top: calc(var(--spacing) * -8);
  }

  .-top-16 {
    top: calc(var(--spacing) * -16);
  }

  .-top-40 {
    top: calc(var(--spacing) * -40);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

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

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-24 {
    top: calc(var(--spacing) * 24);
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

  .-right-7 {
    right: calc(var(--spacing) * -7);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .-right-40 {
    right: calc(var(--spacing) * -40);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1\/4 {
    right: 25%;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }

  .-bottom-20 {
    bottom: calc(var(--spacing) * -20);
  }

  .-bottom-40 {
    bottom: calc(var(--spacing) * -40);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .-left-4 {
    left: calc(var(--spacing) * -4);
  }

  .-left-8 {
    left: calc(var(--spacing) * -8);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .-left-40 {
    left: calc(var(--spacing) * -40);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

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

  .left-1\/4 {
    left: 25%;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-\[50\%\] {
    left: 50%;
  }

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

  .z-40 {
    z-index: 40;
  }

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

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

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-465 {
    margin: calc(var(--spacing) * 465);
  }

  .m-714 {
    margin: calc(var(--spacing) * 714);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

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

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: #364153;
    --tw-prose-headings: #101828;
    --tw-prose-lead: #4a5565;
    --tw-prose-links: #101828;
    --tw-prose-bold: #101828;
    --tw-prose-counters: #6a7282;
    --tw-prose-bullets: #d1d5dc;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #101828;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6a7282;
    --tw-prose-kbd: #101828;
    --tw-prose-kbd-shadows: #1018281a;
    --tw-prose-code: #101828;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1e2939;
    --tw-prose-th-borders: #d1d5dc;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5dc;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #99a1af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #99a1af;
    --tw-prose-invert-bullets: #4a5565;
    --tw-prose-invert-hr: #364153;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #364153;
    --tw-prose-invert-captions: #99a1af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5dc;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4a5565;
    --tw-prose-invert-td-borders: #364153;
    font-size: 1rem;
    line-height: 1.75;
  }

  @supports (color: lab(0% 0 0)) {
    .prose {
      --tw-prose-body: lab(27.1134% -.956401 -12.3224);
      --tw-prose-headings: lab(8.11897% .811279 -12.254);
      --tw-prose-lead: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-links: lab(8.11897% .811279 -12.254);
      --tw-prose-bold: lab(8.11897% .811279 -12.254);
      --tw-prose-counters: lab(47.7841% -.393182 -10.0268);
      --tw-prose-bullets: lab(85.1236% -.612259 -3.7138);
      --tw-prose-hr: lab(91.6229% -.159115 -2.26791);
      --tw-prose-quotes: lab(8.11897% .811279 -12.254);
      --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-captions: lab(47.7841% -.393182 -10.0268);
      --tw-prose-kbd: lab(8.11897% .811279 -12.254);
      --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254 / .1);
      --tw-prose-code: lab(8.11897% .811279 -12.254);
      --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791);
      --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
      --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138);
      --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575);
      --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224);
    }
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .prose-lg {
    font-size: 1.125rem;
    line-height: 1.77778;
  }

  .prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
  }

  .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.09091em;
    margin-bottom: 1.09091em;
    font-size: 1.22222em;
    line-height: 1.45455;
  }

  .prose-lg :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding-inline-start: 1em;
  }

  .prose-lg :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .833333em;
    font-size: 2.66667em;
    line-height: 1;
  }

  .prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.86667em;
    margin-bottom: 1.06667em;
    font-size: 1.66667em;
    line-height: 1.33333;
  }

  .prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.66667em;
    margin-bottom: .666667em;
    font-size: 1.33333em;
    line-height: 1.5;
  }

  .prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.77778em;
    margin-bottom: .444444em;
    line-height: 1.55556;
  }

  .prose-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.77778em;
    margin-bottom: 1.77778em;
  }

  .prose-lg :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-lg :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.77778em;
    margin-bottom: 1.77778em;
  }

  .prose-lg :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .222222em;
    padding-inline-end: .444444em;
    padding-bottom: .222222em;
    border-radius: .3125rem;
    padding-inline-start: .444444em;
    font-size: .888889em;
  }

  .prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em;
  }

  .prose-lg :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .866667em;
  }

  .prose-lg :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875em;
  }

  .prose-lg :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 1em;
    padding-inline-end: 1.5em;
    padding-bottom: 1em;
    border-radius: .375rem;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-inline-start: 1.5em;
    font-size: .888889em;
    line-height: 1.75;
  }

  .prose-lg :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1.55556em;
  }

  .prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em;
    margin-bottom: .666667em;
  }

  .prose-lg :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .444444em;
  }

  .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
  }

  .prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
  }

  .prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.33333em;
  }

  .prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
  }

  .prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.33333em;
  }

  .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
  }

  .prose-lg :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
  }

  .prose-lg :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
  }

  .prose-lg :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em;
    padding-inline-start: 1.55556em;
  }

  .prose-lg :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 3.11111em;
    margin-bottom: 3.11111em;
  }

  .prose-lg :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em;
    line-height: 1.5;
  }

  .prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: .75em;
    padding-bottom: .75em;
    padding-inline-start: .75em;
  }

  .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .75em;
    padding-inline-end: .75em;
    padding-bottom: .75em;
    padding-inline-start: .75em;
  }

  .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-lg :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.77778em;
    margin-bottom: 1.77778em;
  }

  .prose-lg :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-lg :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1em;
    font-size: .888889em;
    line-height: 1.5;
  }

  .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-auto {
    margin-left: auto;
  }

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

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

  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[1\.1rem\] {
    height: 1.1rem;
  }

  .h-\[1\.375rem\] {
    height: 1.375rem;
  }

  .h-\[4\.5rem\] {
    height: 4.5rem;
  }

  .h-\[380px\] {
    height: 380px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[calc\(100vh-8rem\)\] {
    max-height: calc(100vh - 8rem);
  }

  .max-h-\[min\(28rem\,calc\(100vh-16rem\)\)\] {
    max-height: min(28rem, 100vh - 16rem);
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-\[12\.5rem\] {
    min-height: 12.5rem;
  }

  .min-h-\[160px\] {
    min-height: 160px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[calc\(100svh-4rem\)\] {
    min-height: calc(100svh - 4rem);
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

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

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[1\.1rem\] {
    width: 1.1rem;
  }

  .w-\[1\.375rem\] {
    width: 1.375rem;
  }

  .w-\[4\.5rem\] {
    width: 4.5rem;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[calc\(100\%-1\.5rem\)\] {
    width: calc(100% - 1.5rem);
  }

  .w-\[calc\(100vw-2\.5rem\)\] {
    width: calc(100vw - 2.5rem);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[min\(55rem\,calc\(100vw-4rem\)\)\] {
    width: min(55rem, 100vw - 4rem);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[15rem\] {
    max-width: 15rem;
  }

  .max-w-\[26rem\] {
    max-width: 26rem;
  }

  .max-w-\[74ch\] {
    max-width: 74ch;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-\[calc\(100vw-2\.5rem\)\] {
    min-width: calc(100vw - 2.5rem);
  }

  .min-w-\[min\(78vw\,420px\)\] {
    min-width: min(78vw, 420px);
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[1\.01\] {
    scale: 1.01;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .columns-1 {
    columns: 1;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

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

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

  .grid-cols-\[minmax\(17rem\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
    grid-template-columns: minmax(17rem, .85fr) minmax(0, 1.15fr);
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

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

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

  .flex-wrap {
    flex-wrap: wrap;
  }

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

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

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

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

  .items-stretch {
    align-items: stretch;
  }

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

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

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

  .justify-items-center {
    justify-items: center;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

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

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[1\.1rem\] {
    border-radius: 1.1rem;
  }

  .rounded-\[1\.2rem\] {
    border-radius: 1.2rem;
  }

  .rounded-\[1\.4rem\] {
    border-radius: 1.4rem;
  }

  .rounded-\[1\.05rem\] {
    border-radius: 1.05rem;
  }

  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }

  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }

  .rounded-\[1\.7rem\] {
    border-radius: 1.7rem;
  }

  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }

  .rounded-\[1\.9rem\] {
    border-radius: 1.9rem;
  }

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }

  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }

  .rounded-\[1\.65rem\] {
    border-radius: 1.65rem;
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }

  .rounded-\[1rem\] {
    border-radius: 1rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius)  - 2px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius)  + 4px);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-bl-full {
    border-bottom-left-radius: 3.40282e38px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-amber-100\/80 {
    border-color: #fef3c6cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-100\/80 {
      border-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
    }
  }

  .border-amber-200\/70 {
    border-color: #fee685b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/70 {
      border-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
    }
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/5 {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-black\/6 {
    border-color: #0000000f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/6 {
      border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
    }
  }

  .border-black\/8 {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/8 {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/12 {
    border-color: #0000001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/12 {
      border-color: color-mix(in oklab, var(--color-black) 12%, transparent);
    }
  }

  .border-blue-100 {
    border-color: var(--color-blue-100);
  }

  .border-blue-100\/80 {
    border-color: #dbeafecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-100\/80 {
      border-color: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
    }
  }

  .border-blue-200\/70 {
    border-color: #bedbffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-200\/70 {
      border-color: color-mix(in oklab, var(--color-blue-200) 70%, transparent);
    }
  }

  .border-cyan-200\/70 {
    border-color: #a2f4fdb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-200\/70 {
      border-color: color-mix(in oklab, var(--color-cyan-200) 70%, transparent);
    }
  }

  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }

  .border-emerald-100\/80 {
    border-color: #d0fae5cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-100\/80 {
      border-color: color-mix(in oklab, var(--color-emerald-100) 80%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-200\/40 {
    border-color: #a4f4cf66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 40%, transparent);
    }
  }

  .border-emerald-200\/70 {
    border-color: #a4f4cfb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/70 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent);
    }
  }

  .border-fuchsia-200\/70 {
    border-color: #f6cfffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fuchsia-200\/70 {
      border-color: color-mix(in oklab, var(--color-fuchsia-200) 70%, transparent);
    }
  }

  .border-green-200\/70 {
    border-color: #b9f8cfb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-200\/70 {
      border-color: color-mix(in oklab, var(--color-green-200) 70%, transparent);
    }
  }

  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }

  .border-indigo-200\/70 {
    border-color: #c7d2ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-200\/70 {
      border-color: color-mix(in oklab, var(--color-indigo-200) 70%, transparent);
    }
  }

  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }

  .border-input {
    border-color: var(--input);
  }

  .border-lime-200\/70 {
    border-color: #d8f999b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-lime-200\/70 {
      border-color: color-mix(in oklab, var(--color-lime-200) 70%, transparent);
    }
  }

  .border-orange-200\/70 {
    border-color: #ffd7a8b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-200\/70 {
      border-color: color-mix(in oklab, var(--color-orange-200) 70%, transparent);
    }
  }

  .border-pink-200\/70 {
    border-color: #fccee8b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-pink-200\/70 {
      border-color: color-mix(in oklab, var(--color-pink-200) 70%, transparent);
    }
  }

  .border-purple-100\/80 {
    border-color: #f3e8ffcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-100\/80 {
      border-color: color-mix(in oklab, var(--color-purple-100) 80%, transparent);
    }
  }

  .border-purple-200\/70 {
    border-color: #e9d5ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-200\/70 {
      border-color: color-mix(in oklab, var(--color-purple-200) 70%, transparent);
    }
  }

  .border-purple-500 {
    border-color: var(--color-purple-500);
  }

  .border-red-100 {
    border-color: var(--color-red-100);
  }

  .border-red-200\/70 {
    border-color: #ffcacab3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-200\/70 {
      border-color: color-mix(in oklab, var(--color-red-200) 70%, transparent);
    }
  }

  .border-rose-100\/80 {
    border-color: #ffe4e6cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-100\/80 {
      border-color: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
    }
  }

  .border-rose-200\/70 {
    border-color: #ffccd3b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-200\/70 {
      border-color: color-mix(in oklab, var(--color-rose-200) 70%, transparent);
    }
  }

  .border-sky-100 {
    border-color: var(--color-sky-100);
  }

  .border-sky-200\/70 {
    border-color: #b8e6feb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-200\/70 {
      border-color: color-mix(in oklab, var(--color-sky-200) 70%, transparent);
    }
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-200\/70 {
    border-color: #e2e8f0b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-200\/70 {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }

  .border-slate-200\/80 {
    border-color: #e2e8f0cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-200\/80 {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }

  .border-slate-200\/85 {
    border-color: #e2e8f0d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-200\/85 {
      border-color: color-mix(in oklab, var(--color-slate-200) 85%, transparent);
    }
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-950 {
    border-color: var(--color-slate-950);
  }

  .border-slate-950\/8 {
    border-color: #02061814;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-950\/8 {
      border-color: color-mix(in oklab, var(--color-slate-950) 8%, transparent);
    }
  }

  .border-stone-200\/70 {
    border-color: #e7e5e4b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-200\/70 {
      border-color: color-mix(in oklab, var(--color-stone-200) 70%, transparent);
    }
  }

  .border-teal-200\/70 {
    border-color: #96f7e4b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-teal-200\/70 {
      border-color: color-mix(in oklab, var(--color-teal-200) 70%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-100\/80 {
    border-color: #ede9fecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-100\/80 {
      border-color: color-mix(in oklab, var(--color-violet-100) 80%, transparent);
    }
  }

  .border-violet-200\/70 {
    border-color: #ddd6ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-200\/70 {
      border-color: color-mix(in oklab, var(--color-violet-200) 70%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/70 {
    border-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/70 {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .border-white\/\[0\.15\] {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.15\] {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-yellow-200\/70 {
    border-color: #fff085b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-200\/70 {
      border-color: color-mix(in oklab, var(--color-yellow-200) 70%, transparent);
    }
  }

  .border-t-slate-900 {
    border-top-color: var(--color-slate-900);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-400\/20 {
    background-color: #fcbb0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/20 {
      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-50\/70 {
    background-color: #eff6ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/70 {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }

  .bg-blue-50\/75 {
    background-color: #eff6ffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/75 {
      background-color: color-mix(in oklab, var(--color-blue-50) 75%, transparent);
    }
  }

  .bg-blue-50\/80 {
    background-color: #eff6ffcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/80 {
      background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
    }
  }

  .bg-blue-400\/25 {
    background-color: #54a2ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/25 {
      background-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/5 {
    background-color: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/5 {
      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }

  .bg-cyan-300\/12 {
    background-color: #53eafd1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-300\/12 {
      background-color: color-mix(in oklab, var(--color-cyan-300) 12%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/92 {
    background-color: #ecfdf5eb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/92 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 92%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-500\/\[0\.18\] {
    background-color: #00bb7f2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/\[0\.18\] {
      background-color: color-mix(in oklab, var(--color-emerald-500) 18%, transparent);
    }
  }

  .bg-fuchsia-500\/\[0\.18\] {
    background-color: #e12afb2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-fuchsia-500\/\[0\.18\] {
      background-color: color-mix(in oklab, var(--color-fuchsia-500) 18%, transparent);
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-500\/80 {
    background-color: #00c758cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/80 {
      background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);
    }
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-500\/5 {
    background-color: #ac4bff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/5 {
      background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent);
    }
  }

  .bg-purple-500\/20 {
    background-color: #ac4bff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/20 {
      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-500\/80 {
    background-color: #fb2c36cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/80 {
      background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
    }
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-sky-500\/\[0\.16\] {
    background-color: #00a5ef29;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/\[0\.16\] {
      background-color: color-mix(in oklab, var(--color-sky-500) 16%, transparent);
    }
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-50\/70 {
    background-color: #f8fafcb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/70 {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }

  .bg-slate-50\/80 {
    background-color: #f8fafccc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/80 {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }

  .bg-slate-50\/90 {
    background-color: #f8fafce6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-50\/90 {
      background-color: color-mix(in oklab, var(--color-slate-50) 90%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-slate-950\/6 {
    background-color: #0206180f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/6 {
      background-color: color-mix(in oklab, var(--color-slate-950) 6%, transparent);
    }
  }

  .bg-slate-950\/20 {
    background-color: #02061833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/20 {
      background-color: color-mix(in oklab, var(--color-slate-950) 20%, transparent);
    }
  }

  .bg-slate-950\/30 {
    background-color: #0206184d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/30 {
      background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
    }
  }

  .bg-slate-950\/40 {
    background-color: #02061866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/40 {
      background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
    }
  }

  .bg-slate-950\/80 {
    background-color: #020618cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/80 {
      background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
    }
  }

  .bg-slate-950\/82 {
    background-color: #020618d1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/82 {
      background-color: color-mix(in oklab, var(--color-slate-950) 82%, transparent);
    }
  }

  .bg-slate-950\/\[0\.46\] {
    background-color: #02061875;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/\[0\.46\] {
      background-color: color-mix(in oklab, var(--color-slate-950) 46%, transparent);
    }
  }

  .bg-slate-950\/\[0\.82\] {
    background-color: #020618d1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/\[0\.82\] {
      background-color: color-mix(in oklab, var(--color-slate-950) 82%, transparent);
    }
  }

  .bg-slate-950\/\[0\.92\] {
    background-color: #020618eb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/\[0\.92\] {
      background-color: color-mix(in oklab, var(--color-slate-950) 92%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/12 {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/12 {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .bg-white\/14 {
    background-color: #ffffff24;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/14 {
      background-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/72 {
    background-color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/72 {
      background-color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .bg-white\/78 {
    background-color: #ffffffc7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/78 {
      background-color: color-mix(in oklab, var(--color-white) 78%, transparent);
    }
  }

  .bg-white\/82 {
    background-color: #ffffffd1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/82 {
      background-color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }

  .bg-white\/86 {
    background-color: #ffffffdb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/86 {
      background-color: color-mix(in oklab, var(--color-white) 86%, transparent);
    }
  }

  .bg-white\/88 {
    background-color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/88 {
      background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-white\/96 {
    background-color: #fffffff5;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/96 {
      background-color: color-mix(in oklab, var(--color-white) 96%, transparent);
    }
  }

  .bg-white\/\[0\.16\] {
    background-color: #ffffff29;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.16\] {
      background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
    }
  }

  .bg-yellow-500\/80 {
    background-color: #edb200cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/80 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent);
    }
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(180deg\,\#f8fbff_0\%\,\#ffffff_30\%\,\#f8fafc_100\%\)\] {
    background-image: linear-gradient(#f8fbff 0%, #fff 30%, #f8fafc 100%);
  }

  .bg-\[linear-gradient\(180deg\,\#ffffff\,\#f8fbff\)\] {
    background-image: linear-gradient(#fff, #f8fbff);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(15\,23\,42\,0\.08\)\,rgba\(15\,23\,42\,0\.18\)_38\%\,rgba\(15\,23\,42\,0\.72\)\)\] {
    background-image: linear-gradient(#0f172a14, #0f172a2e 38%, #0f172ab8);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.98\)\,rgba\(248\,250\,252\,0\.96\)\)\] {
    background-image: linear-gradient(#fffffffa, #f8fafcf5);
  }

  .bg-\[radial-gradient\(circle_at_top_left\,rgba\(59\,130\,246\,0\.18\)\,transparent_42\%\)\,linear-gradient\(180deg\,\#ffffff\,\#f8fbff\)\] {
    background-image: radial-gradient(circle at 0 0, #3b82f62e, #0000 42%), linear-gradient(#fff, #f8fbff);
  }

  .bg-\[radial-gradient\(ellipse_at_top\,_var\(--tw-gradient-stops\)\)\] {
    background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops));
  }

  .from-amber-50 {
    --tw-gradient-from: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-300 {
    --tw-gradient-from: var(--color-amber-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-amber-500\/18 {
    --tw-gradient-from: #f99c002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-amber-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 18%, transparent);
    }
  }

  .from-amber-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-400 {
    --tw-gradient-from: var(--color-blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500\/5 {
    --tw-gradient-from: #3080ff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-blue-500\/5 {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
    }
  }

  .from-blue-500\/5 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-500\/18 {
    --tw-gradient-from: #3080ff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-blue-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 18%, transparent);
    }
  }

  .from-blue-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-600 {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-50 {
    --tw-gradient-from: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-500\/18 {
    --tw-gradient-from: #00b7d72e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-cyan-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 18%, transparent);
    }
  }

  .from-cyan-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-500\/18 {
    --tw-gradient-from: #00bb7f2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-emerald-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 18%, transparent);
    }
  }

  .from-emerald-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-fuchsia-50 {
    --tw-gradient-from: var(--color-fuchsia-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-fuchsia-500 {
    --tw-gradient-from: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-fuchsia-500\/18 {
    --tw-gradient-from: #e12afb2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-fuchsia-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-500) 18%, transparent);
    }
  }

  .from-fuchsia-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-50 {
    --tw-gradient-from: var(--color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-100 {
    --tw-gradient-from: var(--color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-gray-900 {
    --tw-gradient-from: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-50 {
    --tw-gradient-from: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-green-500\/18 {
    --tw-gradient-from: #00c7582e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 18%, transparent);
    }
  }

  .from-green-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-50 {
    --tw-gradient-from: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-500 {
    --tw-gradient-from: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-500\/18 {
    --tw-gradient-from: #625fff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-indigo-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 18%, transparent);
    }
  }

  .from-indigo-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-indigo-600 {
    --tw-gradient-from: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-lime-50 {
    --tw-gradient-from: var(--color-lime-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-lime-500 {
    --tw-gradient-from: var(--color-lime-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-lime-500\/18 {
    --tw-gradient-from: #80cd002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-lime-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-lime-500) 18%, transparent);
    }
  }

  .from-lime-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-50 {
    --tw-gradient-from: var(--color-orange-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-orange-500\/18 {
    --tw-gradient-from: #fe6e002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-orange-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 18%, transparent);
    }
  }

  .from-orange-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pink-50 {
    --tw-gradient-from: var(--color-pink-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pink-500 {
    --tw-gradient-from: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pink-500\/18 {
    --tw-gradient-from: #f6339a2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-pink-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 18%, transparent);
    }
  }

  .from-pink-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-50 {
    --tw-gradient-from: var(--color-purple-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-500\/18 {
    --tw-gradient-from: #ac4bff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-purple-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 18%, transparent);
    }
  }

  .from-purple-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-500\/50 {
    --tw-gradient-from: #ac4bff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-purple-500\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 50%, transparent);
    }
  }

  .from-purple-500\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-purple-600 {
    --tw-gradient-from: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-50 {
    --tw-gradient-from: var(--color-red-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-500 {
    --tw-gradient-from: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-red-500\/18 {
    --tw-gradient-from: #fb2c362e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-red-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 18%, transparent);
    }
  }

  .from-red-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-50 {
    --tw-gradient-from: var(--color-rose-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-500 {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-500\/18 {
    --tw-gradient-from: #ff23572e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-rose-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 18%, transparent);
    }
  }

  .from-rose-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-600 {
    --tw-gradient-from: var(--color-rose-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-50 {
    --tw-gradient-from: var(--color-sky-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-200 {
    --tw-gradient-from: var(--color-sky-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-500 {
    --tw-gradient-from: var(--color-sky-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-sky-500\/18 {
    --tw-gradient-from: #00a5ef2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-sky-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 18%, transparent);
    }
  }

  .from-sky-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-500 {
    --tw-gradient-from: var(--color-slate-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-500\/18 {
    --tw-gradient-from: #62748e2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-slate-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-500) 18%, transparent);
    }
  }

  .from-slate-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-950 {
    --tw-gradient-from: var(--color-slate-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-950\/55 {
    --tw-gradient-from: #0206188c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-slate-950\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 55%, transparent);
    }
  }

  .from-slate-950\/55 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-950\/70 {
    --tw-gradient-from: #020618b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-slate-950\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 70%, transparent);
    }
  }

  .from-slate-950\/70 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-950\/72 {
    --tw-gradient-from: #020618b8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-slate-950\/72 {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 72%, transparent);
    }
  }

  .from-slate-950\/72 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stone-50 {
    --tw-gradient-from: var(--color-stone-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stone-500 {
    --tw-gradient-from: var(--color-stone-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-stone-500\/18 {
    --tw-gradient-from: #79716b2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-stone-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-stone-500) 18%, transparent);
    }
  }

  .from-stone-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-teal-50 {
    --tw-gradient-from: var(--color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-teal-500 {
    --tw-gradient-from: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-teal-500\/18 {
    --tw-gradient-from: #00baa72e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-teal-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 18%, transparent);
    }
  }

  .from-teal-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-violet-50 {
    --tw-gradient-from: var(--color-violet-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-violet-500 {
    --tw-gradient-from: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-violet-500\/18 {
    --tw-gradient-from: #8d54ff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-violet-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 18%, transparent);
    }
  }

  .from-violet-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-white\/50 {
    --tw-gradient-from: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .from-white\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-yellow-50 {
    --tw-gradient-from: var(--color-yellow-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-yellow-500 {
    --tw-gradient-from: var(--color-yellow-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-yellow-500\/18 {
    --tw-gradient-from: #edb2002e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-yellow-500\/18 {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-500) 18%, transparent);
    }
  }

  .from-yellow-500\/18 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-amber-50 {
    --tw-gradient-via: var(--color-amber-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-amber-500 {
    --tw-gradient-via: var(--color-amber-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-amber-500\/12 {
    --tw-gradient-via: #f99c001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-amber-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 12%, transparent);
    }
  }

  .via-amber-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-blue-50 {
    --tw-gradient-via: var(--color-blue-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-blue-500 {
    --tw-gradient-via: var(--color-blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-blue-500\/12 {
    --tw-gradient-via: #3080ff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-blue-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-blue-500) 12%, transparent);
    }
  }

  .via-blue-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-blue-600 {
    --tw-gradient-via: var(--color-blue-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-emerald-50 {
    --tw-gradient-via: var(--color-emerald-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-emerald-500 {
    --tw-gradient-via: var(--color-emerald-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-emerald-500\/12 {
    --tw-gradient-via: #00bb7f1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-emerald-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 12%, transparent);
    }
  }

  .via-emerald-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-fuchsia-50 {
    --tw-gradient-via: var(--color-fuchsia-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-fuchsia-500 {
    --tw-gradient-via: var(--color-fuchsia-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-fuchsia-500\/12 {
    --tw-gradient-via: #e12afb1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-fuchsia-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-500) 12%, transparent);
    }
  }

  .via-fuchsia-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-gray-50 {
    --tw-gradient-via: var(--color-gray-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-gray-500 {
    --tw-gradient-via: var(--color-gray-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-gray-500\/12 {
    --tw-gradient-via: #6a72821f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-gray-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-gray-500) 12%, transparent);
    }
  }

  .via-gray-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-gray-700 {
    --tw-gradient-via: var(--color-gray-700);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-green-50 {
    --tw-gradient-via: var(--color-green-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-green-500 {
    --tw-gradient-via: var(--color-green-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-green-500\/12 {
    --tw-gradient-via: #00c7581f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-green-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-green-500) 12%, transparent);
    }
  }

  .via-green-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-50 {
    --tw-gradient-via: var(--color-indigo-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-500 {
    --tw-gradient-via: var(--color-indigo-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-500\/12 {
    --tw-gradient-via: #625fff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-indigo-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-indigo-500) 12%, transparent);
    }
  }

  .via-indigo-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-indigo-600 {
    --tw-gradient-via: var(--color-indigo-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-50 {
    --tw-gradient-via: var(--color-orange-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-300 {
    --tw-gradient-via: var(--color-orange-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-500 {
    --tw-gradient-via: var(--color-orange-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-orange-500\/12 {
    --tw-gradient-via: #fe6e001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-orange-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 12%, transparent);
    }
  }

  .via-orange-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-pink-50 {
    --tw-gradient-via: var(--color-pink-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-pink-500 {
    --tw-gradient-via: var(--color-pink-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-pink-500\/12 {
    --tw-gradient-via: #f6339a1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-pink-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-pink-500) 12%, transparent);
    }
  }

  .via-pink-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-50 {
    --tw-gradient-via: var(--color-purple-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-400 {
    --tw-gradient-via: var(--color-purple-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-500 {
    --tw-gradient-via: var(--color-purple-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-500\/12 {
    --tw-gradient-via: #ac4bff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-purple-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 12%, transparent);
    }
  }

  .via-purple-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-500\/20 {
    --tw-gradient-via: #ac4bff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-purple-500\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }

  .via-purple-500\/20 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-purple-600 {
    --tw-gradient-via: var(--color-purple-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-rose-50 {
    --tw-gradient-via: var(--color-rose-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-rose-500 {
    --tw-gradient-via: var(--color-rose-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-rose-500\/12 {
    --tw-gradient-via: #ff23571f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-rose-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 12%, transparent);
    }
  }

  .via-rose-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-50 {
    --tw-gradient-via: var(--color-sky-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-50\/60 {
    --tw-gradient-via: #f0f9ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-sky-50\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
    }
  }

  .via-sky-50\/60 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-500 {
    --tw-gradient-via: var(--color-sky-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-500\/12 {
    --tw-gradient-via: #00a5ef1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-sky-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-sky-500) 12%, transparent);
    }
  }

  .via-sky-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-600 {
    --tw-gradient-via: var(--color-sky-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-50 {
    --tw-gradient-via: var(--color-slate-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-500 {
    --tw-gradient-via: var(--color-slate-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-500\/12 {
    --tw-gradient-via: #62748e1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-slate-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-500) 12%, transparent);
    }
  }

  .via-slate-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-900 {
    --tw-gradient-via: var(--color-slate-900);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-950\/12 {
    --tw-gradient-via: #0206181f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-slate-950\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-950) 12%, transparent);
    }
  }

  .via-slate-950\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-slate-950\/20 {
    --tw-gradient-via: #02061833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-slate-950\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-slate-950) 20%, transparent);
    }
  }

  .via-slate-950\/20 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-teal-50 {
    --tw-gradient-via: var(--color-teal-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-teal-500\/12 {
    --tw-gradient-via: #00baa71f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-teal-500\/12 {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 12%, transparent);
    }
  }

  .via-teal-500\/12 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-50 {
    --tw-gradient-to: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-amber-500 {
    --tw-gradient-to: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-amber-500\/8 {
    --tw-gradient-to: #f99c0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-amber-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
    }
  }

  .to-amber-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-50 {
    --tw-gradient-to: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-500\/8 {
    --tw-gradient-to: #3080ff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
    }
  }

  .to-blue-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-blue-950 {
    --tw-gradient-to: var(--color-blue-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-50 {
    --tw-gradient-to: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-500\/8 {
    --tw-gradient-to: #00b7d714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-cyan-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 8%, transparent);
    }
  }

  .to-cyan-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-50 {
    --tw-gradient-to: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-fuchsia-50 {
    --tw-gradient-to: var(--color-fuchsia-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-fuchsia-500 {
    --tw-gradient-to: var(--color-fuchsia-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-50 {
    --tw-gradient-to: var(--color-gray-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-200 {
    --tw-gradient-to: var(--color-gray-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-gray-500 {
    --tw-gradient-to: var(--color-gray-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-green-50 {
    --tw-gradient-to: var(--color-green-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-green-500 {
    --tw-gradient-to: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-green-500\/8 {
    --tw-gradient-to: #00c75814;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-green-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-500) 8%, transparent);
    }
  }

  .to-green-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-500\/8 {
    --tw-gradient-to: #625fff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-indigo-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 8%, transparent);
    }
  }

  .to-indigo-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-600 {
    --tw-gradient-to: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-lime-50 {
    --tw-gradient-to: var(--color-lime-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-lime-500 {
    --tw-gradient-to: var(--color-lime-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-lime-500\/8 {
    --tw-gradient-to: #80cd0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-lime-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-lime-500) 8%, transparent);
    }
  }

  .to-lime-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-orange-50 {
    --tw-gradient-to: var(--color-orange-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-orange-500\/8 {
    --tw-gradient-to: #fe6e0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-orange-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 8%, transparent);
    }
  }

  .to-orange-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-50 {
    --tw-gradient-to: var(--color-pink-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-400 {
    --tw-gradient-to: var(--color-pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-500 {
    --tw-gradient-to: var(--color-pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-500\/8 {
    --tw-gradient-to: #f6339a14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-pink-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 8%, transparent);
    }
  }

  .to-pink-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-600 {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-50 {
    --tw-gradient-to: var(--color-purple-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-500\/5 {
    --tw-gradient-to: #ac4bff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-purple-500\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 5%, transparent);
    }
  }

  .to-purple-500\/5 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-50 {
    --tw-gradient-to: var(--color-rose-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-300 {
    --tw-gradient-to: var(--color-rose-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-500 {
    --tw-gradient-to: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-500\/8 {
    --tw-gradient-to: #ff235714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-rose-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 8%, transparent);
    }
  }

  .to-rose-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-800 {
    --tw-gradient-to: var(--color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-50 {
    --tw-gradient-to: var(--color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-500\/8 {
    --tw-gradient-to: #00baa714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-teal-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 8%, transparent);
    }
  }

  .to-teal-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-50 {
    --tw-gradient-to: var(--color-violet-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-500 {
    --tw-gradient-to: var(--color-violet-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-500\/8 {
    --tw-gradient-to: #8d54ff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-violet-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 8%, transparent);
    }
  }

  .to-violet-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-600 {
    --tw-gradient-to: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-violet-700 {
    --tw-gradient-to: var(--color-violet-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-50 {
    --tw-gradient-to: var(--color-yellow-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-500 {
    --tw-gradient-to: var(--color-yellow-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-500\/8 {
    --tw-gradient-to: #edb20014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-yellow-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-500) 8%, transparent);
    }
  }

  .to-yellow-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-zinc-50 {
    --tw-gradient-to: var(--color-zinc-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-zinc-500 {
    --tw-gradient-to: var(--color-zinc-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-zinc-500\/8 {
    --tw-gradient-to: #71717b14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-zinc-500\/8 {
      --tw-gradient-to: color-mix(in oklab, var(--color-zinc-500) 8%, transparent);
    }
  }

  .to-zinc-500\/8 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-yellow-400 {
    fill: var(--color-yellow-400);
  }

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

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-px {
    padding: 1px;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }

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

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

  .text-right {
    text-align: right;
  }

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

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-serif {
    font-family: var(--font-display);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[0\.67rem\] {
    font-size: .67rem;
  }

  .text-\[0\.68rem\] {
    font-size: .68rem;
  }

  .text-\[0\.72rem\] {
    font-size: .72rem;
  }

  .text-\[0\.92rem\] {
    font-size: .92rem;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem;
  }

  .text-\[0\.96rem\] {
    font-size: .96rem;
  }

  .text-\[0\.98rem\] {
    font-size: .98rem;
  }

  .text-\[1\.02rem\] {
    font-size: 1.02rem;
  }

  .text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .text-\[1\.7rem\] {
    font-size: 1.7rem;
  }

  .text-\[1\.08rem\] {
    font-size: 1.08rem;
  }

  .text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }

  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .text-\[1\.28rem\] {
    font-size: 1.28rem;
  }

  .text-\[1\.35rem\] {
    font-size: 1.35rem;
  }

  .text-\[1\.45rem\] {
    font-size: 1.45rem;
  }

  .text-\[1rem\] {
    font-size: 1rem;
  }

  .text-\[2\.2rem\] {
    font-size: 2.2rem;
  }

  .text-\[2\.15rem\] {
    font-size: 2.15rem;
  }

  .text-\[2\.25rem\] {
    font-size: 2.25rem;
  }

  .text-\[2\.35rem\] {
    font-size: 2.35rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

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

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

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

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

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

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

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

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.25em\] {
    --tw-tracking: .25em;
    letter-spacing: .25em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .text-balance {
    text-wrap: balance;
  }

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

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-100 {
    color: var(--color-blue-100);
  }

  .text-blue-100\/70 {
    color: #dbeafeb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-100\/70 {
      color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
    }
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-800 {
    color: var(--color-emerald-800);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }

  .text-fuchsia-700 {
    color: var(--color-fuchsia-700);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-gray-950 {
    color: var(--color-gray-950);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-lime-600 {
    color: var(--color-lime-600);
  }

  .text-lime-700 {
    color: var(--color-lime-700);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-pink-600 {
    color: var(--color-pink-600);
  }

  .text-pink-700 {
    color: var(--color-pink-700);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-sky-700\/80 {
    color: #0069a4cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sky-700\/80 {
      color: color-mix(in oklab, var(--color-sky-700) 80%, transparent);
    }
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-stone-600 {
    color: var(--color-stone-600);
  }

  .text-stone-700 {
    color: var(--color-stone-700);
  }

  .text-teal-600 {
    color: var(--color-teal-600);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .text-white\/68 {
    color: #ffffffad;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/68 {
      color: color-mix(in oklab, var(--color-white) 68%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .uppercase {
    text-transform: uppercase;
  }

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

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_-42px_rgba\(15\,23\,42\,0\.28\)\] {
    --tw-shadow: 0 18px 60px -42px var(--tw-shadow-color, #0f172a47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_-46px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 0 18px 60px -46px var(--tw-shadow-color, #0f172a73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_60px_-50px_rgba\(15\,23\,42\,0\.5\)\] {
    --tw-shadow: 0 18px 60px -50px var(--tw-shadow-color, #0f172a80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_55px_rgba\(15\,23\,42\,0\.16\)\] {
    --tw-shadow: 0 20px 55px var(--tw-shadow-color, #0f172a29);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_70px_-40px_rgba\(15\,23\,42\,0\.3\)\] {
    --tw-shadow: 0 20px 70px -40px var(--tw-shadow-color, #0f172a4d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_70px_-40px_rgba\(79\,70\,229\,0\.32\)\] {
    --tw-shadow: 0 20px 70px -40px var(--tw-shadow-color, #4f46e552);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_70px_-54px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 0 20px 70px -54px var(--tw-shadow-color, #0f172a73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_60px_-32px_rgba\(15\,23\,42\,0\.28\)\] {
    --tw-shadow: 0 24px 60px -32px var(--tw-shadow-color, #0f172a47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_80px_-48px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 0 24px 80px -48px var(--tw-shadow-color, #0f172a73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_80px_-52px_rgba\(15\,23\,42\,0\.5\)\] {
    --tw-shadow: 0 24px 80px -52px var(--tw-shadow-color, #0f172a80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_80px_-52px_rgba\(15\,23\,42\,0\.48\)\] {
    --tw-shadow: 0 24px 80px -52px var(--tw-shadow-color, #0f172a7a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_26px_60px_-30px_rgba\(15\,23\,42\,0\.4\)\] {
    --tw-shadow: 0 26px 60px -30px var(--tw-shadow-color, #0f172a66);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_90px_-50px_rgba\(15\,23\,42\,0\.58\)\] {
    --tw-shadow: 0 28px 90px -50px var(--tw-shadow-color, #0f172a94);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_100px_-56px_rgba\(15\,23\,42\,0\.5\)\] {
    --tw-shadow: 0 28px 100px -56px var(--tw-shadow-color, #0f172a80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_90px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 30px 90px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_36px_100px_rgba\(15\,23\,42\,0\.22\)\] {
    --tw-shadow: 0 36px 100px var(--tw-shadow-color, #0f172a38);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.55\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff8c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/5 {
    --tw-shadow-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/5 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/10 {
    --tw-shadow-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/15 {
    --tw-shadow-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/30 {
    --tw-shadow-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/40 {
    --tw-shadow-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/40 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-500\/20 {
    --tw-shadow-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-indigo-500\/15 {
    --tw-shadow-color: #625fff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-indigo-500\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-indigo-500\/30 {
    --tw-shadow-color: #625fff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-indigo-500\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-red-500\/10 {
    --tw-shadow-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-500\/10 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-sky-100 {
    --tw-shadow-color: #dff2fe;
  }

  @supports (color: lab(0% 0 0)) {
    .shadow-sky-100 {
      --tw-shadow-color: lab(94.3709% -4.56053 -8.23453);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-sky-100 {
      --tw-shadow-color: color-mix(in oklab, var(--color-sky-100) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-sky-100\/70 {
    --tw-shadow-color: #dff2feb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-sky-100\/70 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-100) 70%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-200\/80 {
    --tw-shadow-color: #e2e8f0cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-200\/80 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 80%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-950\/5 {
    --tw-shadow-color: #0206180d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-950\/5 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-950\/14 {
    --tw-shadow-color: #02061824;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-950\/14 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 14%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-950\/15 {
    --tw-shadow-color: #02061826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-950\/15 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-slate-950\/20 {
    --tw-shadow-color: #02061833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-slate-950\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-white {
    --tw-shadow-color: #fff;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-white {
      --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-white\/20 {
    --tw-shadow-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-white\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-amber-100\/\[0\.25\] {
    --tw-ring-color: #fef3c640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-100\/\[0\.25\] {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-100) 25%, transparent);
    }
  }

  .ring-emerald-100\/\[0\.25\] {
    --tw-ring-color: #d0fae540;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-100\/\[0\.25\] {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-100) 25%, transparent);
    }
  }

  .ring-fuchsia-100\/\[0\.25\] {
    --tw-ring-color: #fae8ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-fuchsia-100\/\[0\.25\] {
      --tw-ring-color: color-mix(in oklab, var(--color-fuchsia-100) 25%, transparent);
    }
  }

  .ring-indigo-50 {
    --tw-ring-color: var(--color-indigo-50);
  }

  .ring-sky-100 {
    --tw-ring-color: var(--color-sky-100);
  }

  .ring-sky-100\/30 {
    --tw-ring-color: #dff2fe4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-sky-100\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-100) 30%, transparent);
    }
  }

  .ring-slate-200\/70 {
    --tw-ring-color: #e2e8f0b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-slate-200\/70 {
      --tw-ring-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }

  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .ring-white\/30 {
    --tw-ring-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .ring-white\/40 {
    --tw-ring-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .ring-white\/70 {
    --tw-ring-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/70 {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .ring-white\/\[0\.15\] {
    --tw-ring-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-white\/\[0\.15\] {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    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-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -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, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\,border-color\,background-color\] {
    transition-property: color, box-shadow, border-color, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }

  .\[-webkit-line-clamp\:3\] {
    -webkit-line-clamp: 3;
  }

  .running {
    animation-play-state: running;
  }

  @media (hover: hover) {
    .group-hover\:w-\[calc\(100\%-1\.5rem\)\]:is(:where(.group):hover *) {
      width: calc(100% - 1.5rem);
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-1:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:scale-\[1\.045\]:is(:where(.group):hover *) {
      scale: 1.045;
    }

    .group-hover\:rotate-3:is(:where(.group):hover *) {
      rotate: 3deg;
    }

    .group-hover\:border-amber-200:is(:where(.group):hover *) {
      border-color: var(--color-amber-200);
    }

    .group-hover\:border-black\/15:is(:where(.group):hover *) {
      border-color: #00000026;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-black\/15:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
    }

    .group-hover\:border-blue-200:is(:where(.group):hover *) {
      border-color: var(--color-blue-200);
    }

    .group-hover\:border-cyan-200:is(:where(.group):hover *) {
      border-color: var(--color-cyan-200);
    }

    .group-hover\:border-emerald-200:is(:where(.group):hover *) {
      border-color: var(--color-emerald-200);
    }

    .group-hover\:border-fuchsia-200:is(:where(.group):hover *) {
      border-color: var(--color-fuchsia-200);
    }

    .group-hover\:border-green-200:is(:where(.group):hover *) {
      border-color: var(--color-green-200);
    }

    .group-hover\:border-indigo-200:is(:where(.group):hover *) {
      border-color: var(--color-indigo-200);
    }

    .group-hover\:border-lime-200:is(:where(.group):hover *) {
      border-color: var(--color-lime-200);
    }

    .group-hover\:border-orange-200:is(:where(.group):hover *) {
      border-color: var(--color-orange-200);
    }

    .group-hover\:border-pink-200:is(:where(.group):hover *) {
      border-color: var(--color-pink-200);
    }

    .group-hover\:border-purple-200:is(:where(.group):hover *) {
      border-color: var(--color-purple-200);
    }

    .group-hover\:border-red-200:is(:where(.group):hover *) {
      border-color: var(--color-red-200);
    }

    .group-hover\:border-rose-200:is(:where(.group):hover *) {
      border-color: var(--color-rose-200);
    }

    .group-hover\:border-sky-200:is(:where(.group):hover *) {
      border-color: var(--color-sky-200);
    }

    .group-hover\:border-slate-200:is(:where(.group):hover *) {
      border-color: var(--color-slate-200);
    }

    .group-hover\:border-stone-200:is(:where(.group):hover *) {
      border-color: var(--color-stone-200);
    }

    .group-hover\:border-teal-200:is(:where(.group):hover *) {
      border-color: var(--color-teal-200);
    }

    .group-hover\:border-violet-200:is(:where(.group):hover *) {
      border-color: var(--color-violet-200);
    }

    .group-hover\:border-yellow-200:is(:where(.group):hover *) {
      border-color: var(--color-yellow-200);
    }

    .group-hover\:bg-amber-50:is(:where(.group):hover *) {
      background-color: var(--color-amber-50);
    }

    .group-hover\:bg-blue-50:is(:where(.group):hover *) {
      background-color: var(--color-blue-50);
    }

    .group-hover\:bg-cyan-50:is(:where(.group):hover *) {
      background-color: var(--color-cyan-50);
    }

    .group-hover\:bg-emerald-50:is(:where(.group):hover *) {
      background-color: var(--color-emerald-50);
    }

    .group-hover\:bg-fuchsia-50:is(:where(.group):hover *) {
      background-color: var(--color-fuchsia-50);
    }

    .group-hover\:bg-green-50:is(:where(.group):hover *) {
      background-color: var(--color-green-50);
    }

    .group-hover\:bg-indigo-50:is(:where(.group):hover *) {
      background-color: var(--color-indigo-50);
    }

    .group-hover\:bg-lime-50:is(:where(.group):hover *) {
      background-color: var(--color-lime-50);
    }

    .group-hover\:bg-orange-50:is(:where(.group):hover *) {
      background-color: var(--color-orange-50);
    }

    .group-hover\:bg-pink-50:is(:where(.group):hover *) {
      background-color: var(--color-pink-50);
    }

    .group-hover\:bg-purple-50:is(:where(.group):hover *) {
      background-color: var(--color-purple-50);
    }

    .group-hover\:bg-red-50:is(:where(.group):hover *) {
      background-color: var(--color-red-50);
    }

    .group-hover\:bg-rose-50:is(:where(.group):hover *) {
      background-color: var(--color-rose-50);
    }

    .group-hover\:bg-sky-50:is(:where(.group):hover *) {
      background-color: var(--color-sky-50);
    }

    .group-hover\:bg-slate-50:is(:where(.group):hover *) {
      background-color: var(--color-slate-50);
    }

    .group-hover\:bg-stone-50:is(:where(.group):hover *) {
      background-color: var(--color-stone-50);
    }

    .group-hover\:bg-teal-50:is(:where(.group):hover *) {
      background-color: var(--color-teal-50);
    }

    .group-hover\:bg-violet-50:is(:where(.group):hover *) {
      background-color: var(--color-violet-50);
    }

    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white);
    }

    .group-hover\:bg-yellow-50:is(:where(.group):hover *) {
      background-color: var(--color-yellow-50);
    }

    .group-hover\:text-amber-700:is(:where(.group):hover *) {
      color: var(--color-amber-700);
    }

    .group-hover\:text-blue-700:is(:where(.group):hover *) {
      color: var(--color-blue-700);
    }

    .group-hover\:text-cyan-700:is(:where(.group):hover *) {
      color: var(--color-cyan-700);
    }

    .group-hover\:text-emerald-700:is(:where(.group):hover *) {
      color: var(--color-emerald-700);
    }

    .group-hover\:text-fuchsia-700:is(:where(.group):hover *) {
      color: var(--color-fuchsia-700);
    }

    .group-hover\:text-gray-800:is(:where(.group):hover *) {
      color: var(--color-gray-800);
    }

    .group-hover\:text-gray-900:is(:where(.group):hover *) {
      color: var(--color-gray-900);
    }

    .group-hover\:text-gray-950:is(:where(.group):hover *) {
      color: var(--color-gray-950);
    }

    .group-hover\:text-green-700:is(:where(.group):hover *) {
      color: var(--color-green-700);
    }

    .group-hover\:text-indigo-700:is(:where(.group):hover *) {
      color: var(--color-indigo-700);
    }

    .group-hover\:text-lime-700:is(:where(.group):hover *) {
      color: var(--color-lime-700);
    }

    .group-hover\:text-orange-700:is(:where(.group):hover *) {
      color: var(--color-orange-700);
    }

    .group-hover\:text-pink-700:is(:where(.group):hover *) {
      color: var(--color-pink-700);
    }

    .group-hover\:text-purple-700:is(:where(.group):hover *) {
      color: var(--color-purple-700);
    }

    .group-hover\:text-red-700:is(:where(.group):hover *) {
      color: var(--color-red-700);
    }

    .group-hover\:text-rose-700:is(:where(.group):hover *) {
      color: var(--color-rose-700);
    }

    .group-hover\:text-sky-600:is(:where(.group):hover *) {
      color: var(--color-sky-600);
    }

    .group-hover\:text-sky-700:is(:where(.group):hover *) {
      color: var(--color-sky-700);
    }

    .group-hover\:text-slate-700:is(:where(.group):hover *) {
      color: var(--color-slate-700);
    }

    .group-hover\:text-slate-900:is(:where(.group):hover *) {
      color: var(--color-slate-900);
    }

    .group-hover\:text-stone-700:is(:where(.group):hover *) {
      color: var(--color-stone-700);
    }

    .group-hover\:text-teal-700:is(:where(.group):hover *) {
      color: var(--color-teal-700);
    }

    .group-hover\:text-violet-700:is(:where(.group):hover *) {
      color: var(--color-violet-700);
    }

    .group-hover\:text-yellow-700:is(:where(.group):hover *) {
      color: var(--color-yellow-700);
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9;
    }

    .group-hover\:opacity-95:is(:where(.group):hover *) {
      opacity: .95;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }

    .group-hover\:shadow-\[0_32px_90px_-48px_rgba\(15\,23\,42\,0\.5\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 32px 90px -48px var(--tw-shadow-color, #0f172a80);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-\[0_32px_92px_-54px_rgba\(15\,23\,42\,0\.55\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 32px 92px -54px var(--tw-shadow-color, #0f172a8c);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-lg:is(:where(.group):hover *) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\/feature\:translate-x-0\.5:is(:where(.group\/feature):hover *), .group-hover\/item\:translate-x-0\.5:is(:where(.group\/item):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\/item\:bg-amber-100:is(:where(.group\/item):hover *) {
      background-color: var(--color-amber-100);
    }

    .group-hover\/item\:bg-rose-100:is(:where(.group\/item):hover *) {
      background-color: var(--color-rose-100);
    }

    .group-hover\/item\:text-slate-600:is(:where(.group\/item):hover *) {
      color: var(--color-slate-600);
    }

    .group-hover\/item\:text-slate-700:is(:where(.group\/item):hover *) {
      color: var(--color-slate-700);
    }

    .group-hover\/support\:translate-x-0\.5:is(:where(.group\/support):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .peer-checked\:translate-x-5:is(:where(.peer):checked ~ *) {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .peer-checked\:border-blue-600:is(:where(.peer):checked ~ *) {
    border-color: var(--color-blue-600);
  }

  .peer-checked\:bg-blue-600:is(:where(.peer):checked ~ *) {
    background-color: var(--color-blue-600);
  }

  .peer-focus-visible\:ring-4:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-focus-visible\:ring-blue-200:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-color: var(--color-blue-200);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-disabled\:opacity-80:is(:where(.peer):disabled ~ *) {
    opacity: .8;
  }

  .selection\:bg-primary ::selection, .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400);
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

    .hover\:scale-\[1\.03\]:hover {
      scale: 1.03;
    }

    .hover\:border-black\/8:hover {
      border-color: #00000014;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/8:hover {
        border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
      }
    }

    .hover\:border-black\/12:hover {
      border-color: #0000001f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/12:hover {
        border-color: color-mix(in oklab, var(--color-black) 12%, transparent);
      }
    }

    .hover\:border-black\/16:hover {
      border-color: #00000029;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/16:hover {
        border-color: color-mix(in oklab, var(--color-black) 16%, transparent);
      }
    }

    .hover\:border-black\/20:hover {
      border-color: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/20:hover {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }

    .hover\:border-blue-200:hover {
      border-color: var(--color-blue-200);
    }

    .hover\:border-indigo-200:hover {
      border-color: var(--color-indigo-200);
    }

    .hover\:border-slate-200:hover {
      border-color: var(--color-slate-200);
    }

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300);
    }

    .hover\:border-slate-900:hover {
      border-color: var(--color-slate-900);
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-900:hover {
      background-color: var(--color-gray-900);
    }

    .hover\:bg-primary\/92:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/92:hover {
        background-color: color-mix(in oklab, var(--primary) 92%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .hover\:bg-sky-50:hover {
      background-color: var(--color-sky-50);
    }

    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }

    .hover\:bg-slate-900:hover {
      background-color: var(--color-slate-900);
    }

    .hover\:bg-slate-950:hover {
      background-color: var(--color-slate-950);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/12:hover {
      background-color: #ffffff1f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/12:hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.12\]:hover {
      background-color: #ffffff1f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }

    .hover\:from-indigo-700:hover {
      --tw-gradient-from: var(--color-indigo-700);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:via-blue-700:hover {
      --tw-gradient-via: var(--color-blue-700);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .hover\:to-violet-700:hover {
      --tw-gradient-to: var(--color-violet-700);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-gray-950:hover {
      color: var(--color-gray-950);
    }

    .hover\:text-sky-700:hover {
      color: var(--color-sky-700);
    }

    .hover\:text-sky-900:hover {
      color: var(--color-sky-900);
    }

    .hover\:text-slate-800:hover {
      color: var(--color-slate-800);
    }

    .hover\:text-slate-900:hover {
      color: var(--color-slate-900);
    }

    .hover\:text-slate-950:hover {
      color: var(--color-slate-950);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

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

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

    .hover\:shadow-2xl:hover {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_28px_70px_-32px_rgba\(15\,23\,42\,0\.34\)\]:hover {
      --tw-shadow: 0 28px 70px -32px var(--tw-shadow-color, #0f172a57);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-black\/5:hover {
      --tw-shadow-color: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-black\/5:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-black\/10:hover {
      --tw-shadow-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-black\/10:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-black\/15:hover {
      --tw-shadow-color: #00000026;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-black\/15:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-black\/20:hover {
      --tw-shadow-color: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-black\/20:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-black\/30:hover {
      --tw-shadow-color: #0000004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-black\/30:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-indigo-950\/5:hover {
      --tw-shadow-color: #1e1a4d0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-indigo-950\/5:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }

    .hover\:shadow-white\/30:hover {
      --tw-shadow-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-white\/30:hover {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-black\/20:focus {
    --tw-ring-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-black\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:bg-sky-50:focus-visible {
    background-color: var(--color-sky-50);
  }

  .focus-visible\:text-gray-950:focus-visible {
    color: var(--color-gray-950);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-blue-300:focus-visible {
    --tw-ring-color: var(--color-blue-300);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-slate-50:focus-visible {
    --tw-ring-offset-color: var(--color-slate-50);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

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

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>svg\]\:px-5:has( > svg) {
    padding-inline: calc(var(--spacing) * 5);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transform-none {
      transform: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 560px) {
    .min-\[560px\]\:h-\[360px\] {
      height: 360px;
    }

    .min-\[560px\]\:max-w-\[280px\] {
      max-width: 280px;
    }

    .min-\[560px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-5 {
      right: calc(var(--spacing) * 5);
    }

    .sm\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }

    .sm\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }

    .sm\:left-5 {
      left: calc(var(--spacing) * 5);
    }

    .sm\:left-6 {
      left: calc(var(--spacing) * 6);
    }

    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .sm\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }

    .sm\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }

    .sm\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }

    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }

    .sm\:mb-9 {
      margin-bottom: calc(var(--spacing) * 9);
    }

    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }

    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .sm\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16);
    }

    .sm\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

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

    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }

    .sm\:h-7 {
      height: calc(var(--spacing) * 7);
    }

    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .sm\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .sm\:min-h-screen {
      min-height: 100vh;
    }

    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }

    .sm\:w-7 {
      width: calc(var(--spacing) * 7);
    }

    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }

    .sm\:w-20 {
      width: calc(var(--spacing) * 20);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:w-full {
      width: 100%;
    }

    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:min-w-72 {
      min-width: calc(var(--spacing) * 72);
    }

    .sm\:translate-y-3 {
      --tw-translate-y: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .sm\:columns-2 {
      columns: 2;
    }

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

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

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

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }

    .sm\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }

    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }

    .sm\:rounded-\[1\.4rem\] {
      border-radius: 1.4rem;
    }

    .sm\:rounded-\[1\.6rem\] {
      border-radius: 1.6rem;
    }

    .sm\:rounded-\[1\.8rem\] {
      border-radius: 1.8rem;
    }

    .sm\:rounded-\[1\.25rem\] {
      border-radius: 1.25rem;
    }

    .sm\:rounded-\[2rem\] {
      border-radius: 2rem;
    }

    .sm\:bg-transparent {
      background-color: #0000;
    }

    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .sm\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }

    .sm\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .sm\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-\[0\.72rem\] {
      font-size: .72rem;
    }

    .sm\:text-\[0\.76rem\] {
      font-size: .76rem;
    }

    .sm\:text-\[0\.96rem\] {
      font-size: .96rem;
    }

    .sm\:text-\[0\.98rem\] {
      font-size: .98rem;
    }

    .sm\:text-\[1\.1rem\] {
      font-size: 1.1rem;
    }

    .sm\:text-\[1\.02rem\] {
      font-size: 1.02rem;
    }

    .sm\:text-\[1\.7rem\] {
      font-size: 1.7rem;
    }

    .sm\:text-\[1\.08rem\] {
      font-size: 1.08rem;
    }

    .sm\:text-\[1\.18rem\] {
      font-size: 1.18rem;
    }

    .sm\:text-\[1\.25rem\] {
      font-size: 1.25rem;
    }

    .sm\:text-\[1\.32rem\] {
      font-size: 1.32rem;
    }

    .sm\:text-\[1\.35rem\] {
      font-size: 1.35rem;
    }

    .sm\:text-\[1\.45rem\] {
      font-size: 1.45rem;
    }

    .sm\:text-\[1\.48rem\] {
      font-size: 1.48rem;
    }

    .sm\:text-\[2\.9rem\] {
      font-size: 2.9rem;
    }

    .sm\:text-\[2rem\] {
      font-size: 2rem;
    }

    .sm\:text-\[3\.2rem\] {
      font-size: 3.2rem;
    }

    .sm\:text-\[3\.3rem\] {
      font-size: 3.3rem;
    }

    .sm\:text-\[3\.5rem\] {
      font-size: 3.5rem;
    }

    .sm\:text-\[3\.15rem\] {
      font-size: 3.15rem;
    }

    .sm\:text-\[3rem\] {
      font-size: 3rem;
    }

    .sm\:text-\[15px\] {
      font-size: 15px;
    }

    .sm\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }

    .sm\:tracking-\[0\.18em\] {
      --tw-tracking: .18em;
      letter-spacing: .18em;
    }

    .sm\:tracking-\[0\.24em\] {
      --tw-tracking: .24em;
      letter-spacing: .24em;
    }

    .sm\:opacity-0 {
      opacity: 0;
    }

    .sm\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:grid {
      display: grid;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }

    .md\:scale-105 {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

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

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

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:overflow-visible {
      overflow: visible;
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .lg\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14);
    }

    .lg\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:max-h-\[calc\(100svh-7rem\)\] {
      max-height: calc(100svh - 7rem);
    }

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

    .lg\:min-h-\[430px\] {
      min-height: 430px;
    }

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

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

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

    .lg\:grid-cols-\[280px_minmax\(0\,1fr\)_240px\] {
      grid-template-columns: 280px minmax(0, 1fr) 240px;
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
      grid-template-columns: auto minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(20rem\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .85fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .lg\:self-start {
      align-self: flex-start;
    }

    .lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .lg\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .lg\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .lg\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .lg\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-\[2\.45rem\] {
      font-size: 2.45rem;
    }

    .lg\:text-\[4\.2rem\] {
      font-size: 4.2rem;
    }

    .lg\:text-\[4\.05rem\] {
      font-size: 4.05rem;
    }

    .lg\:text-\[4rem\] {
      font-size: 4rem;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mb-7 {
      margin-bottom: calc(var(--spacing) * 7);
    }

    .xl\:block {
      display: block;
    }

    .xl\:columns-3 {
      columns: 3;
    }

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

    .xl\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }

    .xl\:text-\[4\.8rem\] {
      font-size: 4.8rem;
    }

    .xl\:leading-\[1\] {
      --tw-leading: 1;
      line-height: 1;
    }
  }

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

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .prose-headings\:scroll-mt-28 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

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

  .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .prose-headings\:text-gray-950 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-950);
  }

  .prose-headings\:text-slate-950 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-950);
  }

  .prose-h1\:mb-7 :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .prose-h1\:text-\[2rem\] :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 2rem;
  }

  .prose-h1\:leading-\[1\.08\] :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  @media (min-width: 40rem) {
    .sm\:prose-h1\:text-\[2\.35rem\] :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 2.35rem;
    }
  }

  .prose-h2\:mt-10 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: calc(var(--spacing) * 10);
  }

  .prose-h2\:mt-14 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: calc(var(--spacing) * 14);
  }

  .prose-h2\:mb-4 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .prose-h2\:mb-5 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .prose-h2\:text-\[1\.6rem\] :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.6rem;
  }

  .prose-h2\:text-\[1\.55rem\] :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.55rem;
  }

  .prose-h2\:leading-\[1\.15\] :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .prose-h2\:leading-\[1\.18\] :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: 1.18;
    line-height: 1.18;
  }

  @media (min-width: 40rem) {
    .sm\:prose-h2\:text-\[1\.8rem\] :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 1.8rem;
    }
  }

  .prose-h3\:mt-8 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: calc(var(--spacing) * 8);
  }

  .prose-h3\:mt-10 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: calc(var(--spacing) * 10);
  }

  .prose-h3\:mb-3 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .prose-h3\:mb-4 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .prose-h3\:text-\[1\.2rem\] :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.2rem;
  }

  .prose-h3\:leading-\[1\.22\] :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: 1.22;
    line-height: 1.22;
  }

  @media (min-width: 40rem) {
    .sm\:prose-h3\:text-\[1\.3rem\] :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 1.3rem;
    }
  }

  .prose-h4\:mt-8 :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: calc(var(--spacing) * 8);
  }

  .prose-h4\:mb-4 :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .prose-h4\:text-\[1\.02rem\] :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.02rem;
  }

  .prose-h4\:leading-\[1\.3\] :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .prose-p\:my-5 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 5);
  }

  .prose-p\:text-\[0\.98rem\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .98rem;
  }

  .prose-p\:leading-7 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .prose-p\:\[text-wrap\:pretty\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-wrap: pretty;
  }

  .prose-p\:text-gray-700 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-700);
  }

  .prose-p\:text-slate-600 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-600);
  }

  .prose-p\:first-of-type\:mt-0 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-of-type {
    margin-top: calc(var(--spacing) * 0);
  }

  .prose-p\:first-of-type\:text-\[1rem\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-of-type {
    font-size: 1rem;
  }

  .prose-p\:first-of-type\:leading-7 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-of-type {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .prose-p\:first-of-type\:text-gray-600 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):first-of-type {
    color: var(--color-gray-600);
  }

  @media (min-width: 40rem) {
    .sm\:prose-p\:my-6 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-block: calc(var(--spacing) * 6);
    }

    .sm\:prose-p\:text-\[1rem\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 1rem;
    }

    .sm\:prose-p\:leading-8 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }

  .prose-a\:font-medium :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .prose-a\:text-blue-600 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-blue-600);
  }

  .prose-a\:text-violet-600 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-violet-600);
  }

  .prose-a\:decoration-blue-200 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    -webkit-text-decoration-color: var(--color-blue-200);
    text-decoration-color: var(--color-blue-200);
  }

  .prose-a\:decoration-violet-200 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    -webkit-text-decoration-color: var(--color-violet-200);
    -webkit-text-decoration-color: var(--color-violet-200);
    -webkit-text-decoration-color: var(--color-violet-200);
    -webkit-text-decoration-color: var(--color-violet-200);
    text-decoration-color: var(--color-violet-200);
  }

  .prose-a\:underline-offset-4 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    .hover\:prose-a\:text-blue-700:hover :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--color-blue-700);
    }

    .hover\:prose-a\:text-violet-700:hover :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--color-violet-700);
    }
  }

  .prose-blockquote\:my-8 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 8);
  }

  .prose-blockquote\:border-l-\[3px\] :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .prose-blockquote\:border-blue-200 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--color-blue-200);
  }

  .prose-blockquote\:border-violet-200 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--color-violet-200);
  }

  .prose-blockquote\:bg-blue-50\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: #eff6ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-blockquote\:bg-blue-50\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
    }
  }

  .prose-blockquote\:bg-violet-50\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: #f5f3ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-blockquote\:bg-violet-50\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 40%, transparent);
    }
  }

  .prose-blockquote\:py-1 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * 1);
  }

  .prose-blockquote\:pl-5 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: calc(var(--spacing) * 5);
  }

  .prose-blockquote\:text-\[0\.98rem\] :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .98rem;
  }

  .prose-blockquote\:leading-7 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .prose-blockquote\:text-gray-700 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-700);
  }

  .prose-blockquote\:text-slate-700 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-700);
  }

  .prose-strong\:font-semibold :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .prose-strong\:text-gray-950 :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-950);
  }

  .prose-strong\:text-slate-950 :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-950);
  }

  .prose-code\:rounded-md :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: calc(var(--radius)  - 2px);
  }

  .prose-code\:bg-gray-100 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--color-gray-100);
  }

  .prose-code\:bg-slate-100 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--color-slate-100);
  }

  .prose-code\:px-1\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .prose-code\:py-0\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * .5);
  }

  .prose-code\:text-\[0\.92em\] :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .92em;
  }

  .prose-code\:text-gray-900 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-900);
  }

  .prose-code\:text-slate-900 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-900);
  }

  .prose-pre\:my-8 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 8);
  }

  .prose-pre\:overflow-x-auto :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    overflow-x: auto;
  }

  .prose-pre\:rounded-\[20px\] :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: 20px;
  }

  .prose-pre\:border :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-pre\:border-black\/5 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-pre\:border-black\/5 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .prose-pre\:bg-gray-950 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--color-gray-950);
  }

  .prose-pre\:bg-slate-950 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--color-slate-950);
  }

  .prose-pre\:px-4 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .prose-pre\:py-4 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .sm\:prose-pre\:rounded-\[24px\] :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-radius: 24px;
    }

    .sm\:prose-pre\:px-6 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:prose-pre\:py-5 :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-block: calc(var(--spacing) * 5);
    }
  }

  .prose-ol\:my-6 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 6);
  }

  :where(.prose-ol\:space-y-2 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .prose-ol\:pl-5 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: calc(var(--spacing) * 5);
  }

  .prose-ul\:my-6 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 6);
  }

  :where(.prose-ul\:space-y-2 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .prose-ul\:pl-5 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: calc(var(--spacing) * 5);
  }

  .prose-li\:my-1 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 1);
  }

  .prose-li\:text-\[0\.96rem\] :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .96rem;
  }

  .prose-li\:leading-7 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .prose-li\:text-gray-700 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-700);
  }

  .prose-li\:text-slate-700 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-slate-700);
  }

  .prose-li\:marker\:text-blue-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) ::marker {
    color: var(--color-blue-400);
  }

  .prose-li\:marker\:text-blue-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--color-blue-400);
  }

  .prose-li\:marker\:text-blue-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) ::-webkit-details-marker {
    color: var(--color-blue-400);
  }

  .prose-li\:marker\:text-blue-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))::-webkit-details-marker {
    color: var(--color-blue-400);
  }

  .prose-li\:marker\:text-violet-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) ::marker {
    color: var(--color-violet-400);
  }

  .prose-li\:marker\:text-violet-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--color-violet-400);
  }

  .prose-li\:marker\:text-violet-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) ::-webkit-details-marker {
    color: var(--color-violet-400);
  }

  .prose-li\:marker\:text-violet-400 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))::-webkit-details-marker {
    color: var(--color-violet-400);
  }

  @media (min-width: 40rem) {
    .sm\:prose-li\:text-\[0\.98rem\] :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .98rem;
    }

    .sm\:prose-li\:leading-8 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }

  .prose-table\:block :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block;
  }

  .prose-table\:overflow-x-auto :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    overflow-x: auto;
  }

  .prose-table\:text-\[0\.96rem\] :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .96rem;
  }

  .prose-table\:whitespace-nowrap :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    white-space: nowrap;
  }

  @media (min-width: 40rem) {
    .sm\:prose-table\:table :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      display: table;
    }

    .sm\:prose-table\:overflow-visible :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      overflow: visible;
    }

    .sm\:prose-table\:text-\[0\.98rem\] :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .98rem;
    }

    .sm\:prose-table\:whitespace-normal :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      white-space: normal;
    }
  }

  .prose-th\:border-b :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .prose-th\:border-black\/10 :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-th\:border-black\/10 :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .prose-th\:pb-3 :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .prose-th\:text-left :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: left;
  }

  .prose-th\:text-\[0\.8rem\] :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .8rem;
  }

  .prose-th\:tracking-\[0\.16em\] :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .prose-th\:text-gray-500 :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-gray-500);
  }

  .prose-th\:uppercase :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-transform: uppercase;
  }

  .prose-td\:border-b :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .prose-td\:border-black\/5 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-td\:border-black\/5 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .prose-td\:py-3 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * 3);
  }

  .prose-td\:align-top :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose-img\:my-8 :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 8);
  }

  .prose-img\:rounded-\[18px\] :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: 18px;
  }

  .prose-img\:border :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-img\:border-black\/5 :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-img\:border-black\/5 :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .prose-img\:shadow-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (min-width: 40rem) {
    .sm\:prose-img\:rounded-\[22px\] :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-radius: 22px;
    }
  }

  .prose-hr\:my-10 :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 10);
  }

  .prose-hr\:my-12 :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 12);
  }

  .prose-hr\:border-black\/8 :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-hr\:border-black\/8 :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .\[\&_h2\+p\]\:mt-0 h2 + p, .\[\&_h3\+p\]\:mt-0 h3 + p, .\[\&_h4\+p\]\:mt-0 h4 + p {
    margin-top: calc(var(--spacing) * 0);
  }

  .\[\&_ol\+p\]\:mt-6 ol + p {
    margin-top: calc(var(--spacing) * 6);
  }

  .\[\&_p\+ol\]\:mt-4 p + ol {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_p\+p\]\:mt-6 p + p {
    margin-top: calc(var(--spacing) * 6);
  }

  .\[\&_p\+ul\]\:mt-4 p + ul {
    margin-top: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_ul\+p\]\:mt-6 ul + p {
    margin-top: calc(var(--spacing) * 6);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  .\[\&\:last-child\]\:pb-6:last-child {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --font-size: 16px;
  --background: #fff;
  --foreground: #0a0a0a;
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #030213;
  --primary-foreground: #fff;
  --secondary: #eceef2;
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #0000001a;
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: #a1a1a1;
  --chart-1: #f05100;
  --chart-2: #009588;
  --chart-3: #104e64;
  --chart-4: #fcbb00;
  --chart-5: #f99c00;
  --radius: .625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --foreground: lab(2.75381% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(94.1758% -.154406 -2.19268);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --chart-1: lab(57.1026% 64.2584 89.8886);
    --chart-2: lab(55.0223% -41.0774 -3.90277);
    --chart-3: lab(30.372% -13.1853 -18.7887);
    --chart-4: lab(80.1641% 16.6016 99.2089);
    --chart-5: lab(72.7183% 31.8672 97.9407);
    --sidebar: lab(98.26% 0 0);
    --sidebar-foreground: lab(2.75381% 0 0);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent-foreground: lab(7.78201% -.0000149012 0);
    --sidebar-border: lab(90.952% 0 -.0000119209);
    --sidebar-ring: lab(66.128% -.0000298023 .0000119209);
  }
}

.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #0a0a0a;
  --card-foreground: #fafafa;
  --popover: #0a0a0a;
  --popover-foreground: #fafafa;
  --primary: #fafafa;
  --primary-foreground: #171717;
  --secondary: #262626;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a1a1a1;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #82181a;
  --destructive-foreground: #fb2c36;
  --border: #262626;
  --input: #262626;
  --ring: #525252;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: #1447e6;
  --chart-2: #00bb7f;
  --chart-3: #f99c00;
  --chart-4: #ac4bff;
  --chart-5: #ff2357;
  --sidebar: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1447e6;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #262626;
  --sidebar-ring: #525252;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --background: lab(2.75381% 0 0);
    --foreground: lab(98.26% 0 0);
    --card: lab(2.75381% 0 0);
    --card-foreground: lab(98.26% 0 0);
    --popover: lab(2.75381% 0 0);
    --popover-foreground: lab(98.26% 0 0);
    --primary: lab(98.26% 0 0);
    --primary-foreground: lab(7.78201% -.0000149012 0);
    --secondary: lab(15.204% 0 -.00000596046);
    --secondary-foreground: lab(98.26% 0 0);
    --muted: lab(15.204% 0 -.00000596046);
    --muted-foreground: lab(66.128% -.0000298023 .0000119209);
    --accent: lab(15.204% 0 -.00000596046);
    --accent-foreground: lab(98.26% 0 0);
    --destructive: lab(28.5139% 44.5539 29.0463);
    --destructive-foreground: lab(55.4814% 75.0732 48.8528);
    --border: lab(15.204% 0 -.00000596046);
    --input: lab(15.204% 0 -.00000596046);
    --ring: lab(34.924% 0 0);
    --chart-1: lab(36.9089% 35.0961 -85.6872);
    --chart-2: lab(66.9756% -58.27 19.5419);
    --chart-3: lab(72.7183% 31.8672 97.9407);
    --chart-4: lab(52.0183% 66.11 -78.2316);
    --chart-5: lab(56.101% 79.4328 31.4532);
    --sidebar: lab(7.78201% -.0000149012 0);
    --sidebar-foreground: lab(98.26% 0 0);
    --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(15.204% 0 -.00000596046);
    --sidebar-accent-foreground: lab(98.26% 0 0);
    --sidebar-border: lab(15.204% 0 -.00000596046);
    --sidebar-ring: lab(34.924% 0 0);
  }
}

@keyframes account-page-enter {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-divide-x-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-inter), system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-950: #460809;
    --color-orange-50: #fff7ed;
    --color-orange-200: #ffd7a8;
    --color-orange-300: #ffb96d;
    --color-orange-500: #fe6e00;
    --color-orange-600: #f05100;
    --color-orange-700: #c53c00;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-yellow-50: #fefce8;
    --color-yellow-200: #fff085;
    --color-yellow-300: #ffe02a;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-yellow-600: #cd8900;
    --color-yellow-700: #a36100;
    --color-lime-50: #f7fee7;
    --color-lime-200: #d8f999;
    --color-lime-400: #9de500;
    --color-lime-500: #80cd00;
    --color-lime-600: #62a400;
    --color-lime-700: #4b7d00;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d0fae5;
    --color-emerald-200: #a4f4cf;
    --color-emerald-300: #5ee9b5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-emerald-800: #005f46;
    --color-teal-50: #f0fdfa;
    --color-teal-200: #96f7e4;
    --color-teal-500: #00baa7;
    --color-teal-600: #009588;
    --color-teal-700: #00776e;
    --color-cyan-50: #ecfeff;
    --color-cyan-200: #a2f4fd;
    --color-cyan-300: #53eafd;
    --color-cyan-400: #00d2ef;
    --color-cyan-500: #00b7d7;
    --color-cyan-600: #0092b5;
    --color-cyan-700: #007492;
    --color-cyan-900: #104e64;
    --color-sky-50: #f0f9ff;
    --color-sky-100: #dff2fe;
    --color-sky-200: #b8e6fe;
    --color-sky-300: #77d4ff;
    --color-sky-400: #00bcfe;
    --color-sky-500: #00a5ef;
    --color-sky-600: #0084cc;
    --color-sky-700: #0069a4;
    --color-sky-900: #024a70;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bedbff;
    --color-blue-300: #90c5ff;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-blue-900: #1c398e;
    --color-blue-950: #162456;
    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2ff;
    --color-indigo-300: #a4b3ff;
    --color-indigo-400: #7d87ff;
    --color-indigo-500: #625fff;
    --color-indigo-600: #4f39f6;
    --color-indigo-700: #432dd7;
    --color-indigo-950: #1e1a4d;
    --color-violet-50: #f5f3ff;
    --color-violet-100: #ede9fe;
    --color-violet-200: #ddd6ff;
    --color-violet-400: #a685ff;
    --color-violet-500: #8d54ff;
    --color-violet-600: #7f22fe;
    --color-violet-700: #7008e7;
    --color-purple-50: #faf5ff;
    --color-purple-100: #f3e8ff;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d9b3ff;
    --color-purple-400: #c07eff;
    --color-purple-500: #ac4bff;
    --color-purple-600: #9810fa;
    --color-purple-700: #8200da;
    --color-fuchsia-50: #fdf4ff;
    --color-fuchsia-100: #fae8ff;
    --color-fuchsia-200: #f6cfff;
    --color-fuchsia-500: #e12afb;
    --color-fuchsia-600: #c600db;
    --color-fuchsia-700: #a600b5;
    --color-pink-50: #fdf2f8;
    --color-pink-200: #fccee8;
    --color-pink-400: #fb64b6;
    --color-pink-500: #f6339a;
    --color-pink-600: #e30076;
    --color-pink-700: #c4005c;
    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #ffccd3;
    --color-rose-300: #ffa2ae;
    --color-rose-400: #ff667f;
    --color-rose-500: #ff2357;
    --color-rose-600: #e70044;
    --color-rose-700: #c20039;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cad5e2;
    --color-slate-400: #90a1b9;
    --color-slate-500: #62748e;
    --color-slate-600: #45556c;
    --color-slate-700: #314158;
    --color-slate-800: #1d293d;
    --color-slate-900: #0f172b;
    --color-slate-950: #020618;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-gray-950: #030712;
    --color-zinc-50: #fafafa;
    --color-zinc-500: #71717b;
    --color-neutral-400: #a1a1a1;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-stone-50: #fafaf9;
    --color-stone-200: #e7e5e4;
    --color-stone-500: #79716b;
    --color-stone-600: #57534d;
    --color-stone-700: #44403b;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-inter), system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-950: lab(13.003% 29.04 16.7519);
      --color-orange-50: lab(97.7008% 1.53735 5.90649);
      --color-orange-200: lab(88.4871% 9.94918 28.8378);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-orange-700: lab(46.4615% 57.7275 70.8507);
      --color-amber-50: lab(98.6252% -.635922 8.42309);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-yellow-50: lab(98.6846% -1.79055 9.7766);
      --color-yellow-200: lab(94.3433% -5.00429 52.9663);
      --color-yellow-300: lab(89.7033% -.480294 84.4917);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-600: lab(62.7799% 22.4197 86.1544);
      --color-yellow-700: lab(47.8202% 25.2426 66.5015);
      --color-lime-50: lab(98.7039% -5.32573 10.2149);
      --color-lime-200: lab(94.0718% -22.5338 42.5238);
      --color-lime-400: lab(83.7876% -45.0447 88.4738);
      --color-lime-500: lab(75.3197% -46.6547 86.1778);
      --color-lime-600: lab(61.1055% -41.0235 73.1483);
      --color-lime-700: lab(47.246% -32.2589 55.8249);
      --color-green-50: lab(98.1563% -5.60117 2.75915);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-emerald-50: lab(97.8462% -6.94966 1.85487);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-200: lab(90.2247% -31.039 9.47084);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-emerald-800: lab(35.3675% -33.1188 8.04002);
      --color-teal-50: lab(98.3189% -4.74921 -.111711);
      --color-teal-200: lab(90.7612% -33.1343 -.542295);
      --color-teal-500: lab(67.3859% -49.0983 -2.63511);
      --color-teal-600: lab(55.0223% -41.0774 -3.90277);
      --color-teal-700: lab(44.4134% -33.1436 -4.22149);
      --color-cyan-50: lab(98.3304% -5.97432 -2.62108);
      --color-cyan-200: lab(91.0821% -24.0435 -12.8306);
      --color-cyan-300: lab(85.3886% -36.7636 -21.5716);
      --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
      --color-cyan-500: lab(67.805% -35.3952 -30.2018);
      --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
      --color-cyan-700: lab(44.7267% -21.5987 -26.118);
      --color-cyan-900: lab(30.372% -13.1853 -18.7887);
      --color-sky-50: lab(97.3623% -2.33802 -4.13098);
      --color-sky-100: lab(94.3709% -4.56053 -8.23453);
      --color-sky-200: lab(88.6983% -11.3978 -16.8488);
      --color-sky-300: lab(80.3307% -20.2945 -31.385);
      --color-sky-400: lab(70.687% -23.6078 -45.9483);
      --color-sky-500: lab(63.3038% -18.433 -51.0407);
      --color-sky-600: lab(51.7754% -11.4712 -49.8349);
      --color-sky-700: lab(41.6013% -9.10804 -42.5647);
      --color-sky-900: lab(29.1959% -8.34689 -28.2453);
      --color-blue-50: lab(96.492% -1.14644 -5.11479);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-200: lab(86.15% -4.04379 -21.0797);
      --color-blue-300: lab(77.5052% -6.4629 -36.42);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-blue-900: lab(26.1542% 15.7545 -51.5504);
      --color-blue-950: lab(15.6723% 8.86232 -32.2945);
      --color-indigo-50: lab(95.4818% .411302 -6.78529);
      --color-indigo-100: lab(91.6577% 1.04591 -12.7199);
      --color-indigo-200: lab(84.4329% 3.18977 -23.9688);
      --color-indigo-300: lab(74.0235% 8.54138 -41.6075);
      --color-indigo-400: lab(59.866% 22.4834 -64.4485);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
      --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
      --color-indigo-950: lab(12.4853% 14.9672 -31.3418);
      --color-violet-50: lab(96.2416% 2.28849 -5.51657);
      --color-violet-100: lab(93.0838% 4.35197 -9.88284);
      --color-violet-200: lab(87.0888% 8.53688 -19.4189);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-purple-50: lab(97.1627% 2.99937 -4.13398);
      --color-purple-100: lab(93.3333% 6.97437 -9.83434);
      --color-purple-200: lab(87.8405% 13.4282 -18.7159);
      --color-purple-300: lab(78.3298% 26.2195 -34.9499);
      --color-purple-400: lab(63.6946% 47.6127 -59.2066);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-purple-600: lab(43.0295% 75.21 -86.5669);
      --color-purple-700: lab(36.1758% 69.8525 -80.0381);
      --color-fuchsia-50: lab(97.1083% 4.46233 -4.09334);
      --color-fuchsia-100: lab(93.9419% 9.57647 -9.08735);
      --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
      --color-fuchsia-500: lab(56.4256% 83.132 -64.639);
      --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363);
      --color-fuchsia-700: lab(39.787% 72.2653 -53.1244);
      --color-pink-50: lab(96.4459% 4.53997 -1.49434);
      --color-pink-200: lab(87.4504% 19.6 -6.46662);
      --color-pink-400: lab(64.5597% 64.3615 -12.7988);
      --color-pink-500: lab(56.9303% 76.8162 -8.07021);
      --color-pink-600: lab(49.5493% 79.8381 2.31768);
      --color-pink-700: lab(42.1737% 71.8009 7.42233);
      --color-rose-50: lab(96.2369% 4.94155 1.28011);
      --color-rose-100: lab(92.8221% 9.86832 2.60075);
      --color-rose-200: lab(86.806% 19.1909 4.07754);
      --color-rose-300: lab(76.6339% 38.3549 9.68835);
      --color-rose-400: lab(64.4125% 63.0291 19.2068);
      --color-rose-500: lab(56.101% 79.4328 31.4532);
      --color-rose-600: lab(49.1882% 81.577 36.0311);
      --color-rose-700: lab(41.1651% 71.6251 30.3087);
      --color-slate-50: lab(98.1434% -.369519 -1.05966);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-200: lab(91.7353% -.998765 -4.76968);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-slate-400: lab(65.5349% -2.25151 -14.5072);
      --color-slate-500: lab(48.0876% -2.03595 -16.5814);
      --color-slate-600: lab(35.5623% -1.74978 -15.4316);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
      --color-slate-800: lab(16.132% -.318035 -14.6672);
      --color-slate-900: lab(7.78673% 1.82345 -15.0537);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
      --color-gray-950: lab(1.90334% .278696 -5.48866);
      --color-zinc-50: lab(98.26% 0 0);
      --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
      --color-neutral-400: lab(66.128% -.0000298023 .0000119209);
      --color-neutral-600: lab(34.924% 0 0);
      --color-neutral-700: lab(27.036% 0 0);
      --color-neutral-800: lab(15.204% 0 -.00000596046);
      --color-stone-50: lab(98.2686% -.0991821 .364304);
      --color-stone-200: lab(91.055% .663072 .865579);
      --color-stone-500: lab(48.1164% 2.35701 4.26852);
      --color-stone-600: lab(35.5168% 1.08604 4.07829);
      --color-stone-700: lab(27.3812% 1.32917 3.57789);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: var(--spacing);
  }

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

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-28 {
    top: calc(var(--spacing) * 28);
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-\[70px\] {
    top: 70px;
  }

  .top-\[90px\] {
    top: 90px;
  }

  .top-full {
    top: 100%;
  }

  .top-px {
    top: 1px;
  }

  .right-0 {
    right: 0;
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-\[-13px\] {
    bottom: -13px;
  }

  .bottom-\[-17px\] {
    bottom: -17px;
  }

  .left-0 {
    left: 0;
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4\.5 {
    left: calc(var(--spacing) * 4.5);
  }

  .left-\[-200px\] {
    left: -200px;
  }

  .isolate {
    isolation: isolate;
  }

  .z-1 {
    z-index: 1;
  }

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

  .z-50, .z-\[50\] {
    z-index: 50;
  }

  .z-\[90\] {
    z-index: 90;
  }

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

  .z-\[999\] {
    z-index: 999;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .order-3 {
    order: 3;
  }

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

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

  .row-span-1 {
    grid-row: span 1 / span 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: 0;
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

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

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

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

  .mt-auto {
    margin-top: auto;
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .\!mb-1 {
    margin-bottom: var(--spacing) !important;
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-\[8px\] {
    margin-bottom: 8px;
  }

  .mb-\[20px\] {
    margin-bottom: 20px;
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-auto {
    margin-left: auto;
  }

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .table-row {
    display: table-row;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

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

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--radix-navigation-menu-viewport-height\) {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

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

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

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[50px\] {
    height: 50px;
  }

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

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[90px\] {
    height: 90px;
  }

  .h-\[90vh\] {
    height: 90vh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

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

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

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

  .max-h-\[calc\(100vh-5rem\)\] {
    max-height: calc(100vh - 5rem);
  }

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

  .min-h-0 {
    min-height: 0;
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

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

  .min-h-\[140px\] {
    min-height: 140px;
  }

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

  .min-h-\[250px\] {
    min-height: 250px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-\[500px\] {
    min-height: 500px;
  }

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

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: 0;
  }

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[800px\] {
    width: 800px;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[85rem\] {
    max-width: 85rem;
  }

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

  .max-w-\[370px\] {
    max-width: 370px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[550px\] {
    max-width: 550px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[1400px\] {
    max-width: 1400px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

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

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-\[24px\] {
    min-width: 24px;
  }

  .min-w-\[28px\] {
    min-width: 28px;
  }

  .min-w-\[55\%\] {
    min-width: 55%;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink {
    flex-shrink: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

  .origin-\[top_center\] {
    transform-origin: top;
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

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

  .columns-2 {
    columns: 2;
  }

  .columns-5 {
    columns: 5;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

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

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

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

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

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

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

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

  .flex-wrap {
    flex-wrap: wrap;
  }

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

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

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

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

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

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

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

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

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

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border-custom > :not(:last-child)) {
    border-color: var(--border-color);
  }

  :where(.divide-slate-800 > :not(:last-child)) {
    border-color: var(--color-slate-800);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[1\.1rem\] {
    border-radius: 1.1rem;
  }

  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }

  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[3\.5rem\] {
    border-radius: 3.5rem;
  }

  .rounded-\[3rem\] {
    border-radius: 3rem;
  }

  .rounded-\[4rem\] {
    border-radius: 4rem;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[12px\] {
    border-style: var(--tw-border-style);
    border-width: 12px;
  }

  .border-\[14px\] {
    border-style: var(--tw-border-style);
    border-width: 14px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#1a1a1a\] {
    border-color: #1a1a1a;
  }

  .border-\[\#2dd4bf\]\/20 {
    border-color: #2dd4bf33;
    border-color: lab(76.6427% -46.2429 -2.00341 / .2);
  }

  .border-\[\#10b981\]\/20 {
    border-color: #10b98133;
    border-color: lab(66.6921% -50.6677 17.059 / .2);
  }

  .border-\[\#38bdf8\]\/20 {
    border-color: #38bdf833;
    border-color: lab(71.5897% -21.7158 -40.1263 / .2);
  }

  .border-\[\#60a5fa\]\/20 {
    border-color: #60a5fa33;
    border-color: lab(66.0368% -2.92006 -49.7488 / .2);
  }

  .border-\[\#161b38\] {
    border-color: #161b38;
  }

  .border-\[\#161b38\]\/60 {
    border-color: #161b3899;
    border-color: lab(10.5865% 5.54601 -19.9855 / .6);
  }

  .border-\[\#a3e635\]\/20 {
    border-color: #a3e63533;
    border-color: lab(84.531% -39.9535 71.9885 / .2);
  }

  .border-\[\#a855f7\]\/20 {
    border-color: #a855f733;
    border-color: lab(52.7991% 56.2742 -68.7519 / .2);
  }

  .border-\[\#c084fc\]\/20 {
    border-color: #c084fc33;
    border-color: lab(65.0976% 40.5542 -51.7263 / .2);
  }

  .border-\[\#f3f3f3\] {
    border-color: #f3f3f3;
  }

  .border-\[\#f472b6\]\/20 {
    border-color: #f472b633;
    border-color: lab(65.7695% 56.1391 -11.1264 / .2);
  }

  .border-\[\#facc15\]\/20 {
    border-color: #facc1533;
    border-color: lab(84.2787% 6.27849 82.0646 / .2);
  }

  .border-\[\#fb923c\]\/20 {
    border-color: #fb923c33;
    border-color: lab(71.1073% 36.1144 60.8211 / .2);
  }

  .border-\[\#fb7185\]\/20 {
    border-color: #fb718533;
    border-color: lab(65.5329% 54.9724 16.5087 / .2);
  }

  .border-amber-100 {
    border-color: var(--color-amber-100);
  }

  .border-amber-400\/30 {
    border-color: #fcbb004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/30 {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }

  .border-amber-500\/20 {
    border-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/20 {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-blue-400\/30 {
    border-color: #54a2ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/30 {
      border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
    }
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-blue-500\/20 {
    border-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/20 {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .border-blue-500\/30 {
    border-color: #3080ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/30 {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }

  .border-blue-500\/40 {
    border-color: #3080ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/40 {
      border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }

  .border-blue-600\/50 {
    border-color: #155dfc80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-600\/50 {
      border-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent);
    }
  }

  .border-blue-900\/30 {
    border-color: #1c398e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-900\/30 {
      border-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }

  .border-border-custom {
    border-color: var(--border-color);
  }

  .border-border-custom\/50 {
    border-color: var(--border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-custom\/50 {
      border-color: color-mix(in oklab, var(--border-color) 50%, transparent);
    }
  }

  .border-brand {
    border-color: var(--accent-blue);
  }

  .border-brand\/20 {
    border-color: var(--accent-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/20 {
      border-color: color-mix(in oklab, var(--accent-blue) 20%, transparent);
    }
  }

  .border-cyan-500\/40 {
    border-color: #00b7d766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-500\/40 {
      border-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
    }
  }

  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }

  .border-emerald-400\/30 {
    border-color: #00d2944d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }

  .border-emerald-500\/20 {
    border-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .border-gray-800 {
    border-color: var(--color-gray-800);
  }

  .border-green-500\/20 {
    border-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .border-indigo-500\/20 {
    border-color: #625fff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-500\/20 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }
  }

  .border-indigo-500\/40 {
    border-color: #625fff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-indigo-500\/40 {
      border-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }
  }

  .border-purple-100 {
    border-color: var(--color-purple-100);
  }

  .border-purple-500\/20 {
    border-color: #ac4bff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/20 {
      border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
    }
  }

  .border-purple-500\/30 {
    border-color: #ac4bff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/30 {
      border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
    }
  }

  .border-purple-500\/40 {
    border-color: #ac4bff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-purple-500\/40 {
      border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
    }
  }

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .border-sky-100 {
    border-color: var(--color-sky-100);
  }

  .border-sky-400\/30 {
    border-color: #00bcfe4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-400\/30 {
      border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
    }
  }

  .border-sky-500\/40 {
    border-color: #00a5ef66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-500\/40 {
      border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
    }
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-400\/30 {
    border-color: #90a1b94d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-400\/30 {
      border-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent);
    }
  }

  .border-slate-600 {
    border-color: var(--color-slate-600);
  }

  .border-slate-700 {
    border-color: var(--color-slate-700);
  }

  .border-slate-700\/50 {
    border-color: #31415880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-700\/50 {
      border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
  }

  .border-slate-700\/60 {
    border-color: #31415899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-700\/60 {
      border-color: color-mix(in oklab, var(--color-slate-700) 60%, transparent);
    }
  }

  .border-slate-700\/80 {
    border-color: #314158cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-700\/80 {
      border-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
    }
  }

  .border-slate-800 {
    border-color: var(--color-slate-800);
  }

  .border-slate-900 {
    border-color: var(--color-slate-900);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .border-t-\[\#7d6138\] {
    border-top-color: #7d6138;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .\!bg-\[\#FEFEFE\] {
    background-color: #fefefe !important;
  }

  .\!bg-white {
    background-color: var(--color-white) !important;
  }

  .bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }

  .bg-\[\#0a1120\] {
    background-color: #0a1120;
  }

  .bg-\[\#0b132b\] {
    background-color: #0b132b;
  }

  .bg-\[\#0b1322\]\/95 {
    background-color: #0b1322f2;
    background-color: lab(5.76547% .409253 -11.4297 / .95);
  }

  .bg-\[\#1A2231\] {
    background-color: #1a2231;
  }

  .bg-\[\#1a1a1a\] {
    background-color: #1a1a1a;
  }

  .bg-\[\#1a3651\] {
    background-color: #1a3651;
  }

  .bg-\[\#1e3a8a\]\/40 {
    background-color: #1e3a8a66;
    background-color: lab(26.3402% 13.7641 -48.672 / .4);
  }

  .bg-\[\#1f3a5f\] {
    background-color: #1f3a5f;
  }

  .bg-\[\#3f6212\]\/40 {
    background-color: #3f621266;
    background-color: lab(37.6598% -23.1306 37.8291 / .4);
  }

  .bg-\[\#4c1d95\]\/40 {
    background-color: #4c1d9566;
    background-color: lab(24.6731% 42.0706 -57.9767 / .4);
  }

  .bg-\[\#7c2d12\]\/40 {
    background-color: #7c2d1266;
    background-color: lab(30.4057% 33.9917 34.5752 / .4);
  }

  .bg-\[\#38BDF8\] {
    background-color: #38bdf8;
  }

  .bg-\[\#050a14\] {
    background-color: #050a14;
  }

  .bg-\[\#050a14\]\/95 {
    background-color: #050a14f2;
    background-color: lab(2.65359% -.00428408 -5.44992 / .95);
  }

  .bg-\[\#064e3b\]\/40 {
    background-color: #064e3b66;
    background-color: lab(28.8175% -25.4614 5.17415 / .4);
  }

  .bg-\[\#070b14\] {
    background-color: #070b14;
  }

  .bg-\[\#0096ff\] {
    background-color: #0096ff;
  }

  .bg-\[\#111\] {
    background-color: #111;
  }

  .bg-\[\#134e4a\]\/40 {
    background-color: #134e4a66;
    background-color: lab(29.467% -20.0854 -3.37731 / .4);
  }

  .bg-\[\#0369a1\]\/40 {
    background-color: #0369a166;
    background-color: lab(41.7011% -9.34745 -38.0347 / .4);
  }

  .bg-\[\#581c87\]\/40 {
    background-color: #581c8766;
    background-color: lab(25.1755% 42.1166 -48.3933 / .4);
  }

  .bg-\[\#854d0e\]\/40 {
    background-color: #854d0e66;
    background-color: lab(38.8388% 20.9807 43.6428 / .4);
  }

  .bg-\[\#020617\] {
    background-color: #020617;
  }

  .bg-\[\#020617\]\/95 {
    background-color: #020617f2;
    background-color: lab(1.77049% 1.21939 -8.84593 / .95);
  }

  .bg-\[\#111723\]\/95 {
    background-color: #111723f2;
    background-color: lab(7.59527% .165313 -9.34399 / .95);
  }

  .bg-\[\#121824\] {
    background-color: #121824;
  }

  .bg-\[\#262421\] {
    background-color: #262421;
  }

  .bg-\[\#831843\]\/40 {
    background-color: #83184366;
    background-color: lab(29.5254% 46.6438 3.13935 / .4);
  }

  .bg-\[\#881337\]\/40 {
    background-color: #88133766;
    background-color: lab(29.8529% 48.7086 11.8257 / .4);
  }

  .bg-\[\#FEFEFE\] {
    background-color: #fefefe;
  }

  .bg-\[\#f4f1ea\] {
    background-color: #f4f1ea;
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-400\/20 {
    background-color: #fcbb0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/20 {
      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-600\/10 {
    background-color: #dd74001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-600\/10 {
      background-color: color-mix(in oklab, var(--color-amber-600) 10%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/90 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-blue-400\/20 {
    background-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/20 {
      background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-blue-600\/10 {
    background-color: #155dfc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-600\/10 {
      background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent);
    }
  }

  .bg-blue-600\/20 {
    background-color: #155dfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-600\/20 {
      background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
    }
  }

  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }

  .bg-blue-900\/30 {
    background-color: #1c398e4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-900\/30 {
      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }

  .bg-brand {
    background-color: var(--accent-blue);
  }

  .bg-brand\/5 {
    background-color: var(--accent-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/5 {
      background-color: color-mix(in oklab, var(--accent-blue) 5%, transparent);
    }
  }

  .bg-brand\/10 {
    background-color: var(--accent-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/10 {
      background-color: color-mix(in oklab, var(--accent-blue) 10%, transparent);
    }
  }

  .bg-card {
    background-color: var(--card-bg);
  }

  .bg-card\/50 {
    background-color: var(--card-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/50 {
      background-color: color-mix(in oklab, var(--card-bg) 50%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-400\/20 {
    background-color: #00d29433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .bg-emerald-600\/10 {
    background-color: #0097671a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-600\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent);
    }
  }

  .bg-emerald-600\/20 {
    background-color: #00976733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-600\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent);
    }
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-foreground\/5 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/5 {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .bg-foreground\/10 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/10 {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .bg-foreground\/15 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/15 {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
    }
  }

  .bg-green-600\/10 {
    background-color: #00a5441a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-600\/10 {
      background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent);
    }
  }

  .bg-indigo-500\/5 {
    background-color: #625fff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-500\/5 {
      background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent);
    }
  }

  .bg-indigo-500\/10 {
    background-color: #625fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-500\/10 {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }

  .bg-indigo-500\/15 {
    background-color: #625fff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-500\/15 {
      background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
    }
  }

  .bg-neutral-400 {
    background-color: var(--color-neutral-400);
  }

  .bg-neutral-800 {
    background-color: var(--color-neutral-800);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-500\/10 {
    background-color: #ac4bff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
    }
  }

  .bg-purple-500\/15 {
    background-color: #ac4bff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/15 {
      background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
    }
  }

  .bg-purple-600\/10 {
    background-color: #9810fa1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-600\/10 {
      background-color: color-mix(in oklab, var(--color-purple-600) 10%, transparent);
    }
  }

  .bg-purple-600\/20 {
    background-color: #9810fa33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-600\/20 {
      background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
    }
  }

  .bg-red-400\/10 {
    background-color: #ff65681a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/10 {
      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-red-600\/10 {
    background-color: #e400141a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-600\/10 {
      background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
    }
  }

  .bg-red-950\/30 {
    background-color: #4608094d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/30 {
      background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
    }
  }

  .bg-sidebar {
    background-color: var(--sidebar-bg);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-sky-400\/20 {
    background-color: #00bcfe33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-400\/20 {
      background-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
    }
  }

  .bg-sky-500\/10 {
    background-color: #00a5ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/10 {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }

  .bg-sky-500\/15 {
    background-color: #00a5ef26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/15 {
      background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-400\/20 {
    background-color: #90a1b933;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-400\/20 {
      background-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
    }
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-700\/50 {
    background-color: #31415880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-700\/50 {
      background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
    }
  }

  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }

  .bg-slate-800\/40 {
    background-color: #1d293d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/40 {
      background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }

  .bg-slate-800\/50 {
    background-color: #1d293d80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/50 {
      background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }

  .bg-slate-800\/60 {
    background-color: #1d293d99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/60 {
      background-color: color-mix(in oklab, var(--color-slate-800) 60%, transparent);
    }
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-900\/20 {
    background-color: #0f172b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/20 {
      background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);
    }
  }

  .bg-slate-900\/40 {
    background-color: #0f172b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/40 {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }

  .bg-slate-900\/50 {
    background-color: #0f172b80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/50 {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }

  .bg-slate-900\/60 {
    background-color: #0f172b99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/60 {
      background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
    }
  }

  .bg-slate-900\/80 {
    background-color: #0f172bcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/80 {
      background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
  }

  .bg-slate-900\/90 {
    background-color: #0f172be6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/90 {
      background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
    }
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-blue-300 {
    --tw-gradient-from: var(--color-blue-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-blue-600 {
    --tw-gradient-from: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-purple-600 {
    --tw-gradient-via: var(--color-purple-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-sky-400 {
    --tw-gradient-via: var(--color-sky-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-blue-200 {
    --tw-gradient-to: var(--color-blue-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-indigo-600 {
    --tw-gradient-to: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pink-600 {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

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

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-20 {
    padding: calc(var(--spacing) * 20);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-6\.5 {
    padding-inline: calc(var(--spacing) * 6.5);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-\[3\%\] {
    padding-inline: 3%;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-4\.5 {
    padding-block: calc(var(--spacing) * 4.5);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[3\%\] {
    padding-block: 3%;
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

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

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

  .text-right {
    text-align: right;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-inter), system-ui, sans-serif;
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.68rem\] {
    font-size: .68rem;
  }

  .text-\[0\.85rem\] {
    font-size: .85rem;
  }

  .text-\[0\.94em\] {
    font-size: .94em;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem;
  }

  .text-\[1\.7rem\] {
    font-size: 1.7rem;
  }

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

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

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

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

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

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

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

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-\[1000\] {
    --tw-font-weight: 1000;
    font-weight: 1000;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-2px\] {
    --tw-tracking: -2px;
    letter-spacing: -2px;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em;
  }

  .tracking-\[0\.6em\] {
    --tw-tracking: .6em;
    letter-spacing: .6em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

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

  .text-\[\#2dd4bf\] {
    color: #2dd4bf;
  }

  .text-\[\#3EAEFF\] {
    color: #3eaeff;
  }

  .text-\[\#6e5e54\] {
    color: #6e5e54;
  }

  .text-\[\#7d6138\] {
    color: #7d6138;
  }

  .text-\[\#10b981\] {
    color: #10b981;
  }

  .text-\[\#38BDF8\], .text-\[\#38bdf8\] {
    color: #38bdf8;
  }

  .text-\[\#51BAFF\] {
    color: #51baff;
  }

  .text-\[\#60a5fa\] {
    color: #60a5fa;
  }

  .text-\[\#111723\] {
    color: #111723;
  }

  .text-\[\#FBBF24\] {
    color: #fbbf24;
  }

  .text-\[\#a3e635\] {
    color: #a3e635;
  }

  .text-\[\#a855f7\] {
    color: #a855f7;
  }

  .text-\[\#c084fc\] {
    color: #c084fc;
  }

  .text-\[\#d8b4fe\] {
    color: #d8b4fe;
  }

  .text-\[\#f472b6\] {
    color: #f472b6;
  }

  .text-\[\#facc15\] {
    color: #facc15;
  }

  .text-\[\#fb923c\] {
    color: #fb923c;
  }

  .text-\[\#fb7185\] {
    color: #fb7185;
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-400\/90 {
    color: #54a2ffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-blue-400\/90 {
      color: color-mix(in oklab, var(--color-blue-400) 90%, transparent);
    }
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-brand {
    color: var(--accent-blue);
  }

  .text-cyan-200 {
    color: var(--color-cyan-200);
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

  .text-cyan-500 {
    color: var(--color-cyan-500);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/40 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/40 {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .text-foreground\/50 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/50 {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-indigo-300 {
    color: var(--color-indigo-300);
  }

  .text-indigo-400 {
    color: var(--color-indigo-400);
  }

  .text-indigo-500 {
    color: var(--color-indigo-500);
  }

  .text-lime-400 {
    color: var(--color-lime-400);
  }

  .text-lime-500 {
    color: var(--color-lime-500);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-purple-300 {
    color: var(--color-purple-300);
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-500\/60 {
    color: #fb2c3699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-500\/60 {
      color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
    }
  }

  .text-rose-400 {
    color: var(--color-rose-400);
  }

  .text-sky-300 {
    color: var(--color-sky-300);
  }

  .text-sky-400 {
    color: var(--color-sky-400);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-transparent {
    color: #0000;
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/20 {
    color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .text-white\/30 {
    color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-yellow-200 {
    color: var(--color-yellow-200);
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

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

  .placeholder-slate-500::placeholder {
    color: var(--color-slate-500);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_20px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 20px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_30px_rgba\(255\,0\,0\,0\.8\)\] {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, #f00c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_50px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 20px 50px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_8px_rgba\(0\,0\,0\,0\.8\)\] {
    --tw-shadow: inset 0 0 8px var(--tw-shadow-color, #000c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-blue-500\/20 {
    --tw-shadow-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-500\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-blue-600\/20 {
    --tw-shadow-color: #155dfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-600\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-blue-900\/20 {
    --tw-shadow-color: #1c398e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-900\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-foreground {
    --tw-ring-color: var(--foreground);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

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

  .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, ) !important;
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, );
  }

  .backdrop-filter {
    -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\:w-\[calc\(100\%-1\.5rem\)\]:is(:where(.group):hover *) {
      width: calc(100% - 1.5rem);
    }
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: var(--spacing);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:-rotate-\[20deg\]:is(:where(.group):hover *) {
      rotate: -20deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:rotate-90:is(:where(.group):hover *) {
      rotate: 90deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:rotate-\[20deg\]:is(:where(.group):hover *) {
      rotate: 20deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:border-blue-500:is(:where(.group):hover *) {
      border-color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-blue-400:is(:where(.group):hover *) {
      color: var(--color-blue-400);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-brand:is(:where(.group):hover *) {
      color: var(--accent-blue);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-cyan-400:is(:where(.group):hover *) {
      color: var(--color-cyan-400);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-data-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-open] *) {
    rotate: 180deg;
  }

  .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
    rotate: 180deg;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius-lg);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .placeholder\:text-foreground\/30::placeholder {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/30::placeholder {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400);
  }

  .placeholder\:text-slate-500::placeholder {
    color: var(--color-slate-500);
  }

  .first\:rounded-t-2xl:first-child {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.03\]:hover {
      scale: 1.03;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#38BDF8\]:hover {
      border-color: #38bdf8;
    }
  }

  @media (hover: hover) {
    .hover\:border-amber-500\/50:hover {
      border-color: #f99c0080;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-500\/50:hover {
        border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-blue-200:hover {
      border-color: var(--color-blue-200);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand:hover {
      border-color: var(--accent-blue);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand\/40:hover {
      border-color: var(--accent-blue);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/40:hover {
        border-color: color-mix(in oklab, var(--accent-blue) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-cyan-400\/60:hover {
      border-color: #00d2ef99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-cyan-400\/60:hover {
        border-color: color-mix(in oklab, var(--color-cyan-400) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-cyan-500:hover {
      border-color: var(--color-cyan-500);
    }
  }

  @media (hover: hover) {
    .hover\:border-foreground\/20:hover {
      border-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/20:hover {
        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-red-500\/60:hover {
      border-color: #fb2c3699;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-red-500\/60:hover {
        border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-white:hover {
      border-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#1a365d\]:hover {
      background-color: #1a365d;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch, var(--secondary), var(--foreground) 5%);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-400\/30:hover {
      background-color: #fcbb004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-400\/30:hover {
        background-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-500\/20:hover {
      background-color: #f99c0033;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-500\/25:hover {
      background-color: #f99c0040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-400\/30:hover {
      background-color: #54a2ff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-400\/30:hover {
        background-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-500:hover {
      background-color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-600\/20:hover {
      background-color: #155dfc33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-600\/20:hover {
        background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-600\/30:hover {
      background-color: #155dfc4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-600\/30:hover {
        background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-600\/40:hover {
      background-color: #155dfc66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-600\/40:hover {
        background-color: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand:hover {
      background-color: var(--accent-blue);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/10:hover {
      background-color: var(--accent-blue);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/10:hover {
        background-color: color-mix(in oklab, var(--accent-blue) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-cyan-900\/30:hover {
      background-color: #104e644d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-900\/30:hover {
        background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-emerald-400\/30:hover {
      background-color: #00d2944d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-400\/30:hover {
        background-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-emerald-500\/30:hover {
      background-color: #00bb7f4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-emerald-600:hover {
      background-color: var(--color-emerald-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-foreground\/25:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/25:hover {
        background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-foreground\/\[0\.02\]:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/\[0\.02\]:hover {
        background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-green-600\/20:hover {
      background-color: #00a54433;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green-600\/20:hover {
        background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-500:hover {
      background-color: var(--color-indigo-500);
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-500\/20:hover {
      background-color: #625fff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-indigo-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-500\/25:hover {
      background-color: #625fff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-indigo-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-purple-500\/25:hover {
      background-color: #ac4bff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-purple-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-purple-600\/40:hover {
      background-color: #9810fa66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-purple-600\/40:hover {
        background-color: color-mix(in oklab, var(--color-purple-600) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-600\/40:hover {
      background-color: #e4001466;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-600\/40:hover {
        background-color: color-mix(in oklab, var(--color-red-600) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-sky-400:hover {
      background-color: var(--color-sky-400);
    }
  }

  @media (hover: hover) {
    .hover\:bg-sky-400\/30:hover {
      background-color: #00bcfe4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sky-400\/30:hover {
        background-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-sky-500\/25:hover {
      background-color: #00a5ef40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sky-500\/25:hover {
        background-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-400\/30:hover {
      background-color: #90a1b94d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-400\/30:hover {
        background-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-700:hover {
      background-color: var(--color-slate-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-800:hover {
      background-color: var(--color-slate-800);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-800\/50:hover {
      background-color: #1d293d80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-800\/50:hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-800\/90:hover {
      background-color: #1d293de6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-800\/90:hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:from-blue-500:hover {
      --tw-gradient-from: var(--color-blue-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .hover\:to-indigo-500:hover {
      --tw-gradient-to: var(--color-indigo-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .hover\:pl-7:hover {
      padding-left: calc(var(--spacing) * 7);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[\#38BDF8\]:hover {
      color: #38bdf8;
    }
  }

  @media (hover: hover) {
    .hover\:text-amber-700:hover {
      color: var(--color-amber-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-400:hover {
      color: var(--color-blue-400);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-cyan-400:hover {
      color: var(--color-cyan-400);
    }
  }

  @media (hover: hover) {
    .hover\:text-cyan-500:hover {
      color: var(--color-cyan-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-emerald-700:hover {
      color: var(--color-emerald-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-200:hover {
      color: var(--color-gray-200);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-sky-700:hover {
      color: var(--color-sky-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-slate-950:hover {
      color: var(--color-slate-950);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_12px_rgba\(56\,189\,248\,0\.25\)\]:hover {
      --tw-shadow: 0 0 12px var(--tw-shadow-color, #38bdf840);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_15px_2px_rgba\(163\,230\,53\,0\.5\)\]:hover {
      --tw-shadow: 0 0 15px 2px var(--tw-shadow-color, #a3e63580);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_15px_2px_rgba\(251\,191\,36\,0\.5\)\]:hover {
      --tw-shadow: 0 0 15px 2px var(--tw-shadow-color, #fbbf2480);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.2\)\]:hover {
      --tw-shadow: 0 0 20px var(--tw-shadow-color, #06b6d433);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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, );
    }
  }

  .focus\:border-blue-500:focus {
    border-color: var(--color-blue-500);
  }

  .focus\:border-blue-600:focus {
    border-color: var(--color-blue-600);
  }

  .focus\:border-brand:focus {
    border-color: var(--accent-blue);
  }

  .focus\:border-cyan-500:focus {
    border-color: var(--color-cyan-500);
  }

  .focus\:shadow-\[0_0_15px_rgba\(56\,189\,248\,0\.4\)\]:focus {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #38bdf866);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-600\/20:focus {
    --tw-ring-color: #155dfc33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-blue-600\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
    }
  }

  .focus\:ring-brand:focus {
    --tw-ring-color: var(--accent-blue);
  }

  .focus\:ring-brand\/50:focus {
    --tw-ring-color: var(--accent-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-brand\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--accent-blue) 50%, transparent);
    }
  }

  .focus\:ring-cyan-400:focus {
    --tw-ring-color: var(--color-cyan-400);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius-lg);
  }

  :where([data-slot="navigation-menu-content"]) .in-data-\[slot\=navigation-menu-content\]\:rounded-md {
    border-radius: var(--radius-md);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-fit {
      height: fit-content;
    }
  }

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

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[2rem\] {
      font-size: 2rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[12px\] {
      font-size: 12px;
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\(--radix-navigation-menu-viewport-width\) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:columns-5 {
      columns: 5;
    }
  }

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

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-0 {
      padding-inline: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[14px\] {
      font-size: 14px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:static {
      position: static;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-0 {
      min-height: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[42\%\] {
      width: 42%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[45\%\] {
      width: 45%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[55\%\] {
      width: 55%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[365px\] {
      width: 365px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[58\%\] {
      max-width: 58%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-\[480px\] {
      max-width: 480px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:translate-x-0 {
      --tw-translate-x: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 64rem) {
    .lg\:translate-x-6 {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(360px\,5fr\)\] {
      grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-hidden {
      overflow: hidden;
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-\[4rem\] {
      border-radius: 4rem;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:px-28 {
      padding-inline: calc(var(--spacing) * 28);
    }
  }

  .\[\&_\.cg-board\]\:\!h-full .cg-board {
    height: 100% !important;
  }

  .\[\&_\.cg-board\]\:\!w-full .cg-board {
    width: 100% !important;
  }

  .\[\&_\.cg-wrap\]\:\!block .cg-wrap {
    display: block !important;
  }

  .\[\&_\.cg-wrap\]\:\!h-full .cg-wrap {
    height: 100% !important;
  }

  .\[\&_\.cg-wrap\]\:\!w-full .cg-wrap {
    width: 100% !important;
  }

  .\[\&_button\]\:\!border-slate-700 button {
    border-color: var(--color-slate-700) !important;
  }

  .\[\&_button\]\:\!bg-\[\#0a1120\] button {
    background-color: #0a1120 !important;
  }

  .\[\&_header\]\:\!border-slate-700\/50 header {
    border-color: #31415880 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_header\]\:\!border-slate-700\/50 header {
      border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent) !important;
    }
  }

  .\[\&_header\]\:\!bg-\[\#050a14\] header {
    background-color: #050a14 !important;
  }

  .\[\&_piece\]\:\!absolute piece {
    position: absolute !important;
  }

  .\[\&_piece\]\:\!top-0 piece {
    top: 0 !important;
  }

  .\[\&_piece\]\:\!left-0 piece {
    left: 0 !important;
  }

  .\[\&_piece\]\:\!h-\[12\.5\%\] piece {
    height: 12.5% !important;
  }

  .\[\&_piece\]\:\!w-\[12\.5\%\] piece {
    width: 12.5% !important;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}

:root {
  --background: #fff;
  --foreground: #020617;
  --sidebar-bg: #fff;
  --card-bg: #f9fafb;
  --border-color: #e2e8f0;
  --accent-blue: #2563eb;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark {
  --background: #161512;
  --foreground: #fff;
  --sidebar-bg: #262421;
  --card-bg: #1e1e1e;
  --border-color: #312e2b;
  --accent-blue: #3b82f6;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html, body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.7;
  transition: background-color .3s, color .3s;
}

* {
  font-family: inherit;
}

.form-element {
  background-color: var(--background);
  border: 1px solid var(--border-color);
  width: 100%;
  color: var(--foreground);
  border-radius: .5rem;
  outline: none;
  padding: .75rem;
  transition: all .3s;
}

.form-element:focus {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 2px #3b82f633;
}

select {
  appearance: none;
  background-color: var(--background);
  color: var(--foreground);
  border: 1px solid var(--border-color);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23808080' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 1.25em;
  border-radius: .5rem;
  padding: .75rem 2.5rem .75rem .75rem;
}

select option {
  background-color: var(--background);
  color: var(--foreground);
}

::placeholder {
  color: var(--foreground);
  opacity: .4;
}

h1, h2, h3, h4 {
  color: var(--foreground);
  font-weight: 800;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--background);
}

::-webkit-scrollbar-thumb {
  background: #4a4a4a;
  border-radius: 10px;
}

.uppercase {
  text-transform: capitalize;
}

.text-\[9px\] {
  text-transform: capitalize;
  color: var(--foreground);
  opacity: .7;
  font-size: 14px;
}

@media (max-width: 1024px) {
  body, main, section, .max-w-7xl, .max-w-6xl {
    border-left: 0 !important;
    border-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.cg-wrap {
  box-sizing: content-box !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.cg-wrap .cg-board {
  box-sizing: border-box !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

/* [next]/internal/font/google/manrope_61ba15f.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.p.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_61ba15f-module__VqbSda__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_61ba15f-module__VqbSda__variable {
  --font-manrope: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/inter_bace89c4.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_bace89c4-module__09p2wq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_bace89c4-module__09p2wq__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__57f80f5d._.css.map*/