.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
  ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
  .ks.ks,
  .ks.ks *,
  .ks.ks :before,
  .ks.ks :after,
  .ks.ks ::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-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-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;
  }
}
.ks {
  --font-sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-5xl: 64rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.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;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --blur-sm: 8px;
  --blur-xl: 24px;
  --default-transition-duration: 0.15s;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-ink: #0b1430;
  --color-ink-2: #121d40;
  --color-ink-3: #1a2750;
  --color-brand: #1f409b;
  --color-brand-600: #1a3685;
  --color-brand-50: #eef2fb;
  --color-accent: #ee1c25;
  --color-paper: #f5f6f8;
  --color-line: #e2e5eb;
  --color-muted: #566076;
  --color-subtle: #8a93a6;
  --font-display: "Inter Tight Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
}
.ks.ks,
.ks.ks *,
.ks.ks :after,
.ks.ks :before,
.ks.ks ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
.ks.ks ::file-.elementor-kit-5-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
.ks.ks {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(
    --default-font-family,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    Arial,
    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;
}
.ks.ks hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
.ks.ks abbr:where([title]) {
  text-decoration: underline dotted;
}
.ks.ks h1,
.ks.ks h2,
.ks.ks h3,
.ks.ks h4,
.ks.ks h5,
.ks.ks h6 {
  font-size: inherit;
  font-weight: inherit;
}
.ks.ks a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
.ks.ks b,
.ks.ks strong {
  font-weight: bolder;
}
.ks.ks code,
.ks.ks kbd,
.ks.ks samp,
.ks.ks 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;
}
.ks.ks small {
  font-size: 80%;
}
.ks.ks sub,
.ks.ks sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
.ks.ks sub {
  bottom: -0.25em;
}
.ks.ks sup {
  top: -0.5em;
}
.ks.ks table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.ks.ks :-moz-focusring:where(:not(iframe)) {
  outline: auto;
}
.ks.ks progress {
  vertical-align: baseline;
}
.ks.ks summary {
  display: list-item;
}
.ks.ks ol,
.ks.ks ul,
.ks.ks menu {
  list-style: none;
}
.ks.ks img,
.ks.ks svg,
.ks.ks video,
.ks.ks canvas,
.ks.ks audio,
.ks.ks iframe,
.ks.ks embed,
.ks.ks object {
  vertical-align: middle;
  display: block;
}
.ks.ks img,
.ks.ks video {
  max-width: 100%;
  height: auto;
}
.ks.ks button,
.ks.ks input,
.ks.ks select,
.ks.ks optgroup,
.ks.ks textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
.ks.ks ::file-.elementor-kit-5-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
.ks.ks :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
.ks.ks :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
.ks.ks ::file-.elementor-kit-5-button {
  margin-inline-end: 4px;
}
.ks.ks ::placeholder {
  opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  .ks.ks ::placeholder {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ks.ks ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
.ks.ks textarea {
  resize: vertical;
}
.ks.ks ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.ks.ks ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
.ks.ks ::-webkit-datetime-edit {
  display: inline-flex;
}
.ks.ks ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.ks.ks ::-webkit-datetime-edit {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
.ks.ks ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
.ks.ks ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
.ks.ks :-moz-ui-invalid {
  box-shadow: none;
}
.ks.ks button,
.ks.ks input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}
.ks.ks ::file-.elementor-kit-5-button {
  appearance: button;
}
.ks.ks ::-webkit-inner-spin-button {
  height: auto;
}
.ks.ks ::-webkit-outer-spin-button {
  height: auto;
}
.ks.ks [hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
.ks.ks {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
.ks.ks {
  font-family: var(--font-sans);
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "cv11";
  text-rendering: optimizelegibility;
}
.ks.ks h1,
.ks.ks h2,
.ks.ks h3,
.ks.ks h4 {
  font-family: var(--font-display);
  text-wrap: balance;
}
.ks.ks p {
  text-wrap: pretty;
}
.ks.ks ::selection {
  background-color: var(--color-brand);
  color: var(--color-white);
}
.ks.ks :focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
  border-radius: 6px;
}
.ks.ks .on-dark :focus-visible {
  outline-color: #fff;
} /* ======================================================================
 * WordPress / Elementor uyumu
 * ==================================================================== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
} /* --- Elementor kapsayıcıları: bileşen içeren kapsayıcılar tam genişlik ve boşluksuz --- */
.e-con:has(> .elementor-widget-html .ks),
.e-con:has(> .e-con-inner > .elementor-widget-html .ks) {
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --content-width: 100%;
  --width: 100%;
  padding: 0 !important;
  gap: 0 !important;
  max-width: none !important;
}
.e-con-inner:has(> .elementor-widget-html .ks) {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  gap: 0 !important;
}
.elementor-widget-html:has(.ks) {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
}
.elementor-widget-html:has(.ks) > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
} /* Klasik bölüm / sütun yapısı */
.elementor-section:has(.ks) > .elementor-container {
  max-width: none !important;
}
.elementor-column:has(.ks) > .elementor-element-populated,
.elementor-column:has(.ks) > .elementor-widget-wrap {
  padding: 0 !important;
}
.elementor-widget:has(.ks):not(:last-child) {
  margin-block-end: 0 !important;
} /* --- Tema stillerine karşı koruma (ör. Hello Elementor'un pembe buton ve link stilleri) --- */
.ks button:hover,
.ks button:focus,
.ks [type="button"]:hover,
.ks [type="button"]:focus,
.ks [type="submit"]:hover,
.ks [type="submit"]:focus {
  background-color: transparent;
  color: inherit;
}
.ks.ks button {
  white-space: normal;
  text-align: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border-radius: 0;
  transition: none;
  user-select: auto;
}
.ks dt {
  font-weight: inherit;
}
.ks.ks label {
  line-height: inherit;
  vertical-align: baseline;
} /* --- Başlık: WordPress yönetici çubuğu açıkken aşağı kaydır (top-0 yardımcı sınıfını geçmesi için yüksek özgüllük) --- */
.admin-bar :is(.ks, #ks-x#ks-x#ks-x) [data-header] {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar :is(.ks, #ks-x#ks-x#ks-x) [data-header] {
    top: 46px;
  }
} /* --- Menüde bulunulan sayfa işareti (header.js aria-current ekler) --- */
.ks.ks [data-dd] > a[aria-current="page"]::after {
  content: "";
  position: absolute;
  bottom: 0.375rem;
  left: 50%;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 9999px;
  background: var(--color-accent);
  transform: translateX(-50%);
} /* --- Elementor düzenleyicisinde animasyonlu öğeleri her zaman göster --- */
.elementor-editor-active .ks [data-reveal],
.elementor-editor-active .ks [data-reveal-media] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
:is(.ks, #ks-x) .container-x {
  width: 100%;
  max-width: 1400px;
  padding-inline: calc(var(--spacing) * 5);
  margin-inline: auto;
}
@media (width>=40rem) {
  :is(.ks, #ks-x) .container-x {
    padding-inline: calc(var(--spacing) * 8);
  }
}
@media (width>=64rem) {
  :is(.ks, #ks-x) .container-x {
    padding-inline: calc(var(--spacing) * 12);
  }
}
:is(.ks, #ks-x) .eyebrow {
  align-items: center;
  gap: calc(var(--spacing) * 3);
  font-family: var(--font-mono);
  --tw-font-weight: var(--font-weight-medium);
  font-size: 0.72rem;
  font-weight: var(--font-weight-medium);
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
  color: var(--color-muted);
  text-transform: uppercase;
  display: inline-flex;
}
:is(.ks, #ks-x) .eyebrow:before {
  content: "";
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
  background-color: var(--color-accent);
  border-radius: 2147483647px;
  display: inline-block;
}
:is(.ks, #ks-x) .on-dark .eyebrow {
  color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .on-dark .eyebrow {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
:is(.ks, #ks-x) .h-display {
  font-family: var(--font-display);
  --tw-leading: 1.02;
  --tw-font-weight: var(--font-weight-medium);
  font-size: 2.6rem;
  line-height: 1.02;
  font-weight: var(--font-weight-medium);
  --tw-tracking: -0.035em;
  letter-spacing: -0.035em;
}
@media (width>=40rem) {
  :is(.ks, #ks-x) .h-display {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
}
@media (width>=64rem) {
  :is(.ks, #ks-x) .h-display {
    font-size: 5.25rem;
  }
}
:is(.ks, #ks-x) .h-section {
  font-family: var(--font-display);
  --tw-leading: 1.08;
  --tw-font-weight: var(--font-weight-medium);
  font-size: 2rem;
  line-height: 1.08;
  font-weight: var(--font-weight-medium);
  --tw-tracking: -0.03em;
  letter-spacing: -0.03em;
}
@media (width>=40rem) {
  :is(.ks, #ks-x) .h-section {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
@media (width>=64rem) {
  :is(.ks, #ks-x) .h-section {
    font-size: 3.5rem;
  }
}
:is(.ks, #ks-x) .h-card {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: -0.02em;
  letter-spacing: -0.02em;
}
:is(.ks, #ks-x) .lead {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
@media (width>=40rem) {
  :is(.ks, #ks-x) .lead {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
:is(.ks, #ks-x) .on-dark .lead {
  color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .on-dark .lead {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
:is(.ks, #ks-x) .btn {
  min-height: calc(var(--spacing) * 12);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  padding-inline: calc(var(--spacing) * 6);
  --tw-font-weight: var(--font-weight-medium);
  font-size: 0.95rem;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  transition-property: background-color, color, border-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.2s;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2147483647px;
  transition-duration: 0.2s;
  display: inline-flex;
}
:is(.ks, #ks-x) .btn svg {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  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));
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
:is(.ks, #ks-x) .btn:hover svg {
  transform: translate(2px, -2px);
}
:is(.ks, #ks-x) .btn-primary {
  background-color: var(--color-brand);
  color: var(--color-white);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .btn-primary:hover {
    background-color: var(--color-brand-600);
  }
}
:is(.ks, #ks-x) .btn-ink {
  background-color: var(--color-ink);
  color: var(--color-white);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .btn-ink:hover {
    background-color: var(--color-ink-3);
  }
}
:is(.ks, #ks-x) .btn-light {
  background-color: var(--color-white);
  color: var(--color-ink);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .btn-light:hover {
    background-color: var(--color-brand-50);
  }
}
:is(.ks, #ks-x) .btn-outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: #0000;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .btn-outline {
    background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
  }
}
:is(.ks, #ks-x) .btn-outline {
  color: var(--color-ink);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .btn-outline:hover {
    border-color: var(--color-ink);
  }
}
:is(.ks, #ks-x) .btn-ghost-light {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .btn-ghost-light {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
:is(.ks, #ks-x) .btn-ghost-light {
  color: var(--color-white);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .btn-ghost-light:hover {
    border-color: var(--color-white);
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x) .btn-ghost-light:hover {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
}
:is(.ks, #ks-x) .link-arrow {
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink);
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
  display: inline-flex;
}
@media (hover: hover) {
  :is(.ks, #ks-x) .link-arrow:hover {
    text-decoration-line: underline;
  }
}
:is(.ks, #ks-x) .link-arrow svg {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  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));
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
:is(.ks, #ks-x) .link-arrow:hover svg {
  transform: translate(2px, -2px);
}
:is(.ks, #ks-x) .on-dark .link-arrow {
  color: var(--color-white);
}
:is(.ks, #ks-x) .hairline {
  border-color: var(--color-line);
}
:is(.ks, #ks-x) .prose-k {
  --tw-leading: 1.75;
  max-width: 68ch;
  color: var(--color-muted);
  font-size: 1.0625rem;
  line-height: 1.75;
}
:is(.ks, #ks-x) .prose-k p + p {
  margin-top: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x) .prose-k strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink);
}
:is(.ks, #ks-x) .check-list {
  gap: calc(var(--spacing) * 3.5);
  display: grid;
}
:is(.ks, #ks-x) .check-list li {
  padding-left: calc(var(--spacing) * 8);
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
  position: relative;
}
:is(.ks, #ks-x) .check-list li:before {
  content: "";
  height: 1px;
  width: calc(var(--spacing) * 4);
  background-color: var(--color-accent);
  position: absolute;
  top: 0.55em;
  left: 0;
}
:is(.ks, #ks-x) .on-dark .check-list li {
  color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .on-dark .check-list li {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
:is(.ks, #ks-x) .field {
  gap: calc(var(--spacing) * 2);
  display: grid;
}
:is(.ks, #ks-x) .field label {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-ink);
}
:is(.ks, #ks-x) .field .req {
  color: var(--color-accent);
}
:is(.ks, #ks-x) .input {
  min-height: calc(var(--spacing) * 12);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  width: 100%;
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-ink);
  transition-property: border-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
:is(.ks, #ks-x) .input::placeholder {
  color: var(--color-subtle);
}
@media (hover: hover) {
  :is(.ks, #ks-x) .input:hover {
    border-color: var(--color-subtle);
  }
}
:is(.ks, #ks-x) .input:focus {
  border-color: var(--color-brand);
  --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);
  --tw-ring-color: #1f409b1a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .input:focus {
    --tw-ring-color: color-mix(in oklab, var(--color-brand) 10%, transparent);
  }
}
:is(.ks, #ks-x) .input:focus {
  --tw-outline-style: none;
  outline-style: none;
}
:is(.ks, #ks-x) .input[aria-invalid="true"] {
  border-color: var(--color-accent);
  --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);
  --tw-ring-color: #ee1c251a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x) .input[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
  }
}
:is(.ks, #ks-x) textarea.input {
  min-height: calc(var(--spacing) * 36);
  resize: vertical;
}
:is(.ks, #ks-x) .field-error {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: #c4121a;
  display: none;
}
:is(.ks, #ks-x) .field-error.is-shown {
  display: block;
}
:is(.ks, #ks-x) .chip input {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
:is(.ks, #ks-x) .chip span {
  min-height: calc(var(--spacing) * 11);
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-line);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-ink);
  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));
  --tw-duration: 0.2s;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2147483647px;
  transition-duration: 0.2s;
  display: inline-flex;
}
@media (hover: hover) {
  :is(.ks, #ks-x) .chip span:hover {
    border-color: var(--color-ink);
  }
}
:is(.ks, #ks-x) .chip input:checked + span {
  border-color: var(--color-brand);
  background-color: var(--color-brand);
  color: var(--color-white);
}
:is(.ks, #ks-x) .chip input:focus-visible + span {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
}
:is(.ks, #ks-x#ks-x) .pointer-events-none {
  pointer-events: none;
}
:is(.ks, #ks-x#ks-x) .invisible {
  visibility: hidden;
}
:is(.ks, #ks-x#ks-x) .sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
:is(.ks, #ks-x#ks-x) .absolute {
  position: absolute;
}
:is(.ks, #ks-x#ks-x) .fixed {
  position: fixed;
}
:is(.ks, #ks-x#ks-x) .relative {
  position: relative;
}
:is(.ks, #ks-x#ks-x) .inset-0 {
  inset: 0;
}
:is(.ks, #ks-x#ks-x) .inset-x-0 {
  inset-inline: 0;
}
:is(.ks, #ks-x#ks-x) .-top-px {
  top: -1px;
}
:is(.ks, #ks-x#ks-x) .top-0 {
  top: 0;
}
:is(.ks, #ks-x#ks-x) .top-1\/2 {
  top: 50%;
}
:is(.ks, #ks-x#ks-x) .top-2 {
  top: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .top-3 {
  top: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .top-4 {
  top: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .top-7 {
  top: calc(var(--spacing) * 7);
}
:is(.ks, #ks-x#ks-x) .top-full {
  top: 100%;
}
:is(.ks, #ks-x#ks-x) .right-3 {
  right: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .right-4 {
  right: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .right-5 {
  right: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .bottom-0 {
  bottom: 0;
}
:is(.ks, #ks-x#ks-x) .bottom-1\.5 {
  bottom: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .left-0 {
  left: 0;
}
:is(.ks, #ks-x#ks-x) .left-1\/2 {
  left: 50%;
}
:is(.ks, #ks-x#ks-x) .left-3 {
  left: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .left-4 {
  left: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .left-\[7px\] {
  left: 7px;
}
:is(.ks, #ks-x#ks-x) .isolate {
  isolation: isolate;
}
:is(.ks, #ks-x#ks-x) .-z-10 {
  z-index: calc(10 * -1);
}
:is(.ks, #ks-x#ks-x) .z-10 {
  z-index: 10;
}
:is(.ks, #ks-x#ks-x) .z-40 {
  z-index: 40;
}
:is(.ks, #ks-x#ks-x) .z-50 {
  z-index: 50;
}
:is(.ks, #ks-x#ks-x) .z-\[60\] {
  z-index: 60;
}
:is(.ks, #ks-x#ks-x) .order-1 {
  order: 1;
}
:is(.ks, #ks-x#ks-x) .order-2 {
  order: 2;
}
:is(.ks, #ks-x#ks-x) .order-3 {
  order: 3;
}
:is(.ks, #ks-x#ks-x) .col-span-2 {
  grid-column: span 2 / span 2;
}
:is(.ks, #ks-x#ks-x) .m-auto {
  margin: auto;
}
:is(.ks, #ks-x#ks-x) .mx-auto {
  margin-inline: auto;
}
:is(.ks, #ks-x#ks-x) .mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
:is(.ks, #ks-x#ks-x) .mt-1 {
  margin-top: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
:is(.ks, #ks-x#ks-x) .mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) .mt-14 {
  margin-top: calc(var(--spacing) * 14);
}
:is(.ks, #ks-x#ks-x) .mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
:is(.ks, #ks-x#ks-x) .mt-20 {
  margin-top: calc(var(--spacing) * 20);
}
:is(.ks, #ks-x#ks-x) .mt-auto {
  margin-top: auto;
}
:is(.ks, #ks-x#ks-x) .-mb-\[3vw\] {
  margin-bottom: -3vw;
}
:is(.ks, #ks-x#ks-x) .mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) .mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
:is(.ks, #ks-x#ks-x) .ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .block {
  display: block;
}
:is(.ks, #ks-x#ks-x) .flex {
  display: flex;
}
:is(.ks, #ks-x#ks-x) .grid {
  display: grid;
}
:is(.ks, #ks-x#ks-x) .hidden {
  display: none;
}
:is(.ks, #ks-x#ks-x) .inline-flex {
  display: inline-flex;
}
:is(.ks, #ks-x#ks-x) .aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
:is(.ks, #ks-x#ks-x) .aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
:is(.ks, #ks-x#ks-x) .aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
:is(.ks, #ks-x#ks-x) .aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
:is(.ks, #ks-x#ks-x) .aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
:is(.ks, #ks-x#ks-x) .size-1 {
  width: var(--spacing);
  height: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .size-1\.5 {
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .size-3\.5 {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
:is(.ks, #ks-x#ks-x) .size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .size-6 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .size-7 {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
:is(.ks, #ks-x#ks-x) .size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
:is(.ks, #ks-x#ks-x) .size-11 {
  width: calc(var(--spacing) * 11);
  height: calc(var(--spacing) * 11);
}
:is(.ks, #ks-x#ks-x) .size-12 {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}
:is(.ks, #ks-x#ks-x) .size-14 {
  width: calc(var(--spacing) * 14);
  height: calc(var(--spacing) * 14);
}
:is(.ks, #ks-x#ks-x) .size-\[15px\] {
  width: 15px;
  height: 15px;
}
:is(.ks, #ks-x#ks-x) .size-\[18px\] {
  width: 18px;
  height: 18px;
}
:is(.ks, #ks-x#ks-x) .size-\[22px\] {
  width: 22px;
  height: 22px;
}
:is(.ks, #ks-x#ks-x) .size-full {
  width: 100%;
  height: 100%;
}
:is(.ks, #ks-x#ks-x) .h-7 {
  height: calc(var(--spacing) * 7);
}
:is(.ks, #ks-x#ks-x) .h-9 {
  height: calc(var(--spacing) * 9);
}
:is(.ks, #ks-x#ks-x) .h-11 {
  height: calc(var(--spacing) * 11);
}
:is(.ks, #ks-x#ks-x) .h-16 {
  height: calc(var(--spacing) * 16);
}
:is(.ks, #ks-x#ks-x) .h-\[26rem\] {
  height: 26rem;
}
:is(.ks, #ks-x#ks-x) .h-\[60svh\] {
  height: 60svh;
}
:is(.ks, #ks-x#ks-x) .h-\[70svh\] {
  height: 70svh;
}
:is(.ks, #ks-x#ks-x) .h-\[100svh\] {
  height: 100svh;
}
:is(.ks, #ks-x#ks-x) .h-full {
  height: 100%;
}
:is(.ks, #ks-x#ks-x) .h-px {
  height: 1px;
}
:is(.ks, #ks-x#ks-x) .max-h-full {
  max-height: 100%;
}
:is(.ks, #ks-x#ks-x) .max-h-none {
  max-height: none;
}
:is(.ks, #ks-x#ks-x) .min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
:is(.ks, #ks-x#ks-x) .min-h-11 {
  min-height: calc(var(--spacing) * 11);
}
:is(.ks, #ks-x#ks-x) .min-h-\[22rem\] {
  min-height: 22rem;
}
:is(.ks, #ks-x#ks-x) .min-h-\[26rem\] {
  min-height: 26rem;
}
:is(.ks, #ks-x#ks-x) .min-h-\[28rem\] {
  min-height: 28rem;
}
:is(.ks, #ks-x#ks-x) .min-h-\[34rem\] {
  min-height: 34rem;
}
:is(.ks, #ks-x#ks-x) .min-h-\[100svh\] {
  min-height: 100svh;
}
:is(.ks, #ks-x#ks-x) .min-h-full {
  min-height: 100%;
}
:is(.ks, #ks-x#ks-x) .w-0 {
  width: 0;
}
:is(.ks, #ks-x#ks-x) .w-8 {
  width: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .w-\[22rem\] {
  width: 22rem;
}
:is(.ks, #ks-x#ks-x) .w-\[46rem\] {
  width: 46rem;
}
:is(.ks, #ks-x#ks-x) .w-auto {
  width: auto;
}
:is(.ks, #ks-x#ks-x) .w-full {
  width: 100%;
}
:is(.ks, #ks-x#ks-x) .w-px {
  width: 1px;
}
:is(.ks, #ks-x#ks-x) .w-screen {
  width: 100vw;
}
:is(.ks, #ks-x#ks-x) .max-w-2xl {
  max-width: var(--container-2xl);
}
:is(.ks, #ks-x#ks-x) .max-w-3xl {
  max-width: var(--container-3xl);
}
:is(.ks, #ks-x#ks-x) .max-w-5xl {
  max-width: var(--container-5xl);
}
:is(.ks, #ks-x#ks-x) .max-w-\[56rem\] {
  max-width: 56rem;
}
:is(.ks, #ks-x#ks-x) .max-w-\[1400px\] {
  max-width: 1400px;
}
:is(.ks, #ks-x#ks-x) .max-w-full {
  max-width: 100%;
}
:is(.ks, #ks-x#ks-x) .max-w-lg {
  max-width: var(--container-lg);
}
:is(.ks, #ks-x#ks-x) .max-w-md {
  max-width: var(--container-md);
}
:is(.ks, #ks-x#ks-x) .max-w-none {
  max-width: none;
}
:is(.ks, #ks-x#ks-x) .max-w-sm {
  max-width: var(--container-sm);
}
:is(.ks, #ks-x#ks-x) .max-w-xl {
  max-width: var(--container-xl);
}
:is(.ks, #ks-x#ks-x) .flex-1 {
  flex: 1;
}
:is(.ks, #ks-x#ks-x) .shrink {
  flex-shrink: 1;
}
:is(.ks, #ks-x#ks-x) .shrink-0 {
  flex-shrink: 0;
}
:is(.ks, #ks-x#ks-x) .-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ks, #ks-x#ks-x) .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ks, #ks-x#ks-x) .rotate-180 {
  rotate: 180deg;
}
:is(.ks, #ks-x#ks-x) .transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
:is(.ks, #ks-x#ks-x) .cursor-pointer {
  cursor: pointer;
}
:is(.ks, #ks-x#ks-x) .cursor-zoom-in {
  cursor: zoom-in;
}
:is(.ks, #ks-x#ks-x) .appearance-none {
  appearance: none;
}
:is(.ks, #ks-x#ks-x) .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(.ks, #ks-x#ks-x) .grid-cols-\[1fr_15rem\] {
  grid-template-columns: 1fr 15rem;
}
:is(.ks, #ks-x#ks-x) .grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
:is(.ks, #ks-x#ks-x) .flex-col {
  flex-direction: column;
}
:is(.ks, #ks-x#ks-x) .flex-wrap {
  flex-wrap: wrap;
}
:is(.ks, #ks-x#ks-x) .items-baseline {
  align-items: baseline;
}
:is(.ks, #ks-x#ks-x) .items-baseline-last {
  align-items: last baseline;
}
:is(.ks, #ks-x#ks-x) .items-center {
  align-items: center;
}
:is(.ks, #ks-x#ks-x) .items-end {
  align-items: flex-end;
}
:is(.ks, #ks-x#ks-x) .items-start {
  align-items: flex-start;
}
:is(.ks, #ks-x#ks-x) .justify-between {
  justify-content: space-between;
}
:is(.ks, #ks-x#ks-x) .justify-center {
  justify-content: center;
}
:is(.ks, #ks-x#ks-x) .justify-end {
  justify-content: flex-end;
}
:is(.ks, #ks-x#ks-x) .gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
:is(.ks, #ks-x#ks-x) .gap-1 {
  gap: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .gap-2 {
  gap: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .gap-3 {
  gap: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .gap-4 {
  gap: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .gap-5 {
  gap: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .gap-6 {
  gap: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .gap-8 {
  gap: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .gap-10 {
  gap: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) .gap-12 {
  gap: calc(var(--spacing) * 12);
}
:is(.ks, #ks-x#ks-x) .gap-14 {
  gap: calc(var(--spacing) * 14);
}
:is(.ks, #ks-x#ks-x) .gap-20 {
  gap: calc(var(--spacing) * 20);
}
:is(.ks, #ks-x#ks-x) .gap-px {
  gap: 1px;
}
:is(.ks, #ks-x#ks-x) .gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .gap-y-1 {
  row-gap: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .gap-y-10 {
  row-gap: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) :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)));
}
:is(.ks, #ks-x#ks-x) :where(.divide-line > :not(:last-child)) {
  border-color: var(--color-line);
}
:is(.ks, #ks-x#ks-x) :where(.divide-white\/10 > :not(:last-child)) {
  border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) :where(.divide-white\/10 > :not(:last-child)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .self-start {
  align-self: flex-start;
}
:is(.ks, #ks-x#ks-x) .overflow-hidden {
  overflow: hidden;
}
:is(.ks, #ks-x#ks-x) .overflow-y-auto {
  overflow-y: auto;
}
:is(.ks, #ks-x#ks-x) .rounded {
  border-radius: 0.25rem;
}
:is(.ks, #ks-x#ks-x) .rounded-2xl {
  border-radius: var(--radius-2xl);
}
:is(.ks, #ks-x#ks-x) .rounded-3xl {
  border-radius: var(--radius-3xl);
}
:is(.ks, #ks-x#ks-x) .rounded-\[1\.5rem\] {
  border-radius: 1.5rem;
}
:is(.ks, #ks-x#ks-x) .rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
:is(.ks, #ks-x#ks-x) .rounded-\[1rem\] {
  border-radius: 1rem;
}
:is(.ks, #ks-x#ks-x) .rounded-\[2rem\] {
  border-radius: 2rem;
}
:is(.ks, #ks-x#ks-x) .rounded-full {
  border-radius: 2147483647px;
}
:is(.ks, #ks-x#ks-x) .rounded-md {
  border-radius: var(--radius-md);
}
:is(.ks, #ks-x#ks-x) .rounded-xl {
  border-radius: var(--radius-xl);
}
:is(.ks, #ks-x#ks-x) .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
:is(.ks, #ks-x#ks-x) .border-\[3px\] {
  border-style: var(--tw-border-style);
  border-width: 3px;
}
:is(.ks, #ks-x#ks-x) .border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
:is(.ks, #ks-x#ks-x) .border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
:is(.ks, #ks-x#ks-x) .border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
:is(.ks, #ks-x#ks-x) .border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
:is(.ks, #ks-x#ks-x) .border-line {
  border-color: var(--color-line);
}
:is(.ks, #ks-x#ks-x) .border-transparent {
  border-color: #0000;
}
:is(.ks, #ks-x#ks-x) .border-white {
  border-color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .border-white\/10 {
  border-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .border-white\/10 {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .border-white\/12 {
  border-color: #ffffff1f;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .border-white\/12 {
    border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .border-white\/15 {
  border-color: #ffffff26;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .border-white\/15 {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .border-white\/25 {
  border-color: #ffffff40;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .border-white\/25 {
    border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .bg-accent {
  background-color: var(--color-accent);
}
:is(.ks, #ks-x#ks-x) .bg-brand {
  background-color: var(--color-brand);
}
:is(.ks, #ks-x#ks-x) .bg-brand-50 {
  background-color: var(--color-brand-50);
}
:is(.ks, #ks-x#ks-x) .bg-ink {
  background-color: var(--color-ink);
}
:is(.ks, #ks-x#ks-x) .bg-ink-2 {
  background-color: var(--color-ink-2);
}
:is(.ks, #ks-x#ks-x) .bg-line {
  background-color: var(--color-line);
}
:is(.ks, #ks-x#ks-x) .bg-paper {
  background-color: var(--color-paper);
}
:is(.ks, #ks-x#ks-x) .bg-transparent {
  background-color: #0000;
}
:is(.ks, #ks-x#ks-x) .bg-white {
  background-color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .bg-white\/10 {
  background-color: #ffffff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .bg-white\/10 {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .bg-white\/90 {
  background-color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .bg-white\/90 {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
:is(.ks, #ks-x#ks-x) .bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
:is(.ks, #ks-x#ks-x)
  .bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20xmlns\=\%22http\:\/\/www\.w3\.org\/2000\/svg\%22\%20width\=\%2216\%22\%20height\=\%2216\%22\%20viewBox\=\%220\%200\%2024\%2024\%22\%20fill\=\%22none\%22\%20stroke\=\%22\%23566076\%22\%20stroke-width\=\%222\%22\%3E\%3Cpath\%20d\=\%22m6\%209\%206\%206\%206-6\%22\/\%3E\%3C\/svg\%3E\'\)\] {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23566076%22%20stroke-width=%222%22%3E%3Cpath%20d=%22m6%209%206%206%206-6%22/%3E%3C/svg%3E);
}
:is(.ks, #ks-x#ks-x) .from-ink {
  --tw-gradient-from: var(--color-ink);
  --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)
  );
}
:is(.ks, #ks-x#ks-x) .from-ink\/35 {
  --tw-gradient-from: #0b143059;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .from-ink\/35 {
    --tw-gradient-from: color-mix(in oklab, var(--color-ink) 35%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .from-ink\/35 {
  --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)
  );
}
:is(.ks, #ks-x#ks-x) .from-ink\/80 {
  --tw-gradient-from: #0b1430cc;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .from-ink\/80 {
    --tw-gradient-from: color-mix(in oklab, var(--color-ink) 80%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .from-ink\/80 {
  --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)
  );
}
:is(.ks, #ks-x#ks-x) .via-ink\/85 {
  --tw-gradient-via: #0b1430d9;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .via-ink\/85 {
    --tw-gradient-via: color-mix(in oklab, var(--color-ink) 85%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .via-ink\/85 {
  --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);
}
:is(.ks, #ks-x#ks-x) .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);
}
:is(.ks, #ks-x#ks-x) .to-ink\/40 {
  --tw-gradient-to: #0b143066;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .to-ink\/40 {
    --tw-gradient-to: color-mix(in oklab, var(--color-ink) 40%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .to-ink\/40 {
  --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)
  );
}
:is(.ks, #ks-x#ks-x) .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)
  );
}
:is(.ks, #ks-x#ks-x) .bg-\[position\:right_1rem_center\] {
  background-position: right 1rem center;
}
:is(.ks, #ks-x#ks-x) .bg-no-repeat {
  background-repeat: no-repeat;
}
:is(.ks, #ks-x#ks-x) .object-contain {
  object-fit: contain;
}
:is(.ks, #ks-x#ks-x) .object-cover {
  object-fit: cover;
}
:is(.ks, #ks-x#ks-x) .p-0 {
  padding: 0;
}
:is(.ks, #ks-x#ks-x) .p-1 {
  padding: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .p-2 {
  padding: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .p-4 {
  padding: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .p-5 {
  padding: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .p-6 {
  padding: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .p-7 {
  padding: calc(var(--spacing) * 7);
}
:is(.ks, #ks-x#ks-x) .p-8 {
  padding: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .px-1 {
  padding-inline: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
:is(.ks, #ks-x#ks-x) .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
:is(.ks, #ks-x#ks-x) .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .px-16 {
  padding-inline: calc(var(--spacing) * 16);
}
:is(.ks, #ks-x#ks-x) .py-1 {
  padding-block: var(--spacing);
}
:is(.ks, #ks-x#ks-x) .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
:is(.ks, #ks-x#ks-x) .py-3 {
  padding-block: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .py-4 {
  padding-block: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .py-5 {
  padding-block: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .py-6 {
  padding-block: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .py-8 {
  padding-block: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .py-20 {
  padding-block: calc(var(--spacing) * 20);
}
:is(.ks, #ks-x#ks-x) .py-24 {
  padding-block: calc(var(--spacing) * 24);
}
:is(.ks, #ks-x#ks-x) .pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
:is(.ks, #ks-x#ks-x) .pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) .pt-20 {
  padding-top: calc(var(--spacing) * 20);
}
:is(.ks, #ks-x#ks-x) .pt-28 {
  padding-top: calc(var(--spacing) * 28);
}
:is(.ks, #ks-x#ks-x) .pt-36 {
  padding-top: calc(var(--spacing) * 36);
}
:is(.ks, #ks-x#ks-x) .pt-40 {
  padding-top: calc(var(--spacing) * 40);
}
:is(.ks, #ks-x#ks-x) .pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
:is(.ks, #ks-x#ks-x) .pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .pr-5 {
  padding-right: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .pr-11 {
  padding-right: calc(var(--spacing) * 11);
}
:is(.ks, #ks-x#ks-x) .pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
:is(.ks, #ks-x#ks-x) .pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
:is(.ks, #ks-x#ks-x) .pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
:is(.ks, #ks-x#ks-x) .pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}
:is(.ks, #ks-x#ks-x) .pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
:is(.ks, #ks-x#ks-x) .pb-24 {
  padding-bottom: calc(var(--spacing) * 24);
}
:is(.ks, #ks-x#ks-x) .pl-5 {
  padding-left: calc(var(--spacing) * 5);
}
:is(.ks, #ks-x#ks-x) .pl-9 {
  padding-left: calc(var(--spacing) * 9);
}
:is(.ks, #ks-x#ks-x) .text-center {
  text-align: center;
}
:is(.ks, #ks-x#ks-x) .text-left {
  text-align: left;
}
:is(.ks, #ks-x#ks-x) .font-display {
  font-family: var(--font-display);
}
:is(.ks, #ks-x#ks-x) .font-mono {
  font-family: var(--font-mono);
}
:is(.ks, #ks-x#ks-x) .text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
:is(.ks, #ks-x#ks-x) .text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
:is(.ks, #ks-x#ks-x) .text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
:is(.ks, #ks-x#ks-x) .text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
:is(.ks, #ks-x#ks-x) .text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
:is(.ks, #ks-x#ks-x) .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
:is(.ks, #ks-x#ks-x) .text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
:is(.ks, #ks-x#ks-x) .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
:is(.ks, #ks-x#ks-x) .text-\[0\.7rem\] {
  font-size: 0.7rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.8rem\] {
  font-size: 0.8rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.62rem\] {
  font-size: 0.62rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.68rem\] {
  font-size: 0.68rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.72rem\] {
  font-size: 0.72rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.92rem\] {
  font-size: 0.92rem;
}
:is(.ks, #ks-x#ks-x) .text-\[0\.95rem\] {
  font-size: 0.95rem;
}
:is(.ks, #ks-x#ks-x) .text-\[1\.05rem\] {
  font-size: 1.05rem;
}
:is(.ks, #ks-x#ks-x) .text-\[1\.7rem\] {
  font-size: 1.7rem;
}
:is(.ks, #ks-x#ks-x) .text-\[2\.1rem\] {
  font-size: 2.1rem;
}
:is(.ks, #ks-x#ks-x) .text-\[2\.5rem\] {
  font-size: 2.5rem;
}
:is(.ks, #ks-x#ks-x) .text-\[2\.6rem\] {
  font-size: 2.6rem;
}
:is(.ks, #ks-x#ks-x) .text-\[2\.7rem\] {
  font-size: 2.7rem;
}
:is(.ks, #ks-x#ks-x) .text-\[17\.5vw\] {
  font-size: 17.5vw;
}
:is(.ks, #ks-x#ks-x) .leading-\[0\.8\] {
  --tw-leading: 0.8;
  line-height: 0.8;
}
:is(.ks, #ks-x#ks-x) .leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}
:is(.ks, #ks-x#ks-x) .leading-\[1\.02\] {
  --tw-leading: 1.02;
  line-height: 1.02;
}
:is(.ks, #ks-x#ks-x) .leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
:is(.ks, #ks-x#ks-x) .leading-none {
  --tw-leading: 1;
  line-height: 1;
}
:is(.ks, #ks-x#ks-x) .leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
:is(.ks, #ks-x#ks-x) .leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
:is(.ks, #ks-x#ks-x) .leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
:is(.ks, #ks-x#ks-x) .\!font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
:is(.ks, #ks-x#ks-x) .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:is(.ks, #ks-x#ks-x) .font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:is(.ks, #ks-x#ks-x) .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:is(.ks, #ks-x#ks-x) .tracking-\[-0\.02em\] {
  --tw-tracking: -0.02em;
  letter-spacing: -0.02em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[-0\.03em\] {
  --tw-tracking: -0.03em;
  letter-spacing: -0.03em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[-0\.04em\] {
  --tw-tracking: -0.04em;
  letter-spacing: -0.04em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[-0\.06em\] {
  --tw-tracking: -0.06em;
  letter-spacing: -0.06em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[-0\.035em\] {
  --tw-tracking: -0.035em;
  letter-spacing: -0.035em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.1em\] {
  --tw-tracking: 0.1em;
  letter-spacing: 0.1em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.08em\] {
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.12em\] {
  --tw-tracking: 0.12em;
  letter-spacing: 0.12em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.14em\] {
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
}
:is(.ks, #ks-x#ks-x) .tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
:is(.ks, #ks-x#ks-x) .tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
:is(.ks, #ks-x#ks-x) .tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
:is(.ks, #ks-x#ks-x) .break-all {
  word-break: break-all;
}
:is(.ks, #ks-x#ks-x) .\!text-muted {
  color: var(--color-muted) !important;
}
:is(.ks, #ks-x#ks-x) .text-\[\#c4121a\] {
  color: #c4121a;
}
:is(.ks, #ks-x#ks-x) .text-accent {
  color: var(--color-accent);
}
:is(.ks, #ks-x#ks-x) .text-brand {
  color: var(--color-brand);
}
:is(.ks, #ks-x#ks-x) .text-ink {
  color: var(--color-ink);
}
:is(.ks, #ks-x#ks-x) .text-muted {
  color: var(--color-muted);
}
:is(.ks, #ks-x#ks-x) .text-subtle {
  color: var(--color-subtle);
}
:is(.ks, #ks-x#ks-x) .text-white {
  color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .text-white\/30 {
  color: #ffffff4d;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/30 {
    color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/40 {
  color: #fff6;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/40 {
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/45 {
  color: #ffffff73;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/45 {
    color: color-mix(in oklab, var(--color-white) 45%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/50 {
  color: #ffffff80;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/50 {
    color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/55 {
  color: #ffffff8c;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/55 {
    color: color-mix(in oklab, var(--color-white) 55%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/60 {
  color: #fff9;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/60 {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/65 {
  color: #ffffffa6;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/65 {
    color: color-mix(in oklab, var(--color-white) 65%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/70 {
  color: #ffffffb3;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/70 {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/75 {
  color: #ffffffbf;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/75 {
    color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/80 {
  color: #fffc;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/80 {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/85 {
  color: #ffffffd9;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/85 {
    color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/90 {
  color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/90 {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .text-white\/\[0\.035\] {
  color: #ffffff09;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .text-white\/\[0\.035\] {
    color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .uppercase {
  text-transform: uppercase;
}
:is(.ks, #ks-x#ks-x) .not-italic {
  font-style: normal;
}
:is(.ks, #ks-x#ks-x) .underline {
  text-decoration-line: underline;
}
:is(.ks, #ks-x#ks-x) .decoration-1 {
  text-decoration-thickness: 1px;
}
:is(.ks, #ks-x#ks-x) .underline-offset-4 {
  text-underline-offset: 4px;
}
:is(.ks, #ks-x#ks-x) .accent-brand {
  accent-color: var(--color-brand);
}
:is(.ks, #ks-x#ks-x) .opacity-0 {
  opacity: 0;
}
:is(.ks, #ks-x#ks-x) .opacity-35 {
  opacity: 0.35;
}
:is(.ks, #ks-x#ks-x) .opacity-50 {
  opacity: 0.5;
}
:is(.ks, #ks-x#ks-x) .opacity-60 {
  opacity: 0.6;
}
:is(.ks, #ks-x#ks-x) .opacity-80 {
  opacity: 0.8;
}
:is(.ks, #ks-x#ks-x) .opacity-90 {
  opacity: 0.9;
}
:is(.ks, #ks-x#ks-x) .shadow-\[0_0_0_1px_var\(--color-line\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-line));
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}
:is(.ks, #ks-x#ks-x) .shadow-\[0_24px_60px_-20px_rgb\(11_20_48\/0\.35\)\] {
  --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color, #0b143059);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}
:is(.ks, #ks-x#ks-x) .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
    var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
:is(.ks, #ks-x#ks-x) .grayscale-\[0\.4\] {
  --tw-grayscale: grayscale(0.4);
  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,);
}
:is(.ks, #ks-x#ks-x) .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,);
}
:is(.ks, #ks-x#ks-x) .backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  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,);
}
:is(.ks, #ks-x#ks-x) .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));
}
:is(.ks, #ks-x#ks-x) .transition-\[background-color\,border-color\,box-shadow\,color\] {
  transition-property: background-color, border-color, box-shadow, color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[border-color\,box-shadow\] {
  transition-property: border-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[opacity\,background-color\] {
  transition-property: opacity, background-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[opacity\,transform\] {
  transition-property: opacity, transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[opacity\,visibility\,transform\] {
  transition-property: opacity, visibility, transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ks, #ks-x#ks-x) .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));
}
:is(.ks, #ks-x#ks-x) .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));
}
:is(.ks, #ks-x#ks-x) .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));
}
:is(.ks, #ks-x#ks-x) .duration-200 {
  --tw-duration: 0.2s;
  transition-duration: 0.2s;
}
:is(.ks, #ks-x#ks-x) .duration-300 {
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
:is(.ks, #ks-x#ks-x) .duration-500 {
  --tw-duration: 0.5s;
  transition-duration: 0.5s;
}
:is(.ks, #ks-x#ks-x) .duration-700 {
  --tw-duration: 0.7s;
  transition-duration: 0.7s;
}
:is(.ks, #ks-x#ks-x) .ease-\[var\(--ease-out-expo\)\] {
  --tw-ease: var(--ease-out-expo);
  transition-timing-function: var(--ease-out-expo);
}
:is(.ks, #ks-x#ks-x) .outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
:is(.ks, #ks-x#ks-x) .select-none {
  -webkit-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  :is(.ks, #ks-x#ks-x) .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:scale-125:is(:where(.group):hover *) {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
    scale: 1.04;
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:border-brand\/30:is(:where(.group):hover *) {
    border-color: #1f409b4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x#ks-x) .group-hover\:border-brand\/30:is(:where(.group):hover *) {
      border-color: color-mix(in oklab, var(--color-brand) 30%, transparent);
    }
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:bg-brand:is(:where(.group):hover *) {
    background-color: var(--color-brand);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:text-ink:is(:where(.group):hover *) {
    color: var(--color-ink);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:text-white:is(:where(.group):hover *) {
    color: var(--color-white);
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:underline:is(:where(.group):hover *) {
    text-decoration-line: underline;
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 1;
  }
  :is(.ks, #ks-x#ks-x) .group-hover\:shadow-\[0_18px_40px_-24px_rgb\(11_20_48\/0\.35\)\]:is(:where(.group):hover *) {
    --tw-shadow: 0 18px 40px -24px var(--tw-shadow-color, #0b143059);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
}
:is(.ks, #ks-x#ks-x) .group-aria-selected\:w-full:is(:where(.group)[aria-selected="true"] *) {
  width: 100%;
}
:is(.ks, #ks-x#ks-x) .group-aria-selected\:grid-rows-\[1fr\]:is(:where(.group)[aria-selected="true"] *) {
  grid-template-rows: 1fr;
}
:is(.ks, #ks-x#ks-x) .group-aria-selected\:text-accent:is(:where(.group)[aria-selected="true"] *) {
  color: var(--color-accent);
}
:is(.ks, #ks-x#ks-x) .group-aria-selected\:text-white:is(:where(.group)[aria-selected="true"] *) {
  color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:border-line:is(:where(.group)[data-solid] *) {
  border-color: var(--color-line);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:bg-brand:is(:where(.group)[data-solid] *) {
  background-color: var(--color-brand);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:bg-white\/90:is(:where(.group)[data-solid] *) {
  background-color: #ffffffe6;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:bg-white\/90:is(:where(.group)[data-solid] *) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:text-brand:is(:where(.group)[data-solid] *) {
  color: var(--color-brand);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:text-ink:is(:where(.group)[data-solid] *) {
  color: var(--color-ink);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:text-white:is(:where(.group)[data-solid] *) {
  color: var(--color-white);
}
:is(.ks, #ks-x#ks-x)
  .group-data-\[solid\]\:shadow-\[0_8px_30px_-12px_rgb\(11_20_48\/0\.18\)\]:is(:where(.group)[data-solid] *) {
  --tw-shadow: 0 8px 30px -12px var(--tw-shadow-color, #0b14302e);
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}
:is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:backdrop-blur-xl:is(:where(.group)[data-solid] *) {
  --tw-backdrop-blur: blur(var(--blur-xl));
  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,);
}
:is(.ks, #ks-x#ks-x) .backdrop\:bg-ink\/92::backdrop {
  background-color: #0b1430eb;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.ks, #ks-x#ks-x) .backdrop\:bg-ink\/92::backdrop {
    background-color: color-mix(in oklab, var(--color-ink) 92%, transparent);
  }
}
:is(.ks, #ks-x#ks-x) .backdrop\:backdrop-blur-sm::backdrop {
  --tw-backdrop-blur: blur(var(--blur-sm));
  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,);
}
:is(.ks, #ks-x#ks-x) .last\:mb-0:last-child {
  margin-bottom: 0;
}
:is(.ks, #ks-x#ks-x) .last\:border-b:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
:is(.ks, #ks-x#ks-x) .last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}
@media (hover: hover) {
  :is(.ks, #ks-x#ks-x) .hover\:border-ink:hover {
    border-color: var(--color-ink);
  }
  :is(.ks, #ks-x#ks-x) .hover\:border-white:hover {
    border-color: var(--color-white);
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-brand-50:hover {
    background-color: var(--color-brand-50);
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-current\/8:hover {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x#ks-x) .hover\:bg-current\/8:hover {
      background-color: color-mix(in oklab, currentcolor 8%, transparent);
    }
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-paper:hover {
    background-color: var(--color-paper);
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-white\/5:hover {
    background-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x#ks-x) .hover\:bg-white\/5:hover {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-white\/10:hover {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x#ks-x) .hover\:bg-white\/10:hover {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  :is(.ks, #ks-x#ks-x) .hover\:bg-white\/20:hover {
    background-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.ks, #ks-x#ks-x) .hover\:bg-white\/20:hover {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  :is(.ks, #ks-x#ks-x) .hover\:text-brand:hover {
    color: var(--color-brand);
  }
  :is(.ks, #ks-x#ks-x) .hover\:text-ink:hover {
    color: var(--color-ink);
  }
  :is(.ks, #ks-x#ks-x) .hover\:text-white:hover {
    color: var(--color-white);
  }
  :is(.ks, #ks-x#ks-x) .hover\:underline:hover {
    text-decoration-line: underline;
  }
  :is(.ks, #ks-x#ks-x) .hover\:opacity-100:hover {
    opacity: 1;
  }
  :is(.ks, #ks-x#ks-x) .group-data-\[solid\]\:hover\:bg-brand-600:is(:where(.group)[data-solid] *):hover {
    background-color: var(--color-brand-600);
  }
}
:is(.ks, #ks-x#ks-x) .focus\:not-sr-only:focus {
  clip-path: none;
  white-space: normal;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  overflow: visible;
}
:is(.ks, #ks-x#ks-x) .focus\:fixed:focus {
  position: fixed;
}
:is(.ks, #ks-x#ks-x) .focus\:top-4:focus {
  top: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .focus\:left-4:focus {
  left: calc(var(--spacing) * 4);
}
:is(.ks, #ks-x#ks-x) .focus-visible\:outline-white:focus-visible {
  outline-color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .disabled\:cursor-wait:disabled {
  cursor: wait;
}
:is(.ks, #ks-x#ks-x) .disabled\:opacity-70:disabled {
  opacity: 0.7;
}
:is(.ks, #ks-x#ks-x) .aria-pressed\:border-ink[aria-pressed="true"] {
  border-color: var(--color-ink);
}
:is(.ks, #ks-x#ks-x) .aria-pressed\:bg-ink[aria-pressed="true"] {
  background-color: var(--color-ink);
}
:is(.ks, #ks-x#ks-x) .aria-pressed\:text-white[aria-pressed="true"] {
  color: var(--color-white);
}
:is(.ks, #ks-x#ks-x) .aria-\[current\=page\]\:opacity-100[aria-current="page"] {
  opacity: 1;
}
@media (width>=40rem) {
  :is(.ks, #ks-x#ks-x) .sm\:top-4 {
    top: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .sm\:right-4 {
    right: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .sm\:right-8 {
    right: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .sm\:left-1\/2 {
    left: 50%;
  }
  :is(.ks, #ks-x#ks-x) .sm\:left-4 {
    left: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  :is(.ks, #ks-x#ks-x) .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  :is(.ks, #ks-x#ks-x) .sm\:col-start-2 {
    grid-column-start: 2;
  }
  :is(.ks, #ks-x#ks-x) .sm\:mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  :is(.ks, #ks-x#ks-x) .sm\:mb-0 {
    margin-bottom: 0;
  }
  :is(.ks, #ks-x#ks-x) .sm\:block {
    display: block;
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid {
    display: grid;
  }
  :is(.ks, #ks-x#ks-x) .sm\:inline {
    display: inline;
  }
  :is(.ks, #ks-x#ks-x) .sm\:inline-flex {
    display: inline-flex;
  }
  :is(.ks, #ks-x#ks-x) .sm\:aspect-\[5\/4\] {
    aspect-ratio: 5/4;
  }
  :is(.ks, #ks-x#ks-x) .sm\:aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  :is(.ks, #ks-x#ks-x) .sm\:aspect-\[16\/11\] {
    aspect-ratio: 16/11;
  }
  :is(.ks, #ks-x#ks-x) .sm\:aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  :is(.ks, #ks-x#ks-x) .sm\:size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  :is(.ks, #ks-x#ks-x) .sm\:size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  :is(.ks, #ks-x#ks-x) .sm\:h-8 {
    height: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:min-h-\[38rem\] {
    min-height: 38rem;
  }
  :is(.ks, #ks-x#ks-x) .sm\:-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid-cols-\[14rem_1fr\] {
    grid-template-columns: 14rem 1fr;
  }
  :is(.ks, #ks-x#ks-x) .sm\:grid-cols-\[16rem_1fr\] {
    grid-template-columns: 16rem 1fr;
  }
  :is(.ks, #ks-x#ks-x) .sm\:flex-row {
    flex-direction: row;
  }
  :is(.ks, #ks-x#ks-x) .sm\:items-center {
    align-items: center;
  }
  :is(.ks, #ks-x#ks-x) .sm\:justify-between {
    justify-content: space-between;
  }
  :is(.ks, #ks-x#ks-x) .sm\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .sm\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  :is(.ks, #ks-x#ks-x) .sm\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :is(.ks, #ks-x#ks-x) .sm\:gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  :is(.ks, #ks-x#ks-x) .sm\:gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }
  :is(.ks, #ks-x#ks-x) .sm\:p-7 {
    padding: calc(var(--spacing) * 7);
  }
  :is(.ks, #ks-x#ks-x) .sm\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:p-9 {
    padding: calc(var(--spacing) * 9);
  }
  :is(.ks, #ks-x#ks-x) .sm\:p-10 {
    padding: calc(var(--spacing) * 10);
  }
  :is(.ks, #ks-x#ks-x) .sm\:px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  :is(.ks, #ks-x#ks-x) .sm\:px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  :is(.ks, #ks-x#ks-x) .sm\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pt-1 {
    padding-top: var(--spacing);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pl-0 {
    padding-left: 0;
  }
  :is(.ks, #ks-x#ks-x) .sm\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  :is(.ks, #ks-x#ks-x) .sm\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-right {
    text-align: right;
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-\[0\.68rem\] {
    font-size: 0.68rem;
  }
  :is(.ks, #ks-x#ks-x) .sm\:text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  :is(.ks, #ks-x#ks-x) .sm\:not-first\:-mt-14:not(:first-child) {
    margin-top: calc(var(--spacing) * -14);
  }
}
@media (width>=64rem) {
  :is(.ks, #ks-x#ks-x) .lg\:sticky {
    position: sticky;
  }
  :is(.ks, #ks-x#ks-x) .lg\:top-32 {
    top: calc(var(--spacing) * 32);
  }
  :is(.ks, #ks-x#ks-x) .lg\:right-12 {
    right: calc(var(--spacing) * 12);
  }
  :is(.ks, #ks-x#ks-x) .lg\:order-1 {
    order: 1;
  }
  :is(.ks, #ks-x#ks-x) .lg\:order-2 {
    order: 2;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-start-1 {
    grid-column-start: 1;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-start-6 {
    grid-column-start: 6;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-start-7 {
    grid-column-start: 7;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-start-8 {
    grid-column-start: 8;
  }
  :is(.ks, #ks-x#ks-x) .lg\:col-start-9 {
    grid-column-start: 9;
  }
  :is(.ks, #ks-x#ks-x) .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  :is(.ks, #ks-x#ks-x) .lg\:mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  :is(.ks, #ks-x#ks-x) .lg\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  :is(.ks, #ks-x#ks-x) .lg\:mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  :is(.ks, #ks-x#ks-x) .lg\:mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  :is(.ks, #ks-x#ks-x) .lg\:mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }
  :is(.ks, #ks-x#ks-x) .lg\:mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  :is(.ks, #ks-x#ks-x) .lg\:block {
    display: block;
  }
  :is(.ks, #ks-x#ks-x) .lg\:hidden {
    display: none;
  }
  :is(.ks, #ks-x#ks-x) .lg\:inline-flex {
    display: inline-flex;
  }
  :is(.ks, #ks-x#ks-x) .lg\:aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  :is(.ks, #ks-x#ks-x) .lg\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  :is(.ks, #ks-x#ks-x) .lg\:aspect-auto {
    aspect-ratio: auto;
  }
  :is(.ks, #ks-x#ks-x) .lg\:h-\[4\.5rem\] {
    height: 4.5rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:h-\[32rem\] {
    height: 32rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:h-full {
    height: 100%;
  }
  :is(.ks, #ks-x#ks-x) .lg\:min-h-\[36rem\] {
    min-height: 36rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:min-h-\[44rem\] {
    min-height: 44rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:shrink-0 {
    flex-shrink: 0;
  }
  :is(.ks, #ks-x#ks-x) .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  :is(.ks, #ks-x#ks-x) .lg\:flex-row {
    flex-direction: row;
  }
  :is(.ks, #ks-x#ks-x) .lg\:items-center {
    align-items: center;
  }
  :is(.ks, #ks-x#ks-x) .lg\:items-end {
    align-items: flex-end;
  }
  :is(.ks, #ks-x#ks-x) .lg\:justify-between {
    justify-content: space-between;
  }
  :is(.ks, #ks-x#ks-x) .lg\:justify-end {
    justify-content: flex-end;
  }
  :is(.ks, #ks-x#ks-x) .lg\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :is(.ks, #ks-x#ks-x) .lg\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :is(.ks, #ks-x#ks-x) .lg\:gap-28 {
    gap: calc(var(--spacing) * 28);
  }
  :is(.ks, #ks-x#ks-x) .lg\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  :is(.ks, #ks-x#ks-x) .lg\:border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
  :is(.ks, #ks-x#ks-x) .lg\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  :is(.ks, #ks-x#ks-x) .lg\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  :is(.ks, #ks-x#ks-x) .lg\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  :is(.ks, #ks-x#ks-x) .lg\:py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  :is(.ks, #ks-x#ks-x) .lg\:py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  :is(.ks, #ks-x#ks-x) .lg\:py-36 {
    padding-block: calc(var(--spacing) * 36);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pt-36 {
    padding-top: calc(var(--spacing) * 36);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  :is(.ks, #ks-x#ks-x) .lg\:pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  :is(.ks, #ks-x#ks-x) .lg\:text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  :is(.ks, #ks-x#ks-x) .lg\:text-\[2\.9rem\] {
    font-size: 2.9rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:text-\[3\.05rem\] {
    font-size: 3.05rem;
  }
  :is(.ks, #ks-x#ks-x) .lg\:first\:pl-0:first-child {
    padding-left: 0;
  }
  :is(.ks, #ks-x#ks-x) .lg\:last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
}
@media (width>=80rem) {
  :is(.ks, #ks-x#ks-x) .xl\:inline-flex {
    display: inline-flex;
  }
}
:is(.ks, #ks-x#ks-x) .dd:hover .\[\.dd\:hover_\&\]\:rotate-180 {
  rotate: 180deg;
}
:is(.ks, #ks-x#ks-x) .img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
:is(.ks, #ks-x#ks-x) .scrim-bottom {
  background: linear-gradient(#070c1e8c 0%, #070c1e26 30%, #070c1e8c 62%, #070c1ee0 100%);
}
:is(.ks, #ks-x#ks-x) .scrim-soft {
  background: linear-gradient(#070c1e4d, #070c1e33 40%, #070c1ec7);
}
:is(.ks, #ks-x#ks-x) .grain:after {
  content: "";
  pointer-events: none;
  opacity: 0.07;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-ext-wght-normal.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 Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-wght-normal.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 Tight Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-tight-latin-ext-wght-normal.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 Tight Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-tight-latin-wght-normal.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: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("fonts/ibm-plex-mono-latin-ext-400-normal.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: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("fonts/ibm-plex-mono-latin-400-normal.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: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("fonts/ibm-plex-mono-latin-ext-500-normal.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: IBM Plex Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("fonts/ibm-plex-mono-latin-500-normal.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;
}
.ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal] {
  opacity: 0;
  filter: blur(6px);
  transition:
    opacity 0.7s var(--ease-out-expo),
    transform 0.7s var(--ease-out-expo),
    filter 0.7s var(--ease-out-expo);
  transition-delay: var(--d, 0s);
  transform: translateY(16px);
}
.ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal].is-in {
  opacity: 1;
  filter: none;
  transform: none;
}
.ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal-media] {
  opacity: 0;
  transition:
    transform 1.4s var(--ease-out-expo),
    opacity 1s var(--ease-out-expo);
  transform: scale(1.08);
}
.ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal-media].is-in {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  :is(.ks, #ks-x#ks-x#ks-x) {
    scroll-behavior: auto;
  }
  .ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal],
  .ks-js :is(.ks, #ks-x#ks-x#ks-x) [data-reveal-media] {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
    transform: none !important;
  }
  :is(.ks, #ks-x#ks-x#ks-x),
  :is(.ks, #ks-x#ks-x#ks-x) *,
  :is(.ks, #ks-x#ks-x#ks-x) :before,
  :is(.ks, #ks-x#ks-x#ks-x) :after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !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-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-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-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;
}
:is(.ks, #ks-x#ks-x#ks-x) .dd:hover .dd-panel,
:is(.ks, #ks-x#ks-x#ks-x) .dd:focus-within .dd-panel,
:is(.ks, #ks-x#ks-x#ks-x) .dd[data-open] .dd-panel {
  visibility: visible;
  opacity: 1;
}
:is(.ks, #ks-x#ks-x#ks-x) .dd-panel {
  transform: translate(-50%, 6px);
}
:is(.ks, #ks-x#ks-x#ks-x) .dd:hover .dd-panel,
:is(.ks, #ks-x#ks-x#ks-x) .dd:focus-within .dd-panel,
:is(.ks, #ks-x#ks-x#ks-x) .dd[data-open] .dd-panel {
  transform: translate(-50%);
}

:is(.ks, #ks-x#ks-x#ks-x) .tab-panel {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.6s var(--ease-out-expo),
    visibility 0.6s;
}
:is(.ks, #ks-x#ks-x#ks-x) .tab-panel[data-active] {
  opacity: 1;
  visibility: visible;
}
:is(.ks, #ks-x#ks-x#ks-x) .tab-panel img {
  transition: transform 1.2s var(--ease-out-expo);
  transform: scale(1.04);
}
:is(.ks, #ks-x#ks-x#ks-x) .tab-panel[data-active] img {
  transform: scale(1);
}
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    :is(.ks, #ks-x#ks-x#ks-x) .parallax {
      animation: linear both parallax view();
      animation-range: cover;
    }
    @keyframes parallax {
      0% {
        transform: translateY(-9%) scale(1.2);
      }
      to {
        transform: translateY(9%) scale(1.2);
      }
    }
  }
}/* End custom CSS */