/*! GapTalk selective HeroUI styles. GENERATED; edit tools/heroui sources.
 * Official @heroui/styles 3.2.4; supplied LICENSE Apache-2.0 (npm metadata says MIT).
 * Modified: selective compilation; class/property/keyframe prefixes; body scope; native focus/token bridge.
 * Includes Tailwind CSS 4.3.3 and tw-animate-css 1.4.0 (MIT).
 * Full license texts and source provenance: /__gaptalk/source/heroui.json and *-LICENSE.txt.
 */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    body[data-gap-heroui] :where([class*="gap-hui-"]), body[data-gap-heroui] :where([class*="gap-hui-"])::before, body[data-gap-heroui] :where([class*="gap-hui-"])::after, body[data-gap-heroui] :where([class*="gap-hui-"])::backdrop {
      --gap-hui-tw-animation-delay: 0s;
      --gap-hui-tw-animation-direction: normal;
      --gap-hui-tw-animation-duration: initial;
      --gap-hui-tw-animation-fill-mode: none;
      --gap-hui-tw-animation-iteration-count: 1;
      --gap-hui-tw-enter-blur: 0;
      --gap-hui-tw-enter-opacity: 1;
      --gap-hui-tw-enter-rotate: 0;
      --gap-hui-tw-enter-scale: 1;
      --gap-hui-tw-enter-translate-x: 0;
      --gap-hui-tw-enter-translate-y: 0;
      --gap-hui-tw-exit-blur: 0;
      --gap-hui-tw-exit-opacity: 1;
      --gap-hui-tw-exit-rotate: 0;
      --gap-hui-tw-exit-scale: 1;
      --gap-hui-tw-exit-translate-x: 0;
      --gap-hui-tw-exit-translate-y: 0;
      --gap-hui-tw-font-weight: initial;
      --gap-hui-tw-shadow: 0 0 #0000;
      --gap-hui-tw-shadow-color: initial;
      --gap-hui-tw-shadow-alpha: 100%;
      --gap-hui-tw-inset-shadow: 0 0 #0000;
      --gap-hui-tw-inset-shadow-color: initial;
      --gap-hui-tw-inset-shadow-alpha: 100%;
      --gap-hui-tw-ring-color: initial;
      --gap-hui-tw-ring-shadow: 0 0 #0000;
      --gap-hui-tw-inset-ring-color: initial;
      --gap-hui-tw-inset-ring-shadow: 0 0 #0000;
      --gap-hui-tw-ring-inset: initial;
      --gap-hui-tw-ring-offset-width: 0px;
      --gap-hui-tw-ring-offset-color: #fff;
      --gap-hui-tw-ring-offset-shadow: 0 0 #0000;
      --gap-hui-tw-border-style: solid;
      --gap-hui-tw-outline-style: solid;
      --gap-hui-tw-content: "";
      --gap-hui-tw-leading: initial;
      --gap-hui-tw-duration: initial;
      --gap-hui-tw-ease: initial;
    }
  }

body[data-gap-heroui] {
    --gap-hui-color-black: #000;
    --gap-hui-color-white: #fff;
    --gap-hui-spacing: .25rem;
    --gap-hui-text-xs: .75rem;
    --gap-hui-text-xs--line-height: calc(1 / .75);
    --gap-hui-text-sm: .875rem;
    --gap-hui-text-sm--line-height: calc(1.25 / .875);
    --gap-hui-text-base: 1rem;
    --gap-hui-text-base--line-height: calc(1.5 / 1);
    --gap-hui-font-weight-medium: 500;
    --gap-hui-radius-3xl: calc(var(--gap-hui-radius) * 3);
    --gap-hui-ease-out: cubic-bezier(0, 0, .2, 1);
    --gap-hui-default-transition-duration: .15s;
    --gap-hui-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --gap-hui-shadow-overlay: var(--gap-hui-overlay-shadow);
    --gap-hui-border-width-field: var(--gap-hui-field-border-width, var(--gap-hui-border-width));
    --gap-hui-ease-smooth: ease;
    --gap-hui-ease-out-fluid: cubic-bezier(.32, .72, 0, 1);
  }

@property --gap-hui-tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --gap-hui-tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --gap-hui-tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --gap-hui-tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --gap-hui-tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --gap-hui-tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --gap-hui-tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --gap-hui-tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --gap-hui-tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

