/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
   @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

      *,
      :before,
      :after,
      ::backdrop {
         --tw-rotate-x: initial;
         --tw-rotate-y: initial;
         --tw-rotate-z: initial;
         --tw-skew-x: initial;
         --tw-skew-y: initial;
         --tw-border-style: solid;
         --tw-leading: initial;
         --tw-font-weight: initial;
         --tw-tracking: 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-translate-x: 0;
         --tw-translate-y: 0;
         --tw-translate-z: 0;
         --tw-duration: initial;
         --tw-ease: initial
      }
   }
}

@layer theme {

   :root,
   :host {
      --font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
      --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
      --color-white: #fff;
      --spacing: .25rem;
      --text-xs: .75rem;
      --text-xs--line-height: calc(1 / .75);
      --text-sm: .875rem;
      --text-sm--line-height: calc(1.25 / .875);
      --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-4xl: 2.25rem;
      --text-4xl--line-height: calc(2.5 / 2.25);
      --text-5xl: 3rem;
      --text-5xl--line-height: 1;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --tracking-tighter: -.05em;
      --tracking-tight: -.025em;
      --leading-snug: 1.375;
      --leading-relaxed: 1.625;
      --radius-md: .375rem;
      --radius-2xl: 1rem;
      --ease-out: cubic-bezier(0, 0, .2, 1);
      --blur-sm: 8px;
      --blur-md: 12px;
      --default-transition-duration: .15s;
      --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      --default-font-family: var(--font-sans);
      --default-mono-font-family: var(--font-mono);
      --color-ink: #0b0d10;
      --color-ink-2: #0f1115;
      --color-surface: #12151a;
      --color-surface-2: #14171c;
      --color-fg: #edeae4;
      --color-muted: #a3acb8;
      --color-dim: #808a97;
      --color-accent: #ffa31a;
      --color-mint: #8fd3c7;
      --animate-blink: blink 1.1s steps(1) infinite;
      --animate-rise: rise .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s) backwards;
      --animate-gin: gin .35s ease
   }
}

@layer base {

   *,
   :after,
   :before,
   ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
   }

   ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
   }

   html,
   :host {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      line-height: 1.5;
      font-family: var(--default-font-family, -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
   }

   hr {
      height: 0;
      color: inherit;
      border-top-width: 1px
   }

   abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      font-size: inherit;
      font-weight: inherit
   }

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

   b,
   strong {
      font-weight: bolder
   }

   code,
   kbd,
   samp,
   pre {
      font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
      font-feature-settings: var(--default-mono-font-feature-settings, normal);
      font-variation-settings: var(--default-mono-font-variation-settings, normal);
      font-size: 1em
   }

   small {
      font-size: 80%
   }

   sub,
   sup {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative
   }

   sub {
      bottom: -.25em
   }

   sup {
      top: -.5em
   }

   table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse
   }

   :-moz-focusring:where(:not(iframe)) {
      outline: auto
   }

   progress {
      vertical-align: baseline
   }

   summary {
      display: list-item
   }

   ol,
   ul,
   menu {
      list-style: none
   }

   img,
   svg,
   video,
   canvas,
   audio,
   iframe,
   embed,
   object {
      vertical-align: middle;
      display: block
   }

   img,
   video {
      max-width: 100%;
      height: auto
   }

   button,
   input,
   select,
   optgroup,
   textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
   }

   ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
   }

   :where(select:is([multiple], [size])) optgroup {
      font-weight: bolder
   }

   :where(select:is([multiple], [size])) optgroup option {
      padding-inline-start: 20px
   }

   ::file-selector-button {
      margin-inline-end: 4px
   }

   ::placeholder {
      opacity: 1
   }

   @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
      ::placeholder {
         color: currentColor
      }

      @supports (color:color-mix(in lab, red, red)) {
         ::placeholder {
            color: color-mix(in oklab, currentcolor 50%, transparent)
         }
      }
   }

   textarea {
      resize: vertical
   }

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

   ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit
   }

   ::-webkit-datetime-edit {
      display: inline-flex
   }

   ::-webkit-datetime-edit-fields-wrapper {
      padding: 0
   }

   ::-webkit-datetime-edit {
      padding-block: 0
   }

   ::-webkit-datetime-edit-year-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-month-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-day-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-hour-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-minute-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-second-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-millisecond-field {
      padding-block: 0
   }

   ::-webkit-datetime-edit-meridiem-field {
      padding-block: 0
   }

   ::-webkit-calendar-picker-indicator {
      line-height: 1
   }

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

   button,
   input:where([type=button], [type=reset], [type=submit]) {
      appearance: button
   }

   ::file-selector-button {
      appearance: button
   }

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

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

   [hidden]:where(:not([hidden=until-found])) {
      display: none !important
   }

   html {
      scroll-behavior: smooth;
      color-scheme: dark;
      scroll-padding-top: 5rem
   }

   body {
      background-color: var(--color-ink);
      font-family: var(--font-sans);
      color: var(--color-fg);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
   }

   ::selection {
      background-color: var(--color-accent);
      color: var(--color-ink)
   }

   :focus-visible {
      outline: 2px solid var(--color-accent);
      outline-offset: 3px
   }
}

