@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
@layer components;
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or
    ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-duration:initial;
      --tw-ease:initial;
      --tw-content:"";
      --tw-animation-delay:0s;
      --tw-animation-direction:normal;
      --tw-animation-duration:initial;
      --tw-animation-fill-mode:none;
      --tw-animation-iteration-count:1;
      --tw-enter-blur:0;
      --tw-enter-opacity:1;
      --tw-enter-rotate:0;
      --tw-enter-scale:1;
      --tw-enter-translate-x:0;
      --tw-enter-translate-y:0;
      --tw-exit-blur:0;
      --tw-exit-opacity:1;
      --tw-exit-rotate:0;
      --tw-exit-scale:1;
      --tw-exit-translate-x:0;
      --tw-exit-translate-y:0;
      
    }
  }
}

@layer theme {
  :root,
  :host {
    --color-red-50:oklch(97.1% 0.013 17.38);
    --color-red-300:oklch(80.8% 0.114 19.571);
    --color-red-400:oklch(70.4% 0.191 22.216);
    --color-red-500:oklch(63.7% 0.237 25.331);
    --color-red-600:oklch(57.7% 0.245 27.325);
    --color-gray-50:oklch(98.5% 0.002 247.839);
    --color-gray-600:oklch(44.6% 0.03 256.802);
    --color-gray-900:oklch(21% 0.034 264.665);
    --color-black:#000;
    --spacing:0.25rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-lg:32rem;
    --text-xs:0.75rem;
    --text-xs--line-height:calc(1 / 0.75);
    --text-sm:0.875rem;
    --text-sm--line-height:calc(1.25 / 0.875);
    --text-base:1rem;
    --text-base--line-height:1.5;
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75 / 1.125);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2 / 1.5);
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --tracking-tight:-0.025em;
    --tracking-widest:0.1em;
    --leading-snug:1.375;
    --leading-normal:1.5;
    --leading-relaxed:1.625;
    --radius-sm:0.25rem;
    --radius-xl:0.75rem;
    --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video:16 / 9;
    --default-transition-duration:0.15s;
    --default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family:var(--app-font-sans);
    --default-mono-font-family:var(--app-font-mono);
    --color-border:hsl(var(--border));
    --red:#c00;
    --black:#111;
    --green-wa:#25D366;
    --mid:#444;
    --border:#ddd;
    --red-dark:#960000;
  }
}

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

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

  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings:var(--default-font-feature-settings, normal);
    font-variation-settings:var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color:transparent;
  }

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

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

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

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

  b,
  strong {
    font-weight:bolder;
  }

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

  small {
    font-size:80%;
  }

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

  sub {
    bottom:-0.25em;
  }

  sup {
    top:-0.5em;
  }

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

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

  progress {
    vertical-align:baseline;
  }

  summary {
    display:list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity:1;
  }

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

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

  textarea {
    resize:vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer utilities {
  .\@container\/field-group {
    container:field-group/inline-size;
  }

  .pointer-events-auto {
    pointer-events:auto;
  }

  .pointer-events-none {
    pointer-events:none;
  }

  .invisible {
    visibility:hidden;
  }

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

  .absolute {
    position:absolute;
  }

  .fixed {
    position:fixed;
  }

  .relative {
    position:relative;
  }

  .static {
    position:static;
  }

  .inset-0 {
    inset:0;
  }

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

  .inset-y-0 {
    inset-block:0;
  }

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

  .top-0 {
    top:0;
  }

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

  .top-1\/2 {
    top:50%;
  }

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

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

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

  .top-\[1px\] {
    top:1px;
  }

  .top-\[50\%\] {
    top:50%;
  }

  .top-\[60\%\] {
    top:60%;
  }

  .top-full {
    top:100%;
  }

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

  .right-0 {
    right:0;
  }

  .right-1 {
    right:var(--spacing);
  }

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

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

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

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

  .bottom-0 {
    bottom:0;
  }

  .-left-12 {
    left:calc(var(--spacing) * -12);
  }

  .left-0 {
    left:0;
  }

  .left-1\/2 {
    left:50%;
  }

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

  .left-\[50\%\] {
    left:50%;
  }

  .z-10 {
    z-index:10;
  }

  .z-20 {
    z-index:20;
  }

  .z-50 {
    z-index:50;
  }

  .z-\[1\] {
    z-index:1;
  }

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

  .order-first {
    order:-9999;
  }

  .order-last {
    order:9999;
  }

  .\!m-0 {
    margin:0 !important;
  }

  .-mx-1 {
    margin-inline:calc(var(--spacing) * -1);
  }

  .mx-2 {
    margin-inline:calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline:calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline:calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline:auto;
  }

  .-my-2 {
    margin-block:calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block:0;
  }

  .my-0\.5 {
    margin-block:calc(var(--spacing) * 0.5);
  }

  .my-1 {
    margin-block:var(--spacing);
  }

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

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

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

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

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

  .mt-auto {
    margin-top:auto;
  }

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

  .mb-1 {
    margin-bottom:var(--spacing);
  }

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

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

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

  .-ml-4 {
    margin-left:calc(var(--spacing) * -4);
  }

  .ml-1 {
    margin-left:var(--spacing);
  }

  .ml-4 {
    margin-left:calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left:auto;
  }

  .line-clamp-2 {
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
  }

  .block {
    display:block;
  }

  .flex {
    display:flex;
  }

  .grid {
    display:grid;
  }

  .hidden {
    display:none;
  }

  .inline-flex {
    display:inline-flex;
  }

  .table {
    display:table;
  }

  .aspect-square {
    aspect-ratio:1;
  }

  .aspect-video {
    aspect-ratio:var(--aspect-video);
  }

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

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

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

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

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

  .h-1\.5 {
    height:calc(var(--spacing) * 1.5);
  }

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

  .h-2\.5 {
    height:calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height:calc(var(--spacing) * 3);
  }

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

  .h-4 {
    height:calc(var(--spacing) * 4);
  }

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

  .h-6 {
    height:calc(var(--spacing) * 6);
  }

  .h-7 {
    height:calc(var(--spacing) * 7);
  }

  .h-8 {
    height:calc(var(--spacing) * 8);
  }

  .h-9 {
    height:calc(var(--spacing) * 9);
  }

  .h-10 {
    height:calc(var(--spacing) * 10);
  }

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

  .h-\[--cell-size\] {
    height:--cell-size;
  }

  .h-\[1px\] {
    height:1px;
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height:var(--radix-navigation-menu-viewport-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height:var(--radix-select-trigger-height);
  }

  .h-auto {
    height:auto;
  }

  .h-full {
    height:100%;
  }

  .h-px {
    height:1px;
  }

  .h-svh {
    height:100svh;
  }

  .max-h-\[--radix-context-menu-content-available-height\] {
    max-height:--radix-context-menu-content-available-height;
  }

  .max-h-\[--radix-select-content-available-height\] {
    max-height:--radix-select-content-available-height;
  }

  .max-h-\[85vh\] {
    max-height:85vh;
  }

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

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height:var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-screen {
    max-height:100vh;
  }

  .min-h-0 {
    min-height:0;
  }

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

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

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

  .min-h-\[60px\] {
    min-height:60px;
  }

  .min-h-screen {
    min-height:100vh;
  }

  .min-h-svh {
    min-height:100svh;
  }

  .w-0 {
    width:0;
  }

  .w-1 {
    width:var(--spacing);
  }

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

  .w-2\.5 {
    width:calc(var(--spacing) * 2.5);
  }

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

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

  .w-3\/4 {
    width:75%;
  }

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

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

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

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

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

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

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

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

  .w-\[--cell-size\] {
    width:--cell-size;
  }

  .w-\[1px\] {
    width:1px;
  }

  .w-\[100px\] {
    width:100px;
  }

  .w-\[var\(--sidebar-width\)\] {
    width:var(--sidebar-width);
  }

  .w-auto {
    width:auto;
  }

  .w-fit {
    width:fit-content;
  }

  .w-full {
    width:100%;
  }

  .w-max {
    width:max-content;
  }

  .w-px {
    width:1px;
  }

  .max-w-\[var\(--skeleton-width\)\] {
    max-width:var(--skeleton-width);
  }

  .max-w-lg {
    max-width:var(--container-lg);
  }

  .max-w-max {
    max-width:max-content;
  }

  .max-w-md {
    max-width:var(--container-md);
  }

  .max-w-sm {
    max-width:var(--container-sm);
  }

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

  .min-w-5 {
    min-width:calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width:calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width:calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width:calc(var(--spacing) * 10);
  }

  .min-w-\[--cell-size\] {
    min-width:--cell-size;
  }

  .min-w-\[8rem\] {
    min-width:8rem;
  }

  .min-w-\[12rem\] {
    min-width:12rem;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width:var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex:1;
  }

  .shrink-0 {
    flex-shrink:0;
  }

  .grow {
    flex-grow:1;
  }

  .grow-0 {
    flex-grow:0;
  }

  .basis-full {
    flex-basis:100%;
  }

  .caption-bottom {
    caption-side:bottom;
  }

  .border-collapse {
    border-collapse:collapse;
  }

  .origin-\[--radix-context-menu-content-transform-origin\] {
    transform-origin:--radix-context-menu-content-transform-origin;
  }

  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
    transform-origin:--radix-dropdown-menu-content-transform-origin;
  }

  .origin-\[--radix-hover-card-content-transform-origin\] {
    transform-origin:--radix-hover-card-content-transform-origin;
  }

  .origin-\[--radix-menubar-content-transform-origin\] {
    transform-origin:--radix-menubar-content-transform-origin;
  }

  .origin-\[--radix-popover-content-transform-origin\] {
    transform-origin:--radix-popover-content-transform-origin;
  }

  .origin-\[--radix-select-content-transform-origin\] {
    transform-origin:--radix-select-content-transform-origin;
  }

  .origin-\[--radix-tooltip-content-transform-origin\] {
    transform-origin:--radix-tooltip-content-transform-origin;
  }

  .-translate-x-1\/2 {
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x:-1px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x:1px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate:45deg;
  }

  .rotate-90 {
    rotate:90deg;
  }

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

  .animate-caret-blink {
    animation:1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation:enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation:var(--animate-pulse);
  }

  .animate-spin {
    animation:var(--animate-spin);
  }

  .cursor-default {
    cursor:default;
  }

  .cursor-pointer {
    cursor:pointer;
  }

  .cursor-text {
    cursor:text;
  }

  .touch-none {
    touch-action:none;
  }

  .resize-none {
    resize:none;
  }

  .list-disc {
    list-style-type:disc;
  }

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

  .flex-col {
    flex-direction:column;
  }

  .flex-col-reverse {
    flex-direction:column-reverse;
  }

  .flex-row {
    flex-direction:row;
  }

  .flex-wrap {
    flex-wrap:wrap;
  }

  .place-content-center {
    place-content:center;
  }

  .items-center {
    align-items:center;
  }

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

  .items-start {
    align-items:flex-start;
  }

  .items-stretch {
    align-items:stretch;
  }

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

  .justify-center {
    justify-content:center;
  }

  .justify-start {
    justify-content:flex-start;
  }

  .gap-1 {
    gap:var(--spacing);
  }

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

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

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

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

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

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

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

  :where(.space-y-1\.5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(
      calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
    );
    margin-block-end:calc(
      calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end:calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end:calc(
      var(--spacing) * calc(1 - var(--tw-space-x-reverse))
    );
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start:calc(
      calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
    );
    margin-inline-end:calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
    );
  }

  .self-stretch {
    align-self:stretch;
  }

  .overflow-auto {
    overflow:auto;
  }

  .overflow-hidden {
    overflow:hidden;
  }

  .overflow-x-hidden {
    overflow-x:hidden;
  }

  .overflow-y-auto {
    overflow-y:auto;
  }

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

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius:calc(var(--radius) - 5px);
  }

  .rounded-\[inherit\] {
    border-radius:inherit;
  }

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

  .rounded-lg {
    border-radius:1.2rem;
  }

  .rounded-md {
    border-radius:0.7rem;
  }

  .rounded-none {
    border-radius:0;
  }

  .rounded-sm {
    border-radius:var(--radius-sm);
  }

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

  .rounded-t-\[10px\] {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
  }

  .rounded-l-md {
    border-top-left-radius:0.7rem;
    border-bottom-left-radius:0.7rem;
  }

  .rounded-tl-sm {
    border-top-left-radius:var(--radius-sm);
  }

  .rounded-r-md {
    border-top-right-radius:0.7rem;
    border-bottom-right-radius:0.7rem;
  }

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

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

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

  .border-\[1\.5px\] {
    border-style:var(--tw-border-style);
    border-width:1.5px;
  }

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

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

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

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

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

  .border-dashed {
    --tw-border-style:dashed;
    border-style:dashed;
  }

  .\[border-color\:var\(--badge-outline\)\] {
    border-color:var(--badge-outline);
  }

  .\[border-color\:var\(--button-outline\)\] {
    border-color:var(--button-outline);
  }

  .border-\[--color-border\] {
    border-color:--color-border;
  }

  .border-border,
  .border-border\/50 {
    border-color:hsl(var(--border));
  }

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

  .border-input {
    border-color:hsl(var(--input));
  }

  .border-primary,
  .border-primary\/50 {
    border-color:hsl(var(--primary));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color:color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }

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

  .border-t-transparent {
    border-top-color:#0000;
  }

  .border-l-transparent {
    border-left-color:#0000;
  }

  .bg-\[--color-bg\] {
    background-color:--color-bg;
  }

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

  .bg-background {
    background-color:hsl(var(--background));
  }

  .bg-black\/80 {
    background-color:#000c;
  }

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

  .bg-border {
    background-color:hsl(var(--border));
  }

  .bg-card {
    background-color:hsl(var(--card));
  }

  .bg-foreground {
    background-color:hsl(var(--foreground));
  }

  .bg-gray-50 {
    background-color:var(--color-gray-50);
  }

  .bg-input {
    background-color:hsl(var(--input));
  }

  .bg-muted,
  .bg-muted\/50 {
    background-color:hsl(var(--muted));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }

  .bg-primary,
  .bg-primary\/10 {
    background-color:hsl(var(--primary));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color:color-mix(
        in oklab,
        hsl(var(--primary)) 10%,
        transparent
      );
    }
  }

  .bg-primary\/20 {
    background-color:hsl(var(--primary));
  }

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

  .bg-secondary {
    background-color:hsl(var(--secondary));
  }

  .bg-transparent {
    background-color:#0000;
  }

  .fill-current {
    fill:currentColor;
  }

  .fill-primary {
    fill:hsl(var(--primary));
  }

  .p-0 {
    padding:0;
  }

  .p-1 {
    padding:var(--spacing);
  }

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

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

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

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

  .p-\[1px\] {
    padding:1px;
  }

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

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

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

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

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

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

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

  .px-\[--cell-size\] {
    padding-inline:--cell-size;
  }

  .py-0\.5 {
    padding-block:calc(var(--spacing) * 0.5);
  }

  .py-1 {
    padding-block:var(--spacing);
  }

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

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

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

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

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

  .pt-0 {
    padding-top:0;
  }

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

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

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

  .pr-1 {
    padding-right:var(--spacing);
  }

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

  .pr-2\.5 {
    padding-right:calc(var(--spacing) * 2.5);
  }

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

  .pr-8 {
    padding-right:calc(var(--spacing) * 8);
  }

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

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

  .pl-2 {
    padding-left:calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left:calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left:calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left:calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left:calc(var(--spacing) * 8);
  }

  .text-center {
    text-align:center;
  }

  .text-left {
    text-align:left;
  }

  .align-middle {
    vertical-align:middle;
  }

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

  .font-sans {
    font-family:var(--app-font-sans);
  }

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

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

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

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

  .text-sm\/relaxed {
    font-size:var(--text-sm);
    line-height:var(--leading-relaxed);
  }

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

  .text-\[0\.8rem\] {
    font-size:0.8rem;
  }

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

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

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

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

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

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

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

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

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

  .text-balance {
    text-wrap:balance;
  }

  .break-words {
    overflow-wrap:break-word;
  }

  .whitespace-nowrap {
    white-space:nowrap;
  }

  .text-accent-foreground {
    color:hsl(var(--accent-foreground));
  }

  .text-card-foreground {
    color:hsl(var(--card-foreground));
  }

  .text-current {
    color:currentColor;
  }

  .text-foreground,
  .text-foreground\/50 {
    color:hsl(var(--foreground));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/50 {
      color:color-mix(in oklab, hsl(var(--foreground)) 50%, transparent);
    }
  }

  .text-gray-600 {
    color:var(--color-gray-600);
  }

  .text-gray-900 {
    color:var(--color-gray-900);
  }

  .text-muted-foreground {
    color:hsl(var(--muted-foreground));
  }

  .text-primary {
    color:hsl(var(--primary));
  }

  .text-primary-foreground {
    color:hsl(var(--primary-foreground));
  }

  .text-red-500 {
    color:var(--color-red-500);
  }

  .text-secondary-foreground {
    color:hsl(var(--secondary-foreground));
  }

  .tabular-nums {
    --tw-numeric-spacing:tabular-nums;
    font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero)
      var(--tw-numeric-figure) var(--tw-numeric-spacing)
      var(--tw-numeric-fraction);
  }

  .underline-offset-4 {
    text-underline-offset:4px;
  }

  .opacity-0 {
    opacity:0;
  }

  .opacity-50 {
    opacity:0.5;
  }

  .opacity-60 {
    opacity:0.6;
  }

  .opacity-70 {
    opacity:0.7;
  }

  .opacity-90 {
    opacity:0.9;
  }

  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow:0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow:0 0 #0000;
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow:0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-ring {
    --tw-ring-color:hsl(var(--ring));
  }

  .ring-offset-background {
    --tw-ring-offset-color:hsl(var(--background));
  }

  .outline-hidden {
    --tw-outline-style:none;
    outline-style:none;
  }

  @media (forced-colors:active) {
    .outline-hidden {
      outline-offset:2px;
      outline:2px solid #0000;
    }
  }

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

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

  .outline-offset-2 {
    outline-offset:2px;
  }

  .outline-transparent {
    outline-color:#0000;
  }

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

  .transition-\[color\,box-shadow\] {
    transition-property:color, box-shadow;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property:left, right, width;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property:margin, opacity;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property:width, height, padding;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property:width;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property:all;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property:color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property:opacity;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property:transform, translate, scale, rotate;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration:0.1s;
    transition-duration:0.1s;
  }

  .duration-200 {
    --tw-duration:0.2s;
    transition-duration:0.2s;
  }

  .duration-300 {
    --tw-duration:0.3s;
    transition-duration:0.3s;
  }

  .duration-1000 {
    --tw-duration:1s;
    transition-duration:1s;
  }

  .ease-in-out {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease:linear;
    transition-timing-function:linear;
  }

  .fade-in-0 {
    --tw-enter-opacity:0;
  }

  .outline-none {
    --tw-outline-style:none;
    outline-style:none;
  }

  .select-none {
    -webkit-user-select:none;
    user-select:none;
  }

  .zoom-in-95 {
    --tw-enter-scale:0.95;
  }

  .\[--cell-size\:2rem\] {
    --cell-size:2rem;
  }

  .group-focus-within\/menu-item\:
    opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity:1;
  }

  @media (hover:hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *),
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity:1;
    }
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:
    pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right:calc(var(--spacing) * 8);
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:
    text-balance:is(
      :where(.group\/field):has([data-orientation="horizontal"]) *
    ) {
    text-wrap:balance;
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:
    translate-y-0\.5:is(
      :where(.group\/item):has([data-slot="item-description"]) *
    ) {
    --tw-translate-y:calc(var(--spacing) * 0.5);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:
    self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self:flex-start;
  }

  .group-has-\[\>input\]\/input-group\:
    pt-2\.5:is(:where(.group\/input-group):has(> input) *) {
    padding-top:calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:
    pb-2\.5:is(:where(.group\/input-group):has(> input) *) {
    padding-bottom:calc(var(--spacing) * 2.5);
  }

  .group-data-\[collapsible\=icon\]\:
    -mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top:calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:
    hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display:none;
  }

  .group-data-\[collapsible\=icon\]\:
    h-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    height:calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:
    w-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width:calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:
    w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(
      :where(.group)[data-collapsible="icon"] *
    ) {
    width:calc(var(--sidebar-width-icon) + var(--spacing-4));
  }

  .group-data-\[collapsible\=icon\]\:
    w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(
      :where(.group)[data-collapsible="icon"] *
    ) {
    width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:
    w-\[var\(--sidebar-width-icon\)\]:is(
      :where(.group)[data-collapsible="icon"] *
    ) {
    width:var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:
    overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow:hidden;
  }

  .group-data-\[collapsible\=icon\]\:
    p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding:0 !important;
  }

  .group-data-\[collapsible\=icon\]\:
    p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding:calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:
    opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity:0;
  }

  .group-data-\[collapsible\=offcanvas\]\:
    right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
      :where(.group)[data-collapsible="offcanvas"] *
    ) {
    right:calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:
    left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
      :where(.group)[data-collapsible="offcanvas"] *
    ) {
    left:calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:
    w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width:0;
  }

  .group-data-\[collapsible\=offcanvas\]\:
    translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x:0px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\/field\:
    opacity-50:is(:where(.group\/field)[data-disabled="true"] *),
  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(
      :where(.group\/input-group)[data-disabled="true"] *
    ) {
    opacity:0.5;
  }

  .group-data-\[focused\=true\]\/day\:
    relative:is(:where(.group\/day)[data-focused="true"] *) {
    position:relative;
  }

  .group-data-\[focused\=true\]\/day\:
    z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index:10;
  }

  .group-data-\[focused\=true\]\/day\:
    border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color:hsl(var(--ring));
  }

  .group-data-\[focused\=true\]\/day\:
    ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[focused\=true\]\/day\:
    ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color:hsl(var(--ring));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(
        :where(.group\/day)[data-focused="true"] *
      ) {
      --tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right:calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style:var(--tw-border-style);
    border-right-width:1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left:0;
  }

  .group-data-\[side\=right\]\:
    rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate:180deg;
  }

  .group-data-\[side\=right\]\:
    border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style:var(--tw-border-style);
    border-left-width:1px;
  }

  .group-data-\[state\=open\]\:
    rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate:180deg;
  }

  .group-data-\[variant\=floating\]\:
    rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius:1.2rem;
  }

  .group-data-\[variant\=floating\]\:
    border:is(:where(.group)[data-variant="floating"] *) {
    border-style:var(--tw-border-style);
    border-width:1px;
  }

  .group-data-\[variant\=floating\]\:
    shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=outline\]\/field-group\:
    -mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom:calc(var(--spacing) * -2);
  }

  .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
    border-color:hsl(var(--muted));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-\[\.destructive\]\:border-muted\/40:is(
        :where(.group).destructive *
      ) {
      border-color:color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
    }
  }

  .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *) {
    color:var(--color-red-300);
  }

  .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
    background-color:hsl(var(--muted));
  }

  .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
    background-color:hsl(var(--primary));
  }

  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
    color:hsl(var(--muted-foreground));
  }

  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
    color:hsl(var(--primary-foreground));
  }

  .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
    border-color:hsl(var(--border));
  }

  .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
    background-color:hsl(var(--background));
  }

  .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
    color:hsl(var(--foreground));
  }

  .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor:not-allowed;
  }

  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity:0.7;
  }

  .peer-data-\[size\=default\]\/menu-button\:
    top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top:calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:
    top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top:calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:
    top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top:var(--spacing);
  }

  .file\:border-0::file-selector-button {
    border-style:var(--tw-border-style);
    border-width:0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color:#0000;
  }

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

  .file\:font-medium::file-selector-button {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color:hsl(var(--foreground));
  }

  .placeholder\:text-muted-foreground::placeholder {
    color:hsl(var(--muted-foreground));
  }

  .after\:absolute:after {
    content:var(--tw-content);
    position:absolute;
  }

  .after\:-inset-2:after {
    content:var(--tw-content);
    inset:calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content:var(--tw-content);
    inset-block:0;
  }

  .after\:left-1\/2:after {
    content:var(--tw-content);
    left:50%;
  }

  .after\:w-1:after {
    content:var(--tw-content);
    width:var(--spacing);
  }

  .after\:w-\[2px\]:after {
    content:var(--tw-content);
    width:2px;
  }

  .after\:-translate-x-1\/2:after {
    content:var(--tw-content);
    --tw-translate-x:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[collapsible\=offcanvas\]\:
    after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content:var(--tw-content);
    left:100%;
  }

  .first\:rounded-l-md:first-child {
    border-top-left-radius:0.7rem;
    border-bottom-left-radius:0.7rem;
  }

  .first\:border-l:first-child {
    border-left-style:var(--tw-border-style);
    border-left-width:1px;
  }

  .last\:mt-0:last-child {
    margin-top:0;
  }

  .last\:rounded-r-md:last-child {
    border-top-right-radius:0.7rem;
    border-bottom-right-radius:0.7rem;
  }

  @media (hover:hover) {
    .hover\:bg-accent:hover {
      background-color:hsl(var(--accent));
    }

    .hover\:bg-muted:hover,
    .hover\:bg-muted\/50:hover {
      background-color:hsl(var(--muted));
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color:color-mix(
          in oklab,
          hsl(var(--muted)) 50%,
          transparent
        );
      }
    }

    .hover\:bg-secondary:hover {
      background-color:hsl(var(--secondary));
    }

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

    .hover\:text-foreground:hover {
      color:hsl(var(--foreground));
    }

    .hover\:text-muted-foreground:hover {
      color:hsl(var(--muted-foreground));
    }

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

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

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow:0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
      box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-\[\.destructive\]\:hover\:text-red-50:is(
        :where(.group).destructive *
      ):hover {
      color:var(--color-red-50);
    }
  }

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

  .focus\:text-accent-foreground:focus {
    color:hsl(var(--accent-foreground));
  }

  .focus\:opacity-100:focus {
    opacity:1;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-ring:focus {
    --tw-ring-color:hsl(var(--ring));
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-none:focus {
    --tw-outline-style:none;
    outline-style:none;
  }

  .group-\[\.destructive\]\:
    focus\:ring-red-400:is(:where(.group).destructive *):focus {
    --tw-ring-color:var(--color-red-400);
  }

  .group-\[\.destructive\]\:
    focus\:ring-offset-red-600:is(:where(.group).destructive *):focus {
    --tw-ring-offset-color:var(--color-red-600);
  }

  .focus-visible\:border-ring:focus-visible {
    border-color:hsl(var(--ring));
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-ring:focus-visible,
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color:hsl(var(--ring));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width:1px;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width:2px;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color:hsl(var(--background));
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style:none;
    outline-style:none;
  }

  .active\:shadow-none:active {
    --tw-shadow:0 0 #0000;
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events:none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor:not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity:0.5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor:w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor:e-resize;
  }

  .has-focus\:border-ring:has(:focus) {
    border-color:hsl(var(--ring));
  }

  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-focus\:ring-ring\/50:has(:focus) {
    --tw-ring-color:hsl(var(--ring));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .has-focus\:ring-ring\/50:has(:focus) {
      --tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
    border-color:hsl(var(--primary));
  }

  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
    background-color:hsl(var(--primary));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
      background-color:color-mix(
        in oklab,
        hsl(var(--primary)) 5%,
        transparent
      );
    }
  }

  .has-\[\:disabled\]\:opacity-50:has(:disabled) {
    opacity:0.5;
  }

  .has-\[\[data-slot\=input-group-control\]\:
    focus-visible\]\:ring-1:has(
      [data-slot="input-group-control"]:focus-visible
    ) {
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\=input-group-control\]\:
    focus-visible\]\:ring-ring:has(
      [data-slot="input-group-control"]:focus-visible
    ) {
    --tw-ring-color:hsl(var(--ring));
  }

  .has-\[\>\[data-align\=block-end\]\]\:
    h-auto:has(> [data-align="block-end"]) {
    height:auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:
    flex-col:has(> [data-align="block-end"]) {
    flex-direction:column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:
    h-auto:has(> [data-align="block-start"]) {
    height:auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:
    flex-col:has(> [data-align="block-start"]) {
    flex-direction:column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:
    gap-2:has(> [data-slot="button-group"]) {
    gap:calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:
    gap-3:has(> [data-slot="checkbox-group"]) {
    gap:calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:
    items-start:has(> [data-slot="field-content"]) {
    align-items:flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]) {
    width:100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]) {
    flex-direction:column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]) {
    border-radius:0.7rem;
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]) {
    border-style:var(--tw-border-style);
    border-width:1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:
    gap-3:has(> [data-slot="radio-group"]) {
    gap:calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.4rem\]:has(> button) {
    margin-right:-0.4rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) {
    margin-left:-0.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) {
    margin-right:-0.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) {
    margin-left:-0.35rem;
  }

  .has-\[\>svg\]\:p-0:has(> svg) {
    padding:0;
  }

  .has-\[\>svg\]\:px-2:has(> svg) {
    padding-inline:calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has(> svg) {
    padding-inline:calc(var(--spacing) * 2.5);
  }

  .has-\[\>textarea\]\:h-auto:has(> textarea) {
    height:auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events:none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity:0.5;
  }

  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color:hsl(var(--muted-foreground));
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events:none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity:0.5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events:none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity:0.5;
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x:calc(52 * var(--spacing));
  }

  .data-\[motion\=from-start\]\:
    slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x:calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x:calc(52 * var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x:calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation:enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity:0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation:exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity:0;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height:auto;
  }

  .data-\[panel-group-direction\=vertical\]\:
    h-px[data-panel-group-direction="vertical"] {
    height:1px;
  }

  .data-\[panel-group-direction\=vertical\]\:
    w-full[data-panel-group-direction="vertical"] {
    width:100%;
  }

  .data-\[panel-group-direction\=vertical\]\:
    flex-col[data-panel-group-direction="vertical"] {
    flex-direction:column;
  }

  .data-\[panel-group-direction\=vertical\]\:
    after\:left-0[data-panel-group-direction="vertical"]:after {
    content:var(--tw-content);
    left:0;
  }

  .data-\[panel-group-direction\=vertical\]\:
    after\:h-1[data-panel-group-direction="vertical"]:after {
    content:var(--tw-content);
    height:var(--spacing);
  }

  .data-\[panel-group-direction\=vertical\]\:
    after\:w-full[data-panel-group-direction="vertical"]:after {
    content:var(--tw-content);
    width:100%;
  }

  .data-\[panel-group-direction\=vertical\]\:
    after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content:var(--tw-content);
    --tw-translate-x:0px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[panel-group-direction\=vertical\]\:
    after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content:var(--tw-content);
    --tw-translate-y:-50%;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color:hsl(var(--muted-foreground));
  }

  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius:0.7rem;
  }

  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color:hsl(var(--primary));
  }

  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color:hsl(var(--primary-foreground));
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius:0;
  }

  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
    background-color:hsl(var(--accent));
  }

  .data-\[range-middle\=true\]\:
    text-accent-foreground[data-range-middle="true"] {
    color:hsl(var(--accent-foreground));
  }

  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius:0.7rem;
  }

  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color:hsl(var(--primary));
  }

  .data-\[range-start\=true\]\:
    text-primary-foreground[data-range-start="true"] {
    color:hsl(var(--primary-foreground));
  }

  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color:hsl(var(--primary));
  }

  .data-\[selected-single\=true\]\:
    text-primary-foreground[data-selected-single="true"] {
    color:hsl(var(--primary-foreground));
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius:0;
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color:hsl(var(--accent));
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color:hsl(var(--accent-foreground));
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y:var(--spacing);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y:calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x:calc(var(--spacing) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x:calc(2 * var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x:var(--spacing);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x:calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y:calc(var(--spacing) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y:calc(2 * var(--spacing));
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap:calc(var(--spacing) * 3);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color:hsl(var(--background));
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color:hsl(var(--foreground));
  }

  .data-\[state\=active\]\:shadow[data-state="active"] {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
    --tw-translate-x:calc(var(--spacing) * 4);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color:hsl(var(--primary));
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color:hsl(var(--primary-foreground));
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation:accordion-up
      var(--tw-animation-duration, var(--tw-duration, 0.2s))
      var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation:exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration:0.3s;
    transition-duration:0.3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity:0;
  }

  .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
    --tw-exit-opacity:0.8;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale:0.95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y:100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x:-100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
    --tw-exit-translate-x:-50%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x:100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
    --tw-exit-translate-x:100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y:-100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
    --tw-exit-translate-y:-48%;
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation:exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity:0;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color:hsl(var(--accent));
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color:hsl(var(--accent-foreground));
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation:accordion-down
      var(--tw-animation-duration, var(--tw-duration, 0.2s))
      var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation:enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"],
  .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color:hsl(var(--accent));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
      background-color:color-mix(
        in oklab,
        hsl(var(--accent)) 50%,
        transparent
      );
    }
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color:hsl(var(--secondary));
  }

  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color:hsl(var(--accent-foreground));
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color:hsl(var(--muted-foreground));
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity:1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration:0.5s;
    transition-duration:0.5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity:0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale:0.9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale:0.95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y:100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x:-100%;
  }

  .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
    --tw-enter-translate-x:-50%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x:100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y:-100%;
  }

  .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
    --tw-enter-translate-y:-48%;
  }

  .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
    --tw-enter-translate-y:-100%;
  }

  @media (hover:hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
      background-color:hsl(var(--accent));
    }
  }

  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
    background-color:hsl(var(--accent));
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color:hsl(var(--muted));
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x:0px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color:hsl(var(--input));
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation:enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity:0;
  }

  .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
    --tw-translate-x:0px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=end\]\:
    translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
    --tw-translate-x:var(--radix-toast-swipe-end-x);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
    animation:exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[swipe\=move\]\:
    translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
    --tw-translate-x:var(--radix-toast-swipe-move-x);
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
    transition-property:none;
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size:var(--text-sm);
    line-height:var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size:var(--text-base);
    line-height:var(--tw-leading, var(--text-base--line-height));
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top:calc(var(--spacing) * -1);
  }

  @media (min-width:40rem) {
    .sm\:top-auto {
      top:auto;
    }

    .sm\:right-0 {
      right:0;
    }

    .sm\:bottom-0 {
      bottom:0;
    }

    .sm\:mt-0 {
      margin-top:0;
    }

    .sm\:flex {
      display:flex;
    }

    .sm\:max-w-sm {
      max-width:var(--container-sm);
    }

    .sm\:flex-col {
      flex-direction:column;
    }

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

    .sm\:justify-end {
      justify-content:flex-end;
    }

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

    :where(.sm\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse:0;
      margin-inline-start:calc(
        calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
      );
      margin-inline-end:calc(
        calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
      );
    }

    .sm\:rounded-lg {
      border-radius:1.2rem;
    }

    .sm\:text-left {
      text-align:left;
    }

    .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"] {
      --tw-enter-translate-y:100%;
    }
  }

  @media (min-width:48rem) {
    .md\:absolute {
      position:absolute;
    }

    .md\:block {
      display:block;
    }

    .md\:flex {
      display:flex;
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width:var(--radix-navigation-menu-viewport-width);
    }

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

    .md\:max-w-\[420px\] {
      max-width:420px;
    }

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

    .md\:p-12 {
      padding:calc(var(--spacing) * 12);
    }

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

    .md\:opacity-0 {
      opacity:0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(
        :where(.peer)[data-variant="inset"] ~ *
      ) {
      margin:calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(
        :where(.peer)[data-variant="inset"] ~ *
      ) {
      margin-left:0;
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(
        :where(.peer)[data-variant="inset"] ~ *
      ) {
      border-radius:var(--radius-xl);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(
        :where(.peer)[data-variant="inset"] ~ *
      ) {
      --tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(
        :where(.peer)[data-variant="inset"] ~ *
      ):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left:calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content:var(--tw-content);
      display:none;
    }
  }

  @container field-group (min-width:28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction:row;
    }

    .\@md\/field-group\:items-center {
      align-items:center;
    }

    .\@md\/field-group\:
      has-\[\>\[data-slot\=field-content\]\]\:items-start:has(
        > [data-slot="field-content"]
      ) {
      align-items:flex-start;
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color:hsl(var(--input));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color:color-mix(in oklab, hsl(var(--input)) 30%, transparent);
    }
  }

  .dark\:bg-transparent:is(.dark *) {
    background-color:#0000;
  }

  .dark\:
    has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has(
      [data-state="checked"]
    ) {
    background-color:hsl(var(--primary));
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has(
        [data-state="checked"]
      ) {
      background-color:color-mix(
        in oklab,
        hsl(var(--primary)) 10%,
        transparent
      );
    }
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:
    fill-muted-foreground
    .recharts-cartesian-axis-tick
    text {
    fill:hsl(var(--muted-foreground));
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
    .recharts-cartesian-grid
    line[stroke="#ccc"] {
    stroke:hsl(var(--border));
  }
  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
      .recharts-cartesian-grid
      line[stroke="#ccc"] {
      stroke:color-mix(in oklab, hsl(var(--border)) 50%, transparent);
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
    .recharts-curve.recharts-tooltip-cursor {
    stroke:hsl(var(--border));
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
    .recharts-dot[stroke="#fff"] {
    stroke:#0000;
  }
  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
    --tw-outline-style:none;
    outline-style:none;
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
    .recharts-polar-grid
    [stroke="#ccc"] {
    stroke:hsl(var(--border));
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
    .recharts-radial-bar-background-sector,
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
    .recharts-rectangle.recharts-tooltip-cursor {
    fill:hsl(var(--muted));
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
    .recharts-reference-line
    [stroke="#ccc"] {
    stroke:hsl(var(--border));
  }
  .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
    --tw-outline-style:none;
    outline-style:none;
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
    .recharts-sector[stroke="#fff"] {
    stroke:#0000;
  }
  .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
    --tw-outline-style:none;
    outline-style:none;
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline:calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block:calc(var(--spacing) * 1.5);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size:var(--text-xs);
    line-height:var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color:hsl(var(--muted-foreground));
  }
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline:calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
    [cmdk-group]:not([hidden])
    ~ [cmdk-group] {
    padding-top:0;
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height:calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width:calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height:calc(var(--spacing) * 12);
  }
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline:calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block:calc(var(--spacing) * 3);
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height:calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width:calc(var(--spacing) * 5);
  }
  .\[\&_img\]\:size-full img {
    width:100%;
    height:100%;
  }
  .\[\&_img\]\:object-cover img {
    object-fit:cover;
  }
  .\[\&_p\]\:leading-relaxed p {
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events:none;
  }
  .\[\&_svg\]\:size-4 svg {
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink:0;
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4);
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width:calc(var(--spacing) * 6);
    height:calc(var(--spacing) * 6);
  }
  .\[\&_tr\]\:border-b tr {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px;
  }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style:var(--tw-border-style);
    border-width:0;
  }
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex:none;
  }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
    button {
    border-top-left-radius:0.7rem;
    border-bottom-left-radius:0.7rem;
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right:0;
  }
  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom:calc(var(--spacing) * 3);
  }
  .\[\.border-t\]\:pt-3.border-t {
    padding-top:calc(var(--spacing) * 3);
  }
  :is(
      .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(
          :dir(rtl),
          [dir="rtl"],
          [dir="rtl"] *
        )
        *
    ):is(.rdp-button_next > svg),
  :is(
      .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(
          :dir(rtl),
          [dir="rtl"],
          [dir="rtl"] *
        )
        *
    ):is(.rdp-button_previous > svg) {
    rotate:180deg;
  }
  .\[a\]\:transition-colors:is(a) {
    transition-property:color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function:var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration:var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover:hover) {
    .\[a\]\:hover\:bg-accent\/50:is(a):hover {
      background-color:hsl(var(--accent));
    }
    @supports (color:color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-accent\/50:is(a):hover {
        background-color:color-mix(
          in oklab,
          hsl(var(--accent)) 50%,
          transparent
        );
      }
    }
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
    button {
    border-top-right-radius:0.7rem;
    border-bottom-right-radius:0.7rem;
  }
  .\[\&\>\*\]\:w-full > * {
    width:100%;
  }
  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position:relative;
  }
  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index:10;
  }
  @container field-group (min-width:28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width:auto;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius:0;
    border-top-right-radius:0;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style:var(--tw-border-style);
    border-top-width:0;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style:var(--tw-border-style);
    border-left-width:0;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
  }
  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width:auto;
  }
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
    gap:calc(var(--spacing) * 4);
  }
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex:auto;
  }
  @container field-group (min-width:28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto
      > [data-slot="field-label"] {
      flex:auto;
    }
  }
  .\[\&\>\[data-slot\=field\]\]\:p-4 > [data-slot="field"] {
    padding:calc(var(--spacing) * 4);
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(
      :is(select[aria-hidden="true"]:last-child)
    )
    > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius:0.7rem;
    border-bottom-right-radius:0.7rem;
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit
    > [data-slot="select-trigger"]:not([class*="w-"]) {
    width:fit-content;
  }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y:2px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(
      > [data-slot="field-content"]
    )
    > [role="checkbox"],
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(
      > [data-slot="field-content"]
    )
    [role="radio"] {
    margin-top:1px;
  }
  @container field-group (min-width:28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(
        > [data-slot="field-content"]
      )
      > [role="checkbox"],
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(
        > [data-slot="field-content"]
      )
      [role="radio"] {
      margin-top:1px;
    }
  }
  .\[\&\>a\]\:underline > a {
    text-decoration-line:underline;
  }
  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset:4px;
  }
  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color:hsl(var(--primary));
  }
  .\[\&\>button\]\:hidden > button {
    display:none;
  }
  .\[\&\>input\]\:flex-1 > input {
    flex:1;
  }
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(
      > [data-align="block-end"]
    )
    > input {
    padding-top:calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(
      > [data-align="block-start"]
    )
    > input {
    padding-bottom:calc(var(--spacing) * 3);
  }
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(
      > [data-align="inline-end"]
    )
    > input {
    padding-right:calc(var(--spacing) * 2);
  }
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(
      > [data-align="inline-start"]
    )
    > input {
    padding-left:calc(var(--spacing) * 2);
  }
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius:calc(var(--radius) - 5px);
  }
  .\[\&\>span\]\:line-clamp-1 > span {
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
  }
  .\[\&\>span\]\:text-xs > span {
    font-size:var(--text-xs);
    line-height:var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&\>span\]\:opacity-70 > span {
    opacity:0.7;
  }
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
  }
  .\[\&\>svg\]\:absolute > svg {
    position:absolute;
  }
  .\[\&\>svg\]\:top-4 > svg {
    top:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:left-4 > svg {
    left:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:size-3\.5 > svg {
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:size-4 > svg {
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:h-2\.5 > svg {
    height:calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:h-3 > svg {
    height:calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:h-3\.5 > svg {
    height:calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:h-4 > svg {
    height:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:w-2\.5 > svg {
    width:calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:w-3 > svg {
    width:calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:w-3\.5 > svg {
    width:calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:w-4 > svg {
    width:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink:0;
  }
  .\[\&\>svg\]\:text-foreground > svg {
    color:hsl(var(--foreground));
  }
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color:hsl(var(--muted-foreground));
  }
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y:-3px;
    translate:var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5
    > svg:not([class*="size-"]) {
    width:calc(var(--spacing) * 3.5);
    height:calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4
    > svg:not([class*="size-"]) {
    width:calc(var(--spacing) * 4);
    height:calc(var(--spacing) * 4);
  }
  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left:calc(var(--spacing) * 7);
  }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:0;
  }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
    > div {
    rotate:90deg;
  }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate:180deg;
  }
  [data-side="left"][data-collapsible="offcanvas"]
    .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right:calc(var(--spacing) * -2);
  }
  [data-side="left"][data-state="collapsed"]
    .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor:e-resize;
  }
  [data-side="right"][data-collapsible="offcanvas"]
    .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left:calc(var(--spacing) * -2);
  }
  [data-side="right"][data-state="collapsed"]
    .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor:w-resize;
  }
  [data-slot="card-content"]
    .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
  [data-slot="popover-content"]
    .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color:#0000;
  }
  [data-slot="tooltip-content"]
    .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
    background-color:hsl(var(--background));
  }
  @supports (color:color-mix(in lab, red, red)) {
    [data-slot="tooltip-content"]
      .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
      background-color:color-mix(
        in oklab,
        hsl(var(--background)) 20%,
        transparent
      );
    }
  }
  [data-slot="tooltip-content"]
    .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
    color:hsl(var(--background));
  }
  [data-slot="tooltip-content"]
    .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(
      .dark *
    ) {
    background-color:hsl(var(--background));
  }
  @supports (color:color-mix(in lab, red, red)) {
    [data-slot="tooltip-content"]
      .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(
        .dark *
      ) {
      background-color:color-mix(
        in oklab,
        hsl(var(--background)) 10%,
        transparent
      );
    }
  }
  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top:calc(var(--spacing) * -1.5);
  }
}
@property --tw-animation-delay {
  syntax:"*";
  inherits:false;
  initial-value:0s;
}
@property --tw-animation-direction {
  syntax:"*";
  inherits:false;
  initial-value:normal;
}
@property --tw-animation-duration {
  syntax:"*";
  inherits:false;
}
@property --tw-animation-fill-mode {
  syntax:"*";
  inherits:false;
  initial-value:none;
}
@property --tw-animation-iteration-count {
  syntax:"*";
  inherits:false;
  initial-value:1;
}
@property --tw-enter-blur {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-enter-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1;
}
@property --tw-enter-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-enter-scale {
  syntax:"*";
  inherits:false;
  initial-value:1;
}
@property --tw-enter-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-enter-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-exit-blur {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-exit-opacity {
  syntax:"*";
  inherits:false;
  initial-value:1;
}
@property --tw-exit-rotate {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-exit-scale {
  syntax:"*";
  inherits:false;
  initial-value:1;
}
@property --tw-exit-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-exit-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
:root {
  --background:36 33% 96%;
  --foreground:346 31% 13%;
  --card:38 36% 99%;
  --card-foreground:346 31% 13%;
  --primary:352 71% 47%;
  --primary-foreground:0 0% 100%;
  --secondary:31 40% 90%;
  --secondary-foreground:346 31% 13%;
  --muted:31 24% 89%;
  --muted-foreground:344 14% 39%;
  --accent:165 28% 30%;
  --accent-foreground:0 0% 100%;
  --border:29 22% 82%;
  --input:29 22% 82%;
  --ring:352 71% 47%;
  --app-font-sans:"Inter", sans-serif;
  --app-font-mono:"Space Mono", monospace;
  --app-font-heading:"Poppins", sans-serif;
  --radius:1rem;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  color:#151515;
  font-family:var(--app-font-sans);
  -webkit-font-smoothing:antialiased;
  background:#f7f7f7;
  margin:0;
}
button,
a,
input,
textarea,
select {
  font:inherit;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  cursor:pointer;
}
.shell {
  width:min(1180px, 100% - 44px);
  margin:0 auto;
}
.eyebrow {
  color:hsl(var(--primary));
  font:700 0.66rem var(--app-font-mono);
  letter-spacing:0.15em;
  text-transform:uppercase;
}
.section {
  padding:118px 0;
  position:relative;
}
.section-heading {
  max-width:680px;
}
.section-heading h2 {
  font:800 clamp(2.15rem, 4vw, 3.65rem) / 1.08 var(--app-font-heading);
  letter-spacing:-0.045em;
  margin:14px 0 16px;
}
.section-heading p {
  color:hsl(var(--muted-foreground));
  font-size:1rem;
  line-height:1.75;
}
.noise {
  isolation:isolate;
  position:relative;
}
.noise:after {
  content:"";
  z-index:20;
  pointer-events:none;
  opacity:0.028;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  position:fixed;
  inset:0;
}
.topline {
  color:#fff;
  letter-spacing:0.01em;
  background:#d60000;
  padding:10px 0;
  font-size:0.76rem;
}
.topline-inner {
  justify-content:center;
  align-items:center;
  gap:18px;
  display:flex;
}
.topline-label {
  font-weight:700;
}
.topline-actions {
  align-items:center;
  gap:22px;
  display:flex;
}
.topline-pill {
  color:#fff;
  border:1px solid #ffffff9c;
  border-radius:3px;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:3px 16px;
  font-weight:700;
  display:inline-flex;
}
.topline-pill:hover {
  background:#b90000;
}
.topline-pill-whatsapp {
  margin-left:2px;
}
.topline strong {
  color:#fff;
}
.breadcrumb-bar {
  background:#f4f4f4;
  border-bottom:1px solid #dedede;
}
.breadcrumb {
  color:#777;
  align-items:center;
  gap:10px;
  min-height:38px;
  font-size:0.72rem;
  display:flex;
}
.breadcrumb a:hover {
  color:#d60000;
}
.breadcrumb strong {
  color:#d60000;
  font-weight:700;
}
.navbar {
  z-index:15;
  background:#fff;
  border-bottom:2px solid #d60000;
  position:sticky;
  top:0;
  box-shadow:0 2px 12px #0000000d;
}
.nav-inner {
  justify-content:space-between;
  align-items:center;
  gap:28px;
  min-height:82px;
  display:flex;
}
.wordmark {
  font:800 1.15rem/1.03 var(--app-font-heading);
  letter-spacing:-0.05em;
  align-items:center;
  gap:11px;
  display:flex;
}
.wordmark small {
  font:700 0.52em var(--app-font-mono);
  letter-spacing:0.17em;
  color:hsl(var(--primary));
}
.mark {
  color:#fff;
  background:hsl(var(--primary));
  width:35px;
  height:35px;
  box-shadow:0 8px 18px hsl(var(--primary) / 0.2);
  border-radius:50% 50% 50% 8px;
  place-items:center;
  display:grid;
  transform:rotate(-45deg);
}
.mark svg {
  transform:rotate(45deg);
}
.nav-links {
  color:#222;
  align-items:center;
  gap:27px;
  font-size:0.79rem;
  font-weight:700;
  display:flex;
}
.nav-links a {
  padding:30px 0;
  position:relative;
}
.nav-links a:after {
  content:"";
  background:hsl(var(--primary));
  height:2px;
  transition:right 0.2s;
  position:absolute;
  bottom:22px;
  left:0;
  right:100%;
}
.nav-links a:hover {
  color:#d60000;
}
.nav-links a:hover:after {
  right:0;
}
.nav-actions {
  align-items:center;
  gap:8px;
  display:flex;
}
.btn {
  border:1px solid #0000;
  border-radius:7px;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:13px 18px;
  font-size:0.8rem;
  font-weight:700;
  transition:transform 0.2s, background-color 0.2s, color 0.2s,
    border-color 0.2s, box-shadow 0.2s;
  display:inline-flex;
}
.btn:hover {
  transform:translateY(-2px);
}
.btn-primary {
  color:#fff;
  background:#d60000;
  box-shadow:0 8px 18px #d6000033;
}
.btn-primary:hover {
  box-shadow:0 10px 22px hsl(var(--primary) / 0.24);
  background:#b91f3d;
}
.btn-dark {
  color:#fff;
  background:#2a2022;
}
.btn-dark:hover {
  background:#453336;
}
.btn-light {
  color:hsl(var(--foreground));
  border-color:hsl(var(--border));
  background:0 0;
}
.btn-light:hover {
  background:hsl(var(--card));
  border-color:hsl(var(--primary));
  color:hsl(var(--primary));
}
.btn-whatsapp {
  color:#fff;
  background:#18c964;
}
.btn-whatsapp:hover {
  background:#0eaa51;
}
.mobile-menu-btn {
  color:hsl(var(--foreground));
  background:0 0;
  border:0;
  display:none;
}
.hero {
  color:#fff;
  background:#111;
  padding:68px 0 84px;
  overflow:hidden;
}
.hero:before {
  content:"";
  border:1px solid hsl(var(--primary) / 0.18);
  border-radius:50%;
  width:420px;
  height:420px;
  position:absolute;
  top:30px;
  right:0px;
}
.hero-grid {
  grid-template-columns:1.02fr 0.98fr;
  align-items:center;
  gap:68px;
  display:grid;
}
.hero-copy {
  z-index:1;
  position:relative;
}
.hero-copy h1 {
  font:800 clamp(3.55rem, 7.3vw, 6.4rem) / 1.02 var(--app-font-heading);
  letter-spacing:-0.06em;
  margin:18px 0 21px;
}
.hero-copy h1 em {
  color:hsl(var(--primary));
  font-style:normal;
}
.hero-copy > p {
  color:#c7c7c7;
  max-width:575px;
  font-size:1.05rem;
  line-height:1.75;
}
.hero-actions {
  flex-wrap:wrap;
  gap:10px;
  margin-top:29px;
  display:flex;
}
.hero-note {
  color:#a7a7a7;
  align-items:center;
  gap:9px;
  margin-top:21px;
  font-size:0.77rem;
  display:flex;
}
.hero-note svg {
  color:#bcbcbc;
}
.hero-callout {
  color:#fff;
  background:#202020;
  border:1px solid #4a4a4a;
  border-left:3px solid #d60000;
  border-radius:4px;
  align-items:flex-start;
  gap:11px;
  max-width:470px;
  margin-top:24px;
  padding:13px 15px;
  display:flex;
}
.hero-callout > svg {
  color:#d60000;
  flex:none;
  margin-top:2px;
}
.hero-callout b,
.hero-callout small {
  display:block;
}
.hero-callout b {
  font-size:0.78rem;
}
.hero-callout small {
  color:#bcbcbc;
  margin-top:4px;
  font-size:0.74rem;
}
.hero-callout a {
  color:#ff3636;
  font-weight:800;
}
.hero-visual {
  min-height:540px;
  position:relative;
}
.hero-visual:before {
  content:"PRIVATE CARE";
  z-index:2;
  writing-mode:vertical-rl;
  color:hsl(var(--primary));
  font:700 0.62rem var(--app-font-mono);
  letter-spacing:0.2em;
  position:absolute;
  top:28px;
  left:-34px;
}
.hero-photo {
  object-fit:cover;
  object-position:center top;
  filter:saturate(0.9);
  width:100%;
  height:540px;
  box-shadow:20px 22px hsl(var(--primary) / 0.1);
  border-radius:22px 22px 92px;
}
.hero-photo-overlay {
  color:#fff;
  background:#111e;
  border:1px solid #fff6;
  border-left:3px solid #d60000;
  width:230px;
  padding:19px;
  position:absolute;
  bottom:20px;
  right:20px;
}
.hero-photo-overlay b {
  font:800 1.9rem/1 var(--app-font-heading);
  margin-bottom:6px;
  display:block;
}
.hero-photo-overlay span {
  color:#eedbd2;
  font-size:0.74rem;
  line-height:1.4;
}
.hero-care-visual {
  min-height:560px;
}
.hero-care-photo {
  object-position:center;
  filter:saturate(0.82) contrast(1.03);
  height:560px;
}
.hero-image-label {
  z-index:2;
  color:#fff;
  background:#111e;
  border-top:2px solid #d60000;
  max-width:210px;
  padding:14px 16px;
  position:absolute;
  top:24px;
  left:24px;
}
.hero-image-label span {
  color:#ffc8b8;
  font:700 0.6rem var(--app-font-mono);
  letter-spacing:0.13em;
  display:block;
}
.hero-image-label b {
  font:700 1rem/1.18 var(--app-font-heading);
  margin-top:8px;
  display:block;
}
.hero-doctor-chip {
  z-index:3;
  color:#fff;
  background:hsl(var(--primary));
  box-shadow:0 10px 22px hsl(var(--foreground) / 0.16);
  border-radius:40px;
  align-items:center;
  gap:10px;
  padding:8px 14px 8px 8px;
  display:flex;
  position:absolute;
  bottom:25px;
  left:-28px;
}
.hero-doctor-chip img {
  object-fit:cover;
  object-position:center top;
  border:2px solid #fff;
  border-radius:50%;
  width:42px;
  height:42px;
}
.hero-doctor-chip b,
.hero-doctor-chip small {
  display:block;
}
.hero-doctor-chip b {
  font:700 0.78rem var(--app-font-heading);
}
.hero-doctor-chip small {
  color:#ffd8ce;
  margin-top:3px;
  font-size:0.66rem;
}
.hero-accent {
  z-index:0;
  border:20px solid #d60000;
  border-radius:50%;
  width:112px;
  height:112px;
  position:absolute;
  top:-22px;
  right:-18px;
}
.trust-strip {
  background:#fff;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.trust-grid {
  grid-template-columns:repeat(4, 1fr);
  display:grid;
}
.trust-item {
  border-right:1px solid hsl(var(--border));
  padding:24px 19px;
}
.trust-item:first-child {
  border-left:1px solid hsl(var(--border));
}
.trust-item b {
  color:#d60000;
  font:800 1.45rem var(--app-font-heading);
  display:block;
}
.trust-item span {
  color:hsl(var(--muted-foreground));
  font-size:0.71rem;
}
.split {
  grid-template-columns:0.8fr 1.2fr;
  align-items:start;
  gap:80px;
  display:grid;
}
.editorial {
  color:hsl(var(--muted-foreground));
  font-size:1.14rem;
  line-height:1.85;
}
.editorial strong {
  color:hsl(var(--foreground));
}
.pullquote {
  font:700 1.25rem/1.4 var(--app-font-heading);
  letter-spacing:-0.03em;
  background:#f1f1f1;
  border-left:4px solid #d60000;
  margin:30px 0 0;
  padding:21px 24px;
}
.credential-grid {
  grid-template-columns:repeat(3, 1fr);
  gap:11px;
  margin-top:30px;
  display:grid;
}
.credential {
  border:1px solid hsl(var(--border));
  background:hsl(var(--card));
  border-radius:11px;
  min-height:140px;
  padding:21px;
  transition:transform 0.2s, box-shadow 0.2s;
}
.credential:hover,
.service:hover,
.award:hover,
.info-card:hover,
.location:hover {
  box-shadow:0 12px 24px hsl(var(--foreground) / 0.06);
  transform:translateY(-4px);
}
.credential svg {
  color:hsl(var(--primary));
  margin-bottom:18px;
}
.credential b {
  font:700 0.94rem/1.25 var(--app-font-heading);
  display:block;
}
.credential span {
  color:hsl(var(--muted-foreground));
  margin-top:7px;
  font-size:0.74rem;
  display:block;
}
.red-section {
  color:#fff5ee;
  background:hsl(var(--primary));
}
.red-section .section-heading p,
.red-section .eyebrow {
  color:#ffd9cd;
}
.services-layout {
  grid-template-columns:0.7fr 1.3fr;
  align-items:start;
  gap:60px;
  display:grid;
}
.service-grid {
  grid-template-columns:repeat(2, 1fr);
  gap:12px;
  display:grid;
}
.service {
  min-height:160px;
  color:hsl(var(--foreground));
  background:#fffaf5;
  border-radius:10px;
  padding:23px;
  transition:transform 0.2s, box-shadow 0.2s;
}
.service svg {
  color:hsl(var(--primary));
  margin-bottom:20px;
}
.service h3 {
  font:700 1rem var(--app-font-heading);
  letter-spacing:-0.03em;
  margin:0 0 7px;
}
.service p {
  color:hsl(var(--muted-foreground));
  margin:0;
  font-size:0.79rem;
  line-height:1.5;
}
.roadmap {
  border-top:1px solid #e8b8ac;
  grid-template-columns:repeat(5, 1fr);
  gap:0;
  margin-top:39px;
  display:grid;
}
.step {
  border-right:1px solid #e8b8ac;
  padding:24px 15px 0;
  transition:transform 0.2s;
}
.step:hover {
  transform:translateY(-4px);
}
.step:last-child {
  border-right:0;
}
.step-num {
  width:30px;
  height:30px;
  color:hsl(var(--primary));
  font:700 0.72rem var(--app-font-mono);
  background:#fff;
  border-radius:50%;
  place-items:center;
  margin-bottom:18px;
  display:grid;
}
.step b {
  font:700 1rem var(--app-font-heading);
  margin-bottom:6px;
  display:block;
}
.step span {
  color:#ffd8c8;
  font-size:0.75rem;
  line-height:1.5;
}
.roadmap-section {
  border-top:1px solid hsl(var(--border));
  border-bottom:1px solid hsl(var(--border));
  background:#fffaf5;
}
.roadmap-intro {
  justify-content:space-between;
  align-items:flex-end;
  gap:36px;
  display:flex;
}
.roadmap-intro .section-heading {
  max-width:720px;
}
.roadmap-intro > .btn {
  flex:none;
  margin-bottom:4px;
}
.roadmap-section .roadmap,
.roadmap-section .step {
  border-color:hsl(var(--border));
}
.roadmap-section .step-num {
  color:#fff;
  background:hsl(var(--primary));
}
.roadmap-section .step b {
  color:hsl(var(--foreground));
}
.roadmap-section .step span {
  color:hsl(var(--muted-foreground));
}
.profile-section {
  background:#eee1da;
}
.profile {
  grid-template-columns:0.8fr 1.2fr;
  align-items:center;
  gap:72px;
  display:grid;
}
.profile-photo-wrap {
  position:relative;
}
.profile-photo {
  object-fit:cover;
  object-position:center top;
  width:100%;
  max-height:500px;
  box-shadow:16px 16px hsl(var(--primary) / 0.13);
  border-radius:16px 74px 16px 16px;
  display:block;
}
.profile-photo-caption {
  color:#fff;
  font:700 0.78rem/1.2 var(--app-font-heading);
  background:#111e;
  padding:11px 13px;
  position:absolute;
  bottom:15px;
  left:15px;
}
.profile-photo-caption small {
  color:#f0cfc3;
  font:400 0.67rem var(--app-font-mono);
}
.profile-copy h2 {
  font:800 clamp(2.2rem, 4vw, 3.7rem) / 1.08 var(--app-font-heading);
  letter-spacing:-0.05em;
  margin:14px 0 12px;
}
.profile-kicker {
  color:#d60000;
  font:700 1.08rem var(--app-font-heading);
  letter-spacing:-0.03em;
  margin:0 0 20px;
}
.profile-copy > p {
  color:hsl(var(--muted-foreground));
  line-height:1.7;
}
.qualifications {
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
  display:flex;
}
.qualifications b,
.qualifications span {
  border:1px solid hsl(var(--border));
  border-radius:5px;
  padding:9px 11px;
  font-size:0.72rem;
}
.qualifications b {
  color:#fff;
  background:hsl(var(--primary));
  border-color:hsl(var(--primary));
}
.qualifications span {
  color:hsl(var(--foreground));
  background:#fffaf6;
}
.profile-copy .btn {
  margin-top:23px;
}
.signature {
  align-items:center;
  gap:14px;
  margin-top:24px;
  display:flex;
}
.signature-line {
  background:hsl(var(--primary));
  width:45px;
  height:1px;
}
.signature b {
  font:700 0.87rem var(--app-font-heading);
}
.award-heading {
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  display:flex;
}
.award-heading h3 {
  font:800 clamp(1.65rem, 3vw, 2.3rem) / 1.1 var(--app-font-heading);
  letter-spacing:-0.04em;
  margin:10px 0 0;
}
.award-heading > span {
  max-width:360px;
  color:hsl(var(--muted-foreground));
  font-size:0.78rem;
  line-height:1.6;
}
.award-grid {
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
  margin-top:30px;
  display:grid;
}
.award {
  border:1px solid hsl(var(--border));
  background:#fffaf6;
  border-radius:10px;
  min-height:260px;
  transition:transform 0.2s, box-shadow 0.2s;
  overflow:hidden;
}
.award-image-wrap {
  background:#312426;
  height:137px;
  position:relative;
  overflow:hidden;
}
.award-image-wrap:after {
  content:"";
  background:linear-gradient(#0000 45%, #2a202266);
  position:absolute;
  inset:0;
}
.award-image-wrap img {
  object-fit:cover;
  filter:saturate(0.86);
  width:100%;
  height:100%;
  transition:transform 0.4s;
}
.award:hover .award-image-wrap img {
  transform:scale(1.06);
}
.award-image-wrap > span {
  z-index:1;
  color:#fff;
  font:700 0.6rem var(--app-font-mono);
  letter-spacing:0.1em;
  position:absolute;
  top:12px;
  left:13px;
}
.award-copy {
  padding:17px;
}
.award-copy svg {
  color:#b87a35;
}
.award-copy b {
  font:700 0.82rem/1.32 var(--app-font-heading);
  margin-top:12px;
  display:block;
}
.award-copy span {
  color:hsl(var(--muted-foreground));
  margin-top:6px;
  font-size:0.72rem;
  display:block;
}
.info-grid {
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:35px;
  display:grid;
}
.info-card {
  background:hsl(var(--card));
  border:1px solid hsl(var(--border));
  border-radius:12px;
  padding:28px;
  transition:transform 0.2s, box-shadow 0.2s;
}
.info-card h3 {
  font:700 1.08rem var(--app-font-heading);
  margin:0 0 14px;
}
.info-card p,
.info-card li {
  color:hsl(var(--muted-foreground));
  font-size:0.86rem;
  line-height:1.65;
}
.info-card ul {
  margin:0;
  padding:0;
  list-style:none;
}
.info-card li {
  align-items:flex-start;
  gap:10px;
  margin:9px 0;
  display:flex;
}
.info-card li svg {
  color:hsl(var(--primary));
  flex:none;
  margin-top:3px;
}
.urgent {
  color:#fff5ee;
  background:#2a2022;
}
.urgent .section-heading p {
  color:#d7beb4;
}
.urgent-box {
  border:1px solid #564043;
  border-left:4px solid hsl(var(--primary));
  background:#33282a;
  border-radius:12px;
  margin-top:38px;
  padding:30px;
}
.urgent-box h3 {
  font:700 1.25rem var(--app-font-heading);
  margin:0 0 8px;
}
.urgent-box p {
  color:#d7beb4;
  margin:0;
  font-size:0.89rem;
  line-height:1.65;
}
.urgent-actions {
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
  display:flex;
}
.location-grid {
  grid-template-columns:1fr 0.9fr;
  gap:15px;
  margin-top:38px;
  display:grid;
}
.location-list {
  grid-template-columns:1fr 1fr;
  gap:11px;
  display:grid;
}
.location {
  background:hsl(var(--card));
  border:1px solid hsl(var(--border));
  border-radius:10px;
  padding:22px;
  transition:transform 0.2s, box-shadow 0.2s;
}
.location svg {
  color:hsl(var(--primary));
}
.location b {
  font:700 0.9rem var(--app-font-heading);
  margin:17px 0 5px;
  display:block;
}
.location span {
  color:hsl(var(--muted-foreground));
  font-size:0.77rem;
}
.map-card {
  color:#fcefe9;
  background:linear-gradient(135deg, #65343c, #2a2022);
  border-radius:12px;
  flex-direction:column;
  justify-content:flex-end;
  min-height:290px;
  padding:28px;
  display:flex;
  position:relative;
  overflow:hidden;
}
.map-card:before {
  content:"";
  border:1px solid #e9a99655;
  border-radius:50%;
  width:180px;
  height:180px;
  position:absolute;
  top:-55px;
  right:-45px;
  box-shadow:0 0 0 24px #e9a99618, 0 0 0 48px #e9a9960d;
}
.map-card h3 {
  font:700 1.5rem var(--app-font-heading);
  letter-spacing:-0.05em;
  margin:0 0 7px;
}
.map-card p {
  color:#d9bcb4;
  font-size:0.82rem;
  line-height:1.5;
}
.map-card a {
  color:#ffbda8;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-size:0.8rem;
  font-weight:700;
  display:inline-flex;
}
.enquiry {
  color:#fff5ee;
  background:hsl(var(--primary));
}
.enquiry-grid {
  grid-template-columns:0.85fr 1.15fr;
  align-items:start;
  gap:70px;
  display:grid;
}
.enquiry .section-heading p {
  color:#ffd8c8;
}
.enquiry-whatsapp {
  color:#fff;
  background:#2f7554;
  border:1px solid #6db78f66;
  border-radius:8px;
  align-items:center;
  gap:11px;
  margin-top:25px;
  padding:12px;
  display:flex;
}
.enquiry-whatsapp-icon {
  color:#2f7554;
  background:#fff;
  border-radius:50%;
  flex:none;
  place-items:center;
  width:38px;
  height:38px;
  display:grid;
}
.enquiry-whatsapp b,
.enquiry-whatsapp span {
  display:block;
}
.enquiry-whatsapp b {
  font-size:0.78rem;
}
.enquiry-whatsapp span {
  color:#d7f0df;
  margin-top:3px;
  font-size:0.69rem;
  line-height:1.4;
}
.enquiry-whatsapp strong {
  color:#fff;
}
.enquiry-whatsapp a {
  color:#2f7554;
  white-space:nowrap;
  background:#fff;
  border-radius:5px;
  align-items:center;
  gap:5px;
  margin-left:auto;
  padding:8px 9px;
  font-size:0.7rem;
  font-weight:800;
  display:inline-flex;
}
.privacy-note {
  color:#ffd8c8;
  align-items:flex-start;
  gap:11px;
  margin-top:26px;
  font-size:0.75rem;
  line-height:1.5;
  display:flex;
}
.form-card {
  color:hsl(var(--foreground));
  background:#fff5ee;
  border-radius:12px;
  padding:30px;
  box-shadow:0 18px 35px #2b171c26;
}
.form-row {
  grid-template-columns:1fr 1fr;
  gap:12px;
  display:grid;
}
.form-field {
  margin-bottom:14px;
}
.form-field label {
  margin:0 0 7px;
  font-size:0.74rem;
  font-weight:700;
  display:block;
}
.form-field input,
.form-field textarea,
.form-field select {
  color:#2a2022;
  background:#fff;
  border:1px solid #dec9c0;
  border-radius:6px;
  outline:none;
  width:100%;
  padding:13px 14px;
  display:block;
}
.form-field textarea {
  resize:vertical;
  min-height:110px;
}
.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
  border-color:hsl(var(--primary));
  box-shadow:0 0 0 3px hsl(var(--primary) / 0.12);
}
.form-card .btn {
  width:100%;
  margin-top:3px;
}
.success {
  text-align:center;
  padding:32px 15px;
}
.success svg {
  color:#2d7652;
  margin:0 auto 15px;
}
.success h3 {
  font:700 1.35rem var(--app-font-heading);
  margin:0 0 8px;
}
.success p {
  color:hsl(var(--muted-foreground));
  margin:0;
  font-size:0.84rem;
  line-height:1.6;
}
.footer {
  color:#e5d1c8;
  background:#2a2022;
  padding:47px 0 50px;
}
.footer-grid {
  grid-template-columns:1.3fr 0.7fr 0.7fr;
  gap:45px;
  display:grid;
}
.footer .wordmark {
  color:#fff5ee;
}
.footer p {
  color:#bca79f;
  max-width:310px;
  font-size:0.78rem;
  line-height:1.65;
}
.footer h3 {
  color:#fff5ee;
  font:700 0.76rem var(--app-font-mono);
  text-transform:uppercase;
  letter-spacing:0.1em;
  margin:0 0 14px;
}
.footer a {
  color:#bca79f;
  margin:9px 0;
  font-size:0.79rem;
  display:block;
}
.footer a:hover {
  color:#fff;
}
.copyright {
  color:#927c75;
  border-top:1px solid #49393a;
  margin-top:35px;
  padding-top:22px;
  font-size:0.71rem;
}
.mobile-ctas {
  display:none;
}
.logo-footer{
  margin: 0 0 15px 0 !important;
}
.logo-footer img {
    height: 70px;
}

@media (max-width:900px) {
  .nav-links {
    display:none;
  }
  .nav-links.mobile-open {
    border-bottom:1px solid hsl(var(--border));
    background:#faf7f1fa;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:12px 22px 20px;
    display:flex;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    box-shadow:0 14px 24px #2a202214;
  }
  .nav-links.mobile-open a {
    width:100%;
    padding:12px 0;
  }
  .nav-links.mobile-open a:after {
    display:none;
  }
  .mobile-menu-btn {
    display:block;
  }
  .nav-actions .btn-light {
    display:none;
  }
  .hero-grid,
  .split,
  .services-layout,
  .profile,
  .enquiry-grid,
  .location-grid {
    grid-template-columns:1fr;
    gap:42px;
  }
  .hero-visual,
  .hero-care-visual {
    min-height:420px;
  }
  .hero-photo,
  .hero-care-photo {
    height:420px;
  }
  .hero-doctor-chip {
    left:12px;
  }
  .roadmap-intro,
  .award-heading {
    display:block;
  }
  .roadmap-intro > .btn {
    margin-top:22px;
  }
  .award-heading > span {
    margin-top:14px;
  }
  .roadmap {
    border-top:0;
    grid-template-columns:1fr;
  }
  .step {
    border-top:1px solid #e8b8ac;
    border-right:0;
    grid-template-columns:42px 1fr;
    column-gap:12px;
    padding:20px 0;
    display:grid;
  }
  .step-num {
    grid-row:span 2;
  }
  .step b {
    align-self:end;
  }
  .step span {
    align-self:start;
  }
  .award-grid {
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:600px) {
  .shell {
    width:min(100% - 28px, 1180px);
  }
  .topline-inner {
    justify-content:center;
  }
  .topline-label {
    display:none;
  }
  .topline-actions {
    justify-content:center;
    gap:6px;
    width:100%;
  }
  .topline {
    padding:7px 0;
    font-size:0.62rem;
  }
  .topline-pill {
    min-height:25px;
    padding:3px 7px;
  }
  .topline-pill strong {
    white-space:nowrap;
  }
  .topline-pill-whatsapp {
    display:none;
  }
  .breadcrumb {
    white-space:nowrap;
    gap:6px;
    min-height:32px;
    font-size:0.62rem;
    overflow:hidden;
  }
  .nav-inner {
    min-height:68px;
  }
  .wordmark {
    font-size:1rem;
  }
  .hero {
    padding:55px 0 66px;
  }
  .hero-copy h1 {
    font-size:3.42rem;
  }
  .hero-actions .btn {
    width:100%;
  }
  .hero-visual,
  .hero-photo,
  .hero-care-visual,
  .hero-care-photo {
    height:370px;
    min-height:370px;
  }
  .hero-visual:before {
    left:-22px;
  }
  .hero-photo-overlay {
    width:185px;
    padding:15px;
    bottom:12px;
    right:12px;
  }
  .hero-photo-overlay b {
    font-size:1.55rem;
  }
  .hero-image-label {
    padding:11px 12px;
    top:14px;
    left:14px;
  }
  .hero-image-label b {
    font-size:0.86rem;
  }
  .hero-doctor-chip {
    bottom:14px;
    left:8px;
  }
  .section {
    padding:76px 0;
  }
  .trust-grid {
    grid-template-columns:1fr 1fr;
  }
  .trust-item {
    padding:17px 12px;
  }
  .trust-item:nth-child(3),
  .trust-item:nth-child(4) {
    border-top:1px solid hsl(var(--border));
  }
  .trust-item b {
    font-size:1.2rem;
  }
  .credential-grid,
  .service-grid,
  .info-grid,
  .location-list,
  .form-row {
    grid-template-columns:1fr;
  }
  .service {
    min-height:0;
  }
  .profile-photo {
    max-height:400px;
  }
  .award-grid {
    grid-template-columns:1fr 1fr;
  }
  .award {
    min-height:0;
  }
  .award-image-wrap {
    height:105px;
  }
  .award-copy {
    padding:13px;
  }
  .award-copy b {
    margin-top:10px;
    font-size:0.74rem;
  }
  .award-copy span {
    font-size:0.67rem;
  }
  .enquiry-whatsapp {
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .enquiry-whatsapp a {
    margin-left:49px;
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .footer-grid > :first-child {
    grid-column:1/-1;
  }
  .mobile-ctas {
    z-index:18;
    background:#faf7f1ee;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:9px;
    display:grid;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    box-shadow:0 -4px 20px #2a202218;
  }
  .mobile-ctas .btn {
    padding:12px 8px;
    font-size:0.71rem;
  }
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false;
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-space-x-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0;
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid;
}
@property --tw-leading {
  syntax:"*";
  inherits:false;
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false;
}
@property --tw-tracking {
  syntax:"*";
  inherits:false;
}
@property --tw-ordinal {
  syntax:"*";
  inherits:false;
}
@property --tw-slashed-zero {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-figure {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-spacing {
  syntax:"*";
  inherits:false;
}
@property --tw-numeric-fraction {
  syntax:"*";
  inherits:false;
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false;
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false;
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false;
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false;
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false;
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0;
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff;
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000;
}
@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid;
}
@property --tw-duration {
  syntax:"*";
  inherits:false;
}
@property --tw-ease {
  syntax:"*";
  inherits:false;
}
@property --tw-content {
  syntax:"*";
  inherits:false;
  initial-value:"";
}
@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity:0.5;
  }
}
@keyframes enter {
  0% {
    opacity:var(--tw-enter-opacity, 1);
    transform:translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
    filter:blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity:var(--tw-exit-opacity, 1);
    transform:translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
    filter:blur(var(--tw-exit-blur, 0));
  }
}
@keyframes accordion-down {
  0% {
    height:0;
  }
  to {
    height:var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
}
@keyframes accordion-up {
  0% {
    height:var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
  to {
    height:0;
  }
}
@keyframes caret-blink {
  0%,
  70%,
  to {
    opacity:1;
  }
  20%,
  50% {
    opacity:0;
  }
}


.hr-section {
    background: #111;
    padding: 72px 24px;
}
.hr-inner {
    max-width: 1140px;
    margin: 0 auto;
}
.hr-top {
    text-align: center;
    margin-bottom: 44px;
}
.hr-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(204, 0, 0, .3);
    border: 1px solid rgba(255, 80, 80, .35);
    color: #FF8080;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 3px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: .8px;
}
.hr-section h2 {
    font-family: var(--app-font-heading);
    font-size: 34px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.22;
}
.hr-section h2 span {
    color: #C00;
}

.hr-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 36px;
}
.hr-answer {
    background: rgba(204, 0, 0, .12);
    border: 1px solid rgba(204, 0, 0, .35);
    border-radius: 4px;
    padding: 14px 18px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #25D366;
}
.hr-ctas {
    text-align: center;
}
.hr-card {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 4px;
    padding: 16px 18px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    transition: background .18s, border-color .18s;
}
.hr-q-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(204, 0, 0, .3);
    border: 2px solid rgba(204, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF8080;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 800;
}
.hr-q-text {
    font-size: 14.5px;
    color: rgba(255, 255, 255, .85);
    line-height: 1.55;
    font-weight: 500;
}
.hr-answer p {
    font-size: 15px;
    color: #FCA5A5;
    font-weight: 600;
}
.hr-sub {
    font-size: 15px;
    color: #999;
    max-width: 580px;
    margin: 0 auto;
    line-height: 1.65;
}
.hr-cta-row {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.btn-red-lg {
    background: #C00;
    color: #fff;
    border-color: #C00;
    padding: 15px 32px;
    font-size: 15px;
}
.btn-wa-lg {
    background: #25D366;
    color: #fff;
    border-color: #25D366;
    padding: 15px 32px;
    font-size: 15px;
}

.journey-section {
    background: #111;
    padding: 72px 24px;
}
.sec-inner {
    max-width: 1140px;
    margin: 0 auto;
}
.journey-title {
    font-family: var(--app-font-heading);
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    text-align: center;
}
.journey-title span {
    color: #C00;
}
.journey-sub {
    font-size: 15px;
    color: #999;
    text-align: center;
    margin-bottom: 48px;
}
.journey-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.j-step {
    text-align: center;
    padding: 0 8px;
}
.j-num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--red);
    color: #fff;
    font-family: var(--app-font-heading);
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}
.j-icon {
    color: var(--red);
    margin: 0 auto 10px;
    display: flex;
    justify-content: center;
}
.j-step h4 {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}
.j-step p {
    font-size: 12px;
    color: #888;
    line-height: 1.5;
}
.how-section {
    background: var(--black);
    padding: 72px 24px;
}
.how-title {
    font-family: var(--app-font-heading);
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
}
.how-sub {
    font-size: 15px;
    color: #999;
    text-align: center;
    margin-bottom: 44px;
}
.steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 960px;
    margin: 0 auto 32px;
}
.step-card {
    background: #1A1A1A;
    border: 1px solid #2A2A2A;
    border-radius: 4px;
    padding: 26px 18px;
    color: #fff;
    text-align: center;
    transition: background .18s, border-color .18s;
    border-top: 3px solid var(--red);
}
.step-n {
    width: 44px;
    height: 44px;
    background: var(--red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--app-font-heading);
    font-size: 20px;
    font-weight: 900;
    margin: 0 auto 14px;
    color: #fff;
}
.step-card h3 {
    font-family: var(--app-font-heading);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}
.step-card p {
    font-size: 13.5px;
    color: #aaa;
    line-height: 1.55;
}
.how-note {
    color: #888;
    font-size: 14px;
    text-align: center;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.how-btns {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
.btn-wa-lg {
    background: var(--green-wa);
    color: #fff;
    border-color: var(--green-wa);
    padding: 15px 32px;
    font-size: 15px;
}
.btn-red-lg {
    background: var(--red);
    color: #fff;
    border-color: var(--red);
    padding: 15px 32px;
    font-size: 15px;
}
.bg-white {
    background: #fff;
}
.sec {
    padding: 72px 24px;
}
.sec-tag {
    display: inline-block;
    background: var(--red);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 3px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .8px;
}
.sec-title {
    font-family: var(--font-head);
    font-size: 32px;
    font-weight: 800;
    color: var(--black);
    line-height: 1.25;
    margin-bottom: 14px;
    letter-spacing: -.3px;
}
.sec-title span {
    color: var(--red);
}
.sec-lead {
    font-size: 15.5px;
    color: var(--mid);
    line-height: 1.72;
    margin-bottom: 40px;
    max-width: 680px;
}
.locs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}
.loc-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 26px 20px;
    box-shadow: var(--shadow);
    transition: all .2s;
    border-top: 3px solid var(--red);
}
.loc-icon {
    color: var(--red);
    margin-bottom: 12px;
}
.loc-card h3 {
    font-family: var(--font-head);
    font-size: 16px;
    font-weight: 800;
    color: var(--black);
    margin-bottom: 6px;
}
.loc-addr {
    font-size: 13.5px;
    color: var(--gray);
    line-height: 1.5;
    margin-bottom: 6px;
}
.loc-hours {
    font-size: 13px;
    color: var(--red);
    font-weight: 600;
    margin-bottom: 18px;
}
.loc-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.btn-sm-red {
    font-size: 12.5px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 3px;
    background: var(--red);
    color: #fff;
    text-decoration: none;
    transition: background .15s;
}
.btn-sm-out {
    font-size: 12.5px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 3px;
    border: 1.5px solid var(--black);
    color: var(--black);
    text-decoration: none;
    background: transparent;
    transition: all .15s;
}
.btn-sm-out:hover {
    background: var(--black);
    color: #fff;
}
.btn-sm-red:hover {
    background: var(--red-dark);
}
.areas-note {
    background: #FFF5F5;
    border-left: 3px solid var(--red);
    border-radius: 0 4px 4px 0;
    padding: 16px 20px;
    font-size: 14.5px;
    color: var(--dark);
    line-height: 1.7;
}
.nav-links li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.hdrLogo img {
    height: 65px;
}
a.subnav > svg {
    display: inline-block;
    width: 12px;
}
ul.subnavList {
    position: absolute;
    left: 0;
    top: 24px;
    background: #fff;
    display: none;
}
ul.subnavList li {
    display: block;
    padding: 0;
}
ul.subnavList li a {
    display: block;
    white-space: nowrap;
    padding: 5px 10px;
    line-height: 20px;
}
.faqDet{
   display:none;
 }
 .faqHd.active svg {
    transform: rotate(135deg);
}

@media (max-width: 1024px) {
    .journey-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .nav-links li{
      padding: 0 7px;
    }
}
@media (max-width: 991px) {
    .journey-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .steps-grid {
        grid-template-columns: 1fr;
    }
    .locs-grid {
      grid-template-columns: repeat(1, 1fr);
  }
  .hr-grid {
        grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .form-card {
      border-radius: 8px;
      padding: 20px 15px;
      box-shadow: 0 12px 20px #2b171c26;
  }
  .sec-title {
      font-size: 24px;
  }
  .btn-wa-lg {
    padding: 15px 15px;
    font-size: 14px;
  }
  .how-section {
    padding: 20px 15px 50px;
  }
  .how-title {
    font-size: 26px;
  }
  .journey-title{
    font-size: 26px;
  }
  .section {
    padding: 50px 0;
  }
  .hero-copy h1 {
    font-size: 3rem;
  }
  .nav-links li {
    display:block;
    padding: 0;
  }
  nav.main-nav {
    position:absolute;
    top:75px;
    background:#fff;
    left:0;
    box-shadow:#ccc 0 0 3px 1px;
    padding-bottom:7px;
    right:0;
  }
  nav.main-nav a {
    display:block;
    padding:10px 15px;
    border-bottom:#ccc solid 1px;
  }
  .nav-links a:hover:after {
    right: 0;
    bottom: 0;
  }
  ul.subnavList {
    position: relative;
    top: 0;
  }
  ul.subnavList li a{
    padding: 8px 10px 8px 20px;
  }
}
@media (max-width: 479px) {
  nav.main-nav {
    top:68px;
  }
}