body[data-gap-heroui] {
    --gap-hui-white: oklch(100% 0 0);
    --gap-hui-black: oklch(0% 0 0);
    --gap-hui-snow: oklch(99.11% 0 0);
    --gap-hui-eclipse: oklch(21.03% .0059 285.89);
    --gap-hui-spacing: .25rem;
    --gap-hui-border-width: 1px;
    --gap-hui-field-border-width: 0px;
    --gap-hui-disabled-opacity: .5;
    --gap-hui-ring-offset-width: 2px;
    --gap-hui-cursor-interactive: pointer;
    --gap-hui-cursor-disabled: not-allowed;
    --gap-hui-radius: .5rem;
    --gap-hui-field-radius: calc(var(--gap-hui-radius) * 1.5);
    --gap-hui-background: oklch(97.02% 0 0);
    --gap-hui-foreground: var(--gap-hui-eclipse);
    --gap-hui-surface: var(--gap-hui-white);
    --gap-hui-surface-foreground: var(--gap-hui-foreground);
    --gap-hui-surface-secondary: oklch(95.24% .0013 286.37);
    --gap-hui-surface-secondary-foreground: var(--gap-hui-foreground);
    --gap-hui-surface-tertiary: oklch(93.73% .0013 286.37);
    --gap-hui-surface-tertiary-foreground: var(--gap-hui-foreground);
    --gap-hui-overlay: var(--gap-hui-white);
    --gap-hui-overlay-foreground: var(--gap-hui-foreground);
    --gap-hui-muted: oklch(55.17% .0138 285.94);
    --gap-hui-scrollbar: var(--gap-hui-scrollbar-thumb);
    --gap-hui-scrollbar-thumb: var(--gap-hui-foreground);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-scrollbar-thumb: color-mix(in oklch, var(--gap-hui-foreground) 15%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-scrollbar-track: transparent;
    --gap-hui-scrollbar-gutter: auto;
    --gap-hui-scrollbar-width: thin;
    --gap-hui-scrollbar-color: var(--gap-hui-scrollbar-thumb) var(--gap-hui-scrollbar-track);
    --gap-hui-default: oklch(94% .001 286.375);
    --gap-hui-default-foreground: var(--gap-hui-eclipse);
    --gap-hui-accent: oklch(62.04% .195 253.83);
    --gap-hui-accent-foreground: var(--gap-hui-snow);
    --gap-hui-field-background: var(--gap-hui-white);
    --gap-hui-field-foreground: oklch(21.03% .0059 285.89);
    --gap-hui-field-placeholder: var(--gap-hui-muted);
    --gap-hui-field-border: transparent;
    --gap-hui-success: oklch(73.29% .1935 150.81);
    --gap-hui-success-foreground: var(--gap-hui-eclipse);
    --gap-hui-warning: oklch(78.19% .1585 72.33);
    --gap-hui-warning-foreground: var(--gap-hui-eclipse);
    --gap-hui-danger: oklch(65.32% .2328 25.74);
    --gap-hui-danger-foreground: var(--gap-hui-snow);
    --gap-hui-segment: var(--gap-hui-white);
    --gap-hui-segment-foreground: var(--gap-hui-eclipse);
    --gap-hui-border: oklch(90% .004 286.32);
    --gap-hui-separator: oklch(92% .004 286.32);
    --gap-hui-focus: var(--gap-hui-accent);
    --gap-hui-link: var(--gap-hui-foreground);
    --gap-hui-backdrop: #00000080;
    --gap-hui-surface-hover: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-surface-hover: color-mix(in oklab, var(--gap-hui-surface) 92%, var(--gap-hui-surface-foreground) 8%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-background-secondary: var(--gap-hui-background);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-background-secondary: color-mix(in oklab, var(--gap-hui-background) 96%, var(--gap-hui-foreground) 4%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-background-tertiary: var(--gap-hui-background);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-background-tertiary: color-mix(in oklab, var(--gap-hui-background) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-background-inverse: var(--gap-hui-foreground);
    --gap-hui-default-hover: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-default-hover: color-mix(in oklab, var(--gap-hui-default) 96%, var(--gap-hui-default-foreground) 4%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-accent-hover: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-accent-hover: color-mix(in oklab, var(--gap-hui-accent) 90%, var(--gap-hui-accent-foreground) 10%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-success-hover: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-success-hover: color-mix(in oklab, var(--gap-hui-success) 90%, var(--gap-hui-success-foreground) 10%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-warning-hover: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-warning-hover: color-mix(in oklab, var(--gap-hui-warning) 90%, var(--gap-hui-warning-foreground) 10%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-danger-hover: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-danger-hover: color-mix(in oklab, var(--gap-hui-danger) 90%, var(--gap-hui-danger-foreground) 10%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-field-hover: var(--gap-hui-field-background, var(--gap-hui-default));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-field-hover: color-mix(in oklab,
      var(--gap-hui-field-background, var(--gap-hui-default)) 90%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 2%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-field-focus: var(--gap-hui-field-background, var(--gap-hui-default));
    --gap-hui-field-border-hover: var(--gap-hui-field-border, var(--gap-hui-border));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-field-border-hover: color-mix(in oklab,
      var(--gap-hui-field-border, var(--gap-hui-border)) 88%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 10%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-field-border-focus: var(--gap-hui-field-border, var(--gap-hui-border));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-field-border-focus: color-mix(in oklab,
      var(--gap-hui-field-border, var(--gap-hui-border)) 74%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 22%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-default-soft: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-default-soft: color-mix(in oklab, var(--gap-hui-default) 50%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-default-soft-foreground: var(--gap-hui-default-foreground);
    --gap-hui-default-soft-hover: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-default-soft-hover: color-mix(in oklab, var(--gap-hui-default) 60%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-accent-soft: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-accent-soft: color-mix(in oklab, var(--gap-hui-accent) 15%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-accent-soft-foreground: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-accent-soft-foreground: color-mix(in oklab, var(--gap-hui-accent) 70%, var(--gap-hui-foreground) 30%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-accent-soft-hover: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-accent-soft-hover: color-mix(in oklab, var(--gap-hui-accent) 20%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-danger-soft: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-danger-soft: color-mix(in oklab, var(--gap-hui-danger) 15%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-danger-soft-foreground: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-danger-soft-foreground: color-mix(in oklab, var(--gap-hui-danger) 70%, var(--gap-hui-foreground) 40%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-danger-soft-hover: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-danger-soft-hover: color-mix(in oklab, var(--gap-hui-danger) 20%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-warning-soft: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-warning-soft: color-mix(in oklab, var(--gap-hui-warning) 15%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-warning-soft-foreground: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-warning-soft-foreground: color-mix(in oklab, var(--gap-hui-warning) 80%, var(--gap-hui-foreground) 70%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-warning-soft-hover: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-warning-soft-hover: color-mix(in oklab, var(--gap-hui-warning) 20%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-success-soft: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-success-soft: color-mix(in oklab, var(--gap-hui-success) 15%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-success-soft-foreground: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-success-soft-foreground: color-mix(in oklab, var(--gap-hui-success) 80%, var(--gap-hui-foreground) 60%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-success-soft-hover: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-success-soft-hover: color-mix(in oklab, var(--gap-hui-success) 20%, transparent);
    }
  }

body[data-gap-heroui] {
    --gap-hui-separator-secondary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-separator-secondary: color-mix(in oklab, var(--gap-hui-surface) 85%, var(--gap-hui-surface-foreground) 15%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-separator-tertiary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-separator-tertiary: color-mix(in oklab, var(--gap-hui-surface) 81%, var(--gap-hui-surface-foreground) 19%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-border-secondary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-border-secondary: color-mix(in oklab, var(--gap-hui-surface) 78%, var(--gap-hui-surface-foreground) 22%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-border-tertiary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] {
      --gap-hui-border-tertiary: color-mix(in oklab, var(--gap-hui-surface) 66%, var(--gap-hui-surface-foreground) 34%);
    }
  }

body[data-gap-heroui] {
    --gap-hui-surface-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f,
      0 0 1px 0 #0000000f;
    --gap-hui-overlay-shadow: 0 2px 8px 0 #0000000f, 0 -6px 12px 0 #00000008,
      0 14px 28px 0 #00000014;
    --gap-hui-field-shadow: 0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f,
      0 0 1px 0 #0000000f;
    --gap-hui-skeleton-animation: shimmer;
    --gap-hui-tooltip-delay: 1.5s;
    --gap-hui-tooltip-close-delay: .5s;
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-background: oklch(12% .005 285.823);
    --gap-hui-foreground: var(--gap-hui-snow);
    --gap-hui-surface: oklch(21.03% .0059 285.89);
    --gap-hui-surface-foreground: var(--gap-hui-foreground);
    --gap-hui-surface-secondary: oklch(25.7% .0037 286.14);
    --gap-hui-surface-tertiary: oklch(27.21% .0024 247.91);
    --gap-hui-overlay: oklch(21.03% .0059 285.89);
    --gap-hui-overlay-foreground: var(--gap-hui-foreground);
    --gap-hui-muted: oklch(70.5% .015 286.067);
    --gap-hui-scrollbar: var(--gap-hui-scrollbar-thumb);
    --gap-hui-scrollbar-thumb: var(--gap-hui-foreground);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-scrollbar-thumb: color-mix(in oklch, var(--gap-hui-foreground) 15%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-scrollbar-track: transparent;
    --gap-hui-scrollbar-gutter: auto;
    --gap-hui-scrollbar-width: thin;
    --gap-hui-scrollbar-color: var(--gap-hui-scrollbar-thumb) var(--gap-hui-scrollbar-track);
    --gap-hui-default: oklch(27.4% .006 286.033);
    --gap-hui-default-foreground: var(--gap-hui-snow);
    --gap-hui-field-background: oklch(21.03% .0059 285.89);
    --gap-hui-field-foreground: var(--gap-hui-foreground);
    --gap-hui-warning: oklch(82.03% .1388 76.34);
    --gap-hui-warning-foreground: var(--gap-hui-eclipse);
    --gap-hui-danger: oklch(59.4% .1967 24.63);
    --gap-hui-danger-foreground: var(--gap-hui-snow);
    --gap-hui-segment: oklch(39.64% .01 285.93);
    --gap-hui-segment-foreground: var(--gap-hui-foreground);
    --gap-hui-border: oklch(28% .006 286.033);
    --gap-hui-separator: oklch(25% .006 286.033);
    --gap-hui-focus: var(--gap-hui-accent);
    --gap-hui-link: var(--gap-hui-foreground);
    --gap-hui-backdrop: #0009;
    --gap-hui-surface-shadow: 0 0 0 0 transparent inset;
    --gap-hui-overlay-shadow: 0 0 1px 0 #ffffff4d inset;
    --gap-hui-field-shadow: 0 0 0 0 transparent inset;
    --gap-hui-surface-hover: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-surface-hover: color-mix(in oklab, var(--gap-hui-surface) 92%, var(--gap-hui-surface-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-background-secondary: var(--gap-hui-background);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-background-secondary: color-mix(in oklab, var(--gap-hui-background) 96%, var(--gap-hui-foreground) 4%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-background-tertiary: var(--gap-hui-background);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-background-tertiary: color-mix(in oklab, var(--gap-hui-background) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-background-inverse: var(--gap-hui-foreground);
    --gap-hui-default-hover: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-default-hover: color-mix(in oklab, var(--gap-hui-default) 96%, var(--gap-hui-default-foreground) 4%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-hover: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-hover: color-mix(in oklab, var(--gap-hui-accent) 90%, var(--gap-hui-accent-foreground) 10%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-hover: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-hover: color-mix(in oklab, var(--gap-hui-success) 90%, var(--gap-hui-success-foreground) 10%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-hover: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-hover: color-mix(in oklab, var(--gap-hui-warning) 90%, var(--gap-hui-warning-foreground) 10%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-hover: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-hover: color-mix(in oklab, var(--gap-hui-danger) 90%, var(--gap-hui-danger-foreground) 10%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-field-hover: var(--gap-hui-field-background, var(--gap-hui-default));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-field-hover: color-mix(in oklab,
      var(--gap-hui-field-background, var(--gap-hui-default)) 90%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 2%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-field-focus: var(--gap-hui-field-background, var(--gap-hui-default));
    --gap-hui-field-border-hover: var(--gap-hui-field-border, var(--gap-hui-border));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-field-border-hover: color-mix(in oklab,
      var(--gap-hui-field-border, var(--gap-hui-border)) 88%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 10%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-field-border-focus: var(--gap-hui-field-border, var(--gap-hui-border));
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-field-border-focus: color-mix(in oklab,
      var(--gap-hui-field-border, var(--gap-hui-border)) 74%,
      var(--gap-hui-field-foreground, var(--gap-hui-foreground)) 22%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-default-soft: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-default-soft: color-mix(in oklab, var(--gap-hui-default) 50%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-default-soft-foreground: var(--gap-hui-default-foreground);
    --gap-hui-default-soft-hover: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-default-soft-hover: color-mix(in oklab, var(--gap-hui-default) 60%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-soft: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-soft: color-mix(in oklab, var(--gap-hui-accent) 12%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-soft-foreground: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-soft-foreground: color-mix(in oklab, var(--gap-hui-accent) 80%, var(--gap-hui-foreground) 30%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-soft-hover: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-soft-hover: color-mix(in oklab, var(--gap-hui-accent) 16%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-soft: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-soft: color-mix(in oklab, var(--gap-hui-danger) 15%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-soft-foreground: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-soft-foreground: color-mix(in oklab, var(--gap-hui-danger) 80%, var(--gap-hui-foreground) 30%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-soft-hover: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-soft-hover: color-mix(in oklab, var(--gap-hui-danger) 20%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-soft: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-soft: color-mix(in oklab, var(--gap-hui-warning) 12%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-soft-foreground: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-soft-foreground: color-mix(in oklab, var(--gap-hui-warning) 80%, var(--gap-hui-foreground) 30%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-soft-hover: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-soft-hover: color-mix(in oklab, var(--gap-hui-warning) 16%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-soft: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-soft: color-mix(in oklab, var(--gap-hui-success) 12%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-soft-foreground: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-soft-foreground: color-mix(in oklab, var(--gap-hui-success) 80%, var(--gap-hui-foreground) 30%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-soft-hover: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-soft-hover: color-mix(in oklab, var(--gap-hui-success) 16%, transparent);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-separator-secondary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-separator-secondary: color-mix(in oklab, var(--gap-hui-surface) 85%, var(--gap-hui-surface-foreground) 15%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-separator-tertiary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-separator-tertiary: color-mix(in oklab, var(--gap-hui-surface) 81%, var(--gap-hui-surface-foreground) 19%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-border-secondary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-border-secondary: color-mix(in oklab, var(--gap-hui-surface) 78%, var(--gap-hui-surface-foreground) 22%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-border-tertiary: var(--gap-hui-surface);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-border-tertiary: color-mix(in oklab, var(--gap-hui-surface) 66%, var(--gap-hui-surface-foreground) 34%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-soft-foreground: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-soft-foreground: color-mix(in oklab, var(--gap-hui-accent) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-soft-foreground: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-soft-foreground: color-mix(in oklab, var(--gap-hui-danger) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-soft-foreground: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-soft-foreground: color-mix(in oklab, var(--gap-hui-warning) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-soft-foreground: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-soft-foreground: color-mix(in oklab, var(--gap-hui-success) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-accent-soft-foreground: var(--gap-hui-accent);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-accent-soft-foreground: color-mix(in oklab, var(--gap-hui-accent) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-danger-soft-foreground: var(--gap-hui-danger);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-danger-soft-foreground: color-mix(in oklab, var(--gap-hui-danger) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-warning-soft-foreground: var(--gap-hui-warning);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-warning-soft-foreground: color-mix(in oklab, var(--gap-hui-warning) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui]:where([data-gap-mode="dark"]) {
    --gap-hui-success-soft-foreground: var(--gap-hui-success);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui]:where([data-gap-mode="dark"]) {
      --gap-hui-success-soft-foreground: color-mix(in oklab, var(--gap-hui-success) 92%, var(--gap-hui-foreground) 8%);
    }
  }

body[data-gap-heroui] .gap-hui-button {
    isolation: isolate;
    height: calc(var(--gap-hui-spacing) * 10);
    transform-origin: center;
    justify-content: center;
    align-items: center;
    gap: calc(var(--gap-hui-spacing) * 2);
    border-radius: calc(var(--gap-hui-radius) * 3);
    width: fit-content;
    padding-inline: calc(var(--gap-hui-spacing) * 4);
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
    white-space: nowrap;
    --gap-hui-tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button {
      height: calc(var(--gap-hui-spacing) * 9);
    }
  }

body[data-gap-heroui] .gap-hui-button {
    transition: transform .25s var(--gap-hui-ease-smooth), background-color .1s var(--gap-hui-ease-out), box-shadow .1s var(--gap-hui-ease-out);
    transform: translateZ(0) var(--gap-hui-tw-rotate-x, ) var(--gap-hui-tw-rotate-y, ) var(--gap-hui-tw-rotate-z, ) var(--gap-hui-tw-skew-x, ) var(--gap-hui-tw-skew-y, );
    will-change: transform;
  }

body[data-gap-heroui] .gap-hui-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-button:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-button:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-button {
    cursor: var(--gap-hui-cursor-interactive);
    --gap-hui-button-bg: transparent;
    --gap-hui-button-bg-hover: var(--gap-hui-button-bg);
    --gap-hui-button-bg-pressed: var(--gap-hui-button-bg-hover);
    --gap-hui-button-fg: currentColor;
    background-color: var(--gap-hui-button-bg);
    color: var(--gap-hui-button-fg);
  }

body[data-gap-heroui] .gap-hui-button:focus-visible:not(:focus),body[data-gap-heroui]  .gap-hui-button[data-focus-visible="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-focus);
    --gap-hui-tw-ring-offset-width: var(--gap-hui-ring-offset-width);
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
    --gap-hui-tw-ring-offset-color: var(--gap-hui-background);
    --gap-hui-tw-outline-style: none;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-button:disabled,body[data-gap-heroui]  .gap-hui-button[aria-disabled="true"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-button[data-pending="true"] {
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-button:active,body[data-gap-heroui]  .gap-hui-button[data-pressed="true"] {
    background-color: var(--gap-hui-button-bg-pressed);
    transform: scale(.97);
  }

@media (hover: hover) {
    body[data-gap-heroui] .gap-hui-button:hover,body[data-gap-heroui]  .gap-hui-button[data-hovered="true"] {
      background-color: var(--gap-hui-button-bg-hover);
    }
  }

body[data-gap-heroui] .gap-hui-button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    pointer-events: none;
    margin-inline: calc(var(--gap-hui-spacing) * -.5);
    margin-block: calc(var(--gap-hui-spacing) * .5);
    width: calc(var(--gap-hui-spacing) * 5);
    height: calc(var(--gap-hui-spacing) * 5);
    flex-shrink: 0;
    align-self: center;
  }

@media (width >= 40rem) {
    body[data-gap-heroui] .gap-hui-button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
      margin-block: var(--gap-hui-spacing);
    }

    body[data-gap-heroui] .gap-hui-button svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
      width: calc(var(--gap-hui-spacing) * 4);
      height: calc(var(--gap-hui-spacing) * 4);
    }
  }

body[data-gap-heroui] .gap-hui-button--sm {
    height: calc(var(--gap-hui-spacing) * 9);
    padding-inline: calc(var(--gap-hui-spacing) * 3);
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button--sm {
      height: calc(var(--gap-hui-spacing) * 8);
    }
  }

body[data-gap-heroui] .gap-hui-button--sm svg:not([data-slot="spinner"] svg, [data-slot="link-icon"] svg) {
    width: calc(var(--gap-hui-spacing) * 4);
    height: calc(var(--gap-hui-spacing) * 4);
  }

body[data-gap-heroui] .gap-hui-button--sm:active,body[data-gap-heroui]  .gap-hui-button--sm[data-pressed="true"] {
    transform: scale(.98);
  }

body[data-gap-heroui] .gap-hui-button--lg {
    height: calc(var(--gap-hui-spacing) * 11);
    font-size: var(--gap-hui-text-base);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-base--line-height));
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button--lg {
      height: calc(var(--gap-hui-spacing) * 10);
    }
  }

body[data-gap-heroui] .gap-hui-button--lg:active,body[data-gap-heroui]  .gap-hui-button--lg[data-pressed="true"] {
    transform: scale(.96);
  }

body[data-gap-heroui] .gap-hui-button--primary {
    --gap-hui-button-bg: var(--gap-hui-accent);
    --gap-hui-button-bg-hover: var(--gap-hui-accent-hover);
    --gap-hui-button-bg-pressed: var(--gap-hui-accent-hover);
    --gap-hui-button-fg: var(--gap-hui-accent-foreground);
  }

body[data-gap-heroui] .gap-hui-button--secondary {
    --gap-hui-button-bg: var(--gap-hui-default);
    --gap-hui-button-bg-hover: var(--gap-hui-default-hover);
    --gap-hui-button-bg-pressed: var(--gap-hui-default-hover);
    --gap-hui-button-fg: var(--gap-hui-accent-soft-foreground);
  }

body[data-gap-heroui] .gap-hui-button--tertiary {
    --gap-hui-button-bg: var(--gap-hui-default);
    --gap-hui-button-bg-hover: var(--gap-hui-default-hover);
    --gap-hui-button-bg-pressed: var(--gap-hui-default-hover);
  }

body[data-gap-heroui] .gap-hui-button--ghost,body[data-gap-heroui]  .gap-hui-button--outline {
    --gap-hui-button-bg: transparent;
    --gap-hui-button-bg-hover: var(--gap-hui-default);
    --gap-hui-button-bg-pressed: var(--gap-hui-default);
    --gap-hui-button-fg: var(--gap-hui-default-foreground);
  }

body[data-gap-heroui] .gap-hui-button--outline {
    border-style: var(--gap-hui-tw-border-style);
    border-width: 1px;
    border-color: var(--gap-hui-border);
    --gap-hui-button-bg-hover: var(--gap-hui-default);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] .gap-hui-button--outline {
      --gap-hui-button-bg-hover: color-mix(in srgb, var(--gap-hui-default) 60%, transparent);
    }
  }

body[data-gap-heroui] .gap-hui-button--danger {
    --gap-hui-button-bg: var(--gap-hui-danger);
    --gap-hui-button-bg-hover: var(--gap-hui-danger-hover);
    --gap-hui-button-bg-pressed: var(--gap-hui-danger-hover);
    --gap-hui-button-fg: var(--gap-hui-danger-foreground);
  }

body[data-gap-heroui] .gap-hui-button--danger-soft {
    --gap-hui-button-bg: var(--gap-hui-danger-soft);
    --gap-hui-button-bg-hover: var(--gap-hui-danger-soft-hover);
    --gap-hui-button-bg-pressed: var(--gap-hui-danger-soft-hover);
    --gap-hui-button-fg: var(--gap-hui-danger-soft-foreground);
  }

body[data-gap-heroui] .gap-hui-button--icon-only {
    width: calc(var(--gap-hui-spacing) * 10);
    padding: 0;
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button--icon-only {
      width: calc(var(--gap-hui-spacing) * 9);
    }
  }

body[data-gap-heroui] .gap-hui-button--icon-only.gap-hui-button--sm {
    width: calc(var(--gap-hui-spacing) * 9);
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button--icon-only.gap-hui-button--sm {
      width: calc(var(--gap-hui-spacing) * 8);
    }
  }

body[data-gap-heroui] .gap-hui-button--icon-only.gap-hui-button--lg {
    width: calc(var(--gap-hui-spacing) * 11);
  }

@media (width >= 48rem) {
    body[data-gap-heroui] .gap-hui-button--icon-only.gap-hui-button--lg {
      width: calc(var(--gap-hui-spacing) * 10);
    }
  }

body[data-gap-heroui] .gap-hui-button--full-width {
    width: 100%;
  }

body[data-gap-heroui] .gap-hui-input {
    border-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    border-style: var(--gap-hui-tw-border-style);
    background-color: var(--gap-hui-field-background, var(--gap-hui-default));
    padding-inline: calc(var(--gap-hui-spacing) * 3);
    padding-block: calc(var(--gap-hui-spacing) * 2);
    font-size: var(--gap-hui-text-base);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-base--line-height));
    color: var(--gap-hui-field-foreground, var(--gap-hui-foreground));
    --gap-hui-tw-shadow: var(--gap-hui-field-shadow);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-outline-style: none;
    border-width: 1px;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-input::placeholder {
    color: var(--gap-hui-field-placeholder, var(--gap-hui-muted));
  }

@media (width >= 40rem) {
    body[data-gap-heroui] .gap-hui-input {
      font-size: var(--gap-hui-text-sm);
      line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    }
  }

body[data-gap-heroui] .gap-hui-input {
    border-width: var(--gap-hui-border-width-field);
    border-color: var(--gap-hui-field-border);
    transition: background-color .15s var(--gap-hui-ease-smooth), border-color .15s var(--gap-hui-ease-smooth), box-shadow .15s var(--gap-hui-ease-out);
  }

body[data-gap-heroui] .gap-hui-input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-input:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-input:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

@media (hover: hover) {
    body[data-gap-heroui] .gap-hui-input:hover:not(:focus):not(:focus-visible),body[data-gap-heroui]  .gap-hui-input[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
      background-color: var(--gap-hui-field-hover);
      border-color: var(--gap-hui-field-border-hover);
    }
  }

body[data-gap-heroui] .gap-hui-input:focus,body[data-gap-heroui]  .gap-hui-input[data-focused="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-focus);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
    --gap-hui-tw-outline-style: none;
    border-color: var(--gap-hui-field-border-focus);
    background-color: var(--gap-hui-field-focus);
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-input[data-invalid="true"] {
    outline-style: var(--gap-hui-tw-outline-style);
    outline-width: 1px;
    outline-color: var(--gap-hui-danger);
    --gap-hui-tw-outline-style: solid;
    --gap-hui-tw-ring-offset-width: 3px;
    outline-style: solid;
  }

body[data-gap-heroui] .gap-hui-input[data-invalid="true"]:focus,body[data-gap-heroui]  .gap-hui-input[data-invalid="true"]:focus-visible,body[data-gap-heroui]  .gap-hui-input[data-invalid="true"][data-focused="true"],body[data-gap-heroui]  .gap-hui-input[data-invalid="true"][data-focus-visible="true"],body[data-gap-heroui]  .gap-hui-input[data-invalid="true"]:focus-within,body[data-gap-heroui]  .gap-hui-input[data-invalid="true"][data-focus-within="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-danger);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
  }

body[data-gap-heroui] .gap-hui-input[data-invalid="true"] {
    background-color: var(--gap-hui-field-focus);
  }

body[data-gap-heroui] .gap-hui-input:disabled,body[data-gap-heroui]  .gap-hui-input[data-disabled="true"],body[data-gap-heroui]  .gap-hui-input[aria-disabled="true"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-input--secondary {
    --gap-hui-tw-shadow: 0 0 #0000;
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    background-color: var(--gap-hui-input-bg);
    --gap-hui-input-bg: var(--gap-hui-default);
    --gap-hui-input-bg-hover: var(--gap-hui-default-hover);
    --gap-hui-input-bg-focus: var(--gap-hui-default);
  }

@media (hover: hover) {
    body[data-gap-heroui] .gap-hui-input--secondary:hover:not(:focus):not(:focus-visible),body[data-gap-heroui]  .gap-hui-input--secondary[data-hovered="true"]:not([data-focus-visible="true"]):not([data-focused="true"]) {
      background-color: var(--gap-hui-input-bg-hover);
    }
  }

body[data-gap-heroui] .gap-hui-input--secondary:focus,body[data-gap-heroui]  .gap-hui-input--secondary[data-focused="true"] {
    background-color: var(--gap-hui-input-bg-focus);
  }

body[data-gap-heroui] .gap-hui-input--secondary[data-invalid="true"] {
    outline-style: var(--gap-hui-tw-outline-style);
    outline-width: 1px;
    outline-color: var(--gap-hui-danger);
    --gap-hui-tw-outline-style: solid;
    --gap-hui-tw-ring-offset-width: 3px;
    outline-style: solid;
  }

body[data-gap-heroui] .gap-hui-input--secondary[data-invalid="true"]:focus,body[data-gap-heroui]  .gap-hui-input--secondary[data-invalid="true"]:focus-visible,body[data-gap-heroui]  .gap-hui-input--secondary[data-invalid="true"][data-focused="true"],body[data-gap-heroui]  .gap-hui-input--secondary[data-invalid="true"][data-focus-visible="true"],body[data-gap-heroui]  .gap-hui-input--secondary[data-invalid="true"]:focus-within,body[data-gap-heroui]  .gap-hui-input--secondary[data-invalid="true"][data-focus-within="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-danger);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
  }

body[data-gap-heroui] .gap-hui-input--secondary[data-invalid="true"] {
    background-color: var(--gap-hui-input-bg-focus);
  }

body[data-gap-heroui] .gap-hui-input--full-width {
    width: 100%;
  }

body[data-gap-heroui] .gap-hui-textfield {
    gap: var(--gap-hui-spacing);
    flex-direction: column;
    display: flex;
  }

body[data-gap-heroui] :is(.gap-hui-textfield[data-invalid="true"], .gap-hui-textfield[aria-invalid="true"]) [data-slot="description"] {
    display: none;
  }

body[data-gap-heroui] .gap-hui-textfield--full-width {
    width: 100%;
  }

body[data-gap-heroui] .gap-hui-textfield--full-width [data-slot="input"],body[data-gap-heroui]  .gap-hui-textfield--full-width [data-slot="textarea"] {
    width: 100%;
  }

body[data-gap-heroui] .gap-hui-label {
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
    color: var(--gap-hui-foreground);
  }

body[data-gap-heroui] :is(.gap-hui-label--required, [data-required="true"]:not([role="group"]):not([role="radiogroup"]):not([role="checkboxgroup"]) > .gap-hui-label, [data-required="true"]:not([data-slot="radio"]):not([data-slot="checkbox"]) > .gap-hui-label):after {
    color: var(--gap-hui-danger);
    --gap-hui-tw-content: "*";
    content: var(--gap-hui-tw-content);
    margin-inline-start: calc(var(--gap-hui-spacing) * .5);
  }

body[data-gap-heroui] .gap-hui-label--disabled,body[data-gap-heroui]  [data-disabled="true"] .gap-hui-label {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-label--invalid,body[data-gap-heroui]  [data-invalid="true"] .gap-hui-label,body[data-gap-heroui]  [aria-invalid="true"] .gap-hui-label {
    color: var(--gap-hui-danger);
  }

body[data-gap-heroui] .gap-hui-input-group {
    min-height: calc(var(--gap-hui-spacing) * 9);
    border-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    border-style: var(--gap-hui-tw-border-style);
    background-color: var(--gap-hui-field-background, var(--gap-hui-default));
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    color: var(--gap-hui-field-foreground, var(--gap-hui-foreground));
    --gap-hui-tw-shadow: var(--gap-hui-field-shadow);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-outline-style: none;
    border-width: 1px;
    border-width: var(--gap-hui-border-width-field);
    border-color: var(--gap-hui-field-border);
    outline-style: none;
    align-items: center;
    display: inline-flex;
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-textarea"]) {
    align-items: flex-start;
    height: auto;
  }

body[data-gap-heroui] .gap-hui-input-group {
    transition: background-color .15s var(--gap-hui-ease-smooth), border-color .15s var(--gap-hui-ease-smooth), box-shadow .15s var(--gap-hui-ease-out);
  }

body[data-gap-heroui] .gap-hui-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-input-group:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-input-group:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

@media (hover: hover) {
    body[data-gap-heroui] .gap-hui-input-group:hover:not(:focus-within),body[data-gap-heroui]  .gap-hui-input-group[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--gap-hui-field-hover);
      border-color: var(--gap-hui-field-border-hover);
    }
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-input"]:focus),body[data-gap-heroui]  .gap-hui-input-group:has([data-slot="input-group-textarea"]:focus) {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-focus);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
    --gap-hui-tw-outline-style: none;
    border-color: var(--gap-hui-field-border-focus);
    background-color: var(--gap-hui-field-focus);
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-input-group[data-invalid="true"] {
    outline-style: var(--gap-hui-tw-outline-style);
    outline-width: 1px;
    outline-color: var(--gap-hui-danger);
    --gap-hui-tw-outline-style: solid;
    --gap-hui-tw-ring-offset-width: 3px;
    outline-style: solid;
  }

body[data-gap-heroui] .gap-hui-input-group[data-invalid="true"]:focus,body[data-gap-heroui]  .gap-hui-input-group[data-invalid="true"]:focus-visible,body[data-gap-heroui]  .gap-hui-input-group[data-invalid="true"][data-focused="true"],body[data-gap-heroui]  .gap-hui-input-group[data-invalid="true"][data-focus-visible="true"],body[data-gap-heroui]  .gap-hui-input-group[data-invalid="true"]:focus-within,body[data-gap-heroui]  .gap-hui-input-group[data-invalid="true"][data-focus-within="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-danger);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
  }

body[data-gap-heroui] .gap-hui-input-group[data-invalid="true"] {
    background-color: var(--gap-hui-field-focus);
    border-color: var(--gap-hui-color-field-border-invalid);
  }

body[data-gap-heroui] .gap-hui-input-group[data-disabled="true"],body[data-gap-heroui]  .gap-hui-input-group[aria-disabled="true"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] :-webkit-any(.gap-hui-input-group:has([data-slot="input-group-input"]:-webkit-autofill), .gap-hui-input-group:has([data-slot="input-group-input"]:autofill)) {
    background-color: var(--gap-hui-field-focus);
    border-color: var(--gap-hui-field-border-focus);
  }

body[data-gap-heroui] :is(.gap-hui-input-group:has([data-slot="input-group-input"]:autofill), .gap-hui-input-group:has([data-slot="input-group-input"]:autofill)) {
    background-color: var(--gap-hui-field-focus);
    border-color: var(--gap-hui-field-border-focus);
  }

body[data-gap-heroui] .gap-hui-input-group__input {
    border-style: var(--gap-hui-tw-border-style);
    padding-inline: calc(var(--gap-hui-spacing) * 3);
    padding-block: calc(var(--gap-hui-spacing) * 2);
    font-size: var(--gap-hui-text-base);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-base--line-height));
    --gap-hui-tw-shadow: 0 0 #0000;
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    outline-style: none;
    flex: 1;
  }

body[data-gap-heroui] .gap-hui-input-group__input::placeholder {
    color: var(--gap-hui-field-placeholder, var(--gap-hui-muted));
  }

@media (width >= 40rem) {
    body[data-gap-heroui] .gap-hui-input-group__input {
      font-size: var(--gap-hui-text-sm);
      line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    }
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-prefix"]) .gap-hui-input-group__input {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding-inline-start: 0;
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-suffix"]) .gap-hui-input-group__input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    padding-inline-end: 0;
  }

body[data-gap-heroui] .gap-hui-input-group__input:focus,body[data-gap-heroui]  .gap-hui-input-group__input:focus-visible {
    --gap-hui-tw-outline-style: none;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-input-group__input:autofill {
    -webkit-text-fill-color: var(--gap-hui-field-foreground);
    caret-color: var(--gap-hui-field-foreground);
    transition: background-color 9999s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: inset 0 0 0 1000px #0000;
  }

body[data-gap-heroui] .gap-hui-input-group__input:-webkit-autofill {
    -webkit-text-fill-color: var(--gap-hui-field-foreground);
    caret-color: var(--gap-hui-field-foreground);
    transition: background-color 9999s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: inset 0 0 0 1000px #0000;
  }

body[data-gap-heroui] .gap-hui-input-group__input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--gap-hui-field-foreground);
    caret-color: var(--gap-hui-field-foreground);
    transition: background-color 9999s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: inset 0 0 0 1000px #0000;
  }

body[data-gap-heroui] .gap-hui-input-group__input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--gap-hui-field-foreground);
    caret-color: var(--gap-hui-field-foreground);
    transition: background-color 9999s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: inset 0 0 0 1000px #0000;
  }

body[data-gap-heroui] .gap-hui-input-group__input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--gap-hui-field-foreground);
    caret-color: var(--gap-hui-field-foreground);
    transition: background-color 9999s ease-in-out;
    -webkit-box-shadow: inset 0 0 0 1000px #0000;
    box-shadow: inset 0 0 0 1000px #0000;
  }

body[data-gap-heroui] .gap-hui-input-group__input[data-slot="input-group-textarea"] {
    resize: vertical;
    min-height: 38px;
  }

body[data-gap-heroui] .gap-hui-input-group__prefix {
    height: 100%;
    padding-inline: calc(var(--gap-hui-spacing) * 3);
    color: var(--gap-hui-field-placeholder, var(--gap-hui-muted));
    border-width: var(--gap-hui-border-width-field);
    border-color: var(--gap-hui-field-border);
    border-style: solid;
    border-inline-end-color: var(--gap-hui-field-border);
    border-inline-start: none;
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-start-start-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    justify-content: center;
    align-items: center;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-textarea"]) .gap-hui-input-group__prefix {
    align-items: flex-start;
    padding-top: .5rem;
  }

body[data-gap-heroui] .gap-hui-input-group__prefix {
    transition: background-color .15s var(--gap-hui-ease-smooth), border-color .15s var(--gap-hui-ease-smooth);
  }

body[data-gap-heroui] .gap-hui-input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-input-group__prefix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-input-group__prefix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-input-group__suffix {
    height: 100%;
    padding-inline: calc(var(--gap-hui-spacing) * 3);
    color: var(--gap-hui-field-placeholder, var(--gap-hui-muted));
    border-width: var(--gap-hui-border-width-field);
    border-color: var(--gap-hui-field-border);
    border-style: solid;
    border-inline-start-color: var(--gap-hui-field-border);
    border-inline-end: none;
    background-color: #0000;
    border-top: none;
    border-bottom: none;
    border-start-start-radius: 0;
    border-start-end-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    border-end-end-radius: var(--gap-hui-field-radius, calc(var(--gap-hui-radius) * 1.5));
    border-end-start-radius: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-input-group:has([data-slot="input-group-textarea"]) .gap-hui-input-group__suffix {
    align-items: flex-start;
    padding-top: .5rem;
  }

body[data-gap-heroui] .gap-hui-input-group__suffix {
    transition: background-color .15s var(--gap-hui-ease-smooth), border-color .15s var(--gap-hui-ease-smooth);
  }

body[data-gap-heroui] .gap-hui-input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-input-group__suffix:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-input-group__suffix:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-input-group--secondary {
    --gap-hui-tw-shadow: 0 0 #0000;
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    background-color: var(--gap-hui-input-group-bg);
    --gap-hui-input-group-bg: var(--gap-hui-default);
    --gap-hui-input-group-bg-hover: var(--gap-hui-default-hover);
    --gap-hui-input-group-bg-focus: var(--gap-hui-default);
  }

@media (hover: hover) {
    body[data-gap-heroui] .gap-hui-input-group--secondary:hover:not(:focus-within),body[data-gap-heroui]  .gap-hui-input-group--secondary[data-hovered="true"]:not([data-focus-within="true"]) {
      background-color: var(--gap-hui-input-group-bg-hover);
    }
  }

body[data-gap-heroui] .gap-hui-input-group--secondary:has([data-slot="input-group-input"]:focus),body[data-gap-heroui]  .gap-hui-input-group--secondary:has([data-slot="input-group-textarea"]:focus) {
    background-color: var(--gap-hui-input-group-bg-focus);
  }

body[data-gap-heroui] .gap-hui-input-group--secondary[data-invalid="true"] {
    outline-style: var(--gap-hui-tw-outline-style);
    outline-width: 1px;
    outline-color: var(--gap-hui-danger);
    --gap-hui-tw-outline-style: solid;
    --gap-hui-tw-ring-offset-width: 3px;
    outline-style: solid;
  }

body[data-gap-heroui] .gap-hui-input-group--secondary[data-invalid="true"]:focus,body[data-gap-heroui]  .gap-hui-input-group--secondary[data-invalid="true"]:focus-visible,body[data-gap-heroui]  .gap-hui-input-group--secondary[data-invalid="true"][data-focused="true"],body[data-gap-heroui]  .gap-hui-input-group--secondary[data-invalid="true"][data-focus-visible="true"],body[data-gap-heroui]  .gap-hui-input-group--secondary[data-invalid="true"]:focus-within,body[data-gap-heroui]  .gap-hui-input-group--secondary[data-invalid="true"][data-focus-within="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-danger);
    --gap-hui-tw-ring-offset-width: 0px;
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
  }

body[data-gap-heroui] .gap-hui-input-group--secondary[data-invalid="true"] {
    border-color: var(--gap-hui-color-field-border-invalid);
    background-color: var(--gap-hui-input-group-bg-focus);
  }

body[data-gap-heroui] .gap-hui-input-group--secondary [data-slot="input-group-input"],body[data-gap-heroui]  .gap-hui-input-group--secondary [data-slot="input-group-textarea"] {
    background-color: #0000;
  }

body[data-gap-heroui] .gap-hui-input-group--full-width {
    width: 100%;
  }

body[data-gap-heroui] .gap-hui-field-error {
    height: 0;
    padding-inline: var(--gap-hui-spacing);
    font-size: var(--gap-hui-text-xs);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-xs--line-height));
    overflow-wrap: break-word;
    color: var(--gap-hui-danger);
    opacity: 0;
  }

body[data-gap-heroui] .gap-hui-field-error[data-visible] {
    opacity: 1;
    height: auto;
  }

body[data-gap-heroui] .gap-hui-field-error {
    transition: opacity .15s var(--gap-hui-ease-out), height .35s var(--gap-hui-ease-smooth);
  }

body[data-gap-heroui] .gap-hui-field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-field-error:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-field-error:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-checkbox > .gap-hui-field-error,body[data-gap-heroui]  .gap-hui-checkbox > [data-slot="field-error"],body[data-gap-heroui]  .gap-hui-switch > .gap-hui-field-error,body[data-gap-heroui]  .gap-hui-switch > [data-slot="field-error"],body[data-gap-heroui]  .gap-hui-radio > .gap-hui-field-error,body[data-gap-heroui]  .gap-hui-radio > [data-slot="field-error"] {
    height: auto;
    min-height: 0;
    color: var(--gap-hui-muted);
    opacity: 1;
    margin: 0;
    padding: 0;
    transition: none;
  }

body[data-gap-heroui] .gap-hui-description {
    font-size: var(--gap-hui-text-xs);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-xs--line-height));
    text-wrap: wrap;
    overflow-wrap: break-word;
    color: var(--gap-hui-muted);
  }

body[data-gap-heroui] .gap-hui-surface {
    color: var(--gap-hui-foreground);
    position: relative;
  }

body[data-gap-heroui] .gap-hui-surface--transparent {
    background-color: #0000;
  }

body[data-gap-heroui] .gap-hui-surface--default {
    background-color: var(--gap-hui-surface);
    color: var(--gap-hui-surface-foreground);
  }

body[data-gap-heroui] .gap-hui-surface--secondary {
    background-color: var(--gap-hui-surface-secondary);
    color: var(--gap-hui-surface-secondary-foreground);
  }

body[data-gap-heroui] .gap-hui-surface--tertiary {
    background-color: var(--gap-hui-surface-tertiary);
    color: var(--gap-hui-surface-tertiary-foreground);
  }

body[data-gap-heroui] .gap-hui-card {
    gap: calc(var(--gap-hui-spacing) * 3);
    padding: calc(var(--gap-hui-spacing) * 4);
    --gap-hui-tw-shadow: var(--gap-hui-surface-shadow);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    border-radius: min(32px, var(--gap-hui-radius-3xl));
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: visible;
  }

body[data-gap-heroui] .gap-hui-card__header {
    flex-direction: column;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-card__title {
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    --gap-hui-tw-leading: calc(var(--gap-hui-spacing) * 6);
    line-height: calc(var(--gap-hui-spacing) * 6);
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
    color: var(--gap-hui-foreground);
  }

body[data-gap-heroui] .gap-hui-card__description {
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    --gap-hui-tw-leading: calc(var(--gap-hui-spacing) * 5);
    line-height: calc(var(--gap-hui-spacing) * 5);
    color: var(--gap-hui-muted);
  }

body[data-gap-heroui] .gap-hui-card__content {
    gap: var(--gap-hui-spacing);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-card__footer {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-card--transparent {
    --gap-hui-tw-border-style: none;
    --gap-hui-tw-shadow: 0 0 #0000;
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    background-color: #0000;
    border-style: none;
  }

body[data-gap-heroui] .gap-hui-card--default {
    background-color: var(--gap-hui-surface);
  }

body[data-gap-heroui] .gap-hui-card--secondary {
    background-color: var(--gap-hui-surface-secondary);
  }

body[data-gap-heroui] .gap-hui-card--tertiary {
    background-color: var(--gap-hui-surface-tertiary);
  }

body[data-gap-heroui] .gap-hui-popover {
    transform-origin: var(--gap-hui-trigger-anchor-point);
    background-color: var(--gap-hui-overlay);
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    border-radius: min(32px, var(--gap-hui-radius-3xl));
    box-shadow: var(--gap-hui-shadow-overlay);
    padding: 0;
  }

body[data-gap-heroui] .gap-hui-popover[data-entering="true"] {
    animation: gap-hui-enter var(--gap-hui-tw-animation-duration, var(--gap-hui-tw-duration, .15s))var(--gap-hui-tw-ease, ease)var(--gap-hui-tw-animation-delay, 0s)var(--gap-hui-tw-animation-iteration-count, 1)var(--gap-hui-tw-animation-direction, normal)var(--gap-hui-tw-animation-fill-mode, none);
    --gap-hui-tw-duration: .15s;
    --gap-hui-tw-ease: ease;
    --gap-hui-tw-enter-opacity: 0;
    --gap-hui-tw-enter-scale: .9;
    transition-duration: .15s;
    transition-timing-function: ease;
  }

body[data-gap-heroui] .gap-hui-popover[data-entering="true"][data-placement="top"] {
    --gap-hui-tw-enter-translate-y: calc(1*var(--gap-hui-spacing));
  }

body[data-gap-heroui] .gap-hui-popover[data-entering="true"][data-placement="bottom"] {
    --gap-hui-tw-enter-translate-y: calc(1*var(--gap-hui-spacing)*-1);
  }

body[data-gap-heroui] .gap-hui-popover[data-entering="true"][data-placement="left"] {
    --gap-hui-tw-enter-translate-x: calc(1*var(--gap-hui-spacing));
  }

body[data-gap-heroui] .gap-hui-popover[data-entering="true"][data-placement="right"] {
    --gap-hui-tw-enter-translate-x: calc(1*var(--gap-hui-spacing)*-1);
  }

body[data-gap-heroui] .gap-hui-popover[data-exiting="true"] {
    animation: gap-hui-exit var(--gap-hui-tw-animation-duration, var(--gap-hui-tw-duration, .15s))var(--gap-hui-tw-ease, ease)var(--gap-hui-tw-animation-delay, 0s)var(--gap-hui-tw-animation-iteration-count, 1)var(--gap-hui-tw-animation-direction, normal)var(--gap-hui-tw-animation-fill-mode, none);
    --gap-hui-tw-duration: .1s;
    --gap-hui-tw-ease: ease;
    --gap-hui-tw-exit-scale: .95;
    --gap-hui-tw-exit-opacity: 0;
    transition-duration: .1s;
    transition-timing-function: ease;
  }

body[data-gap-heroui] .gap-hui-popover[data-exiting="true"],body[data-gap-heroui]  .gap-hui-popover[data-entering="true"] {
    transition-property: opacity, transform;
    transition-timing-function: var(--gap-hui-tw-ease, var(--gap-hui-default-transition-timing-function));
    transition-duration: var(--gap-hui-tw-duration, var(--gap-hui-default-transition-duration));
    will-change: opacity,transform;
  }

body[data-gap-heroui] .gap-hui-popover [data-slot="popover-overlay-arrow"] {
    fill: var(--gap-hui-overlay);
  }

body[data-gap-heroui] .gap-hui-popover[data-placement="bottom"] [data-slot="popover-overlay-arrow"] {
    rotate: 180deg;
  }

body[data-gap-heroui] .gap-hui-popover[data-placement="left"] [data-slot="popover-overlay-arrow"] {
    rotate: -90deg;
  }

body[data-gap-heroui] .gap-hui-popover[data-placement="right"] [data-slot="popover-overlay-arrow"] {
    rotate: 90deg;
  }

body[data-gap-heroui] .gap-hui-popover__dialog {
    padding: calc(var(--gap-hui-spacing) * 4);
    --gap-hui-tw-outline-style: none;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-popover__heading {
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
  }

body[data-gap-heroui] .gap-hui-popover__trigger {
    transition: color .15s var(--gap-hui-ease-smooth), background-color .15s var(--gap-hui-ease-smooth), box-shadow .15s var(--gap-hui-ease-out);
    display: inline-block;
  }

body[data-gap-heroui] .gap-hui-popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-popover__trigger:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-popover__trigger:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-popover__trigger {
    cursor: var(--gap-hui-cursor-interactive);
  }

body[data-gap-heroui] .gap-hui-popover__trigger:focus-visible:not(:focus),body[data-gap-heroui]  .gap-hui-popover__trigger[data-focus-visible="true"] {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-focus);
    --gap-hui-tw-ring-offset-width: var(--gap-hui-ring-offset-width);
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
    --gap-hui-tw-ring-offset-color: var(--gap-hui-background);
    --gap-hui-tw-outline-style: none;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-popover__trigger:disabled,body[data-gap-heroui]  .gap-hui-popover__trigger[aria-disabled="true"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-switch {
    align-items: flex-start;
    gap: var(--gap-hui-spacing);
    -webkit-tap-highlight-color: transparent;
    cursor: var(--gap-hui-cursor-interactive);
    --gap-hui-switch-control-bg: var(--gap-hui-default);
    --gap-hui-switch-control-bg-hover: var(--gap-hui-switch-control-bg);
    flex-direction: column;
    display: flex;
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] .gap-hui-switch {
      --gap-hui-switch-control-bg-hover: color-mix(in oklab, var(--gap-hui-switch-control-bg), transparent 20%);
    }
  }

body[data-gap-heroui] .gap-hui-switch {
    --gap-hui-switch-control-bg-pressed: var(--gap-hui-switch-control-bg-hover);
    --gap-hui-switch-control-bg-checked: var(--gap-hui-accent);
    --gap-hui-switch-control-bg-checked-hover: var(--gap-hui-accent-hover);
  }

body[data-gap-heroui] .gap-hui-switch[data-disabled="true"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-switch[data-disabled="true"] [data-slot="description"],body[data-gap-heroui]  .gap-hui-switch[data-disabled="true"] [data-slot="field-error"] {
    opacity: var(--gap-hui-disabled-opacity);
    cursor: var(--gap-hui-cursor-disabled);
    pointer-events: none;
  }

body[data-gap-heroui] .gap-hui-switch[data-disabled="true"] .gap-hui-switch__thumb {
    background-color: var(--gap-hui-default-foreground);
  }

@supports (color: color-mix(in lab, red, red)) {
    body[data-gap-heroui] .gap-hui-switch[data-disabled="true"] .gap-hui-switch__thumb {
      background-color: color-mix(in oklab, var(--gap-hui-default-foreground) 20%, transparent);
    }
  }

body[data-gap-heroui] .gap-hui-switch > [data-slot="description"] {
    width: 100%;
    min-width: 0;
    padding-inline-start: 3.25rem;
  }

body[data-gap-heroui] .gap-hui-switch > [data-slot="field-error"] {
    width: 100%;
    min-width: 0;
    font-size: var(--gap-hui-text-xs);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-xs--line-height));
    color: var(--gap-hui-muted);
    padding-inline-start: 3.25rem;
  }

body[data-gap-heroui] .gap-hui-switch.gap-hui-switch--sm > [data-slot="description"],body[data-gap-heroui]  .gap-hui-switch.gap-hui-switch--sm > [data-slot="field-error"] {
    padding-inline-start: 2.75rem;
  }

body[data-gap-heroui] .gap-hui-switch.gap-hui-switch--lg > [data-slot="description"],body[data-gap-heroui]  .gap-hui-switch.gap-hui-switch--lg > [data-slot="field-error"] {
    padding-inline-start: 3.75rem;
  }

body[data-gap-heroui] :is(.gap-hui-switch:disabled[aria-checked="true"], .gap-hui-switch:disabled[data-selected="true"], .gap-hui-switch[data-disabled="true"][aria-checked="true"], .gap-hui-switch[data-disabled="true"][data-selected="true"], .gap-hui-switch[aria-disabled="true"][aria-checked="true"], .gap-hui-switch[aria-disabled="true"][data-selected="true"]) .gap-hui-switch__thumb {
    opacity: .4;
  }

body[data-gap-heroui] .gap-hui-switch__control {
    border-radius: calc(var(--gap-hui-radius) * 1.5);
    background-color: var(--gap-hui-switch-control-bg);
    width: 2.5rem;
    height: 1.25rem;
    transition: background-color .25s var(--gap-hui-ease-smooth), box-shadow .15s var(--gap-hui-ease-out);
    flex-shrink: 0;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

body[data-gap-heroui] .gap-hui-switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-switch__control:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-switch__control:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-switch:focus-visible .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch:has([data-slot="switch-content"][data-focus-visible="true"]) .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch [data-slot="switch-content"][data-focus-visible="true"] .gap-hui-switch__control {
    --gap-hui-tw-ring-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 calc(2px + var(--gap-hui-tw-ring-offset-width)) var(--gap-hui-tw-ring-color, currentcolor);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    --gap-hui-tw-ring-color: var(--gap-hui-focus);
    --gap-hui-tw-ring-offset-width: var(--gap-hui-ring-offset-width);
    --gap-hui-tw-ring-offset-shadow: var(--gap-hui-tw-ring-inset, ) 0 0 0 var(--gap-hui-tw-ring-offset-width) var(--gap-hui-tw-ring-offset-color);
    --gap-hui-tw-ring-offset-color: var(--gap-hui-background);
    --gap-hui-tw-outline-style: none;
    outline-style: none;
  }

body[data-gap-heroui] .gap-hui-switch:hover .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch:has([data-slot="switch-content"][data-hovered="true"]) .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch [data-slot="switch-content"][data-hovered="true"] .gap-hui-switch__control {
    background-color: var(--gap-hui-switch-control-bg-hover);
  }

body[data-gap-heroui] .gap-hui-switch:active .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control {
    background-color: var(--gap-hui-switch-control-bg-pressed);
  }

body[data-gap-heroui] :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transform: none;
  }

body[data-gap-heroui] :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transform: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transform: none;
    }

    body[data-gap-heroui] :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  :is(.gap-hui-switch:active .gap-hui-switch__control, .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"]) .gap-hui-switch__control, .gap-hui-switch [data-slot="switch-content"][data-pressed="true"] .gap-hui-switch__control):not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transform: none;
    }
  }

body[data-gap-heroui] .gap-hui-switch[aria-checked="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"] .gap-hui-switch__control {
    background-color: var(--gap-hui-switch-control-bg-checked);
  }

body[data-gap-heroui] .gap-hui-switch[aria-checked="true"]:hover .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"]:hover .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[aria-checked="true"][data-hovered="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"][data-hovered="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch:has([data-slot="switch-content"][data-hovered="true"])[data-selected="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[aria-checked="true"]:active .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"]:active .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[aria-checked="true"][data-pressed="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"][data-pressed="true"] .gap-hui-switch__control,body[data-gap-heroui]  .gap-hui-switch:has([data-slot="switch-content"][data-pressed="true"])[data-selected="true"] .gap-hui-switch__control {
    background-color: var(--gap-hui-switch-control-bg-checked-hover);
  }

body[data-gap-heroui] .gap-hui-switch__content {
    cursor: inherit;
    align-items: center;
    gap: calc(var(--gap-hui-spacing) * 3);
    font-size: var(--gap-hui-text-sm);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-sm--line-height));
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
    color: var(--gap-hui-foreground);
    --gap-hui-tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline-style: none;
    display: inline-flex;
    position: relative;
  }

body[data-gap-heroui] .gap-hui-switch--sm .gap-hui-switch__control {
    border-radius: calc(var(--gap-hui-radius) * 1);
    width: 2rem;
    height: 1rem;
  }

body[data-gap-heroui] .gap-hui-switch--lg .gap-hui-switch__control {
    width: 3rem;
    height: 1.5rem;
  }

body[data-gap-heroui] .gap-hui-switch__thumb {
    transform-origin: center;
    border-radius: calc(var(--gap-hui-radius) * 1);
    background-color: var(--gap-hui-color-white);
    color: var(--gap-hui-color-black);
    --gap-hui-tw-shadow: var(--gap-hui-field-shadow);
    box-shadow: var(--gap-hui-tw-inset-shadow), var(--gap-hui-tw-inset-ring-shadow), var(--gap-hui-tw-ring-offset-shadow), var(--gap-hui-tw-ring-shadow), var(--gap-hui-tw-shadow);
    width: 1.375rem;
    height: 1rem;
    transition: margin .3s var(--gap-hui-ease-out-fluid), background-color .2s var(--gap-hui-ease-out);
    margin-inline-start: calc(var(--gap-hui-spacing) * .5);
    display: flex;
  }

body[data-gap-heroui] .gap-hui-switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *) {
    transition-property: none;
  }

body[data-gap-heroui] .gap-hui-switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):before,body[data-gap-heroui]  .gap-hui-switch__thumb:is([data-reduce-motion="true"], [data-reduce-motion="true"] *):after {
    transition-property: none;
  }

@media (prefers-reduced-motion: reduce) {
    body[data-gap-heroui] .gap-hui-switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)) {
      transition-property: none;
    }

    body[data-gap-heroui] .gap-hui-switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):before,body[data-gap-heroui]  .gap-hui-switch__thumb:not(:is([data-reduce-motion="true"], [data-reduce-motion="true"] *)):after {
      transition-property: none;
    }
  }

body[data-gap-heroui] .gap-hui-switch[aria-checked="true"] .gap-hui-switch__thumb,body[data-gap-heroui]  .gap-hui-switch[data-selected="true"] .gap-hui-switch__thumb {
    background-color: var(--gap-hui-accent-foreground);
    color: var(--gap-hui-accent);
    margin-inline-start: calc(100% - 1.5rem);
    box-shadow: 0 0 5px #00000005, 0 2px 10px #0000000f, 0 0 1px #0000004d;
  }

body[data-gap-heroui] .gap-hui-switch--sm .gap-hui-switch__thumb {
    border-radius: calc(var(--gap-hui-radius) * .75);
    width: 1.03125rem;
    height: .75rem;
  }

body[data-gap-heroui] .gap-hui-switch[aria-checked="true"] :is(.gap-hui-switch--sm .gap-hui-switch__thumb),body[data-gap-heroui]  .gap-hui-switch[data-selected="true"] :is(.gap-hui-switch--sm .gap-hui-switch__thumb) {
    margin-inline-start: calc(100% - 1.15625rem);
  }

body[data-gap-heroui] .gap-hui-switch--lg .gap-hui-switch__thumb {
    border-radius: calc(var(--gap-hui-radius) * 1.5);
    width: 1.71875rem;
    height: 1.25rem;
  }

body[data-gap-heroui] .gap-hui-switch[aria-checked="true"] :is(.gap-hui-switch--lg .gap-hui-switch__thumb),body[data-gap-heroui]  .gap-hui-switch[data-selected="true"] :is(.gap-hui-switch--lg .gap-hui-switch__thumb) {
    margin-inline-start: calc(100% - 1.84375rem);
  }

body[data-gap-heroui] .gap-hui-switch__thumb > * {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

body[data-gap-heroui] .gap-hui-switch__label {
    font-size: var(--gap-hui-text-base);
    line-height: var(--gap-hui-tw-leading, var(--gap-hui-text-base--line-height));
    --gap-hui-tw-font-weight: var(--gap-hui-font-weight-medium);
    font-weight: var(--gap-hui-font-weight-medium);
    color: var(--gap-hui-foreground);
  }

body[data-gap-heroui] .gap-hui-switch [data-slot="label"] {
    -webkit-user-select: none;
    user-select: none;
  }

body[data-gap-heroui] .gap-hui-switch__content [data-slot="label"] {
    cursor: var(--gap-hui-cursor-interactive);
  }

body[data-gap-heroui] .gap-hui-switch [data-slot="description"] {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }

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

@property --gap-hui-tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --gap-hui-tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --gap-hui-tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --gap-hui-tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --gap-hui-tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --gap-hui-tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --gap-hui-tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --gap-hui-tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --gap-hui-tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --gap-hui-tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

@property --gap-hui-tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@property --gap-hui-tw-duration {
  syntax: "*";
  inherits: false
}

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

@keyframes gap-hui-enter {
  from {
    opacity: var(--gap-hui-tw-enter-opacity, 1);
    transform: translate3d(var(--gap-hui-tw-enter-translate-x, 0),var(--gap-hui-tw-enter-translate-y, 0),0)scale3d(var(--gap-hui-tw-enter-scale, 1),var(--gap-hui-tw-enter-scale, 1),var(--gap-hui-tw-enter-scale, 1))rotate(var(--gap-hui-tw-enter-rotate, 0));
    filter: blur(var(--gap-hui-tw-enter-blur, 0));
  }
}

@keyframes gap-hui-exit {
  to {
    opacity: var(--gap-hui-tw-exit-opacity, 1);
    transform: translate3d(var(--gap-hui-tw-exit-translate-x, 0),var(--gap-hui-tw-exit-translate-y, 0),0)scale3d(var(--gap-hui-tw-exit-scale, 1),var(--gap-hui-tw-exit-scale, 1),var(--gap-hui-tw-exit-scale, 1))rotate(var(--gap-hui-tw-exit-rotate, 0));
    filter: blur(var(--gap-hui-tw-exit-blur, 0));
  }
}

/* GapTalk adaptation of official HeroUI CSS. Components opt in explicitly;
   real HeroUI React auth fields use the same namespace as native button hooks. */
body[data-gap-heroui] {
  --gap-hui-foreground: var(--gap-color-text);
  --gap-hui-background: var(--gap-color-canvas);
  --gap-hui-surface: var(--gap-color-panel);
  --gap-hui-surface-foreground: var(--gap-color-text);
  --gap-hui-surface-secondary: var(--gap-color-elevated);
  --gap-hui-surface-secondary-foreground: var(--gap-color-text);
  --gap-hui-surface-tertiary: var(--gap-color-hover);
  --gap-hui-surface-tertiary-foreground: var(--gap-color-text);
  --gap-hui-overlay: var(--gap-color-elevated);
  --gap-hui-overlay-foreground: var(--gap-color-text);
  --gap-hui-muted: var(--gap-color-muted);
  --gap-hui-accent: var(--md-sys-color-primary);
  --gap-hui-accent-foreground: var(--md-sys-color-on-primary, var(--gap-on-accent));
  --gap-hui-default: var(--gap-color-hover);
  --gap-hui-default-foreground: var(--gap-color-text);
  --gap-hui-accent-soft-foreground: var(--gap-color-text);
  --gap-hui-border: var(--gap-color-rim);
  --gap-hui-separator: var(--gap-color-rim);
  --gap-hui-focus: var(--gap-color-focus);
  --gap-hui-link: var(--gap-color-link);
  --gap-hui-field-background: var(--gap-color-hover);
  --gap-hui-field-foreground: var(--gap-color-text);
  --gap-hui-field-placeholder: var(--gap-color-muted);
  --gap-hui-field-border: var(--gap-color-rim);
  --gap-hui-field-border-width: var(--gap-border-width);
  --gap-hui-field-radius: var(--gap-radius-field);
  --gap-hui-radius: calc(var(--gap-radius-control) * 2 / 3);
  --gap-hui-danger: var(--md-sys-color-error);
  --gap-hui-danger-foreground: var(--md-sys-color-on-error);
  --gap-hui-surface-shadow: var(--gap-shadow-panel);
  --gap-hui-overlay-shadow: var(--gap-shadow-panel);
  --gap-hui-field-shadow: none;
  --gap-hui-ring-offset-width: var(--gap-focus-offset);
  --gap-hui-trigger-anchor-point: center;
}

/* Keep dependent color mixes in the same scope as the native mode/accent bridge. */
body[data-gap-heroui] {
  --gap-hui-accent-hover: color-mix(in srgb, var(--gap-hui-accent) 90%, var(--gap-hui-accent-foreground) 10%);
  --gap-hui-default-hover: color-mix(in srgb, var(--gap-hui-default) 90%, var(--gap-hui-default-foreground) 10%);
  --gap-hui-field-hover: color-mix(in srgb, var(--gap-hui-field-background) 94%, var(--gap-hui-foreground) 6%);
  --gap-hui-field-focus: var(--gap-hui-field-background);
  --gap-hui-field-border-hover: color-mix(in srgb, var(--gap-hui-field-border) 75%, var(--gap-hui-foreground) 25%);
  --gap-hui-field-border-focus: var(--gap-hui-focus);
  --gap-hui-color-field-border-invalid: var(--gap-hui-danger);
}

/* Component-local normalization only: never target unmarked native controls. */
body[data-gap-heroui] :is(.gap-hui-button, .gap-hui-input, .gap-hui-input-group, .gap-hui-input-group__input) {
  box-sizing: border-box;
  font-family: var(--fonts-primary, var(--gap-font));
}
body[data-gap-heroui] .gap-hui-button:not(.gap-hui-button--outline) {
  border-width: 0;
  border-style: solid;
}
body[data-gap-heroui] :is(.gap-hui-button, .gap-hui-popover__trigger):focus-visible {
  outline: var(--gap-focus-width) solid var(--gap-hui-focus);
  outline-offset: var(--gap-focus-offset);
}

/* The original app owns animations. Optional HeroUI motion also respects the
   browser preference and its explicit reduced-motion marker. */
@media (prefers-reduced-motion: reduce) {
  body[data-gap-heroui] :is(.gap-hui-button, .gap-hui-popover, .gap-hui-popover__trigger, .gap-hui-input, .gap-hui-switch__control, .gap-hui-switch__thumb) {
    transition-duration: 0s;
    animation-duration: 0s;
  }
}