@layer components {
   .section-shell {
      box-sizing: border-box;
      max-width: 1200px;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 24);
      margin-inline: auto
   }

   @media (min-width:40rem) {
      .section-shell {
         padding-inline: calc(var(--spacing) * 8)
      }
   }

   @media (min-width:64rem) {
      .section-shell {
         padding-inline: calc(var(--spacing) * 12)
      }
   }

   .section-head {
      margin-bottom: calc(var(--spacing) * 12);
      align-items: baseline;
      gap: calc(var(--spacing) * 4);
      display: flex;
      position: relative
   }

   .section-num {
      font-family: var(--font-mono);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-accent)
   }

   .section-title {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight);
      margin: 0
   }

   @media (min-width:40rem) {
      .section-title {
         font-size: var(--text-5xl);
         line-height: var(--tw-leading, var(--text-5xl--line-height))
      }
   }

   @media (min-width:64rem) {
      .section-title {
         font-size: 56px
      }
   }

   .section-rule {
      background-color: #ffffff1a;
      flex: 1;
      align-self: center;
      height: 1px
   }

   @supports (color:color-mix(in lab, red, red)) {
      .section-rule {
         background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
   }

   .section-ghost {
      pointer-events: none;
      top: calc(var(--spacing) * -24);
      --tw-leading: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-size: 220px;
      line-height: 1;
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-tighter);
      letter-spacing: var(--tracking-tighter);
      color: #0000;
      -webkit-user-select: none;
      user-select: none;
      display: none;
      position: absolute;
      right: 0
   }

   @media (min-width:48rem) {
      .section-ghost {
         display: block
      }
   }

   .section-ghost {
      -webkit-text-stroke: 1px #ffffff12
   }

   .chip {
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #ffffff1a
   }

   @supports (color:color-mix(in lab, red, red)) {
      .chip {
         border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
   }

   .chip {
      padding-inline: calc(var(--spacing) * 2.5);
      padding-block: var(--spacing);
      font-family: var(--font-mono);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: var(--color-muted)
   }

   .card {
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #ffffff14;
      flex-direction: column;
      display: flex;
      overflow: hidden
   }

   @supports (color:color-mix(in lab, red, red)) {
      .card {
         border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
      }
   }

   .card {
      background-color: #12151acc
   }

   @supports (color:color-mix(in lab, red, red)) {
      .card {
         background-color: color-mix(in oklab, var(--color-surface) 80%, transparent)
      }
   }

   .card {
      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));
      --tw-duration: .3s;
      --tw-ease: var(--ease-out);
      transition-duration: .3s;
      transition-timing-function: var(--ease-out)
   }

   @media (hover:hover) {
      .card:hover {
         --tw-translate-y: calc(var(--spacing) * -1.5);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         border-color: #ffa31a73
      }

      @supports (color:color-mix(in lab, red, red)) {
         .card:hover {
            border-color: color-mix(in oklab, var(--color-accent) 45%, transparent)
         }
      }
   }

   .card-media {
      height: calc(var(--spacing) * 56);
      background-color: var(--color-surface-2);
      width: 100%;
      display: block;
      position: relative;
      overflow: hidden
   }

   .card-media img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      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: .7s;
      --tw-ease: var(--ease-out);
      transition-duration: .7s;
      transition-timing-function: var(--ease-out);
      display: block
   }

   .card:hover .card-media img {
      transform: scale(1.04)
   }

   .btn-primary {
      min-height: calc(var(--spacing) * 12);
      align-items: center;
      gap: calc(var(--spacing) * 2.5);
      background-color: var(--color-accent);
      padding-inline: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      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, 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));
      border-radius: 3.40282e38px;
      display: inline-flex
   }

   @media (hover:hover) {
      .btn-primary:hover {
         --tw-translate-y: calc(var(--spacing) * -.5);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         background-color: #ffb341
      }
   }

   .btn-ghost {
      min-height: calc(var(--spacing) * 12);
      align-items: center;
      gap: calc(var(--spacing) * 2.5);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #fff3;
      border-radius: 3.40282e38px;
      display: inline-flex
   }

   @supports (color:color-mix(in lab, red, red)) {
      .btn-ghost {
         border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
   }

   .btn-ghost {
      padding-inline: calc(var(--spacing) * 6);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-fg);
      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))
   }

   @media (hover:hover) {
      .btn-ghost:hover {
         --tw-translate-y: calc(var(--spacing) * -.5);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         border-color: var(--color-accent);
         color: var(--color-accent)
      }
   }

   .icon-btn {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #ffffff1f;
      border-radius: 3.40282e38px;
      justify-content: center;
      align-items: center;
      display: inline-flex
   }

   @supports (color:color-mix(in lab, red, red)) {
      .icon-btn {
         border-color: color-mix(in oklab, var(--color-white) 12%, transparent)
      }
   }

   .icon-btn {
      color: var(--color-muted);
      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))
   }

   @media (hover:hover) {
      .icon-btn:hover {
         --tw-translate-y: calc(var(--spacing) * -.5);
         translate: var(--tw-translate-x) var(--tw-translate-y);
         border-color: #ffa31a80
      }

      @supports (color:color-mix(in lab, red, red)) {
         .icon-btn:hover {
            border-color: color-mix(in oklab, var(--color-accent) 50%, transparent)
         }
      }

      .icon-btn:hover {
         color: var(--color-accent)
      }
   }

   .nav-link {
      padding-block: calc(var(--spacing) * 3);
      font-family: var(--font-mono);
      color: var(--color-muted);
      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));
      font-size: 13px;
      display: inline-block
   }

   @media (hover:hover) {
      .nav-link:hover {
         color: var(--color-fg)
      }
   }

   .text-outline {
      color: #0000;
      -webkit-text-stroke: 1px #ffffff12
   }

   .text-outline-accent {
      color: #0000;
      -webkit-text-stroke: 1px #ffa31a1f
   }

   .dot-grid {
      background-image: radial-gradient(#ffffff13 1px, #0000 1.3px);
      background-size: 28px 28px
   }

   .gal-btn {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #fff3;
      border-radius: 3.40282e38px;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      display: inline-flex
   }

   @supports (color:color-mix(in lab, red, red)) {
      .gal-btn {
         border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
   }

   .gal-btn {
      background-color: #12151acc
   }

   @supports (color:color-mix(in lab, red, red)) {
      .gal-btn {
         background-color: color-mix(in oklab, var(--color-surface) 80%, transparent)
      }
   }

   .gal-btn {
      color: var(--color-fg);
      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))
   }

   @media (hover:hover) {
      .gal-btn:hover {
         border-color: var(--color-accent);
         color: var(--color-accent)
      }
   }
}

