/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "JetBrains Mono", ui-monospace, monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --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-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: "JetBrains Mono", ui-monospace, monospace;
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-border: var(--border);
    --color-ink: var(--ink);
    --color-paper: var(--paper);
    --color-paper-ink: var(--paper-ink);
    --color-signal: var(--signal);
    --font-display: "Zain", sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }
  .-inset-y-20 {
    inset-block: calc(var(--spacing) * -20);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .-top-28 {
    top: calc(var(--spacing) * -28);
  }
  .-top-32 {
    top: calc(var(--spacing) * -32);
  }
  .\[top\:0\] {
    top: 0;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-1\/3 {
    top: calc(1/3 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-28 {
    top: calc(var(--spacing) * 28);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[22\%\] {
    top: 22%;
  }
  .top-\[34px\] {
    top: 34px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-full {
    top: 100%;
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .-right-24 {
    right: calc(var(--spacing) * -24);
  }
  .-right-32 {
    right: calc(var(--spacing) * -32);
  }
  .-right-40 {
    right: calc(var(--spacing) * -40);
  }
  .-right-\[14vw\] {
    right: calc(14vw * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[10\%\] {
    right: 10%;
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .-bottom-44 {
    bottom: calc(var(--spacing) * -44);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-\[26\%\] {
    bottom: 26%;
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-20 {
    left: calc(var(--spacing) * -20);
  }
  .-left-24 {
    left: calc(var(--spacing) * -24);
  }
  .-left-28 {
    left: calc(var(--spacing) * -28);
  }
  .-left-32 {
    left: calc(var(--spacing) * -32);
  }
  .-left-\[37px\] {
    left: calc(37px * -1);
  }
  .-left-\[41px\] {
    left: calc(41px * -1);
  }
  .-left-\[46px\] {
    left: calc(46px * -1);
  }
  .\[left\:-5\%\] {
    left: -5%;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .left-\[26px\] {
    left: 26px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-\[0\.6em\] {
    margin-top: 0.6em;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-\[3\.6rem\] {
    margin-left: 3.6rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[5\/4\] {
    aspect-ratio: 5/4;
  }
  .aspect-\[16\/7\] {
    aspect-ratio: 16/7;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\!h-\[200\%\] {
    height: 200% !important;
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/3 {
    height: calc(1/3 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[68\%\] {
    height: 68%;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[190px\] {
    height: 190px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[460px\] {
    height: 460px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[540px\] {
    height: 540px;
  }
  .h-\[680px\] {
    height: 680px;
  }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[calc\(100dvh-72px\)\] {
    max-height: calc(100dvh - 72px);
  }
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[92svh\] {
    min-height: 92svh;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-\[200\%\] {
    width: 200% !important;
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[460px\] {
    width: 460px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[540px\] {
    width: 540px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .\!max-w-none {
    max-width: none !important;
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .origin-left {
    transform-origin: left;
  }
  .origin-top {
    transform-origin: top;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[17\%\] {
    --tw-translate-x: calc(17% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-5 {
    --tw-translate-y: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[3\%\] {
    --tw-translate-y: 3%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[4\%\] {
    --tw-translate-y: 4%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[6\%\] {
    --tw-translate-y: 6%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[7\%\] {
    --tw-translate-y: 7%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[11\%\] {
    --tw-translate-y: 11%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-y-100 {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.84\] {
    scale: 0.84;
  }
  .scale-\[1\.9\] {
    scale: 1.9;
  }
  .scale-\[1\.14\] {
    scale: 1.14;
  }
  .scale-\[1\.34\] {
    scale: 1.34;
  }
  .scale-\[1\.48\] {
    scale: 1.48;
  }
  .scale-\[1\.52\] {
    scale: 1.52;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
  }
  .divide-foreground\/8 {
    :where(& > :not(:last-child)) {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 8%, transparent);
      }
    }
  }
  .divide-white\/8 {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: calc(var(--radius) + 8px);
  }
  .rounded-3xl {
    border-radius: calc(var(--radius) + 12px);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
  }
  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .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-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-accent {
    border-color: var(--accent);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/50 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-destructive\/50 {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }
  .border-foreground\/8 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 8%, transparent);
    }
  }
  .border-foreground\/10 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .border-foreground\/12 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }
  .border-foreground\/18 {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 18%, transparent);
    }
  }
  .border-input {
    border-color: var(--input);
  }
  .border-paper-ink\/10 {
    border-color: var(--paper-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--paper-ink) 10%, transparent);
    }
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-primary\/50 {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }
  .border-signal {
    border-color: var(--signal);
  }
  .border-signal\/20 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 20%, transparent);
    }
  }
  .border-signal\/25 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 25%, transparent);
    }
  }
  .border-signal\/30 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 30%, transparent);
    }
  }
  .border-signal\/35 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 35%, transparent);
    }
  }
  .border-signal\/40 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 40%, transparent);
    }
  }
  .border-signal\/45 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 45%, transparent);
    }
  }
  .border-signal\/50 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 50%, transparent);
    }
  }
  .border-signal\/60 {
    border-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--signal) 60%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet\/30 {
    border-color: var(--violet);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--violet) 30%, transparent);
    }
  }
  .border-white\/8 {
    border-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-l-transparent {
    border-left-color: transparent;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\/70 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }
  .bg-background\/85 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 85%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }
  .bg-background\/97 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 97%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-foreground\/10 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .bg-foreground\/12 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }
  .bg-foreground\/20 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .bg-foreground\/25 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .bg-foreground\/\[0\.02\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
    }
  }
  .bg-foreground\/\[0\.03\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 3%, transparent);
    }
  }
  .bg-foreground\/\[0\.015\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 1.5%, transparent);
    }
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted\/50 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-paper {
    background-color: var(--paper);
  }
  .bg-paper-ink {
    background-color: var(--paper-ink);
  }
  .bg-paper-ink\/\[0\.04\] {
    background-color: var(--paper-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--paper-ink) 4%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-sidebar {
    background-color: var(--sidebar);
  }
  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }
  .bg-signal {
    background-color: var(--signal);
  }
  .bg-signal\/10 {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 10%, transparent);
    }
  }
  .bg-signal\/15 {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 15%, transparent);
    }
  }
  .bg-signal\/50 {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 50%, transparent);
    }
  }
  .bg-signal\/60 {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 60%, transparent);
    }
  }
  .bg-signal\/\[0\.04\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 4%, transparent);
    }
  }
  .bg-signal\/\[0\.05\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 5%, transparent);
    }
  }
  .bg-signal\/\[0\.06\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 6%, transparent);
    }
  }
  .bg-signal\/\[0\.07\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 7.000000000000001%, transparent);
    }
  }
  .bg-signal\/\[0\.08\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 8%, transparent);
    }
  }
  .bg-signal\/\[0\.09\] {
    background-color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--signal) 9%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/8 {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/\[0\.02\] {
    background-color: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }
  .bg-white\/\[0\.03\] {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .bg-white\/\[0\.025\] {
    background-color: color-mix(in srgb, #fff 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[radial-gradient\(120\%_90\%_at_58\%_-5\%\,oklch\(0\.15_0\.075_300\)_0\%\,oklch\(0\.09_0\.035_300\)_55\%\,oklch\(0\.06_0\.03_300\)_100\%\)\] {
    background-image: radial-gradient(120% 90% at 58% -5%,oklch(0.15 0.075 300) 0%,oklch(0.09 0.035 300) 55%,oklch(0.06 0.03 300) 100%);
  }
  .bg-\[radial-gradient\(120\%_120\%_at_20\%_0\%\,oklch\(0\.16_0\.07_300\)\,oklch\(0\.08_0\.03_300\)\)\] {
    background-image: radial-gradient(120% 120% at 20% 0%,oklch(0.16 0.07 300),oklch(0.08 0.03 300));
  }
  .from-background {
    --tw-gradient-from: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-background\/70 {
    --tw-gradient-from: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--background) 70%, 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));
  }
  .from-black\/40 {
    --tw-gradient-from: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, 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));
  }
  .from-foreground\/20 {
    --tw-gradient-from: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--foreground) 20%, 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));
  }
  .from-indigo {
    --tw-gradient-from: var(--indigo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-signal {
    --tw-gradient-from: var(--signal);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-signal\/60 {
    --tw-gradient-from: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--signal) 60%, 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));
  }
  .from-transparent {
    --tw-gradient-from: 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));
  }
  .via-background\/75 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 75%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-background\/85 {
    --tw-gradient-via: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--background) 85%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-signal {
    --tw-gradient-via: var(--signal);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-signal\/50 {
    --tw-gradient-via: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--signal) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-signal\/60 {
    --tw-gradient-via: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--signal) 60%, 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);
  }
  .to-background {
    --tw-gradient-to: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo {
    --tw-gradient-to: var(--indigo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-signal {
    --tw-gradient-to: var(--signal);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-violet {
    --tw-gradient-to: var(--violet);
    --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));
  }
  .\[mask-image\:linear-gradient\(to_top\,black\,transparent_88\%\)\] {
    mask-image: linear-gradient(to top,black,transparent 88%);
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-primary {
    fill: var(--primary);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[58\%_50\%\] {
    object-position: 58% 50%;
  }
  .object-\[60\%_45\%\] {
    object-position: 60% 45%;
  }
  .object-center {
    object-position: center;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-36 {
    padding-top: calc(var(--spacing) * 36);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[0\.08em\] {
    padding-bottom: 0.08em;
  }
  .pb-\[0\.12em\] {
    padding-bottom: 0.12em;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-mono {
    font-family: "JetBrains Mono", ui-monospace, monospace;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[1\.0625rem\] {
    font-size: 1.0625rem;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[clamp\(1\.5rem\,2\.6vw\,2rem\)\] {
    font-size: clamp(1.5rem, 2.6vw, 2rem);
  }
  .text-\[clamp\(1\.6rem\,3\.2vw\,2\.4rem\)\] {
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  }
  .text-\[clamp\(1\.6rem\,3\.4vw\,2\.6rem\)\] {
    font-size: clamp(1.6rem, 3.4vw, 2.6rem);
  }
  .text-\[clamp\(1\.7rem\,3\.4vw\,2\.6rem\)\] {
    font-size: clamp(1.7rem, 3.4vw, 2.6rem);
  }
  .text-\[clamp\(1\.7rem\,3vw\,2\.4rem\)\] {
    font-size: clamp(1.7rem, 3vw, 2.4rem);
  }
  .text-\[clamp\(1\.8rem\,4\.2vw\,3\.2rem\)\] {
    font-size: clamp(1.8rem, 4.2vw, 3.2rem);
  }
  .text-\[clamp\(1\.8rem\,4\.4vw\,3\.2rem\)\] {
    font-size: clamp(1.8rem, 4.4vw, 3.2rem);
  }
  .text-\[clamp\(1\.8rem\,4vw\,2\.9rem\)\] {
    font-size: clamp(1.8rem, 4vw, 2.9rem);
  }
  .text-\[clamp\(1\.8rem\,4vw\,3rem\)\] {
    font-size: clamp(1.8rem, 4vw, 3rem);
  }
  .text-\[clamp\(1\.9rem\,4\.2vw\,3\.1rem\)\] {
    font-size: clamp(1.9rem, 4.2vw, 3.1rem);
  }
  .text-\[clamp\(1\.9rem\,4\.2vw\,3\.2rem\)\] {
    font-size: clamp(1.9rem, 4.2vw, 3.2rem);
  }
  .text-\[clamp\(1\.9rem\,4vw\,3rem\)\] {
    font-size: clamp(1.9rem, 4vw, 3rem);
  }
  .text-\[clamp\(1\.9rem\,5vw\,3\.6rem\)\] {
    font-size: clamp(1.9rem, 5vw, 3.6rem);
  }
  .text-\[clamp\(2\.1rem\,4\.6vw\,3\.6rem\)\] {
    font-size: clamp(2.1rem, 4.6vw, 3.6rem);
  }
  .text-\[clamp\(2\.1rem\,5\.4vw\,4\.2rem\)\] {
    font-size: clamp(2.1rem, 5.4vw, 4.2rem);
  }
  .text-\[clamp\(2\.2rem\,5\.2vw\,4\.2rem\)\] {
    font-size: clamp(2.2rem, 5.2vw, 4.2rem);
  }
  .text-\[clamp\(2\.2rem\,5\.6vw\,4\.4rem\)\] {
    font-size: clamp(2.2rem, 5.6vw, 4.4rem);
  }
  .text-\[clamp\(2\.3rem\,5\.6vw\,4\.4rem\)\] {
    font-size: clamp(2.3rem, 5.6vw, 4.4rem);
  }
  .text-\[clamp\(2\.4rem\,5vw\,4\.7rem\)\] {
    font-size: clamp(2.4rem, 5vw, 4.7rem);
  }
  .text-\[clamp\(2\.4rem\,6vw\,5rem\)\] {
    font-size: clamp(2.4rem, 6vw, 5rem);
  }
  .text-\[clamp\(2\.5rem\,5\.4vw\,4\.6rem\)\] {
    font-size: clamp(2.5rem, 5.4vw, 4.6rem);
  }
  .text-\[clamp\(2rem\,4\.5vw\,3\.8rem\)\] {
    font-size: clamp(2rem, 4.5vw, 3.8rem);
  }
  .text-\[clamp\(2rem\,4\.6vw\,3\.4rem\)\] {
    font-size: clamp(2rem, 4.6vw, 3.4rem);
  }
  .text-\[clamp\(2rem\,4\.6vw\,3\.6rem\)\] {
    font-size: clamp(2rem, 4.6vw, 3.6rem);
  }
  .text-\[clamp\(2rem\,4\.8vw\,3\.6rem\)\] {
    font-size: clamp(2rem, 4.8vw, 3.6rem);
  }
  .text-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
    font-size: clamp(2rem, 4vw, 3.5rem);
  }
  .text-\[clamp\(2rem\,4vw\,3rem\)\] {
    font-size: clamp(2rem, 4vw, 3rem);
  }
  .text-\[clamp\(2rem\,5\.4vw\,4\.2rem\)\] {
    font-size: clamp(2rem, 5.4vw, 4.2rem);
  }
  .text-\[clamp\(3rem\,14vw\,12rem\)\] {
    font-size: clamp(3rem, 14vw, 12rem);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.03\] {
    --tw-leading: 1.03;
    line-height: 1.03;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-background {
    color: var(--background);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-current {
    color: currentcolor;
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-foreground\/20 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
  .text-foreground\/25 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 25%, transparent);
    }
  }
  .text-foreground\/30 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }
  .text-foreground\/35 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }
  .text-foreground\/40 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }
  .text-foreground\/45 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }
  .text-foreground\/50 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }
  .text-foreground\/55 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }
  .text-foreground\/60 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }
  .text-foreground\/65 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 65%, transparent);
    }
  }
  .text-foreground\/70 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .text-foreground\/80 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }
  .text-foreground\/85 {
    color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-paper {
    color: var(--paper);
  }
  .text-paper-ink {
    color: var(--paper-ink);
  }
  .text-paper-ink\/80 {
    color: var(--paper-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--paper-ink) 80%, transparent);
    }
  }
  .text-paper-muted {
    color: var(--paper-muted);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }
  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }
  .text-signal {
    color: var(--signal);
  }
  .text-signal\/70 {
    color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--signal) 70%, transparent);
    }
  }
  .text-signal\/80 {
    color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--signal) 80%, transparent);
    }
  }
  .text-signal\/90 {
    color: var(--signal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--signal) 90%, transparent);
    }
  }
  .text-violet {
    color: var(--violet);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/12 {
    color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .text-white\/25 {
    color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .text-white\/30 {
    color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/35 {
    color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .text-white\/40 {
    color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/45 {
    color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .text-white\/50 {
    color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-white\/\[0\.06\] {
    color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-\[oklch\(0\.78_0\.19_305\)\] {
    accent-color: oklch(0.78 0.19 305);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.13\] {
    opacity: 0.13;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_16px_2px_oklch\(0\.78_0\.19_305_\/_0\.6\)\] {
    --tw-shadow: 0 0 16px 2px var(--tw-shadow-color, oklch(0.78 0.19 305 / 0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px_-12px_oklch\(0\.52_0\.27_300\/0\.5\)\] {
    --tw-shadow: 0 0 40px -12px var(--tw-shadow-color, oklch(0.52 0.27 300/0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-background {
    --tw-ring-color: var(--background);
  }
  .ring-ring {
    --tw-ring-color: var(--ring);
  }
  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[90px\] {
    --tw-blur: blur(90px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[120px\] {
    --tw-blur: blur(120px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[130px\] {
    --tw-blur: blur(130px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[140px\] {
    --tw-blur: blur(140px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[150px\] {
    --tw-blur: blur(150px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[170px\] {
    --tw-blur: blur(170px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-\[180px\] {
    --tw-blur: blur(180px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,right\,width\] {
    transition-property: left,right,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,opacity\] {
    transition-property: margin,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .transition-\[width\,height\,padding\] {
    transition-property: width,height,padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--cell-size\:2rem\] {
    --cell-size: 2rem;
  }
  .group-focus-within\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:translate-x-1 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-150 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 150%;
        --tw-scale-y: 150%;
        --tw-scale-z: 150%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:text-signal {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--signal);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/li\:translate-x-1 {
    &:is(:where(.group\/li):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/li\:-translate-y-0\.5 {
    &:is(:where(.group\/li):hover *) {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\/menu-item\:opacity-100 {
    &:is(:where(.group\/menu-item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-\[\.toast\]\:bg-muted {
    &:is(:where(.group):is(.toast) *) {
      background-color: var(--muted);
    }
  }
  .group-\[\.toast\]\:bg-primary {
    &:is(:where(.group):is(.toast) *) {
      background-color: var(--primary);
    }
  }
  .group-\[\.toast\]\:text-muted-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: var(--muted-foreground);
    }
  }
  .group-\[\.toast\]\:text-primary-foreground {
    &:is(:where(.group):is(.toast) *) {
      color: var(--primary-foreground);
    }
  }
  .group-\[\.toaster\]\:border-border {
    &:is(:where(.group):is(.toaster) *) {
      border-color: var(--border);
    }
  }
  .group-\[\.toaster\]\:bg-background {
    &:is(:where(.group):is(.toaster) *) {
      background-color: var(--background);
    }
  }
  .group-\[\.toaster\]\:text-foreground {
    &:is(:where(.group):is(.toaster) *) {
      color: var(--foreground);
    }
  }
  .group-\[\.toaster\]\:shadow-lg {
    &:is(:where(.group):is(.toaster) *) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
    &:is(:where(.peer\/menu-button):hover ~ *) {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:opacity-70 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 70%;
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: var(--foreground);
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
  .after\:inset-y-0 {
    &::after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .after\:left-1\/2 {
    &::after {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .after\:w-1 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1);
    }
  }
  .after\:w-\[2px\] {
    &::after {
      content: var(--tw-content);
      width: 2px;
    }
  }
  .after\:-translate-x-1\/2 {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .first\:rounded-l-md {
    &:first-child {
      border-top-left-radius: calc(var(--radius) - 2px);
      border-bottom-left-radius: calc(var(--radius) - 2px);
    }
  }
  .first\:border-l {
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .last\:rounded-r-md {
    &:last-child {
      border-top-right-radius: calc(var(--radius) - 2px);
      border-bottom-right-radius: calc(var(--radius) - 2px);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-\[3px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(3px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-\[1\.03\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.03;
      }
    }
  }
  .hover\:border-foreground\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-signal\/25 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--signal);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--signal) 25%, transparent);
        }
      }
    }
  }
  .hover\:border-signal\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--signal);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--signal) 35%, transparent);
        }
      }
    }
  }
  .hover\:border-signal\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--signal);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--signal) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
  .hover\:bg-destructive\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/\[0\.02\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .hover\:bg-muted\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-sidebar-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent);
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.035\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 3.5000000000000004%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 3.5000000000000004%, transparent);
        }
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:text-foreground\/70 {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 70%, transparent);
        }
      }
    }
  }
  .hover\:text-foreground\/75 {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 75%, transparent);
        }
      }
    }
  }
  .hover\:text-foreground\/80 {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--foreground) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-muted-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
  .hover\:text-sidebar-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
  .hover\:text-signal {
    &:hover {
      @media (hover: hover) {
        color: var(--signal);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:after\:bg-sidebar-border {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-color: var(--sidebar-border);
        }
      }
    }
  }
  .focus\:border-signal\/40 {
    &:focus {
      border-color: var(--signal);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--signal) 40%, transparent);
      }
    }
  }
  .focus\:border-signal\/60 {
    &:focus {
      border-color: var(--signal);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--signal) 60%, transparent);
      }
    }
  }
  .focus\:bg-accent {
    &:focus {
      background-color: var(--accent);
    }
  }
  .focus\:text-accent-foreground {
    &:focus {
      color: var(--accent-foreground);
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-ring {
    &:focus {
      --tw-ring-color: var(--ring);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-1 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--ring);
    }
  }
  .focus-visible\:ring-sidebar-ring {
    &:focus-visible {
      --tw-ring-color: var(--sidebar-ring);
    }
  }
  .focus-visible\:ring-signal\/50 {
    &:focus-visible {
      --tw-ring-color: var(--signal);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--signal) 50%, transparent);
      }
    }
  }
  .focus-visible\:ring-signal\/60 {
    &:focus-visible {
      --tw-ring-color: var(--signal);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--signal) 60%, transparent);
      }
    }
  }
  .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-background {
    &:focus-visible {
      --tw-ring-offset-color: var(--background);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:bg-sidebar-accent {
    &:active {
      background-color: var(--sidebar-accent);
    }
  }
  .active\:text-sidebar-accent-foreground {
    &:active {
      color: var(--sidebar-accent-foreground);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .has-focus\:border-ring {
    &:has(*:focus) {
      border-color: var(--ring);
    }
  }
  .has-focus\:ring-\[3px\] {
    &:has(*:focus) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-focus\:ring-ring\/50 {
    &:has(*:focus) {
      --tw-ring-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
      }
    }
  }
  .has-\[\:disabled\]\:opacity-50 {
    &:has(*:is(:disabled)) {
      opacity: 50%;
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none;
    }
  }
  .aria-disabled\:opacity-50 {
    &[aria-disabled="true"] {
      opacity: 50%;
    }
  }
  .aria-selected\:text-muted-foreground {
    &[aria-selected="true"] {
      color: var(--muted-foreground);
    }
  }
  .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-\[placeholder\]\:text-muted-foreground {
    &[data-placeholder] {
      color: var(--muted-foreground);
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:h-\[240px\] {
    @media (width >= 40rem) {
      height: 240px;
    }
  }
  .sm\:max-w-sm {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[260px_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 260px 1fr;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,38\%\)_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,38%) 1fr;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:space-x-2 {
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
  }
  .sm\:rounded-lg {
    @media (width >= 40rem) {
      border-radius: var(--radius);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:w-64 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    @media (width >= 48rem) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:translate-y-6 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-6 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[0\.7fr_1\.3fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 0.7fr 1.3fr;
    }
  }
  .md\:grid-cols-\[1\.1fr_0\.9fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.1fr 0.9fr;
    }
  }
  .md\:grid-cols-\[1\.2fr_1fr_1fr_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1.2fr 1fr 1fr 1fr;
    }
  }
  .md\:grid-cols-\[1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .md\:grid-cols-\[auto_1fr_1\.2fr\] {
    @media (width >= 48rem) {
      grid-template-columns: auto 1fr 1.2fr;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-baseline {
    @media (width >= 48rem) {
      align-items: baseline;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-12 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .md\:p-14 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:px-9 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 9);
    }
  }
  .md\:px-14 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:py-16 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:py-20 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:py-28 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .md\:py-32 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 32);
    }
  }
  .md\:py-36 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 36);
    }
  }
  .md\:pt-32 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 32);
    }
  }
  .md\:pt-40 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 40);
    }
  }
  .md\:pt-44 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 44);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:pb-24 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }
  .md\:pb-28 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .md\:pl-16 {
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 16);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .after\:md\:hidden {
    &::after {
      content: var(--tw-content);
      @media (width >= 48rem) {
        display: none;
      }
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-32 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 32);
    }
  }
  .lg\:-bottom-6 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * -6);
    }
  }
  .lg\:left-0 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 0);
    }
  }
  .lg\:z-20 {
    @media (width >= 64rem) {
      z-index: 20;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:min-h-full {
    @media (width >= 64rem) {
      min-height: 100%;
    }
  }
  .lg\:w-32 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .lg\:-translate-x-2 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.8fr 1.2fr;
    }
  }
  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.9fr 1.1fr;
    }
  }
  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.85fr 1.15fr;
    }
  }
  .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 0.95fr 1.05fr;
    }
  }
  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.05fr 0.95fr;
    }
  }
  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.15fr 0.85fr;
    }
  }
  .lg\:grid-cols-\[1\.35fr_0\.65fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1.35fr 0.65fr;
    }
  }
  .lg\:grid-cols-\[1fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 1fr;
    }
  }
  .lg\:grid-cols-\[1fr_auto_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr auto 1fr;
    }
  }
  .lg\:grid-cols-\[45fr_55fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 45fr 55fr;
    }
  }
  .lg\:grid-cols-\[auto_1fr_auto\] {
    @media (width >= 64rem) {
      grid-template-columns: auto 1fr auto;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_240px\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 240px;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,46\%\)_minmax\(0\,54\%\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,46%) minmax(0,54%);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,52\%\)_minmax\(0\,48\%\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,52%) minmax(0,48%);
    }
  }
  .lg\:grid-rows-\[0fr\] {
    @media (width >= 64rem) {
      grid-template-rows: 0fr;
    }
  }
  .lg\:grid-rows-\[1fr\] {
    @media (width >= 64rem) {
      grid-template-rows: 1fr;
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .lg\:px-20 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .lg\:py-2 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .lg\:text-right {
    @media (width >= 64rem) {
      text-align: right;
    }
  }
  .lg\:text-signal {
    @media (width >= 64rem) {
      color: var(--signal);
    }
  }
  .lg\:text-white\/30 {
    @media (width >= 64rem) {
      color: color-mix(in srgb, #fff 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }
  }
  .lg\:opacity-0 {
    @media (width >= 64rem) {
      opacity: 0%;
    }
  }
  .lg\:opacity-100 {
    @media (width >= 64rem) {
      opacity: 100%;
    }
  }
  .xl\:h-\[510px\] {
    @media (width >= 80rem) {
      height: 510px;
    }
  }
  .dark\:border-destructive {
    &:is(.dark *) {
      border-color: var(--destructive);
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
    & .recharts-cartesian-axis-tick text {
      fill: var(--muted-foreground);
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
    & .recharts-curve.recharts-tooltip-cursor {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-layer\]\:outline-none {
    & .recharts-layer {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
    & .recharts-radial-bar-background-sector {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
    & .recharts-rectangle.recharts-tooltip-cursor {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-sector\]\:outline-none {
    & .recharts-sector {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-surface\]\:outline-none {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
    & [cmdk-group-heading] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
    & [cmdk-group-heading] {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
    & [cmdk-group-heading] {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
    & [cmdk-group-heading] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
    & [cmdk-group-heading] {
      color: var(--muted-foreground);
    }
  }
  .\[\&_\[cmdk-group\]\]\:px-2 {
    & [cmdk-group] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
    & [cmdk-input-wrapper] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
    & [cmdk-input-wrapper] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-input\]\]\:h-12 {
    & [cmdk-input] {
      height: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\[cmdk-item\]\]\:px-2 {
    & [cmdk-item] {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&_\[cmdk-item\]\]\:py-3 {
    & [cmdk-item] {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 {
    & [cmdk-item] svg {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 {
    & [cmdk-item] svg {
      width: calc(var(--spacing) * 5);
    }
  }
  .\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      :is(& *) {
        &:is(.rdp-button_next>svg) {
          rotate: 180deg;
        }
      }
    }
  }
  .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      :is(& *) {
        &:is(.rdp-button_previous>svg) {
          rotate: 180deg;
        }
      }
    }
  }
  .\[\&\>button\]\:hidden {
    &>button {
      display: none;
    }
  }
  .\[\&\>svg\]\:absolute {
    &>svg {
      position: absolute;
    }
  }
  .\[\&\>svg\]\:top-4 {
    &>svg {
      top: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:left-4 {
    &>svg {
      left: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:size-3\.5 {
    &>svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:size-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:h-2\.5 {
    &>svg {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:h-3 {
    &>svg {
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:h-3\.5 {
    &>svg {
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:w-2\.5 {
    &>svg {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:w-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:w-3\.5 {
    &>svg {
      width: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&\>svg\]\:shrink-0 {
    &>svg {
      flex-shrink: 0;
    }
  }
  .\[\&\>svg\]\:text-destructive {
    &>svg {
      color: var(--destructive);
    }
  }
  .\[\&\>svg\]\:text-foreground {
    &>svg {
      color: var(--foreground);
    }
  }
  .\[\&\>svg\]\:text-muted-foreground {
    &>svg {
      color: var(--muted-foreground);
    }
  }
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] {
    &>svg+div {
      --tw-translate-y: -3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>svg\~\*\]\:pl-7 {
    &>svg~* {
      padding-left: calc(var(--spacing) * 7);
    }
  }
  .\[\&\>tr\]\:last\:border-b-0 {
    &>tr {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
}
:root {
  --radius: 0.5rem;
  --background: oklch(0.09 0.035 300);
  --foreground: oklch(0.98 0.005 300);
  --card: oklch(0.13 0.05 300);
  --card-foreground: oklch(0.98 0.005 300);
  --popover: oklch(0.13 0.05 300);
  --popover-foreground: oklch(0.98 0.005 300);
  --primary: oklch(0.52 0.27 300);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.18 0.09 300);
  --secondary-foreground: oklch(0.98 0.005 300);
  --muted: oklch(0.17 0.04 300);
  --muted-foreground: oklch(0.68 0.02 300);
  --accent: oklch(0.45 0.22 272);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.6 0.2 25);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(1 0 0 / 9%);
  --input: oklch(1 0 0 / 10%);
  --ring: oklch(0.66 0.2 300);
  --chart-1: oklch(0.45 0.22 272);
  --chart-2: oklch(0.66 0.2 300);
  --chart-3: oklch(0.52 0.27 300);
  --chart-4: oklch(0.76 0.16 300);
  --chart-5: oklch(0.55 0.15 300);
  --sidebar: oklch(0.11 0.045 300);
  --sidebar-foreground: oklch(0.98 0.005 300);
  --sidebar-primary: oklch(0.52 0.27 300);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.19 0.09 300);
  --sidebar-accent-foreground: oklch(0.98 0.005 300);
  --sidebar-border: oklch(1 0 0 / 9%);
  --sidebar-ring: oklch(0.66 0.2 300);
  --midnight: oklch(0.2 0.12 300);
  --indigo: oklch(0.45 0.22 272);
  --violet: oklch(0.52 0.27 300);
  --soft-violet: oklch(0.72 0.17 300);
  --signal: oklch(0.78 0.19 305);
  --ink: oklch(0.06 0.03 300);
  --carbon: oklch(0.11 0.04 300);
  --paper: oklch(0.95 0.012 300);
  --paper-ink: oklch(0.16 0.045 300);
  --paper-muted: oklch(0.45 0.03 300);
}
.dark {
  --background: oklch(0.09 0.035 300);
  --foreground: oklch(0.98 0.005 300);
}
@layer base {
  * {
    border-color: var(--color-border);
  }
  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    font-family: "Zain", sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
  }
  html {
    scroll-behavior: smooth;
  }
  ::selection {
    background-color: var(--color-signal);
    color: var(--color-ink);
  }
}
.mono {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.display {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 0.92;
}
.outline-type {
  -webkit-text-stroke: 1px oklch(1 0 0 / 30%);
  color: transparent;
}
.paper .outline-type {
  -webkit-text-stroke: 1px oklch(0.16 0.045 300 / 40%);
}
.paper {
  background-color: var(--color-paper);
  color: var(--color-paper-ink);
}
.glass-edge {
  border: 1px solid oklch(1 0 0 / 10%);
  backdrop-filter: blur(14px);
}
.glass-card {
  border: 1px solid oklch(1 0 0 / 8%);
  background: oklch(1 0 0 / 3%);
  backdrop-filter: blur(14px);
}
.grid-lines {
  background-image: linear-gradient(to right, oklch(1 0 0 / 4%) 1px, transparent 1px), linear-gradient(to bottom, oklch(1 0 0 / 4%) 1px, transparent 1px);
  background-size: 72px 72px;
}
.paper .grid-lines, .grid-lines-ink {
  background-image: linear-gradient(to right, oklch(0.16 0.045 300 / 7%) 1px, transparent 1px), linear-gradient(to bottom, oklch(0.16 0.045 300 / 7%) 1px, transparent 1px);
  background-size: 72px 72px;
}
.noise-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}
.gradient-text {
  background: linear-gradient(100deg, oklch(1 0 0) 0%, oklch(0.72 0.17 300) 55%, oklch(0.45 0.22 272) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.rail-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, oklch(0.45 0.22 272 / 0.5), oklch(0.78 0.19 305 / 0.9), oklch(0.52 0.27 300 / 0.5), transparent);
}
.hover-lift {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s ease;
}
.hover-lift:hover {
  transform: translateY(-6px);
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-up {
  animation: fade-up 1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fade-in {
  animation: fade-in 1.2s ease-out both;
}
@keyframes mask-rise {
  from {
    transform: translateY(105%);
  }
  to {
    transform: translateY(0);
  }
}
.animate-mask-rise {
  animation: mask-rise 1.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.animate-marquee {
  animation: marquee 38s linear infinite;
}
@keyframes marquee-slow {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}
.animate-marquee-rev {
  animation: marquee-slow 46s linear infinite;
}
@keyframes aurora-drift {
  0%, 100% {
    transform: translate3d(0,0,0) scale(1);
  }
  33% {
    transform: translate3d(5%, -5%, 0) scale(1.18);
  }
  66% {
    transform: translate3d(-5%, 4%, 0) scale(0.92);
  }
}
.animate-aurora {
  animation: aurora-drift 22s ease-in-out infinite;
}
@keyframes orbit-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-orbit {
  animation: orbit-spin 34s linear infinite;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
.animate-float {
  animation: float 8s ease-in-out infinite;
}
@keyframes signal-pulse {
  0%, 100% {
    opacity: 0.35;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.35);
  }
}
.animate-signal {
  animation: signal-pulse 2.4s ease-in-out infinite;
}
@keyframes shine-sweep {
  0% {
    transform: translateX(-130%) skewX(-20deg);
  }
  100% {
    transform: translateX(330%) skewX(-20deg);
  }
}
.animate-shine {
  animation: shine-sweep 5s ease-in-out infinite;
}
@keyframes scan-down {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: translateY(900%);
    opacity: 0;
  }
}
.animate-scan {
  animation: scan-down 4.5s linear infinite;
}
@keyframes ticker-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
.animate-ticker-up {
  animation: ticker-up 22s linear infinite;
}
@keyframes bar-grow {
  from {
    transform: scaleY(0.15);
  }
  to {
    transform: scaleY(1);
  }
}
.delay-100 {
  animation-delay: 100ms;
}
.delay-200 {
  animation-delay: 200ms;
}
.delay-300 {
  animation-delay: 300ms;
}
.delay-400 {
  animation-delay: 400ms;
}
.delay-500 {
  animation-delay: 500ms;
}
.delay-600 {
  animation-delay: 600ms;
}
.delay-700 {
  animation-delay: 700ms;
}
.delay-800 {
  animation-delay: 800ms;
}
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--color-signal);
  outline-offset: 3px;
  border-radius: 6px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .animate-fade-up, .animate-fade-in, .animate-mask-rise {
    opacity: 1 !important;
    transform: none !important;
  }
}
@keyframes rail-draw {
  from {
    stroke-dashoffset: var(--rail-len, 2000);
  }
  to {
    stroke-dashoffset: 0;
  }
}
.rail-draw {
  stroke-dasharray: var(--rail-len, 2000);
  stroke-dashoffset: var(--rail-len, 2000);
  animation: rail-draw 1.6s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@keyframes rail-signal {
  0% {
    offset-distance: 0%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
.rail-signal {
  animation: rail-signal 7s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes econ-sweep {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.econ-sweep {
  animation: econ-sweep 1.6s cubic-bezier(0.4, 0, 0.2, 1) 1 both;
}
@keyframes node-bloom {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  55% {
    opacity: 1;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-node {
  animation: node-bloom 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes node-halo {
  0%, 100% {
    opacity: 0.18;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.7);
  }
}
.animate-halo {
  animation: node-halo 3.6s ease-in-out infinite;
}
@keyframes gradient-travel {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.gradient-travel {
  background: linear-gradient( 100deg, oklch(0.98 0.005 300) 0%, oklch(0.78 0.19 305) 28%, oklch(0.55 0.24 285) 45%, oklch(0.98 0.005 300) 62%, oklch(0.98 0.005 300) 100% );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-travel 9s linear infinite;
}
@keyframes editorial-slide {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-editorial {
  animation: editorial-slide 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes atmos {
  0%, 100% {
    opacity: 0.34;
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    opacity: 0.5;
    transform: translate3d(2%, -3%, 0) scale(1.1);
  }
}
.animate-atmos {
  animation: atmos 26s ease-in-out infinite;
}
@keyframes kpi-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -8px, 0);
  }
}
.animate-drift {
  animation: kpi-drift 9s ease-in-out infinite;
}
@keyframes panel-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.animate-panel {
  animation: panel-in 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.grain::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.06;
  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='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}
.city-grid {
  background-image: linear-gradient(to right, oklch(1 0 0 / 3.5%) 1px, transparent 1px), linear-gradient(to bottom, oklch(1 0 0 / 2.5%) 1px, transparent 1px);
  background-size: 118px 118px;
  transform: perspective(900px) rotateX(58deg) scale(2.2);
  transform-origin: 50% 100%;
}
.magnetic {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.magnetic:hover {
  transform: translateY(-2px);
}
.underline-signal {
  position: relative;
}
.underline-signal::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right;
  background: var(--color-signal);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.underline-signal:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.section-fog {
  background: radial-gradient( 60% 100% at 50% 0%, oklch(0.52 0.27 300 / 0.16), transparent 70% );
}
@keyframes photo-unveil {
  from {
    clip-path: inset(0 0 100% 0);
    transform: scale(1.08);
    filter: saturate(0.4);
  }
  to {
    clip-path: inset(0 0 0 0);
    transform: scale(1);
    filter: saturate(1);
  }
}
.photo-unveil {
  animation: photo-unveil 1.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.photo-fade-b {
  -webkit-mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 55%, transparent 100%);
}
.photo-fade-l {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 30%, black 100%);
}
.photo-fade-radial {
  -webkit-mask-image: radial-gradient(78% 72% at 60% 38%, black 12%, transparent 82%);
  mask-image: radial-gradient(78% 72% at 60% 38%, black 12%, transparent 82%);
}
.photo-fade-hero {
  -webkit-mask-image: radial-gradient(72% 66% at 52% 42%, black 8%, transparent 80%), linear-gradient(to bottom, transparent 0%, black 22%, black 66%, transparent 100%);
  mask-image: radial-gradient(72% 66% at 52% 42%, black 8%, transparent 80%), linear-gradient(to bottom, transparent 0%, black 22%, black 66%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.photo-signal-wash {
  background: linear-gradient(200deg, oklch(0.52 0.27 300 / 0.1) 0%, transparent 55%), linear-gradient(0deg, var(--color-background) 1%, transparent 45%);
}
.paw-cursor {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='%23c8a2ff'%3E%3Cellipse cx='14' cy='18' rx='7' ry='5.5'/%3E%3Cellipse cx='6.5' cy='11' rx='2.7' ry='3.6'/%3E%3Cellipse cx='11.5' cy='7.5' rx='2.7' ry='3.8'/%3E%3Cellipse cx='17' cy='7.5' rx='2.7' ry='3.8'/%3E%3Cellipse cx='22' cy='11' rx='2.7' ry='3.6'/%3E%3C/g%3E%3C/svg%3E") 14 14, pointer;
}
.tilt-card {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.tilt-card:hover {
  transform: rotate(-1.1deg) translateY(-4px);
}
@media (prefers-reduced-motion: reduce) {
  .rail-draw {
    stroke-dashoffset: 0 !important;
  }
  .rail-signal, .animate-halo, .animate-atmos, .animate-drift, .gradient-travel {
    animation: none !important;
  }
  .gradient-travel {
    -webkit-text-fill-color: currentColor;
  }
  .photo-unveil {
    animation: none !important;
  }
  .tilt-card:hover {
    transform: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

/* WordPress host normalization — does not alter the Lovable design system. */
html,body{margin:0!important;padding:0!important}#sales-rail-app{min-height:100vh}.sr-wp-content{font-size:1.05rem;line-height:1.8;color:oklch(0.85 0.015 300)}.sr-wp-content h2,.sr-wp-content h3{font-family:var(--font-display);font-weight:800;color:var(--color-foreground);margin-top:2rem}.sr-wp-content p{margin-top:1rem}.sr-wp-content a{color:var(--color-signal)}

/* Saudi Arabic adaptation — intentionally minimal; the LA design system remains authoritative. */
html[dir="rtl"], body.rtl { direction: rtl; }
body { text-align: right; }
.sales-rail-la-exact .mono { letter-spacing: .08em; text-transform: none; }
.sales-rail-la-exact .display { letter-spacing: -0.015em; line-height: 1.02; }
.sales-rail-la-exact h1.display { max-width: 880px; }
.sales-rail-la-exact p { text-wrap: pretty; }
.sales-rail-la-exact svg text { direction:ltr; unicode-bidi:isolate; }
.sales-rail-la-exact [class*="group-hover:translate-x"], .sales-rail-la-exact [class*="group-hover:-translate-x"] { }
@media (min-width:1024px){
  .sales-rail-la-exact .lg\:text-right { text-align:right; }
}
@media (max-width:767px){
  .sales-rail-la-exact .display{line-height:1.08}
  .sales-rail-la-exact h1{font-size:min(10.5vw,3rem)}
  .sales-rail-la-exact section{scroll-margin-top:84px}
}

/* Saudi v4: Arabic type scale tuned to match the perceived proportions of the LA build. */
.sales-rail-la-exact{font-family:"Zain",ui-sans-serif,system-ui,sans-serif}
.sales-rail-la-exact .display{font-family:"Zain",sans-serif;font-weight:800;letter-spacing:0;line-height:1.06}
.sales-rail-la-exact .mono{font-family:"Zain",sans-serif;font-weight:500;letter-spacing:.02em}
.sales-rail-la-exact h1.display{font-size:clamp(2.05rem,4.45vw,3.95rem)!important;line-height:1.04!important}
.sales-rail-la-exact h2.display{font-size:clamp(1.7rem,3.35vw,2.85rem)!important;line-height:1.08!important}
.sales-rail-la-exact p.text-lg{font-size:1.02rem!important;line-height:1.8!important}
.sales-rail-la-exact .text-2xl{font-size:1.35rem}
.sales-rail-la-exact .text-xl{font-size:1.15rem}
.sales-rail-la-exact [class*="tracking-[0.16em]"]{letter-spacing:.035em!important}
.sales-rail-la-exact [class*="uppercase"]{text-transform:none!important}
.sales-rail-la-exact .border-l{border-left-width:0;border-right-width:1px}
.sales-rail-la-exact .pl-4{padding-left:0;padding-right:1rem}
.sales-rail-la-exact .pl-6{padding-left:0;padding-right:1.5rem}
.sales-rail-la-exact .pl-8{padding-left:0;padding-right:2rem}
.sales-rail-la-exact .pl-10{padding-left:0;padding-right:2.5rem}
@media(max-width:767px){
 .sales-rail-la-exact h1.display{font-size:clamp(1.9rem,9vw,2.65rem)!important}
 .sales-rail-la-exact h2.display{font-size:clamp(1.6rem,7vw,2.2rem)!important}
 .sales-rail-la-exact p.text-lg{font-size:.98rem!important}
 .sales-rail-la-exact section[class*="py-20"]{padding-top:4rem;padding-bottom:4rem}
}

/* ======================================================================
   Saudi v5 — RTL geometry audit + richer visual layer + Growth Tools
   ====================================================================== */
html[dir="rtl"],html[dir="rtl"] body{overflow-x:hidden}
.sales-rail-la-exact{overflow-x:clip}
.sales-rail-la-exact button,.sales-rail-la-exact input,.sales-rail-la-exact select,.sales-rail-la-exact textarea{font-family:inherit}
.sales-rail-la-exact input,.sales-rail-la-exact select,.sales-rail-la-exact textarea{text-align:right;direction:rtl}
.sales-rail-la-exact input[type="email"],.sales-rail-la-exact input[type="url"],.sales-rail-la-exact input[type="tel"]{direction:ltr;text-align:left}

/* Homepage hero: visual belongs to the left side in RTL and can never sit under copy. */
.sr-home-hero-copy{isolation:isolate}
.sr-home-hero-visual{isolation:isolate;min-width:0}
.sr-home-hero-visual::before{
 content:"";position:absolute;inset:8% 7% 8% 3%;border-radius:50%;pointer-events:none;z-index:0;
 background:conic-gradient(from 210deg,transparent 0 44%,oklch(0.82 0.18 305/.16) 49%,transparent 55% 78%,oklch(0.55 0.24 282/.12) 84%,transparent 90%);
 filter:blur(1px);animation:sr-orbit-spin 24s linear infinite;
}
.sr-home-hero-visual::after{
 content:"";position:absolute;left:-3%;top:12%;width:68%;height:72%;pointer-events:none;z-index:0;opacity:.46;
 background-image:linear-gradient(oklch(1 0 0/.045) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0/.045) 1px,transparent 1px);
 background-size:34px 34px;mask-image:radial-gradient(ellipse at 42% 50%,black 5%,transparent 72%);
 animation:sr-grid-drift 16s ease-in-out infinite alternate;
}
.sr-home-hero-photo{right:auto!important;left:-10vw!important;z-index:1;pointer-events:none}
.sr-home-hero-photo>div{mask-image:linear-gradient(to left,transparent 0%,black 18%,black 100%);-webkit-mask-image:linear-gradient(to left,transparent 0%,black 18%,black 100%)}
.sr-home-signal-engine{z-index:3!important;pointer-events:none}
@keyframes sr-orbit-spin{to{transform:rotate(360deg)}}
@keyframes sr-grid-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-18px,12px,0)}}
@media (min-width:1024px){
 .sr-home-hero-grid{direction:rtl;grid-template-columns:minmax(0,46%) minmax(0,54%)!important}
 .sr-home-hero-copy{grid-column:1;max-width:100%}
 .sr-home-hero-visual{grid-column:2;direction:rtl}
 .sr-home-hero-photo{width:min(92%,620px)!important}
}
@media (max-width:1023px){
 .sr-home-hero-grid{gap:2.25rem!important}
 .sr-home-hero-visual{margin-top:.25rem}
 .sr-home-hero-visual::before{inset:4% 10%;opacity:.8}
 .sr-home-hero-visual::after{left:5%;width:90%;height:65%}
}
@media (prefers-reduced-motion:reduce){.sr-home-hero-visual::before,.sr-home-hero-visual::after{animation:none!important}}

/* Common RTL visual semantics. */
.sales-rail-la-exact [class*="mr-[3.6rem]"]{margin-left:0}
.sales-rail-la-exact a,.sales-rail-la-exact button{touch-action:manipulation}
.sales-rail-la-exact .sr-wp-content ul,.sales-rail-la-exact .sr-wp-content ol{padding-right:1.4rem;padding-left:0}

/* Growth tools hero + animated system visual. */
.sr-tool-hero{isolation:isolate}
.sr-tool-hero-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(125px);opacity:.42;animation:sr-tool-breathe 10s ease-in-out infinite alternate}
.sr-tool-hero-orb-a{left:-10rem;top:6rem;width:30rem;height:30rem;background:oklch(0.56 0.26 294/.42)}
.sr-tool-hero-orb-b{right:18%;bottom:-12rem;width:25rem;height:25rem;background:oklch(0.72 0.18 306/.20);animation-delay:-4s}
@keyframes sr-tool-breathe{to{transform:translate3d(18px,-14px,0) scale(1.08);opacity:.58}}
.sr-tool-visual{isolation:isolate;direction:ltr}
.sr-tool-visual::before{content:"";position:absolute;inset:8%;border:1px solid oklch(1 0 0/.06);border-radius:50%;animation:sr-orbit-spin 28s linear infinite;z-index:0}
.sr-tool-visual::after{content:"";position:absolute;inset:22%;border:1px dashed oklch(0.82 0.18 305/.15);border-radius:50%;animation:sr-orbit-spin 19s linear infinite reverse;z-index:0}
.sr-tool-float{position:absolute;z-index:4;display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid oklch(1 0 0/.09);border-radius:.9rem;background:oklch(0.10 0.025 295/.78);backdrop-filter:blur(12px);box-shadow:0 12px 45px #0004;animation:sr-float 5s ease-in-out infinite}
.sr-tool-float-1{right:1rem;top:2rem}.sr-tool-float-2{right:1.3rem;bottom:2.6rem;animation-delay:-1.2s}.sr-tool-float-3{left:1rem;top:5.5rem;animation-delay:-2.3s}.sr-tool-float-4{left:2rem;bottom:2rem;animation-delay:-3.4s}
@keyframes sr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.sr-growth-tool-shell{box-shadow:0 32px 110px #0005,inset 0 1px 0 oklch(1 0 0/.04)}
.sr-tool-input{color-scheme:dark}
.sr-tool-input::placeholder{color:oklch(1 0 0/.24)}
.sr-tool-input option{background:#110d18;color:#fff}
.sr-progress{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:oklch(0.70 0.17 300/.35) transparent}
@media(max-width:767px){
 .sr-tool-hero{padding-top:7.5rem!important}
 .sr-tool-visual{min-height:270px!important;margin-top:.5rem}
 .sr-tool-float{font-size:.72rem;padding:.55rem .7rem}
 .sr-tool-float-1{right:.5rem;top:1rem}.sr-tool-float-2{right:.6rem;bottom:1.6rem}.sr-tool-float-3{left:.4rem;top:4.8rem}.sr-tool-float-4{left:.7rem;bottom:1rem}
 .sr-growth-tool-shell>div:last-child{padding:1.25rem!important}
}

/* Print report: render a detached body-level clone so theme wrappers, overflow and visibility rules cannot blank the report. */
.sr-print-only,.sr-growth-print-portal{display:none}
@media print{
 @page{size:A4;margin:14mm}
 html,body{background:#fff!important;color:#17131d!important;width:auto!important;height:auto!important;overflow:visible!important}
 body> *:not(#sr-growth-print-portal){display:none!important}
 #sr-growth-print-portal{display:block!important;position:static!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;color:#17131d!important;font-family:"Zain",Arial,sans-serif!important;direction:rtl!important;overflow:visible!important}
 #sr-growth-print-portal .sr-growth-print-sheet{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#17131d!important;font-size:11pt!important;line-height:1.55!important;overflow:visible!important}
 .sr-print-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border-bottom:2px solid #21182d!important;padding-bottom:12px!important;margin-bottom:16px!important;break-inside:avoid}
 .sr-print-head img{width:115px!important;height:auto!important;filter:invert(1)!important}
 .sr-print-head h1{font-size:22pt!important;margin:0!important;color:#17131d!important}.sr-print-head p{margin:3px 0 0!important;font-size:9pt!important;color:#666!important}
 .sr-print-meta{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin-bottom:18px!important;break-inside:avoid}
 .sr-print-meta>div,.sr-print-kpis>div{border:1px solid #ded8e5!important;border-radius:8px!important;padding:8px!important;background:#fff!important;color:#17131d!important}
 .sr-print-meta strong,.sr-print-meta span{display:block!important}.sr-print-meta strong{font-size:8pt!important;color:#777!important}.sr-print-meta span{font-weight:700!important;margin-top:2px!important;color:#17131d!important}
 .sr-growth-print-sheet section{display:block!important;margin:18px 0!important;padding:0!important;break-inside:auto}.sr-growth-print-sheet h2{font-size:14pt!important;margin:0 0 9px!important;color:#17131d!important;break-after:avoid}
 .sr-growth-print-sheet p,.sr-growth-print-sheet li,.sr-growth-print-sheet td,.sr-growth-print-sheet th{color:#17131d!important}
 .sr-print-funnel{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;break-inside:avoid}.sr-print-funnel li{border:1px solid #ded8e5!important;border-radius:8px!important;padding:8px!important;display:flex!important;justify-content:space-between!important;gap:8px!important;background:#fff!important}
 .sr-print-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.sr-print-kpis>div{break-inside:avoid}.sr-print-kpis span,.sr-print-kpis strong{display:block!important}.sr-print-kpis span{font-size:8.5pt!important;color:#666!important}.sr-print-kpis strong{font-size:12pt!important;margin-top:3px!important;color:#17131d!important}
 .sr-growth-print-sheet table{width:100%!important;border-collapse:collapse!important;break-inside:avoid}.sr-growth-print-sheet th,.sr-growth-print-sheet td{border:1px solid #ded8e5!important;padding:7px!important;text-align:right!important}.sr-growth-print-sheet th{background:#f3eff6!important}
 .sr-growth-print-sheet footer{display:block!important;border-top:1px solid #ded8e5!important;margin-top:20px!important;padding-top:10px!important;font-size:8.5pt!important;color:#666!important}
 .sr-no-print,.sr-screen-report{display:none!important}
}

.sr-growth-hp{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
/* Arabic alignment safety net for legacy LA utility classes. */
html[dir="rtl"] .sales-rail-la-exact .text-left{text-align:right!important}
html[dir="rtl"] .sales-rail-la-exact [dir="ltr"] .text-left{text-align:left!important}

/* ================================================================
   Sales Rail Saudi v5.3 — runtime-safe layouts and editorial polish
   ================================================================ */

/* Growth tool hero: explicit layout so WordPress/Tailwind class pruning can never
   collapse the visual on top of Arabic copy. */
.sr-tool-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:3.5rem;align-items:center;position:relative}
.sr-tool-copy{grid-column:1;min-width:0;direction:rtl;text-align:right}
.sr-tool-visual-wrap{grid-column:2;min-width:0;position:relative;z-index:10;padding:.35rem}
.sr-tool-visual{position:relative;min-height:340px!important;overflow:hidden!important;border-radius:2rem;isolation:isolate;direction:ltr;box-shadow:0 32px 90px rgba(0,0,0,.30)}
.sr-tool-visual>svg{overflow:hidden!important;inset:0!important}
.sr-tool-visual .sr-tool-float{max-width:140px;white-space:nowrap}
@media(max-width:1023px){
 .sr-tool-hero-grid{grid-template-columns:1fr;gap:2rem}
 .sr-tool-copy,.sr-tool-visual-wrap{grid-column:1}
 .sr-tool-copy{max-width:760px}
 .sr-tool-visual-wrap{width:min(100%,680px);margin-inline:auto}
 .sr-tool-visual{min-height:290px!important}
}
@media(max-width:640px){
 .sr-tool-hero{padding-top:7rem!important}
 .sr-tool-hero-grid{gap:1.5rem}
 .sr-tool-visual{min-height:245px!important;border-radius:1.4rem}
 .sr-tool-float{font-size:.66rem!important;padding:.46rem .6rem!important}
 .sr-tool-float-1{right:.4rem!important;top:.55rem!important}.sr-tool-float-2{right:.45rem!important;bottom:.7rem!important}.sr-tool-float-3{left:.4rem!important;top:3.9rem!important}.sr-tool-float-4{left:.55rem!important;bottom:.55rem!important}
}

/* Works — a visual signal stage and asymmetrical case-study rhythm. */
.sr-work-stage{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.sr-work-stage-glow{position:absolute;width:520px;height:520px;left:-170px;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.19),transparent 68%);filter:blur(50px);pointer-events:none}
.sr-work-stage-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:4rem;align-items:center}
.sr-work-mini-stat{height:100%;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;background:rgba(255,255,255,.02);padding:1rem 1.1rem;backdrop-filter:blur(8px)}
.sr-work-collage{position:relative;min-height:520px;direction:ltr}
.sr-work-collage-rails{position:absolute;inset:0;width:100%;height:100%;opacity:.78;pointer-events:none}
.sr-work-shot{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.35rem;background:#0a0710;box-shadow:0 24px 65px rgba(0,0,0,.42);transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .4s}
.sr-work-shot:hover{transform:translateY(-7px) rotate(0deg)!important;border-color:rgba(202,142,255,.36)}
.sr-work-shot img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sr-work-shot:hover img{transform:scale(1.045)}
.sr-work-shot-1{right:2%;top:4%;width:46%;height:42%;transform:rotate(2deg)}
.sr-work-shot-2{left:2%;top:18%;width:42%;height:39%;transform:rotate(-2deg)}
.sr-work-shot-3{right:10%;bottom:3%;width:43%;height:37%;transform:rotate(-1.2deg)}
.sr-work-shot-4{left:8%;bottom:2%;width:35%;height:31%;transform:rotate(1.6deg)}
.sr-work-shot-caption{position:absolute;inset-inline:0;bottom:0;padding:1rem 1.1rem;background:linear-gradient(to top,rgba(7,5,11,.96),rgba(7,5,11,.1));direction:rtl;text-align:right}
.sr-case-grid>div{min-width:0}
@media(min-width:1024px){.sr-case-grid>div:nth-child(1),.sr-case-grid>div:nth-child(5){grid-column:span 2}.sr-case-grid>div:nth-child(1) article,.sr-case-grid>div:nth-child(5) article{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.sr-case-grid>div:nth-child(1) article>div:first-child,.sr-case-grid>div:nth-child(5) article>div:first-child{aspect-ratio:auto;min-height:360px}}
@media(max-width:1023px){.sr-work-stage-grid{grid-template-columns:1fr;gap:2.5rem}.sr-work-collage{min-height:470px;width:min(100%,700px);margin-inline:auto}}
@media(max-width:640px){.sr-work-collage{min-height:400px}.sr-work-shot-caption{padding:.7rem}.sr-work-shot-caption strong{font-size:.72rem}.sr-work-shot-1{width:52%;height:38%}.sr-work-shot-2{width:48%;height:35%}.sr-work-shot-3{width:49%;height:34%}.sr-work-shot-4{width:40%;height:29%}}

/* Blog article — feature image, calmer typography and supporting side rail. */
.sr-article-hero{background:linear-gradient(180deg,rgba(20,12,31,.35),transparent)}
.sr-article-cover-wrap{position:relative;margin-top:2.25rem}
.sr-article-cover{aspect-ratio:16/7;background:#0a0710;box-shadow:0 32px 100px rgba(0,0,0,.30)}
.sr-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:4.25rem;align-items:start;direction:rtl}
.sr-article-side{grid-column:2;position:sticky;top:7rem}
.sr-article-side-card{border:1px solid rgba(255,255,255,.09);border-radius:1.4rem;background:rgba(255,255,255,.02);padding:1.15rem;backdrop-filter:blur(9px)}
.sr-article-layout main{grid-column:1;grid-row:1;max-width:790px;width:100%}
.sr-wp-article{font-size:1.08rem!important;line-height:2.02!important;color:rgba(255,255,255,.72)!important}
.sr-wp-article>p:first-child{font-size:1.22rem;line-height:2;color:rgba(255,255,255,.82)}
.sr-wp-article h2{font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.35;margin-top:3.25rem!important;margin-bottom:1rem;padding-top:.35rem}
.sr-wp-article h3{font-size:1.28rem;line-height:1.45;margin-top:2rem!important;margin-bottom:.75rem;color:rgba(255,255,255,.93)}
.sr-wp-article p{margin-top:1rem!important;margin-bottom:.65rem}
.sr-wp-article ul,.sr-wp-article ol{margin:1.25rem 0 1.8rem;padding-right:1.35rem!important}
.sr-wp-article li{margin:.55rem 0;padding-right:.35rem}
.sr-wp-article strong{color:rgba(255,255,255,.94);font-weight:700}
.sr-wp-article blockquote{margin:2rem 0;border-right:2px solid var(--color-signal);border-left:0;padding:1.25rem 1.5rem;background:rgba(139,92,246,.055);border-radius:0 1rem 1rem 0;color:rgba(255,255,255,.82)}
.sr-wp-article table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;font-size:.94rem}
.sr-wp-article th,.sr-wp-article td{padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);text-align:right;vertical-align:top}.sr-wp-article th{background:rgba(139,92,246,.09);color:rgba(255,255,255,.88)}.sr-wp-article tr:last-child td{border-bottom:0}
.sr-wp-article .sr-article-faq{margin-top:3.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:960px){.sr-article-layout{grid-template-columns:1fr;gap:2rem}.sr-article-layout main,.sr-article-side{grid-column:1;grid-row:auto;max-width:none}.sr-article-side{position:static;order:2}.sr-article-side-card{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.sr-article-cover{aspect-ratio:16/8}}
@media(max-width:640px){.sr-article-cover-wrap{margin-top:1.4rem}.sr-article-cover{aspect-ratio:4/3;border-radius:1.25rem}.sr-wp-article{font-size:1.02rem!important;line-height:1.95!important}.sr-wp-article>p:first-child{font-size:1.1rem}.sr-article-side-card{display:block}}

/* v5.3 service runtime-safe layout: deliberately explicit CSS, independent from
   arbitrary Tailwind grid utilities that optimizers may remove on production. */
.sr-safe-service-glow{position:absolute;left:-10rem;top:5rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(157,101,255,.20),transparent 68%);filter:blur(55px);pointer-events:none}
.sr-safe-service-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:4rem;align-items:center;direction:rtl}
.sr-safe-service-copy{min-width:0;text-align:right}.sr-safe-service-copy h1{font-size:clamp(2.05rem,4.5vw,3.75rem);line-height:1.08}
.sr-safe-service-visual{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:2rem;background:rgba(255,255,255,.018);padding:1.15rem;box-shadow:0 28px 85px rgba(0,0,0,.30);direction:ltr}
.sr-safe-service-visual svg{display:block;width:100%;height:auto;max-height:430px}
.sr-safe-service-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.sr-safe-service-bullet{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;min-height:84px;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;background:rgba(255,255,255,.018);padding:1.1rem 1.25rem;transition:transform .35s,border-color .35s}
.sr-safe-service-bullet:hover{transform:translateY(-3px);border-color:rgba(202,142,255,.28)}.sr-safe-service-bullet strong{font-size:1rem;font-weight:600;color:rgba(255,255,255,.78)}
.sr-safe-service-system{padding-top:4.5rem;padding-bottom:4.5rem}.sr-safe-service-rail{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;list-style:none;padding:0;margin-bottom:0}
.sr-safe-service-rail:before{content:"";position:absolute;right:4%;left:4%;top:22px;height:1px;background:linear-gradient(90deg,rgba(151,92,255,.08),rgba(202,142,255,.6),rgba(151,92,255,.08));animation:railDraw 1.5s ease both}
.sr-safe-service-stage{position:relative;padding-top:3.6rem}.sr-safe-service-node{position:absolute;right:0;top:0;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(202,142,255,.42);border-radius:50%;background:#090610;color:var(--color-signal);z-index:2;box-shadow:0 0 0 7px rgba(157,101,255,.035)}
.sr-safe-service-stage strong{display:block;font-size:.96rem;line-height:1.45}.sr-safe-service-stage p{margin-top:.4rem;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.4)}
.sr-safe-service-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sr-safe-service-group{min-height:100%;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;background:rgba(255,255,255,.018);padding:1.45rem}
.sr-safe-service-group h3{margin-top:.75rem;font-size:1.12rem;font-weight:700}.sr-safe-service-group ul{margin-top:1rem;display:grid;gap:.65rem}.sr-safe-service-group li{display:grid;grid-template-columns:auto 1fr;gap:.65rem;font-size:.86rem;line-height:1.65;color:rgba(255,255,255,.52)}.sr-safe-service-group li>span{width:5px;height:5px;margin-top:.55rem;border-radius:50%;background:var(--color-signal)}
@media(max-width:1023px){.sr-safe-service-hero-grid{grid-template-columns:1fr;gap:2rem}.sr-safe-service-copy{max-width:780px}.sr-safe-service-visual{width:min(100%,680px)}.sr-safe-service-rail{grid-template-columns:repeat(3,1fr);row-gap:2rem}.sr-safe-service-rail:before{display:none}.sr-safe-service-groups{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sr-safe-service-hero{padding-top:7.4rem!important}.sr-safe-service-copy h1{font-size:clamp(1.9rem,11vw,2.75rem)}.sr-safe-service-visual{padding:.6rem;border-radius:1.4rem}.sr-safe-service-bullets,.sr-safe-service-groups{grid-template-columns:1fr}.sr-safe-service-rail{grid-template-columns:1fr}.sr-safe-service-stage{min-height:64px;padding-top:0;padding-right:4rem}.sr-safe-service-node{right:0;top:0}.sr-safe-service-bullet{min-height:72px}}

/* v5.3 calculator hero visual — self-contained economics model, no floating
   labels are allowed to escape over Arabic copy. */
.sr-tool-visual{min-height:390px!important;padding:1.15rem;display:grid;place-items:center}
.sr-tool-visual-rails{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:.68}
.sr-tool-model{position:relative;z-index:3;width:min(76%,360px);border:1px solid rgba(255,255,255,.10);border-radius:1.45rem;background:rgba(9,6,16,.78);padding:1.15rem;box-shadow:0 28px 70px rgba(0,0,0,.38);backdrop-filter:blur(15px);direction:rtl}
.sr-tool-model-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:.9rem}.sr-tool-model-head span,.sr-tool-model-head strong{display:block}.sr-tool-model-head strong{margin-top:.25rem;font-size:.88rem;color:rgba(255,255,255,.78)}
.sr-tool-model-stages{display:grid;gap:.8rem;margin-top:1rem}.sr-tool-model-stage-label{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;font-size:.72rem;color:rgba(255,255,255,.52)}.sr-tool-model-stage-label svg{color:#ca8eff}.sr-tool-model-stage-label small{font-family:"JetBrains Mono",monospace;color:rgba(255,255,255,.22)}
.sr-tool-model-track{height:5px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;margin-top:.35rem}.sr-tool-model-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7654f6,#d094ff);transform-origin:right;animation:sr-tool-fill 1.1s cubic-bezier(.2,.8,.2,1) both}
.sr-tool-model-stage:nth-child(2) .sr-tool-model-fill{animation-delay:.12s}.sr-tool-model-stage:nth-child(3) .sr-tool-model-fill{animation-delay:.24s}.sr-tool-model-stage:nth-child(4) .sr-tool-model-fill{animation-delay:.36s}@keyframes sr-tool-fill{from{transform:scaleX(.06);opacity:.25}to{transform:scaleX(1);opacity:1}}
.sr-tool-model-foot{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.07)}.sr-tool-model-foot>div{border:1px solid rgba(255,255,255,.07);border-radius:.8rem;background:rgba(255,255,255,.02);padding:.65rem}.sr-tool-model-foot span,.sr-tool-model-foot strong{display:block}.sr-tool-model-foot span{font-size:.62rem;color:rgba(255,255,255,.34)}.sr-tool-model-foot strong{font-size:.7rem;margin-top:.2rem;color:rgba(255,255,255,.66)}
.sr-tool-mini{position:absolute;z-index:4;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(203,142,255,.19);border-radius:.85rem;background:rgba(9,6,16,.82);padding:.55rem .7rem;font-family:"JetBrains Mono",monospace;font-size:.62rem;color:rgba(255,255,255,.5);backdrop-filter:blur(10px);animation:sr-float 5.5s ease-in-out infinite}.sr-tool-mini svg{color:#ca8eff}.sr-tool-mini-a{right:1rem;top:2rem}.sr-tool-mini-b{left:1rem;bottom:2rem;animation-delay:-2.7s}
@media(max-width:1023px){.sr-tool-visual{min-height:350px!important}.sr-tool-model{width:min(72%,360px)}}
@media(max-width:640px){.sr-tool-visual{min-height:310px!important;padding:.55rem}.sr-tool-model{width:82%;padding:.85rem}.sr-tool-model-head strong{font-size:.78rem}.sr-tool-model-foot{grid-template-columns:1fr}.sr-tool-mini{font-size:.56rem}.sr-tool-mini-a{right:.4rem;top:.6rem}.sr-tool-mini-b{left:.4rem;bottom:.6rem}}


/* ======================================================================
   Saudi v5.3.1 — Navbar two-column mega menus + original hero signal clarity
   ====================================================================== */
/* Do not rely on generated Tailwind responsive grid utilities here. The
   production mega menus must be two columns on desktop, consistently. */
.sr-nav-mega-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:3rem!important;
  row-gap:.7rem!important;
  width:100%;
  direction:rtl;
}
.sr-nav-mega-grid>a{
  min-width:0;
  padding:.78rem .85rem!important;
}
.sr-nav-mega-grid>a>div{min-width:0}
@media (max-width:1023px){.sr-nav-mega-grid{grid-template-columns:1fr!important}}

/* Remove the extra circular/grid scanner layer introduced around the home
   visual. Keep the original Growth Signal Engine as the only visual system. */
.sr-home-hero-visual::before,
.sr-home-hero-visual::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Make the original signal engine readable over the photograph: slightly
   lower, a little wider, larger labels/nodes, and stronger rail contrast. */
@media (min-width:1024px){
  .sr-home-signal-engine{
    top:52px!important;
    bottom:-52px!important;
    left:-4%!important;
    right:-4%!important;
  }
  .sr-home-signal-engine svg text{
    font-size:12px!important;
    letter-spacing:.08em!important;
    fill:oklch(1 0 0 / .68)!important;
    paint-order:stroke;
    stroke:oklch(.08 .02 300 / .62);
    stroke-width:2px;
    stroke-linejoin:round;
  }
    .sr-home-signal-engine svg path[stroke="url(#engineRail)"]{
    stroke-width:3px!important;
    filter:drop-shadow(0 0 7px oklch(.84 .17 305 / .48));
  }
  .sr-home-signal-engine svg circle{
    filter:drop-shadow(0 0 5px oklch(.88 .15 305 / .58));
  }
}
@media (max-width:1023px){
  .sr-home-signal-engine svg text{font-size:10px!important;letter-spacing:.06em!important;fill:oklch(1 0 0 / .62)!important}
}


/* ======================================================================
   Saudi v5.3.3 — Hero visual balance refinement
   Restore the photograph's presence while keeping the original Growth
   Signal Engine mostly below the image and visually secondary.
   ====================================================================== */
@media (min-width:1024px){
  .sr-home-hero-stage{
    height:650px!important;
    overflow:visible!important;
  }
  .sr-home-hero-photo{
    top:0!important;
    bottom:auto!important;
    height:500px!important;
    width:min(100%,680px)!important;
    left:-10vw!important;
    right:auto!important;
    z-index:1!important;
  }
  .sr-home-hero-photo>div{
    height:100%!important;
    mask-image:linear-gradient(to bottom,black 0%,black 90%,rgba(0,0,0,.72) 96%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(to bottom,black 0%,black 90%,rgba(0,0,0,.72) 96%,transparent 100%)!important;
  }
  .sr-home-signal-engine{
    top:455px!important;
    bottom:auto!important;
    left:-4%!important;
    right:-4%!important;
    height:245px!important;
    width:auto!important;
    z-index:3!important;
    pointer-events:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    opacity:.74!important;
  }
  .sr-home-signal-engine svg{
    width:106%!important;
    height:100%!important;
    margin-inline-start:-3%!important;
    overflow:visible!important;
  }
  .sr-home-signal-engine svg text{
    font-family:var(--font-display)!important;
    font-size:12.75px!important;
    font-weight:650!important;
    letter-spacing:.008em!important;
    fill:oklch(1 0 0 / .60)!important;
    paint-order:stroke!important;
    stroke:oklch(.08 .02 300 / .28)!important;
    stroke-width:.9px!important;
    stroke-linejoin:round!important;
  }
  .sr-home-signal-engine svg path[stroke="url(#engineInput)"]{
    filter:drop-shadow(0 0 2px oklch(.72 .22 300 / .14))!important;
  }
  .sr-home-signal-engine svg path[stroke="url(#engineRail)"]{
    stroke-width:2.55px!important;
    filter:drop-shadow(0 0 3px oklch(.82 .17 305 / .20))!important;
  }
  .sr-home-signal-engine svg circle{
    filter:drop-shadow(0 0 2.5px oklch(.88 .15 305 / .26));
  }
  .sr-home-hero-visual > .lg\:absolute{
    bottom:-.5rem!important;
  }
}
@media (min-width:1280px){
  .sr-home-hero-stage{height:680px!important}
  .sr-home-hero-photo{height:525px!important;width:min(102%,720px)!important}
  .sr-home-signal-engine{top:478px!important;height:255px!important;opacity:.72!important}
  .sr-home-signal-engine svg text{font-size:13px!important}
}
@media (max-width:1023px){
  .sr-home-signal-mobile{
    margin-top:.15rem!important;
    height:135px!important;
    opacity:.76!important;
  }
  .sr-home-signal-mobile svg text{
    font-family:var(--font-display)!important;
    font-size:11px!important;
    font-weight:650!important;
    letter-spacing:.008em!important;
    fill:oklch(1 0 0 / .58)!important;
  }
}



/* ================================================================
   Saudi v5.3.6 — focused layout/value refinements from v5.3.3 baseline
   ================================================================ */
.sr-ltr,a[href^="tel:"]{direction:ltr!important;unicode-bidi:isolate!important;text-align:left}

/* Hero: keep outcome terminal on the right; move/scale the existing signal toward the left. */
@media(min-width:1024px){
  .sr-home-signal-engine{left:-15%!important;right:5%!important;height:265px!important;opacity:.74!important}
  .sr-home-signal-engine svg{width:115%!important;margin-inline-start:-7%!important}
  .sr-home-signal-engine svg text{font-family:"Zain",sans-serif!important;font-size:13px!important;letter-spacing:.01em!important}
}

/* Human × AI: preserve the site's light editorial language and make it a direct value bridge after hero. */
.sr-human-ai-value{position:relative;overflow:hidden}
.sr-human-ai-value:before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(132,83,255,.38),transparent)}

/* True infinite marquee: one moving track, two identical sets. */
.sr-infinite-marquee{width:100%;overflow:hidden}
.sr-infinite-marquee-track{display:flex;width:max-content;will-change:transform;animation:sr-marquee-loop 38s linear infinite}
.sr-marquee-set{display:flex;flex:none;align-items:center;gap:2.5rem;padding-inline-end:2.5rem;white-space:nowrap}
@keyframes sr-marquee-loop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sr-infinite-marquee-track{animation:none}}

/* Packages: stronger value signal without redesigning the cards. */
.sr-package-card{transition:transform .5s ease,border-color .5s ease,box-shadow .5s ease}
.sr-package-card:hover{transform:translateY(-4px);box-shadow:0 28px 80px -50px rgba(150,90,255,.65)}
.sr-package-save{margin-inline-start:auto;display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:.35rem;border:1px solid rgba(191,132,255,.34);border-radius:999px;padding:.38rem .72rem;background:linear-gradient(120deg,rgba(132,83,255,.16),rgba(201,138,255,.08));box-shadow:0 0 28px -14px rgba(188,119,255,.9);color:#d9adff}
.sr-package-save small{font-family:"Zain",sans-serif;font-size:.78rem;color:rgba(255,255,255,.55)}
.sr-package-save strong{font-family:"Zain",sans-serif;font-size:1.28rem;line-height:1;font-weight:800;color:#cf91ff}
.sr-package-flow{position:relative;margin-top:1.35rem;display:flex;align-items:center;gap:.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);padding:.75rem 1rem;background:rgba(255,255,255,.018);overflow:hidden}
.sr-package-flow:before{content:"";position:absolute;inset-inline:1.2rem;top:50%;height:1px;background:linear-gradient(90deg,rgba(167,101,255,.08),rgba(180,112,255,.5),rgba(167,101,255,.08))}
.sr-package-flow span{position:relative;z-index:1;display:flex;align-items:center;gap:.42rem;font-family:"Zain",sans-serif;font-size:.76rem;color:rgba(255,255,255,.5)}
.sr-package-flow i{display:block;width:.42rem;height:.42rem;border-radius:50%;background:#b56fff;box-shadow:0 0 14px rgba(181,111,255,.75)}
.sr-package-flow b{width:1.2rem;height:1px;background:rgba(187,119,255,.34)}

/* Foundation cards: a quiet moving system, not decorative clutter. */
.sr-foundation-visual{position:relative;height:38px;margin-top:1.25rem;overflow:hidden;border-radius:.9rem;background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(143,86,255,.04),rgba(255,255,255,.015))}
.sr-foundation-rail{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(177,111,255,.52),transparent)}
.sr-foundation-visual i{position:absolute;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#b474ff;box-shadow:0 0 12px rgba(180,116,255,.55);animation:sr-foundation-node 5.4s linear infinite;animation-delay:calc(var(--i)*-1.65s)}
@keyframes sr-foundation-node{0%{right:8%;opacity:0}8%{opacity:.9}92%{opacity:.9}100%{right:90%;opacity:0}}

/* Measurement metrics: always one row on tablet/desktop; compact 3-column row on mobile too. */
.sr-measurement-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.6rem!important}
.sr-measurement-kpi{min-width:0;text-align:center}
.sr-measurement-kpi .mono{white-space:nowrap}
@media(max-width:480px){.sr-measurement-kpi{padding:.8rem .45rem!important}.sr-measurement-kpi .mono{font-size:.64rem}.sr-measurement-kpi>div:last-child{font-size:1rem!important}}

/* Works archive: return all case studies to equal cards. */
@media(min-width:1024px){
 .sr-case-grid>div:nth-child(1),.sr-case-grid>div:nth-child(5){grid-column:span 1!important}
 .sr-case-grid>div:nth-child(1) article,.sr-case-grid>div:nth-child(5) article{display:block!important}
 .sr-case-grid>div:nth-child(1) article>div:first-child,.sr-case-grid>div:nth-child(5) article>div:first-child{aspect-ratio:4/3!important;min-height:0!important}
}

/* GEO — source signals converge into one answer surface. */
.sr-geo-answer-visual{position:relative;min-height:400px;aspect-ratio:4/3;overflow:hidden;border-radius:1.5rem;background:#11081b;color:white;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 26px 70px -50px rgba(121,65,214,.55)}
.sr-geo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.sr-geo-answer-visual svg{position:absolute;inset:0;width:100%;height:100%}
.sr-geo-rail{stroke-dasharray:3 3;animation:sr-geo-dash 6s linear infinite}
@keyframes sr-geo-dash{to{stroke-dashoffset:-60}}
.sr-geo-source{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.38rem;font-family:"Zain",sans-serif;font-size:.76rem;color:rgba(255,255,255,.55);animation:sr-geo-source 4s ease-in-out infinite;animation-delay:var(--delay)}
.sr-geo-source i{width:6px;height:6px;border-radius:50%;background:#c98aff;box-shadow:0 0 15px rgba(201,138,255,.75)}
@keyframes sr-geo-source{50%{color:rgba(255,255,255,.86);transform:translate(-50%,-50%) translateY(-2px)}}
.sr-geo-core{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);z-index:4;width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 45% 35%,rgba(199,136,255,.28),rgba(91,48,155,.14) 40%,rgba(9,5,16,.95) 72%);border:1px solid rgba(201,138,255,.38);box-shadow:0 0 70px -22px rgba(177,104,255,.9)}
.sr-geo-core span{color:#c98aff}.sr-geo-core strong{margin-top:.3rem;font-size:.88rem}.sr-geo-core small{margin-top:.35rem;font-family:"JetBrains Mono",monospace;font-size:.56rem;letter-spacing:.08em;color:rgba(255,255,255,.36)}
.sr-geo-orbit{position:absolute;left:70%;top:50%;border:1px solid rgba(191,122,255,.22);border-radius:50%;transform:translate(-50%,-50%);animation:sr-geo-orbit 14s linear infinite}
.sr-geo-orbit-a{width:190px;height:190px}.sr-geo-orbit-b{width:245px;height:245px;animation-direction:reverse;animation-duration:19s;border-style:dashed}
.sr-geo-orbit:after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:#c98aff;box-shadow:0 0 14px rgba(201,138,255,.85)}
@keyframes sr-geo-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sr-geo-caption{position:absolute;inset-inline:7%;bottom:7%;font-family:"Zain",sans-serif;font-size:.75rem;color:rgba(255,255,255,.38)}

/* Shopify: image is visually left; copy/cards are right in Arabic. */
@media(min-width:1024px){.sr-shopify-grid{direction:ltr}.sr-shopify-media{grid-column:1}.sr-shopify-copy{grid-column:2;direction:rtl;text-align:right}}

/* Contact */
.sr-contact-grid{display:grid;gap:1rem;align-items:start}@media(min-width:960px){.sr-contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.25rem}}
.sr-contact-form,.sr-contact-aside{border:1px solid rgba(255,255,255,.09);border-radius:1.75rem;background:rgba(255,255,255,.025);padding:1.4rem}@media(min-width:640px){.sr-contact-form,.sr-contact-aside{padding:2rem}}
.sr-contact-fields{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sr-contact-fields label{display:flex;flex-direction:column;gap:.5rem;font-size:.84rem;color:rgba(255,255,255,.58)}.sr-contact-full{grid-column:1/-1}.sr-contact-fields input,.sr-contact-fields select,.sr-contact-fields textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:1rem;background:rgba(0,0,0,.2);padding:.85rem 1rem;color:white;outline:none;font:inherit}.sr-contact-fields input:focus,.sr-contact-fields select:focus,.sr-contact-fields textarea:focus{border-color:rgba(183,116,255,.55);box-shadow:0 0 0 3px rgba(153,87,255,.08)}.sr-contact-fields option{background:#100918}.sr-contact-consent{flex-direction:row!important;align-items:flex-start!important;line-height:1.7}.sr-contact-consent input{width:auto;margin-top:.35rem}.sr-contact-consent a{color:#c27eff}.sr-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.sr-contact-submit{margin-top:1.2rem;min-height:46px;border-radius:999px;background:white;color:#120b17;padding:.75rem 1.6rem;font-weight:800;transition:.25s}.sr-contact-submit:hover{transform:translateY(-1px)}.sr-contact-submit:disabled{opacity:.5}.sr-contact-status{margin-top:1rem;font-size:.85rem}.sr-contact-status.success{color:#9fe4c0}.sr-contact-status.error{color:#ffb6c0}.sr-contact-methods{display:grid;gap:.65rem;margin-top:1.6rem}.sr-contact-methods>a,.sr-contact-methods>div{display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem;transition:.25s}.sr-contact-methods>a:hover{border-color:rgba(185,115,255,.35);background:rgba(185,115,255,.05)}.sr-contact-methods strong{font-size:.9rem}.sr-contact-methods span{font-size:.8rem;color:rgba(255,255,255,.43)}
@media(max-width:639px){.sr-contact-fields{grid-template-columns:1fr}}

/* Privacy */
.sr-privacy-meta{margin-top:2rem;display:inline-flex;border:1px solid rgba(25,15,33,.1);border-radius:999px;padding:.5rem .9rem;font-size:.75rem;color:rgba(25,15,33,.5)}.sr-privacy-content{margin-top:3.5rem;display:grid;gap:2.5rem;max-width:840px}.sr-privacy-content section{padding-bottom:2rem;border-bottom:1px solid rgba(25,15,33,.09)}.sr-privacy-content h2{margin-top:.55rem;font-size:1.45rem;font-weight:800;color:var(--paper-ink,#1b1320)}.sr-privacy-content p{margin-top:.75rem;font-size:1rem;font-weight:300;line-height:2;color:rgba(25,15,33,.62)}

/* Clean Human×AI connector: two inputs, one integration core. */
@media(min-width:1024px){.sr-human-ai-core:before,.sr-human-ai-core:after{content:"";position:absolute;top:50%;width:92px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,80,245,.45));}.sr-human-ai-core:before{right:70%;transform:scaleX(-1)}.sr-human-ai-core:after{left:70%}.sr-human-ai-core>div:before,.sr-human-ai-core>div:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#8059f5;box-shadow:0 0 14px rgba(112,80,245,.55);transform:translateY(-50%)}.sr-human-ai-core>div:before{right:-8px}.sr-human-ai-core>div:after{left:-8px}}