@layer utilities {
   .pointer-events-none {
      pointer-events: none
   }

   .sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden
   }

   .absolute {
      position: absolute
   }

   .fixed {
      position: fixed
   }

   .relative {
      position: relative
   }

   .sticky {
      position: sticky
   }

   .inset-0 {
      inset: 0
   }

   .inset-x-0 {
      inset-inline: 0
   }

   .top-0 {
      top: 0
   }

   .top-\[18\%\] {
      top: 18%
   }

   .top-\[58\%\] {
      top: 58%
   }

   .top-\[92\%\] {
      top: 92%
   }

   .top-\[140\%\] {
      top: 140%
   }

   .top-\[170\%\] {
      top: 170%
   }

   .top-\[210\%\] {
      top: 210%
   }

   .top-\[250\%\] {
      top: 250%
   }

   .right-2 {
      right: calc(var(--spacing) * 2)
   }

   .right-3 {
      right: calc(var(--spacing) * 3)
   }

   .right-\[4\%\] {
      right: 4%
   }

   .right-\[6\%\] {
      right: 6%
   }

   .right-\[12\%\] {
      right: 12%
   }

   .bottom-3 {
      bottom: calc(var(--spacing) * 3)
   }

   .left-\[4\%\] {
      left: 4%
   }

   .left-\[10\%\] {
      left: 10%
   }

   .left-\[18\%\] {
      left: 18%
   }

   .left-\[58\%\] {
      left: 58%
   }

   .z-0 {
      z-index: 0
   }

   .z-30 {
      z-index: 30
   }

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

   .m-0 {
      margin: 0
   }

   .mx-auto {
      margin-inline: auto
   }

   .mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5)
   }

   .mt-2\.5 {
      margin-top: calc(var(--spacing) * 2.5)
   }

   .mt-4 {
      margin-top: calc(var(--spacing) * 4)
   }

   .mt-9 {
      margin-top: calc(var(--spacing) * 9)
   }

   .mt-11 {
      margin-top: calc(var(--spacing) * 11)
   }

   .mt-12 {
      margin-top: calc(var(--spacing) * 12)
   }

   .mt-16 {
      margin-top: calc(var(--spacing) * 16)
   }

   .mt-20 {
      margin-top: calc(var(--spacing) * 20)
   }

   .mt-24 {
      margin-top: calc(var(--spacing) * 24)
   }

   .mt-28 {
      margin-top: calc(var(--spacing) * 28)
   }

   .mt-auto {
      margin-top: auto
   }

   .\!mb-10 {
      margin-bottom: calc(var(--spacing) * 10) !important
   }

   .mb-1\.5 {
      margin-bottom: calc(var(--spacing) * 1.5)
   }

   .mb-2 {
      margin-bottom: calc(var(--spacing) * 2)
   }

   .mb-2\.5 {
      margin-bottom: calc(var(--spacing) * 2.5)
   }

   .mb-6 {
      margin-bottom: calc(var(--spacing) * 6)
   }

   .mb-7 {
      margin-bottom: calc(var(--spacing) * 7)
   }

   .ml-auto {
      margin-left: auto
   }

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

   .block {
      display: block
   }

   .flex {
      display: flex
   }

   .grid {
      display: grid
   }

   .hidden {
      display: none
   }

   .inline-block {
      display: inline-block
   }

   .inline-flex {
      display: inline-flex
   }

   .size-2 {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2)
   }

   .size-3\.5 {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5)
   }

   .size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5)
   }

   .size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11)
   }

   .size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12)
   }

   .size-16 {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16)
   }

   .size-\[18px\] {
      width: 18px;
      height: 18px
   }

   .size-\[52px\] {
      width: 52px;
      height: 52px
   }

   .size-\[150px\] {
      width: 150px;
      height: 150px
   }

   .size-full {
      width: 100%;
      height: 100%
   }

   .h-\[64vh\] {
      height: 64vh
   }

   .h-\[160\%\] {
      height: 160%
   }

   .h-dvh {
      height: 100dvh
   }

   .h-full {
      height: 100%
   }

   .h-px {
      height: 1px
   }

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

   .max-h-full {
      max-height: 100%
   }

   .max-h-none {
      max-height: none
   }

   .min-h-11 {
      min-height: calc(var(--spacing) * 11)
   }

   .min-h-14 {
      min-height: calc(var(--spacing) * 14)
   }

   .w-12 {
      width: calc(var(--spacing) * 12)
   }

   .w-full {
      width: 100%
   }

   .w-screen {
      width: 100vw
   }

   .max-w-\[540px\] {
      max-width: 540px
   }

   .max-w-\[620px\] {
      max-width: 620px
   }

   .max-w-\[900px\] {
      max-width: 900px
   }

   .max-w-\[1100px\] {
      max-width: 1100px
   }

   .max-w-\[1200px\] {
      max-width: 1200px
   }

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

   .max-w-none {
      max-width: none
   }

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

   .flex-1 {
      flex: 1
   }

   .flex-\[1\.6_1_420px\] {
      flex: 1.6 420px
   }

   .flex-\[1_1_320px\] {
      flex: 320px
   }

   .flex-\[1_1_360px\] {
      flex: 360px
   }

   .flex-\[1_1_380px\] {
      flex: 380px
   }

   .flex-\[1_1_460px\] {
      flex: 460px
   }

   .flex-\[999_1_560px\] {
      flex: 999 560px
   }

   .shrink-0 {
      flex-shrink: 0
   }

   .transform {
      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
   }

   .animate-blink {
      animation: var(--animate-blink)
   }

   .animate-gin {
      animation: var(--animate-gin)
   }

   .cursor-pointer {
      cursor: pointer
   }

   .cursor-zoom-in {
      cursor: zoom-in
   }

   .resize {
      resize: both
   }

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

   .grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
   }

   .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,260px\)\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr))
   }

   .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,300px\)\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr))
   }

   .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,320px\)\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr))
   }

   .flex-col {
      flex-direction: column
   }

   .flex-wrap {
      flex-wrap: wrap
   }

   .items-center {
      align-items: center
   }

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

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

   .justify-center {
      justify-content: center
   }

   .gap-1\.5 {
      gap: calc(var(--spacing) * 1.5)
   }

   .gap-2 {
      gap: calc(var(--spacing) * 2)
   }

   .gap-2\.5 {
      gap: calc(var(--spacing) * 2.5)
   }

   .gap-3 {
      gap: calc(var(--spacing) * 3)
   }

   .gap-3\.5 {
      gap: calc(var(--spacing) * 3.5)
   }

   .gap-4 {
      gap: calc(var(--spacing) * 4)
   }

   .gap-5 {
      gap: calc(var(--spacing) * 5)
   }

   .gap-6 {
      gap: calc(var(--spacing) * 6)
   }

   .gap-14 {
      gap: calc(var(--spacing) * 14)
   }

   .gap-16 {
      gap: calc(var(--spacing) * 16)
   }

   .gap-\[18px\] {
      gap: 18px
   }

   .gap-x-6 {
      column-gap: calc(var(--spacing) * 6)
   }

   .gap-x-8 {
      column-gap: calc(var(--spacing) * 8)
   }

   .gap-x-10 {
      column-gap: calc(var(--spacing) * 10)
   }

   .gap-x-12 {
      column-gap: calc(var(--spacing) * 12)
   }

   .gap-y-3 {
      row-gap: calc(var(--spacing) * 3)
   }

   .gap-y-4 {
      row-gap: calc(var(--spacing) * 4)
   }

   .gap-y-9 {
      row-gap: calc(var(--spacing) * 9)
   }

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

   .overflow-hidden {
      overflow: hidden
   }

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

   .overflow-x-clip {
      overflow-x: clip
   }

   .rounded {
      border-radius: .25rem
   }

   .rounded-2xl {
      border-radius: var(--radius-2xl)
   }

   .rounded-\[10px\] {
      border-radius: 10px
   }

   .rounded-\[14px\] {
      border-radius: 14px
   }

   .rounded-full {
      border-radius: 3.40282e38px
   }

   .border {
      border-style: var(--tw-border-style);
      border-width: 1px
   }

   .border-2 {
      border-style: var(--tw-border-style);
      border-width: 2px
   }

   .border-y {
      border-block-style: var(--tw-border-style);
      border-block-width: 1px
   }

   .border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px
   }

   .border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
   }

   .border-accent {
      border-color: var(--color-accent)
   }

   .border-transparent {
      border-color: #0000
   }

   .border-white\/12 {
      border-color: #ffffff1f
   }

   @supports (color:color-mix(in lab, red, red)) {
      .border-white\/12 {
         border-color: color-mix(in oklab, var(--color-white) 12%, transparent)
      }
   }

   .border-white\/\[0\.06\] {
      border-color: #ffffff0f
   }

   @supports (color:color-mix(in lab, red, red)) {
      .border-white\/\[0\.06\] {
         border-color: color-mix(in oklab, var(--color-white) 6%, transparent)
      }
   }

   .border-white\/\[0\.07\] {
      border-color: #ffffff12
   }

   @supports (color:color-mix(in lab, red, red)) {
      .border-white\/\[0\.07\] {
         border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent)
      }
   }

   .border-white\/\[0\.08\] {
      border-color: #ffffff14
   }

   @supports (color:color-mix(in lab, red, red)) {
      .border-white\/\[0\.08\] {
         border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
      }
   }

   .border-white\/\[0\.09\] {
      border-color: #ffffff17
   }

   @supports (color:color-mix(in lab, red, red)) {
      .border-white\/\[0\.09\] {
         border-color: color-mix(in oklab, var(--color-white) 9%, transparent)
      }
   }

   .bg-accent {
      background-color: var(--color-accent)
   }

   .bg-ink {
      background-color: var(--color-ink)
   }

   .bg-ink-2 {
      background-color: var(--color-ink-2)
   }

   .bg-ink\/70 {
      background-color: #0b0d10b3
   }

   @supports (color:color-mix(in lab, red, red)) {
      .bg-ink\/70 {
         background-color: color-mix(in oklab, var(--color-ink) 70%, transparent)
      }
   }

   .bg-ink\/80 {
      background-color: #0b0d10cc
   }

   @supports (color:color-mix(in lab, red, red)) {
      .bg-ink\/80 {
         background-color: color-mix(in oklab, var(--color-ink) 80%, transparent)
      }
   }

   .bg-ink\/90 {
      background-color: #0b0d10e6
   }

   @supports (color:color-mix(in lab, red, red)) {
      .bg-ink\/90 {
         background-color: color-mix(in oklab, var(--color-ink) 90%, transparent)
      }
   }

   .bg-surface-2 {
      background-color: var(--color-surface-2)
   }

   .bg-surface\/80 {
      background-color: #12151acc
   }

   @supports (color:color-mix(in lab, red, red)) {
      .bg-surface\/80 {
         background-color: color-mix(in oklab, var(--color-surface) 80%, transparent)
      }
   }

   .bg-white\/20 {
      background-color: #fff3
   }

   @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/20 {
         background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
   }

   .object-contain {
      object-fit: contain
   }

   .object-cover {
      object-fit: cover
   }

   .object-top {
      object-position: top
   }

   .p-0 {
      padding: 0
   }

   .p-6 {
      padding: calc(var(--spacing) * 6)
   }

   .p-\[5px\] {
      padding: 5px
   }

   .px-1 {
      padding-inline: var(--spacing)
   }

   .px-2 {
      padding-inline: calc(var(--spacing) * 2)
   }

   .px-3 {
      padding-inline: calc(var(--spacing) * 3)
   }

   .px-4 {
      padding-inline: calc(var(--spacing) * 4)
   }

   .px-6 {
      padding-inline: calc(var(--spacing) * 6)
   }

   .px-7 {
      padding-inline: calc(var(--spacing) * 7)
   }

   .px-\[18px\] {
      padding-inline: 18px
   }

   .px-\[22px\] {
      padding-inline: 22px
   }

   .py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5)
   }

   .py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5)
   }

   .py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5)
   }

   .py-6 {
      padding-block: calc(var(--spacing) * 6)
   }

   .py-8 {
      padding-block: calc(var(--spacing) * 8)
   }

   .py-\[22px\] {
      padding-block: 22px
   }

   .pt-1 {
      padding-top: var(--spacing)
   }

   .pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5)
   }

   .pt-7 {
      padding-top: calc(var(--spacing) * 7)
   }

   .pt-20 {
      padding-top: calc(var(--spacing) * 20)
   }

   .pt-\[22px\] {
      padding-top: 22px
   }

   .pt-\[26px\] {
      padding-top: 26px
   }

   .pt-\[72px\] {
      padding-top: 72px
   }

   .\!pb-14 {
      padding-bottom: calc(var(--spacing) * 14) !important
   }

   .pb-1\.5 {
      padding-bottom: calc(var(--spacing) * 1.5)
   }

   .pb-3 {
      padding-bottom: calc(var(--spacing) * 3)
   }

   .pb-5 {
      padding-bottom: calc(var(--spacing) * 5)
   }

   .pb-6 {
      padding-bottom: calc(var(--spacing) * 6)
   }

   .pb-24 {
      padding-bottom: calc(var(--spacing) * 24)
   }

   .pb-\[26px\] {
      padding-bottom: 26px
   }

   .font-mono {
      font-family: var(--font-mono)
   }

   .text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
   }

   .text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
   }

   .text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
   }

   .text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
   }

   .text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height))
   }

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

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

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

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

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

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

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

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

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

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

   .text-\[clamp\(24px\,2\.6vw\,32px\)\] {
      font-size: clamp(24px, 2.6vw, 32px)
   }

   .text-\[clamp\(24px\,3vw\,34px\)\] {
      font-size: clamp(24px, 3vw, 34px)
   }

   .text-\[clamp\(40px\,6\.4vw\,88px\)\] {
      font-size: clamp(40px, 6.4vw, 88px)
   }

   .text-\[clamp\(56px\,9vw\,132px\)\] {
      font-size: clamp(56px, 9vw, 132px)
   }

   .leading-\[0\.9\] {
      --tw-leading: .9;
      line-height: .9
   }

   .leading-\[0\.98\] {
      --tw-leading: .98;
      line-height: .98
   }

   .leading-\[1\.85\] {
      --tw-leading: 1.85;
      line-height: 1.85
   }

   .leading-none {
      --tw-leading: 1;
      line-height: 1
   }

   .leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed)
   }

   .leading-snug {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug)
   }

   .font-bold {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold)
   }

   .font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
   }

   .font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold)
   }

   .tracking-\[-0\.04em\] {
      --tw-tracking: -.04em;
      letter-spacing: -.04em
   }

   .tracking-\[-0\.045em\] {
      --tw-tracking: -.045em;
      letter-spacing: -.045em
   }

   .tracking-\[0\.08em\] {
      --tw-tracking: .08em;
      letter-spacing: .08em
   }

   .tracking-tight {
      --tw-tracking: var(--tracking-tight);
      letter-spacing: var(--tracking-tight)
   }

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

   .text-accent {
      color: var(--color-accent)
   }

   .text-dim {
      color: var(--color-dim)
   }

   .text-fg {
      color: var(--color-fg)
   }

   .text-mint {
      color: var(--color-mint)
   }

   .text-muted {
      color: var(--color-muted)
   }

   .opacity-50 {
      opacity: .5
   }

   .opacity-80 {
      opacity: .8
   }

   .opacity-100 {
      opacity: 1
   }

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

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

   .transition {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
   }

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

   @media (hover:hover) {
      .group-hover\:border-accent\/50:is(:where(.group):hover *) {
         border-color: #ffa31a80
      }

      @supports (color:color-mix(in lab, red, red)) {
         .group-hover\:border-accent\/50:is(:where(.group):hover *) {
            border-color: color-mix(in oklab, var(--color-accent) 50%, transparent)
         }
      }

      .group-hover\:bg-ink\/95:is(:where(.group):hover *) {
         background-color: #0b0d10f2
      }

      @supports (color:color-mix(in lab, red, red)) {
         .group-hover\:bg-ink\/95:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-ink) 95%, transparent)
         }
      }
   }

   .backdrop\:bg-transparent::backdrop {
      background-color: #0000
   }

   .open\:flex:is([open], :popover-open, :open) {
      display: flex
   }

   .open\:items-center:is([open], :popover-open, :open) {
      align-items: center
   }

   .open\:justify-center:is([open], :popover-open, :open) {
      justify-content: center
   }

   @media (hover:hover) {
      .hover\:-translate-y-0\.5:hover {
         --tw-translate-y: calc(var(--spacing) * -.5);
         translate: var(--tw-translate-x) var(--tw-translate-y)
      }

      .hover\:border-accent\/45:hover {
         border-color: #ffa31a73
      }

      @supports (color:color-mix(in lab, red, red)) {
         .hover\:border-accent\/45:hover {
            border-color: color-mix(in oklab, var(--color-accent) 45%, transparent)
         }
      }

      .hover\:bg-white\/\[0\.025\]:hover {
         background-color: #ffffff06
      }

      @supports (color:color-mix(in lab, red, red)) {
         .hover\:bg-white\/\[0\.025\]:hover {
            background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent)
         }
      }

      .hover\:text-accent:hover {
         color: var(--color-accent)
      }

      .hover\:text-fg:hover {
         color: var(--color-fg)
      }

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

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

   .focus\:not-sr-only:focus {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible
   }

   .focus\:fixed:focus {
      position: fixed
   }

   .focus\:top-4:focus {
      top: calc(var(--spacing) * 4)
   }

   .focus\:left-4:focus {
      left: calc(var(--spacing) * 4)
   }

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

   .focus\:rounded-full:focus {
      border-radius: 3.40282e38px
   }

   .focus\:bg-accent:focus {
      background-color: var(--color-accent)
   }

   .focus\:px-5:focus {
      padding-inline: calc(var(--spacing) * 5)
   }

   .focus\:py-3:focus {
      padding-block: calc(var(--spacing) * 3)
   }

   .focus\:font-semibold:focus {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold)
   }

   .focus\:text-ink:focus {
      color: var(--color-ink)
   }

   @media (min-width:40rem) {
      .sm\:ml-1\.5 {
         margin-left: calc(var(--spacing) * 1.5)
      }

      .sm\:basis-\[120px\] {
         flex-basis: 120px
      }

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

      .sm\:gap-4 {
         gap: calc(var(--spacing) * 4)
      }

      .sm\:gap-6 {
         gap: calc(var(--spacing) * 6)
      }

      .sm\:px-8 {
         padding-inline: calc(var(--spacing) * 8)
      }

      .sm\:px-10 {
         padding-inline: calc(var(--spacing) * 10)
      }
   }

   @media (min-width:48rem) {
      .md\:flex {
         display: flex
      }

      .md\:hidden {
         display: none
      }

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

      .md\:flex-1 {
         flex: 1
      }

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

      .md\:flex-wrap {
         flex-wrap: wrap
      }

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

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

      .md\:gap-x-5 {
         column-gap: calc(var(--spacing) * 5)
      }

      .md\:gap-x-6 {
         column-gap: calc(var(--spacing) * 6)
      }

      .md\:pt-28 {
         padding-top: calc(var(--spacing) * 28)
      }

      .md\:pb-0 {
         padding-bottom: 0
      }

      .md\:pb-28 {
         padding-bottom: calc(var(--spacing) * 28)
      }

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

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

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

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

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

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

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

   @media (min-width:64rem) {
      .lg\:px-12 {
         padding-inline: calc(var(--spacing) * 12)
      }
   }

   .js .reveal:not(.is-in) {
      opacity: 0
   }

   .reveal.is-in {
      animation: var(--animate-rise)
   }
}

@media (prefers-reduced-motion:reduce) {
   html {
      scroll-behavior: auto
   }

   *,
   :before,
   :after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important
   }

   .js .reveal:not(.is-in) {
      opacity: 1
   }
}

@property --tw-rotate-x {
   syntax: "*";
   inherits: false
}

@property --tw-rotate-y {
   syntax: "*";
   inherits: false
}

@property --tw-rotate-z {
   syntax: "*";
   inherits: false
}

@property --tw-skew-x {
   syntax: "*";
   inherits: false
}

@property --tw-skew-y {
   syntax: "*";
   inherits: false
}

@property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid
}

@property --tw-leading {
   syntax: "*";
   inherits: false
}

@property --tw-font-weight {
   syntax: "*";
   inherits: false
}

@property --tw-tracking {
   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-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-duration {
   syntax: "*";
   inherits: false
}

@property --tw-ease {
   syntax: "*";
   inherits: false
}

@keyframes blink {
   50% {
      opacity: 0
   }
}

@keyframes rise {
   0% {
      opacity: 0;
      filter: blur(4px);
      transform: translateY(28px)scale(.96)
   }

   to {
      opacity: 1;
      filter: none;
      transform: none
   }
}

@keyframes gin {
   0% {
      opacity: 0;
      transform: scale(.98)
   }

   to {
      opacity: 1;
      transform: none
   }
}