/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }

    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-300: #ffa3a3;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-orange-50: #fff7ed;
    --color-orange-100: #ffedd5;
    --color-orange-500: #fe6e00;
    --color-orange-600: #f05100;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-amber-900: #7b3306;
    --color-yellow-200: #fff085;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-green-800: #016630;
    --color-emerald-300: #5ee9b5;
    --color-teal-50: #f0fdfa;
    --color-teal-100: #cbfbf1;
    --color-teal-200: #96f7e4;
    --color-teal-300: #46ecd5;
    --color-teal-500: #00baa7;
    --color-teal-600: #009588;
    --color-teal-700: #00776e;
    --color-teal-800: #005f5a;
    --color-sky-100: #dff2fe;
    --color-sky-800: #005986;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bedbff;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-blue-800: #193cb8;
    --color-indigo-500: #625fff;
    --color-indigo-600: #4f39f6;
    --color-indigo-700: #432dd7;
    --color-purple-200: #e9d5ff;
    --color-purple-500: #ac4bff;
    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-600: #e70044;
    --color-slate-800: #1d293d;
    --color-slate-900: #0f172b;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5/1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25/1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18511 1.52329);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-300: lab(76.5514% 36.4219 15.5335);
      --color-red-400: lab(63.7053% 60.7449 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-orange-50: lab(97.7008% 1.53738 5.90646);
      --color-orange-100: lab(94.7127% 3.58391 14.3151);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-amber-50: lab(98.6252% -.635982 8.42309);
      --color-amber-100: lab(95.916% -1.2165 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8823% 37.1699 52.2718);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-yellow-200: lab(94.3433% -5.00426 52.9663);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-green-50: lab(98.1563% -5.60117 2.75913);
      --color-green-100: lab(96.186% -13.8464 6.52362);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-500: lab(70.5521% -66.5147 45.8072);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-teal-50: lab(98.3189% -4.74921 -.111723);
      --color-teal-100: lab(95.1845% -17.4212 -.425434);
      --color-teal-200: lab(90.7612% -33.1343 -.542295);
      --color-teal-300: lab(84.8977% -48.1517 -1.3321);
      --color-teal-500: lab(67.3859% -49.0983 -2.63511);
      --color-teal-600: lab(55.0223% -41.0774 -3.90277);
      --color-teal-700: lab(44.4134% -33.1436 -4.22149);
      --color-teal-800: lab(35.5975% -26.6648 -4.34487);
      --color-sky-100: lab(94.3709% -4.56053 -8.23453);
      --color-sky-800: lab(35.164% -9.57689 -34.4068);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-200: lab(86.15% -4.04379 -21.0797);
      --color-blue-400: lab(65.0361% -1.42062 -56.9803);
      --color-blue-500: lab(54.1736% 13.3368 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-blue-800: lab(30.2514% 27.7854 -70.2699);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
      --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
      --color-purple-200: lab(87.8405% 13.4282 -18.7159);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-rose-50: lab(96.2369% 4.94152 1.28012);
      --color-rose-100: lab(92.8221% 9.86832 2.60077);
      --color-rose-600: lab(49.1882% 81.577 36.0311);
      --color-slate-800: lab(16.132% -.318021 -14.6672);
      --color-slate-900: lab(7.78673% 1.82346 -15.0537);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.082314 -1.13575);
      --color-gray-200: lab(91.6229% -.159085 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17474);
      --color-gray-500: lab(47.7841% -.393212 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
    }
  }
}

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

  ::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%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    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;
  }

  ul {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    padding-left: 1.25rem !important;
    list-style-type: disc !important;
  }

  ol {
    padding-left: 1.25rem !important;
    list-style-type: decimal !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing)*0);
  }

  .inset-\[6px\] {
    inset: 6px;
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing)*0);
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing)*0);
  }

  .start-50 {
    inset-inline-start: calc(var(--spacing)*50);
  }

  .start-100 {
    inset-inline-start: calc(var(--spacing)*100);
  }

  .end-0 {
    inset-inline-end: calc(var(--spacing)*0);
  }

  .end-50 {
    inset-inline-end: calc(var(--spacing)*50);
  }

  .end-100 {
    inset-inline-end: calc(var(--spacing)*100);
  }

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

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

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

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

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

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

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

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

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

  .-bottom-0\.5 {
    bottom: calc(var(--spacing)*-.5);
  }

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

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

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

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

  .bottom-full {
    bottom: 100%;
  }

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

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

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

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

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

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

  .-z-10 {
    z-index: calc(10*-1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-1 {
    grid-column: 1;
  }

  .col-2 {
    grid-column: 2;
  }

  .col-3 {
    grid-column: 3;
  }

  .col-4 {
    grid-column: 4;
  }

  .col-5 {
    grid-column: 5;
  }

  .col-6 {
    grid-column: 6;
  }

  .col-7 {
    grid-column: 7;
  }

  .col-8 {
    grid-column: 8;
  }

  .col-9 {
    grid-column: 9;
  }

  .col-10 {
    grid-column: 10;
  }

  .col-11 {
    grid-column: 11;
  }

  .col-12 {
    grid-column: 12;
  }

  .col-auto {
    grid-column: auto;
  }

  .float-end {
    float: inline-end;
  }

  .float-none {
    float: none;
  }

  .float-start {
    float: inline-start;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing)*0);
  }

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

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

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

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

  .m-5 {
    margin: calc(var(--spacing)*5);
  }

  .m-auto {
    margin: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ms-0 {
    margin-inline-start: calc(var(--spacing)*0);
  }

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

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

  .ms-3 {
    margin-inline-start: calc(var(--spacing)*3);
  }

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

  .ms-5 {
    margin-inline-start: calc(var(--spacing)*5);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .me-0 {
    margin-inline-end: calc(var(--spacing)*0);
  }

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

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

  .me-3 {
    margin-inline-end: calc(var(--spacing)*3);
  }

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

  .me-5 {
    margin-inline-end: calc(var(--spacing)*5);
  }

  .me-auto {
    margin-inline-end: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-auto {
    margin-bottom: auto;
  }

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

  .ml-0\.5 {
    margin-left: calc(var(--spacing)*.5);
  }

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

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

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

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .table-row-group {
    display: table-row-group;
  }

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

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

  .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-4\.5 {
    height: calc(var(--spacing)*4.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-\[calc\(100vh-80px\)\] {
    min-height: calc(100vh - 80px);
  }

  .min-h-full {
    min-height: 100%;
  }

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

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

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

  .w-2\/3 {
    width: 66.6667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[78vw\] {
    width: 78vw;
  }

  .w-\[88vw\] {
    width: 88vw;
  }

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

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

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

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

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

  .max-w-\[25rem\] {
    max-width: 25rem;
  }

  .max-w-\[51\.5rem\] {
    max-width: 51.5rem;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[96rem\] {
    max-width: 96rem;
  }

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

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

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

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

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

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

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

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

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

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

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

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

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

  .flex-shrink-1, .shrink {
    flex-shrink: 1;
  }

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

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

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

  .flex-grow-1, .grow {
    flex-grow: 1;
  }

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

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

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

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing)*0);
    --tw-border-spacing-y: calc(var(--spacing)*0);
    border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y);
  }

  .origin-bottom-left {
    transform-origin: 0 100%;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .origin-top-right {
    transform-origin: 100% 0;
  }

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

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
  }

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

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing)*2);
    translate: var(--tw-translate-x)var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

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

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

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

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .appearance-none {
    appearance: none;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :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-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)));
  }

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

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

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

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

  :where(.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)));
  }

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

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

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

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

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px*var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-100 > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }

  :where(.divide-teal-100 > :not(:last-child)) {
    border-color: var(--color-teal-100);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

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

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

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

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

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

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

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

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

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

  .rounded-\[0\.95rem\] {
    border-radius: .95rem;
  }

  .rounded-\[1\.1rem\] {
    border-radius: 1.1rem;
  }

  .rounded-\[1\.2rem\] {
    border-radius: 1.2rem;
  }

  .rounded-\[1\.4rem\] {
    border-radius: 1.4rem;
  }

  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }

  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }

  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }

  .rounded-\[2\.4rem\] {
    border-radius: 2.4rem;
  }

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

  .rounded-full {
    border-radius: 2147483647px;
  }

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

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

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

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

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

  .rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }

  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

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

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

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

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

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

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

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

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

  .border-x-\[8px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 8px;
  }

  .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-b-\[8px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-500 {
    border-color: var(--color-amber-500);
  }

  .border-black {
    border-color: var(--color-black);
  }

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

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-200\/50 {
    border-color: #e5e7eb80;
  }

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

  .border-gray-200\/60 {
    border-color: #e5e7eb99;
  }

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

  .border-gray-200\/70 {
    border-color: #e5e7ebb3;
  }

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

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-orange-100 {
    border-color: var(--color-orange-100);
  }

  .border-red-100 {
    border-color: var(--color-red-100);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-700 {
    border-color: var(--color-red-700);
  }

  .border-teal-100 {
    border-color: var(--color-teal-100);
  }

  .border-teal-100\/80 {
    border-color: #cbfbf1cc;
  }

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

  .border-teal-200 {
    border-color: var(--color-teal-200);
  }

  .border-teal-200\/60 {
    border-color: #96f7e499;
  }

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

  .border-teal-200\/80 {
    border-color: #96f7e4cc;
  }

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

  .border-teal-300 {
    border-color: var(--color-teal-300);
  }

  .border-teal-600 {
    border-color: var(--color-teal-600);
  }

  .border-teal-700 {
    border-color: var(--color-teal-700);
  }

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

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/70 {
    border-color: #ffffffb3;
  }

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

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

  .border-b-gray-800 {
    border-bottom-color: var(--color-gray-800);
  }

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

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

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

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

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

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

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

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

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

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

  .bg-\[\#fcfcf9\]\/95 {
    background-color: #fcfcf9f2;
    background-color: lab(98.9016% -.389874 1.43987 / .95);
  }

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

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

  .bg-amber-100\/60 {
    background-color: #fef3c699;
  }

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

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

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

  .bg-black\/30 {
    background-color: #0000004d;
  }

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

  .bg-black\/35 {
    background-color: #00000059;
  }

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

  .bg-black\/40 {
    background-color: #0006;
  }

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

  .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-blue-500 {
    background-color: var(--color-blue-500);
  }

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

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

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

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

  .bg-gray-50\/50 {
    background-color: #f9fafb80;
  }

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

  .bg-gray-50\/70 {
    background-color: #f9fafbb3;
  }

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

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

  .bg-gray-100\/50 {
    background-color: #f3f4f680;
  }

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

  .bg-gray-100\/60 {
    background-color: #f3f4f699;
  }

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

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

  .bg-gray-200\/50 {
    background-color: #e5e7eb80;
  }

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

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

  .bg-gray-300\/50 {
    background-color: #d1d5dc80;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-red-50\/70 {
    background-color: #fef2f2b3;
  }

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

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

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

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

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

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

  .bg-slate-900\/60 {
    background-color: #0f172b99;
  }

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

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

  .bg-teal-50\/30 {
    background-color: #f0fdfa4d;
  }

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

  .bg-teal-50\/40 {
    background-color: #f0fdfa66;
  }

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

  .bg-teal-50\/50 {
    background-color: #f0fdfa80;
  }

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

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

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

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

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

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

  .bg-white\/60 {
    background-color: #fff9;
  }

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

  .bg-white\/65 {
    background-color: #ffffffa6;
  }

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

  .bg-white\/80 {
    background-color: #fffc;
  }

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

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

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

  .bg-white\/95 {
    background-color: #fffffff2;
  }

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

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

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

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(180deg\,_\#fffdf8_0\%\,_\#f6f0e8_100\%\)\] {
    background-image: linear-gradient(#fffdf8 0%, #f6f0e8 100%);
  }

  .bg-\[linear-gradient\(180deg\,_rgba\(255\,255\,255\,0\.94\)_0\%\,_rgba\(252\,252\,249\,0\.96\)_100\%\)\] {
    background-image: linear-gradient(#fffffff0 0%, #fcfcf9f5 100%);
  }

  .from-amber-50 {
    --tw-gradient-from: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .from-red-50 {
    --tw-gradient-from: var(--color-red-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .from-teal-50 {
    --tw-gradient-from: var(--color-teal-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .via-teal-50 {
    --tw-gradient-via: var(--color-teal-50);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-orange-50 {
    --tw-gradient-to: var(--color-orange-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
  }

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

  .fill-yellow-500 {
    fill: var(--color-yellow-500);
  }

  .stroke-\[2\.5\] {
    stroke-width: 2.5px;
  }

  .object-contain {
    object-fit: contain;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ps-0 {
    padding-inline-start: calc(var(--spacing)*0);
  }

  .ps-1 {
    padding-inline-start: calc(var(--spacing)*1);
  }

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

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

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

  .ps-5 {
    padding-inline-start: calc(var(--spacing)*5);
  }

  .pe-0 {
    padding-inline-end: calc(var(--spacing)*0);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing)*1);
  }

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

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

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

  .pe-5 {
    padding-inline-end: calc(var(--spacing)*5);
  }

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

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

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

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

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

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

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

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

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

  .pr-\[5\.75rem\] {
    padding-right: 5.75rem;
  }

  .pr-\[6rem\] {
    padding-right: 6rem;
  }

  .pr-\[7\.5rem\] {
    padding-right: 7.5rem;
  }

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

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

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

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

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

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

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

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

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

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

  .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
  }

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

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

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

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

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

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

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

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

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

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

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-text-top {
    vertical-align: text-top;
  }

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

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

  .font-serif {
    font-family: var(--font-serif);
  }

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

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

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

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

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

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

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

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

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

  .text-\[2\.1rem\] {
    font-size: 2.1rem;
  }

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

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

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

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

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

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

  .leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing)*8);
    line-height: calc(var(--spacing)*8);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .text-\[\#1f7a72\] {
    color: #1f7a72;
  }

  .text-\[\#4c8f5a\] {
    color: #4c8f5a;
  }

  .text-\[\#3567a8\] {
    color: #3567a8;
  }

  .text-\[\#161616\] {
    color: #161616;
  }

  .text-\[\#b7791f\] {
    color: #b7791f;
  }

  .text-\[\#c46a47\] {
    color: #c46a47;
  }

  .text-\[\#ff0303\] {
    color: #ff0303;
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

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

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

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

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

  .text-black {
    color: var(--color-black);
  }

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

  .text-blue-800 {
    color: var(--color-blue-800);
  }

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

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

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

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

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

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

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

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

  .text-green-800 {
    color: var(--color-green-800);
  }

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

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

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

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

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

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

  .text-red-700\/80 {
    color: #bf000fcc;
  }

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

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

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

  .text-sky-800 {
    color: var(--color-sky-800);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

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

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

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-teal-800 {
    color: var(--color-teal-800);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/80 {
    color: #fffc;
  }

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

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

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

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

  .placeholder-gray-300::placeholder {
    color: var(--color-gray-300);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .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-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-\[-20px_0_50px_-30px_rgba\(15\,23\,42\,0\.22\)\] {
    --tw-shadow: -20px 0 50px -30px var(--tw-shadow-color, #0f172a38);
    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_-8px_30px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 -8px 30px var(--tw-shadow-color, #00000014);
    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_2px_12px_-2px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 2px 12px -2px 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);
  }

  .shadow-\[0_4px_24px_-4px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 4px 24px -4px var(--tw-shadow-color, #00000014);
    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_18px_40px_-30px_rgba\(15\,23\,42\,0\.24\)\] {
    --tw-shadow: 0 18px 40px -30px var(--tw-shadow-color, #0f172a3d);
    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_18px_50px_-24px_rgba\(15\,23\,42\,0\.2\)\] {
    --tw-shadow: 0 18px 50px -24px var(--tw-shadow-color, #0f172a33);
    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_28px_70px_-42px_rgba\(15\,23\,42\,0\.28\)\] {
    --tw-shadow: 0 28px 70px -42px var(--tw-shadow-color, #0f172a47);
    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_30px_80px_-44px_rgba\(15\,23\,42\,0\.22\)\] {
    --tw-shadow: 0 30px 80px -44px var(--tw-shadow-color, #0f172a38);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.6\)\,0_18px_34px_-28px_rgba\(15\,23\,42\,0\.24\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #fff9),0 18px 34px -28px var(--tw-shadow-color, #0f172a3d);
    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);
  }

  .ring, .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-2 {
    --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);
  }

  .shadow-red-700\/20 {
    --tw-shadow-color: #bf000f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-red-700\/20 {
      --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-red-700)20%,transparent)var(--tw-shadow-alpha),transparent);
    }
  }

  .shadow-teal-700\/20 {
    --tw-shadow-color: #00776e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-teal-700\/20 {
      --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-teal-700)20%,transparent)var(--tw-shadow-alpha),transparent);
    }
  }

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

  .ring-gray-900\/10 {
    --tw-ring-color: #1018281a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-gray-900\/10 {
      --tw-ring-color: color-mix(in oklab,var(--color-gray-900)10%,transparent);
    }
  }

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

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

  .ring-transparent {
    --tw-ring-color: transparent;
  }

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

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
  }

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

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
  }

  .\!filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, ) !important;
  }

  .filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, );
  }

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

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, 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-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-shadow {
    transition-property: box-shadow;
    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-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

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

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

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

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

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

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

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y);
    }

    .group-hover\:text-blue-600:is(:where(.group):hover *) {
      color: var(--color-blue-600);
    }

    .group-hover\:text-gray-900:is(:where(.group):hover *) {
      color: var(--color-gray-900);
    }

    .group-hover\:text-teal-700:is(:where(.group):hover *) {
      color: var(--color-teal-700);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .selection\:bg-teal-100 ::selection, .selection\:bg-teal-100::selection {
    background-color: var(--color-teal-100);
  }

  .placeholder\:text-\[\#7c7169\]::placeholder {
    color: #7c7169;
  }

  .placeholder\:text-gray-400::placeholder {
    color: var(--color-gray-400);
  }

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

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .focus-within\:border-teal-500:focus-within {
    border-color: var(--color-teal-500);
  }

  .focus-within\:ring-2:focus-within {
    --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-within\:ring-teal-500\/20:focus-within {
    --tw-ring-color: #00baa733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-teal-500\/20:focus-within {
      --tw-ring-color: color-mix(in oklab,var(--color-teal-500)20%,transparent);
    }
  }

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

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x)var(--tw-scale-y);
    }

    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }

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

    .hover\:border-\[\#b9ddd8\]:hover {
      border-color: #b9ddd8;
    }

    .hover\:border-\[\#bfd7ef\]:hover {
      border-color: #bfd7ef;
    }

    .hover\:border-\[\#c4dfc8\]:hover {
      border-color: #c4dfc8;
    }

    .hover\:border-\[\#ebd99f\]:hover {
      border-color: #ebd99f;
    }

    .hover\:border-\[\#eccdbf\]:hover {
      border-color: #eccdbf;
    }

    .hover\:border-gray-200:hover {
      border-color: var(--color-gray-200);
    }

    .hover\:border-gray-200\/60:hover {
      border-color: #e5e7eb99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-gray-200\/60:hover {
        border-color: color-mix(in oklab,var(--color-gray-200)60%,transparent);
      }
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:border-red-200:hover {
      border-color: var(--color-red-200);
    }

    .hover\:border-red-800:hover {
      border-color: var(--color-red-800);
    }

    .hover\:border-teal-100:hover {
      border-color: var(--color-teal-100);
    }

    .hover\:border-teal-200:hover {
      border-color: var(--color-teal-200);
    }

    .hover\:border-teal-300:hover {
      border-color: var(--color-teal-300);
    }

    .hover\:border-teal-500:hover {
      border-color: var(--color-teal-500);
    }

    .hover\:border-teal-600:hover {
      border-color: var(--color-teal-600);
    }

    .hover\:border-teal-700:hover {
      border-color: var(--color-teal-700);
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-blue-800:hover {
      background-color: var(--color-blue-800);
    }

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

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-400:hover {
      background-color: var(--color-gray-400);
    }

    .hover\:bg-green-700:hover {
      background-color: var(--color-green-700);
    }

    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700);
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }

    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700);
    }

    .hover\:bg-red-800:hover {
      background-color: var(--color-red-800);
    }

    .hover\:bg-rose-100:hover {
      background-color: var(--color-rose-100);
    }

    .hover\:bg-teal-50:hover {
      background-color: var(--color-teal-50);
    }

    .hover\:bg-teal-100:hover {
      background-color: var(--color-teal-100);
    }

    .hover\:bg-teal-700:hover {
      background-color: var(--color-teal-700);
    }

    .hover\:bg-teal-800:hover {
      background-color: var(--color-teal-800);
    }

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

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

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

    .hover\:bg-white\/70:hover {
      background-color: #ffffffb3;
    }

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

    .hover\:text-amber-700:hover {
      color: var(--color-amber-700);
    }

    .hover\:text-blue-800:hover {
      color: var(--color-blue-800);
    }

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

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

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

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-700:hover {
      color: var(--color-red-700);
    }

    .hover\:text-teal-600:hover {
      color: var(--color-teal-600);
    }

    .hover\:text-teal-700:hover {
      color: var(--color-teal-700);
    }

    .hover\:text-teal-800:hover {
      color: var(--color-teal-800);
    }

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

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

    .hover\:shadow-\[0_4px_20px_-4px_rgba\(0\,0\,0\,0\.1\)\]:hover {
      --tw-shadow: 0 4px 20px -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);
    }

    .hover\:shadow-\[0_12px_24px_-18px_rgba\(13\,148\,136\,0\.55\)\]:hover {
      --tw-shadow: 0 12px 24px -18px var(--tw-shadow-color, #0d94888c);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    }

    .hover\:shadow-md:hover {
      --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);
    }

    .hover\:shadow-sm:hover {
      --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);
    }

    .hover\:ring-blue-200:hover {
      --tw-ring-color: var(--color-blue-200);
    }

    .hover\:ring-green-200:hover {
      --tw-ring-color: var(--color-green-200);
    }

    .hover\:ring-purple-200:hover {
      --tw-ring-color: var(--color-purple-200);
    }

    .hover\:ring-red-200:hover {
      --tw-ring-color: var(--color-red-200);
    }

    .hover\:ring-yellow-200:hover {
      --tw-ring-color: var(--color-yellow-200);
    }

    .hover\:ring-offset-1:hover {
      --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\:border-indigo-500:focus {
    border-color: var(--color-indigo-500);
  }

  .focus\:border-teal-500:focus {
    border-color: var(--color-teal-500);
  }

  .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-blue-400:focus {
    --tw-ring-color: var(--color-blue-400);
  }

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

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

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

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

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

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

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }

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

  @media (min-width: 40rem) {
    .sm\:right-0 {
      right: calc(var(--spacing)*0);
    }

    .sm\:left-auto {
      left: auto;
    }

    .sm\:mt-0 {
      margin-top: calc(var(--spacing)*0);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:w-48 {
      width: calc(var(--spacing)*48);
    }

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

    .sm\:w-full {
      width: 100%;
    }

    .sm\:min-w-\[160px\] {
      min-width: 160px;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

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

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

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

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

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

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

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

    .sm\:border-gray-200 {
      border-color: var(--color-gray-200);
    }

    .sm\:bg-white {
      background-color: var(--color-white);
    }

    .sm\:p-5 {
      padding: calc(var(--spacing)*5);
    }

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

    .sm\:p-7 {
      padding: calc(var(--spacing)*7);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing)*8);
    }

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

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

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

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

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

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

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

    .sm\:py-10 {
      padding-block: calc(var(--spacing)*10);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing)*12);
    }

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

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

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

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

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

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

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

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

    .sm\:text-\[2\.7rem\] {
      font-size: 2.7rem;
    }

    .sm\:text-\[18px\] {
      font-size: 18px;
    }

    .sm\: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);
    }
  }

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

    .md\:mb-0 {
      margin-bottom: calc(var(--spacing)*0);
    }

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

    .md\:mb-8 {
      margin-bottom: calc(var(--spacing)*8);
    }

    .md\:ml-0 {
      margin-left: calc(var(--spacing)*0);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:hidden {
      display: none;
    }

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

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

    .md\:w-1\/2 {
      width: 50%;
    }

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

    .md\:flex-\[2\.2\] {
      flex: 2.2;
    }

    .md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y);
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

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

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

    .md\:gap-0 {
      gap: calc(var(--spacing)*0);
    }

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

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

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

    .md\:border-gray-200 {
      border-color: var(--color-gray-200);
    }

    .md\:border-red-100 {
      border-color: var(--color-red-100);
    }

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

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

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

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

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

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

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

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

    .md\:pb-\[0\.5rem\] {
      padding-bottom: .5rem;
    }

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

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

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

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

    .md\: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);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }

    .lg\:max-w-\[16\.5rem\] {
      max-width: 16.5rem;
    }

    .lg\:max-w-\[75\%\] {
      max-width: 75%;
    }

    .lg\:max-w-none {
      max-width: none;
    }

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

    .lg\:flex-\[0\.85\] {
      flex: .85;
    }

    .lg\:flex-\[0\.95\] {
      flex: .95;
    }

    .lg\:flex-\[1\.7\] {
      flex: 1.7;
    }

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

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

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

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

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

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

    .lg\:gap-y-8 {
      row-gap: calc(var(--spacing)*8);
    }

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

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

    .lg\:border-gray-200 {
      border-color: var(--color-gray-200);
    }

    .lg\:bg-white {
      background-color: var(--color-white);
    }

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

    .lg\:p-8 {
      padding: calc(var(--spacing)*8);
    }

    .lg\:p-10 {
      padding: calc(var(--spacing)*10);
    }

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

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

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

    .lg\:py-10 {
      padding-block: calc(var(--spacing)*10);
    }

    .lg\:shadow-\[0_4px_24px_-4px_rgba\(0\,0\,0\,0\.08\)\] {
      --tw-shadow: 0 4px 24px -4px var(--tw-shadow-color, #00000014);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }

    .xl\:hidden {
      display: none;
    }

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

    .xl\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 18rem minmax(0, 1fr);
    }

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

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

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

  .animate-fade-in {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-out);
    animation: .3s forwards fadeIn;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(-4px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

body {
  background-color: #fcfcf9;
  font-family: Inter, sans-serif;
}

.font-serif {
  font-family: Instrument Serif, serif;
}

.font-noto-serif {
  font-family: Noto Serif, serif;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.custom-scroll::-webkit-scrollbar {
  width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: none;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: #e5e7eb;
  border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #d1d5db;
}

.red-note-icon {
  filter: brightness(0) saturate() invert(18%) sepia(89%) saturate(2926%) hue-rotate(349deg) brightness(91%) contrast(94%);
}

.field-large {
  width: 100%;
  max-width: 51.5rem;
  height: 3rem;
}

.field-small {
  width: 100%;
  max-width: 25rem;
  height: 3rem;
}

.form-input {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  background-color: var(--color-white);
  width: 100%;
  padding-inline: calc(var(--spacing)*6);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-700);
}

.form-input::placeholder {
  color: var(--color-gray-400);
}

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

.form-input:focus {
  border-color: var(--color-teal-700);
  --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);
  --tw-ring-color: var(--color-teal-700);
  --tw-outline-style: none;
  outline-style: none;
}

.form-input {
  border-radius: 10px;
  height: 3rem;
}

.form-select-btn {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  background-color: var(--color-white);
  height: 3rem;
  padding-inline: calc(var(--spacing)*6);
  white-space: nowrap;
  color: var(--color-gray-600);
  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));
  border-radius: 2147483647px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (hover: hover) {
  .form-select-btn:hover {
    border-color: var(--color-teal-700);
    color: var(--color-teal-700);
  }
}

#view-deep-search .form-input, #view-deep-search .field-large, #view-deep-search .field-small, #view-deep-search .form-select-btn, #view-citation .form-input, #view-citation .field-large, #view-citation .field-small, #view-citation .form-select-btn, #view-statute .form-input, #view-statute .field-large, #view-statute .field-small, #view-statute .form-select-btn, #view-docid .form-input, #view-docid .field-large, #view-docid .field-small, #view-docid .form-select-btn {
  height: 2.5rem !important;
  min-height: 2.5rem !important;
}

#view-citation button[onclick*="switchView('results')"], #view-statute button#statute-add-btn, #view-statute button#statute-find-btn, #view-docid button[onclick*="switchView('results')"] {
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  padding-top: .35rem !important;
  padding-bottom: .35rem !important;
  font-size: .95rem !important;
}

#view-deep-search textarea.deep-search-keyword-input {
  line-height: 1.35;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  padding-top: .45rem !important;
  padding-bottom: .45rem !important;
}

#view-deep-search #include-supreme-wrapper {
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  padding-top: .45rem !important;
  padding-bottom: .45rem !important;
}

.form-label {
  margin-bottom: calc(var(--spacing)*2);
  margin-left: calc(var(--spacing)*1);
  align-items: center;
  gap: calc(var(--spacing)*1.5);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-600);
  display: flex;
}

.slider-thumb::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
  background: #fff;
  border: 2px solid #b91c1c;
  border-radius: 4px;
  width: 1rem;
  height: 1rem;
  margin-top: -.375rem;
  transition: transform .1s;
  box-shadow: 0 2px 4px #0000001a;
}

.slider-thumb::-webkit-slider-thumb:hover {
  transform: scale(1.08);
}

.slider-thumb::-moz-range-thumb {
  pointer-events: auto;
  cursor: pointer;
  background: #fff;
  border: 2px solid #b91c1c;
  border-radius: 4px;
  width: 1rem;
  height: 1rem;
  box-shadow: 0 2px 4px #0000001a;
}

.slider-thumb-large::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  cursor: pointer;
  background: #fff;
  border: 2px solid #b91c1c;
  border-radius: 4px;
  width: 1rem;
  height: 1rem;
  margin-top: -.375rem;
  transition: transform .1s;
  box-shadow: 0 2px 4px #0000001a;
}

.slider-thumb-large::-webkit-slider-thumb:hover {
  transform: scale(1.08);
}

.slider-thumb-large::-moz-range-thumb {
  pointer-events: auto;
  cursor: pointer;
  background: #fff;
  border: 2px solid #b91c1c;
  border-radius: 4px;
  width: 1rem;
  height: 1rem;
  box-shadow: 0 2px 4px #0000001a;
}

@media (max-width: 640px) {
  .deep-search-year-shell {
    border-radius: 1.5rem;
    padding: 1rem;
  }
}

#include-supreme-wrapper:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #0000000f;
}

#include-supreme-wrapper:active {
  transform: scale(.98);
}

.flexi-inline-range {
  appearance: none;
  cursor: pointer;
  background: #e5e7eb;
  border-radius: 9999px;
  outline: none;
  width: 100%;
  height: 6px;
}

.flexi-inline-range::-webkit-slider-runnable-track {
  background: #e5e7eb;
  border-radius: 9999px;
  height: 6px;
}

.flexi-inline-range::-moz-range-track {
  background: #e5e7eb;
  border-radius: 9999px;
  height: 6px;
}

.flexi-inline-range::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #0f8f83;
  border: 3px solid #fff;
  border-radius: 9999px;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  transition: transform .14s, box-shadow .14s;
  box-shadow: 0 4px 14px #0f8f832e;
}

.flexi-inline-range::-webkit-slider-thumb:hover {
  transform: scale(1.04);
  box-shadow: 0 5px 14px #0f8f8338;
}

.flexi-inline-range::-moz-range-thumb {
  cursor: pointer;
  background: #0f8f83;
  border: 3px solid #fff;
  border-radius: 9999px;
  width: 18px;
  height: 18px;
  box-shadow: 0 4px 14px #0f8f832e;
}

.flexi-mobile-panel {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.flexi-desktop-panel {
  will-change: opacity,transform;
  backface-visibility: hidden;
  width: 220px;
  position: absolute;
  top: 50%;
  left: calc(100% + 2rem);
  transform: translateY(-50%);
}

.flexi-reveal {
  animation: .16s ease-out flexiFadeSlideDesktop;
}

@keyframes flexiFadeSlideDesktop {
  0% {
    opacity: 0;
    transform: translateY(calc(4px - 50%));
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@media (max-width: 767px) {
  #headnote-flexi-slider-desktop, #order-flexi-slider-desktop {
    display: none !important;
  }

  #headnote-flexi-slider-mobile, #order-flexi-slider-mobile {
    width: 100%;
    max-width: 100%;
  }

  #headnote-flexi-slider-mobile:not(.hidden), #order-flexi-slider-mobile:not(.hidden) {
    display: block;
  }

  #view-deep-search, #view-deep-search *, #view-citation, #view-citation *, #view-statute, #view-statute *, #view-docid, #view-docid * {
    box-sizing: border-box;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  #headnote-flexi-slider-mobile, #order-flexi-slider-mobile {
    display: none !important;
  }

  #headnote-flexi-slider-desktop, #order-flexi-slider-desktop {
    min-height: 76px;
  }
}

.results-toolbar-scroll, .results-pagination-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.results-toolbar-scroll::-webkit-scrollbar {
  display: none;
}

.results-pagination-scroll::-webkit-scrollbar {
  display: none;
}

.results-bench-wrap {
  position: relative;
}

.results-bench-trigger.is-open {
  color: #0f766e;
  background: #f0fdfa;
  border-color: #0f766e;
}

.results-bench-menu {
  z-index: 70;
  width: 15.5rem;
  padding-top: .5rem;
  position: absolute;
  top: 100%;
  left: 0;
}

.results-bench-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 18px 40px #0f172a1f;
}

.results-bench-option {
  text-align: left;
  color: #374151;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .8rem .95rem;
  font-size: .875rem;
  transition: background-color .2s, color .2s;
  display: flex;
}

.results-bench-option:hover {
  color: #0f766e;
  background: #f0fdfa;
}

.results-bench-checkbox {
  appearance: none;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #cbd5e1;
  border-radius: .32rem;
  flex: none;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  transition: all .18s;
  display: inline-grid;
}

.results-bench-checkbox:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: .3rem;
  height: .55rem;
  margin-top: -.05rem;
  transition: transform .16s;
  transform: rotate(45deg) scale(0);
}

.results-bench-checkbox:checked {
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px #0f766e1a;
}

.results-bench-checkbox:checked:after {
  transform: rotate(45deg) scale(1);
}

.results-bench-option-label {
  flex: auto;
  min-width: 0;
  line-height: 1.2rem;
}

.results-bench-count, .results-court-count {
  color: #9ca3af;
  flex: none;
  font-size: .75rem;
}

.results-court-wrap {
  position: relative;
}

.results-court-trigger.is-open {
  color: #0f766e;
  background: #f0fdfa;
  border-color: #0f766e;
}

.results-court-menu {
  z-index: 70;
  width: 17rem;
  padding-top: .5rem;
  position: absolute;
}

.results-court-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  max-height: 20rem;
  overflow: hidden auto;
  box-shadow: 0 18px 40px #0f172a1f;
}

.results-court-option {
  text-align: left;
  color: #374151;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .8rem .95rem;
  font-size: .875rem;
  transition: background-color .2s, color .2s;
  display: flex;
}

.results-court-option:hover {
  color: #0f766e;
  background: #f0fdfa;
}

.results-court-checkbox {
  appearance: none;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #cbd5e1;
  border-radius: .32rem;
  flex: none;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  transition: all .18s;
  display: inline-grid;
}

.results-court-checkbox:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: .3rem;
  height: .55rem;
  margin-top: -.05rem;
  transition: transform .16s;
  transform: rotate(45deg) scale(0);
}

.results-court-checkbox:checked {
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 0 0 3px #0f766e1a;
}

.results-court-checkbox:checked:after {
  transform: rotate(45deg) scale(1);
}

.results-court-option-label {
  flex: auto;
  min-width: 0;
  line-height: 1.2rem;
}

@media (min-width: 768px) {
  .results-bench-wrap:hover .results-bench-trigger, .results-court-wrap:hover .results-court-trigger {
    color: #0f766e;
    border-color: #0f766e;
  }
}

@media (max-width: 767px) {
  #view-results .results-toolbar-shell, #view-results .results-pagination-footer {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  #view-results .results-toolbar-shell {
    align-items: stretch;
    gap: .75rem;
  }

  #view-results .results-toolbar-top {
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    display: flex;
  }

  #view-results .results-toolbar-summary {
    flex: auto;
    min-width: 0;
  }

  #view-results .results-count-row {
    align-items: center;
    min-width: 0;
    display: flex;
  }

  #view-results #results-prev-inline, #view-results #results-next-inline {
    display: none;
  }

  #view-results .results-mobile-filter-toggle {
    color: #4b5563;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    min-height: 2.35rem;
    padding: .5rem .85rem;
    font-size: .72rem;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
    box-shadow: 0 8px 20px -18px #0f172a47;
  }

  #view-results .results-mobile-filter-toggle.is-open {
    color: #0f766e;
    background: #fff7f7;
    border-color: #0d948838;
  }

  #view-results #pagination-meta {
    display: none;
  }

  #view-results .results-toolbar-actions {
    flex-direction: column;
    align-items: stretch;
    gap: .625rem;
    width: 100%;
    min-width: 0;
  }

  #view-results .results-toolbar-actions.hidden {
    display: none !important;
  }

  #view-results .results-filter-row, #view-results .results-sort-court-row, #view-results .results-sort-row, #view-results .results-pagination-scroll {
    white-space: normal;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    padding-bottom: .125rem;
  }

  #view-results .results-filter-row {
    gap: .4rem;
  }

  #view-results .results-filter-row > * {
    flex: 1 1 0;
    min-width: 0;
  }

  #view-results .results-sort-court-row {
    align-items: center;
    gap: .4rem;
    display: flex;
  }

  #view-results .results-sort-court-row .results-court-wrap {
    flex: 0 0 5.4rem;
    min-width: 0;
  }

  #view-results .results-sort-court-row .results-sort-row {
    flex: auto;
    min-width: 0;
  }

  #view-results .results-filter-btn, #view-results .results-bench-btn, #view-results .results-court-btn, #view-results .results-sort-pill {
    min-height: 2.25rem;
  }

  #view-results .results-filter-btn, #view-results .results-bench-btn, #view-results .results-court-btn {
    justify-content: center;
    gap: .25rem;
    padding: .5rem .35rem;
    font-size: .68rem;
  }

  #view-results .results-bench-menu, #view-results .results-court-menu {
    width: min(20rem, 100vw - 1.5rem);
    min-width: 0;
    padding-top: 0;
  }

  #view-results .results-court-menu {
    width: min(22rem, 100vw - 1.5rem);
  }

  #view-results .results-bench-panel, #view-results .results-court-panel {
    border-radius: 1rem;
    max-height: min(20rem, 100vh - 11rem);
    overflow-y: auto;
  }

  #view-results .results-sort-row {
    border-radius: 9999px;
    align-items: center;
    padding: .25rem;
    display: inline-flex;
  }

  #view-results .results-sort-pill {
    text-align: center;
    flex: 1 1 0;
    min-width: 0;
    padding: .52rem .28rem;
    font-size: .66rem;
  }

  #view-results .results-list-wrap {
    padding-top: .75rem;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-bottom: calc(3.7rem + env(safe-area-inset-bottom));
  }

  #view-results .result-card {
    border-radius: 1rem;
    padding: .375rem;
  }

  #view-results .result-card-header {
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    margin-bottom: .25rem;
  }

  #view-results .result-card-title {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
  }

  #view-results .result-card-date {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    line-height: 1.2rem;
  }

  #view-results .result-snippet {
    word-break: break-word;
    overflow-wrap: anywhere;
    color: red;
    font-size: 1rem;
    line-height: 1.6rem;
  }

  #view-results .result-snippet-preview {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  #view-results .results-pagination-footer {
    left: 0;
    right: 0;
    bottom: calc(4.25rem + env(safe-area-inset-bottom));
    z-index: 38;
    justify-content: center;
    padding-top: .55rem;
    padding-bottom: .55rem;
    position: fixed;
    box-shadow: 0 -12px 28px -24px #0f172a73;
  }
}

#view-results .result-card {
  font-family: Noto Serif, serif;
}

#view-results .result-card * {
  font-family: inherit;
}

#view-results .result-citation-stars svg {
  fill: #0000;
  stroke: currentColor;
  stroke-width: 1.8px;
}

#view-results .result-citation-stars .is-filled {
  fill: currentColor;
}

@keyframes statuteRowFlash {
  0% {
    background-color: #0d948838;
  }

  40% {
    background-color: #0d94881a;
  }

  to {
    background-color: #0000;
  }
}

.statute-selection-row-flash {
  animation: 1.2s both statuteRowFlash;
}

.judgment-float-dock {
  z-index: 2147483000;
  user-select: none;
  cursor: grab;
  touch-action: none;
  position: fixed;
  bottom: 22px;
  left: 50%;
  transform: translate(-50%);
}

.judgment-float-dock.is-positioned {
  transform: none;
}

.judgment-float-dock.is-dragging {
  cursor: grabbing;
}

.judgment-float-dock-shell {
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff75;
  border: 1px solid #e5e7eb8c;
  box-shadow: 0 14px 34px -26px #0f172a52;
}

.judgment-dock-item {
  transform-origin: 50%;
  transition: transform .16s, box-shadow .16s, background-color .16s, color .16s;
  background-color: #ffffff94 !important;
}

.judgment-dock-item:hover {
  transform: translateY(-1px) scale(1.08);
  box-shadow: 0 10px 22px -18px #0f172a73;
}

.judgment-dock-item.is-active {
  color: #0d9488;
  border-color: #0d948859;
  background: #0d948829 !important;
}

.judgment-mobile-nav-dock-btn {
  display: none;
}

#sidebar, #app-top-nav, #mobile-page-header, #mobile-bottom-tabs, #history-sidebar, #sample-questions-sidebar, #view-judgment, #view-judgment .judgment-toolbar, #view-judgment .judgment-reader-scroll, #view-judgment .judgment-reader-shell, #view-judgment .judgment-reader-card, #judgment-float-dock {
  transition: opacity .26s, transform .32s cubic-bezier(.22, 1, .36, 1), max-height .26s, padding .26s, border-color .26s, box-shadow .26s;
}

.judgment-fullscreen-exit {
  z-index: 2147483001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s, transform .26s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .22s;
  display: inline-flex;
  position: fixed;
  top: 1rem;
  right: 1rem;
  transform: translateY(-.4rem) scale(.96);
}

html.judgment-fullscreen, html.judgment-fullscreen-entering, html.judgment-fullscreen-exiting, html.judgment-fullscreen body {
  overflow: hidden;
}

#view-judgment .judgment-toolbar {
  max-height: 7.5rem;
  overflow: hidden;
}

html.judgment-fullscreen #sidebar, html.judgment-fullscreen #app-top-nav, html.judgment-fullscreen #mobile-page-header, html.judgment-fullscreen #mobile-bottom-tabs, html.judgment-fullscreen #history-sidebar, html.judgment-fullscreen #sample-questions-sidebar {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-.35rem);
}

html.judgment-fullscreen #view-judgment .judgment-toolbar {
  opacity: 0;
  pointer-events: none;
  border-color: #0000;
  max-height: 0;
  transform: translateY(-.65rem);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html.judgment-fullscreen #app-main-scroll {
  padding-bottom: 0 !important;
}

html.judgment-fullscreen #view-judgment {
  z-index: 2147482000;
  background: #fcfcf9;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
}

html.judgment-fullscreen-entering #view-judgment {
  animation: .32s cubic-bezier(.22, 1, .36, 1) both judgmentFullscreenEnter;
}

html.judgment-fullscreen-exiting #view-judgment {
  z-index: 2147482000;
  background: #fcfcf9;
  width: 100vw;
  height: 100vh;
  animation: .26s cubic-bezier(.4, 0, .2, 1) both judgmentFullscreenExit;
  position: fixed;
  inset: 0;
}

html.judgment-fullscreen #view-judgment .judgment-reader-scroll {
  height: 100vh;
  padding: 1.25rem 0 5.5rem;
}

html.judgment-fullscreen #view-judgment .judgment-reader-shell {
  max-width: 100%;
}

html.judgment-fullscreen #view-judgment .judgment-reader-card {
  box-shadow: none;
  background: #fff;
  border-radius: 0;
  padding: 1.5rem clamp(1.25rem, 4vw, 3.75rem) 3rem;
  border: 0 !important;
}

html.judgment-fullscreen .judgment-fullscreen-exit {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .22s .12s, transform .28s cubic-bezier(.22, 1, .36, 1) .12s, visibility linear;
  transform: translateY(0) scale(1);
}

html.judgment-fullscreen #judgment-float-dock {
  transform: translateY(-.25rem) scale(1.02);
}

@keyframes judgmentFullscreenEnter {
  0% {
    opacity: .92;
    transform: scale(.985);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes judgmentFullscreenExit {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: .94;
    transform: scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  #sidebar, #app-top-nav, #mobile-page-header, #mobile-bottom-tabs, #history-sidebar, #sample-questions-sidebar, #view-judgment, #view-judgment .judgment-toolbar, #view-judgment .judgment-reader-scroll, #view-judgment .judgment-reader-shell, #view-judgment .judgment-reader-card, #judgment-float-dock, .judgment-fullscreen-exit {
    transition: none !important;
    animation: none !important;
  }
}

.judgment-user-highlight {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .3rem;
  padding: .03rem .12rem;
}

.judgment-user-highlight[data-hl="yellow"] {
  background: #fde68ab3;
  box-shadow: inset 0 -.35em #fde68a61;
}

.judgment-user-highlight[data-hl="green"] {
  background: #6ee7b78c;
  box-shadow: inset 0 -.35em #6ee7b747;
}

@media print {
  .judgment-user-highlight[data-hl="yellow"] {
    box-shadow: none !important;
    background: none !important;
  }

  .judgment-user-highlight[data-hl="green"] {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #6ee7b78c !important;
    box-shadow: inset 0 -.35em #6ee7b747 !important;
  }
}

#view-subscribe details.subscribe-plan-details > summary {
  pointer-events: none;
  user-select: none;
}

#view-subscribe details.subscribe-plan-details > summary .subscribe-view-features-btn, #view-subscribe details.subscribe-plan-details > summary button, #view-subscribe details.subscribe-plan-details > summary input, #view-subscribe details.subscribe-plan-details > summary select, #view-subscribe details.subscribe-plan-details > summary textarea, #view-subscribe details.subscribe-plan-details > summary #subscribe-hc-btn, #view-subscribe details.subscribe-plan-details > summary #subscribe-hc-btn * {
  pointer-events: auto;
}

html.dark .judgment-float-dock-shell {
  background: #0f172ac7;
  border-color: #94a3b838;
  box-shadow: 0 22px 60px -36px #000000b3;
}

:root {
  --lf-bg: #fcfcf9;
  --lf-surface: #fff;
  --lf-surface-2: #f9f9f7;
  --lf-border: #1118271f;
  --lf-text: #111827;
  --lf-muted: #6b7280;
  --lf-muted-2: #9ca3af;
  --lf-accent: #0f766e;
  --lf-hover: #1118270a;
}

html.dark {
  --lf-bg: #0b1220;
  --lf-surface: #0f172aeb;
  --lf-surface-2: #1e293bb8;
  --lf-border: #94a3b838;
  --lf-text: #f1f5f9f2;
  --lf-muted: #e2e8f0c7;
  --lf-muted-2: #94a3b8bf;
  --lf-accent: #fca5a5;
  --lf-hover: #1e293bd9;
}

html.dark body {
  background: var(--lf-bg);
  color: var(--lf-text);
}

html.dark #app-main-scroll {
  background: var(--lf-bg);
}

html.dark #sidebar .text-black-600, html.dark #app-top-nav .text-black-600, html.dark #app-top-nav .text-gray-700, html.dark #app-top-nav .text-gray-800, html.dark #app-top-nav .text-gray-900 {
  color: var(--lf-text) !important;
}

html.dark #sidebar .text-teal-700 {
  color: var(--lf-accent) !important;
}

html.dark #sidebar {
  background: var(--lf-surface);
  border-color: var(--lf-border);
}

html.dark #sidebar .bg-white {
  background: var(--lf-surface-2) !important;
}

html.dark #sidebar .border-gray-200, html.dark #sidebar .border-gray-200\/60, html.dark #sidebar .border-gray-200\/50 {
  border-color: var(--lf-border) !important;
}

html.dark #app-top-nav {
  border-color: var(--lf-border);
  background: #0f172ad1;
}

html.dark .app-top-nav-links-shell {
  background: var(--lf-surface-2);
  border-color: var(--lf-border);
  color: var(--lf-text);
}

html.dark .app-top-nav-links-shell .bg-gray-200 {
  background: var(--lf-border) !important;
}

html.dark .app-top-nav-links-shell button:hover {
  background: var(--lf-hover) !important;
}

html.dark .app-top-nav-action-link {
  background: var(--lf-surface-2);
  border-color: var(--lf-border);
  color: var(--lf-text);
}

html.dark .app-top-nav-action-link:hover {
  background: var(--lf-hover);
  color: var(--lf-accent);
}

html.dark .app-top-nav-action-link.bg-white {
  background: var(--lf-hover) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-accent) !important;
}

html.dark #top-btn-dark-mode, html.dark #mobile-btn-dark-mode {
  background: var(--lf-surface-2);
  border-color: var(--lf-border);
  color: var(--lf-text);
}

html.dark #top-btn-dark-mode:hover, html.dark #mobile-btn-dark-mode:hover {
  background: var(--lf-hover);
  color: var(--lf-accent);
}

html.dark #view-home {
  background: none;
}

html.dark #home-brand-heading {
  color: var(--lf-text) !important;
}

html.dark #home-brand-subtitle {
  color: var(--lf-muted) !important;
}

html.dark #app-main-scroll.ai-enabled {
  background-image: radial-gradient(circle at 18% 18%, #0d94882e 0%, #0d948800 26%), radial-gradient(circle at 76% 22%, #facc151c 0%, #facc1500 28%), radial-gradient(circle at 82% 78%, #a78bfa1f 0%, #a78bfa00 26%), radial-gradient(circle at 20% 84%, #60a5fa1a 0%, #60a5fa00 26%), linear-gradient(#0b1220f5 0%, #0b1220fc 100%);
}

html.dark #view-home .bg-white.border.border-gray-200.rounded-xl {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark #view-home textarea, html.dark #view-home input {
  color: var(--lf-text);
}

html.dark #view-home textarea::placeholder, html.dark #view-home input::placeholder {
  color: var(--lf-muted-2);
}

html.dark #view-home .home-plus-chip {
  color: var(--lf-muted);
  border: 1px solid var(--lf-border);
  background: #02061740;
}

html.dark #view-home #supreme-court-btn, html.dark #view-home #courts-btn {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #view-home #supreme-court-btn:hover, html.dark #view-home #courts-btn:hover {
  background: var(--lf-hover) !important;
}

html.dark #view-home #supreme-court-btn.bg-teal-50 {
  color: var(--lf-accent) !important;
  background: #fca5a529 !important;
  border-color: #fca5a547 !important;
}

html.dark #view-home #courts-btn .text-gray-400 {
  color: var(--lf-muted-2) !important;
}

html.dark #view-home #home-ai-toggle:not(.is-active) {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-accent) !important;
}

html.dark #view-home #home-ai-toggle:not(.is-active):hover {
  background: var(--lf-hover) !important;
}

html.dark #view-home #home-ai-toggle:not(.is-active) .home-ai-toggle-status {
  color: var(--lf-accent) !important;
  background: #fca5a52e !important;
}

html.dark #view-home .hover\\:bg-gray-100:hover {
  background: var(--lf-hover) !important;
}

html.dark #view-home .bg-gray-200 {
  background: var(--lf-border) !important;
}

html.dark #view-home #submit-btn.bg-gray-100 {
  color: #94a3b8b3 !important;
  background: #02061759 !important;
}

html.dark #view-home #submit-btn.bg-teal-600 {
  box-shadow: 0 18px 34px -24px #fca5a559;
}

html.dark #view-home .text-gray-500 {
  color: var(--lf-muted) !important;
}

html.dark #view-home .text-gray-400 {
  color: var(--lf-muted-2) !important;
}

html.dark #home-sample-queries-btn {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #home-sample-queries-btn:hover {
  background: var(--lf-hover) !important;
  color: var(--lf-accent) !important;
  border-color: #fca5a538 !important;
}

html.dark #courts-menu #high-court-list {
  background: none !important;
}

html.dark #courts-menu #high-court-list button {
  color: var(--lf-text) !important;
  border-color: #94a3b81f !important;
}

html.dark #courts-menu #high-court-list button:hover {
  color: var(--lf-accent) !important;
  background: #02061740 !important;
}

html.dark #courts-menu #high-court-list button.bg-teal-50 {
  color: var(--lf-accent) !important;
  background: #fca5a524 !important;
}

html.dark #view-results .results-toolbar-shell, html.dark #view-results .results-pagination-footer {
  border-color: var(--lf-border);
  background: #0f172ad1;
}

html.dark #view-results #results-count {
  color: var(--lf-text) !important;
}

html.dark #view-results .results-filter-btn, html.dark #view-results .results-bench-btn, html.dark #view-results .results-court-btn, html.dark #view-results .results-mobile-filter-toggle, html.dark #view-results #results-prev-inline, html.dark #view-results #results-next-inline, html.dark #view-results .results-sort-row {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #view-results .results-mobile-filter-toggle.is-open {
  color: var(--lf-accent) !important;
  background: #02061759 !important;
}

html.dark #view-results .results-sort-pill {
  color: var(--lf-muted) !important;
}

html.dark #view-results .results-sort-pill.bg-white {
  color: var(--lf-accent) !important;
  background: #02061759 !important;
}

html.dark #view-results .results-list-wrap {
  background: var(--lf-bg);
}

html.dark #view-results .result-card {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark #view-results .result-card-title, html.dark #view-results .result-card-date {
  color: var(--lf-accent) !important;
}

html.dark #view-results .result-snippet {
  color: var(--lf-muted) !important;
}

html.dark #view-results .result-card .bg-white {
  background: #02061740 !important;
}

html.dark #view-results .result-card .border-gray-200 {
  border-color: var(--lf-border) !important;
}

html.dark .form-label {
  color: var(--lf-muted) !important;
}

html.dark .form-input {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark .form-input::placeholder {
  color: var(--lf-muted-2) !important;
}

html.dark .form-select-btn {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #view-deep-search, html.dark #view-citation, html.dark #view-statute, html.dark #view-docid {
  background: var(--lf-bg) !important;
}

html.dark #view-deep-search .text-gray-900, html.dark #view-citation .text-gray-900, html.dark #view-statute .text-gray-900, html.dark #view-docid .text-gray-900, html.dark #view-deep-search .text-gray-800, html.dark #view-deep-search .text-gray-700, html.dark #view-deep-search .text-gray-600, html.dark #view-citation .text-gray-800, html.dark #view-citation .text-gray-700, html.dark #view-citation .text-gray-600, html.dark #view-statute .text-gray-800, html.dark #view-statute .text-gray-700, html.dark #view-statute .text-gray-600, html.dark #view-docid .text-gray-800, html.dark #view-docid .text-gray-700, html.dark #view-docid .text-gray-600 {
  color: var(--lf-text) !important;
}

html.dark #view-deep-search .text-gray-500, html.dark #view-citation .text-gray-500, html.dark #view-statute .text-gray-500, html.dark #view-docid .text-gray-500 {
  color: var(--lf-muted) !important;
}

html.dark #view-deep-search .bg-white.border.border-gray-200.rounded-2xl, html.dark #view-citation .bg-white.border.border-gray-200.rounded-3xl, html.dark #view-statute .bg-white.border.border-gray-200.rounded-3xl, html.dark #view-docid .bg-white.border.border-gray-200.rounded-3xl, html.dark #court-autocomplete, html.dark #headnote-search-type-menu, html.dark #order-search-type-menu, html.dark #headnote-flexi-slider-mobile, html.dark #headnote-flexi-slider-desktop, html.dark #order-flexi-slider-mobile, html.dark #order-flexi-slider-desktop {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark .court-autocomplete-item, html.dark #headnote-search-type-menu button, html.dark #order-search-type-menu button {
  color: var(--lf-text) !important;
}

html.dark .court-autocomplete-item:hover, html.dark #headnote-search-type-menu button:hover, html.dark #order-search-type-menu button:hover {
  background: #02061740 !important;
}

html.dark .court-autocomplete-item.bg-teal-50, html.dark .statute-autocomplete-item.bg-teal-50 {
  color: var(--lf-accent) !important;
  background: #fca5a524 !important;
}

html.dark .deep-search-ai-toggle:not(.is-active) {
  background: var(--lf-surface-2) !important;
  color: var(--lf-accent) !important;
}

html.dark .deep-search-ai-toggle-status {
  color: var(--lf-accent) !important;
  background: #fca5a52e !important;
}

html.dark #subject-toggle-group .subject-toggle-btn.bg-white {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #subject-toggle-group .subject-toggle-btn:hover {
  background: var(--lf-hover) !important;
}

html.dark #subject-toggle-group .subject-toggle-btn.bg-teal-50 {
  color: var(--lf-accent) !important;
  background: #fca5a529 !important;
  border-color: #fca5a547 !important;
}

html.dark #statute-act-autocomplete {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark .statute-autocomplete-item {
  color: var(--lf-text) !important;
  border-color: #94a3b81f !important;
}

html.dark .statute-autocomplete-item:hover {
  background: #02061740 !important;
}

html.dark #statute-selection-editor-wrap {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark #statute-selection-editor-wrap .border-gray-100, html.dark #statute-selection-editor-wrap .divide-gray-100 {
  border-color: #94a3b829 !important;
}

html.dark #statute-selection-editor-wrap .bg-white {
  background: #02061740 !important;
}

html.dark #statute-selection-editor-wrap .border-gray-200 {
  border-color: var(--lf-border) !important;
}

html.dark #statute-selection-editor-wrap .text-gray-500 {
  color: var(--lf-muted) !important;
}

html.dark #view-statute #statute-add-btn {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #view-statute #statute-add-btn:hover {
  background: var(--lf-hover) !important;
  color: var(--lf-accent) !important;
}

html.dark #statute-selection-error {
  color: #fca5a5 !important;
}

html.dark #view-deep-search .text-gray-400, html.dark #view-citation .text-gray-400, html.dark #view-statute .text-gray-400, html.dark #view-docid .text-gray-400 {
  color: var(--lf-muted-2) !important;
}

html.dark #view-results .results-bench-menu, html.dark #view-results .results-court-menu, html.dark #view-results .results-bench-panel, html.dark #view-results .results-court-panel {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #view-results .results-bench-option:hover, html.dark #view-results .results-court-option:hover {
  background: #02061740 !important;
}

html.dark #view-ai-assistant, html.dark #view-documentation-assistant, html.dark #view-drafting-assistant {
  background: var(--lf-bg);
}

html.dark #view-ai-assistant .bg-white, html.dark #view-documentation-assistant .bg-white, html.dark #view-drafting-assistant .bg-white {
  background: var(--lf-surface) !important;
}

html.dark #view-ai-assistant .border-gray-200, html.dark #view-documentation-assistant .border-gray-200, html.dark #view-drafting-assistant .border-gray-200 {
  border-color: var(--lf-border) !important;
}

html.dark #view-ai-assistant .text-gray-900, html.dark #view-documentation-assistant .text-gray-900, html.dark #view-drafting-assistant .text-gray-900 {
  color: var(--lf-text) !important;
}

html.dark #view-ai-assistant .text-gray-500, html.dark #view-documentation-assistant .text-gray-500, html.dark #view-drafting-assistant .text-gray-500 {
  color: var(--lf-muted) !important;
}

html.dark #view-ai-assistant textarea, html.dark #view-documentation-assistant textarea, html.dark #view-drafting-assistant textarea {
  color: var(--lf-text);
}

html.dark #view-ai-assistant textarea::placeholder, html.dark #view-documentation-assistant textarea::placeholder, html.dark #view-drafting-assistant textarea::placeholder {
  color: var(--lf-muted-2);
}

html.dark #courts-menu, html.dark #ai-assistant-courts-menu {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark #courts-menu .bg-white, html.dark #ai-assistant-courts-menu .bg-white {
  background: none !important;
}

html.dark #courts-menu input, html.dark #ai-assistant-courts-menu input {
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
  background: #02061759 !important;
}

html.dark #courts-menu input::placeholder, html.dark #ai-assistant-courts-menu input::placeholder {
  color: var(--lf-muted-2) !important;
}

html.dark #mobile-nav-drawer {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
}

html.dark #mobile-nav-drawer .border-gray-200\/60, html.dark #mobile-nav-drawer .border-gray-200\/70, html.dark #mobile-nav-drawer .border-gray-200 {
  border-color: var(--lf-border) !important;
}

html.dark #mobile-nav-drawer .text-gray-900, html.dark #mobile-nav-drawer .text-gray-700, html.dark #mobile-nav-drawer .text-gray-600, html.dark #mobile-nav-drawer .text-black-600 {
  color: var(--lf-text) !important;
}

html.dark #mobile-nav-drawer .text-gray-500 {
  color: var(--lf-muted) !important;
}

html.dark #mobile-nav-drawer .bg-white {
  background: var(--lf-surface-2) !important;
}

html.dark #mobile-nav-drawer button:hover {
  background: #02061740 !important;
}

html.dark #mobile-nav-drawer > .p-4 {
  background: #02061726 !important;
}

html.dark #view-results .result-marker-note {
  filter: invert() opacity(.9);
}

html.dark #judgment-float-dock .judgment-dock-item {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #judgment-float-dock .judgment-dock-item:hover {
  background: var(--lf-hover) !important;
  color: var(--lf-accent) !important;
}

html.dark #judgment-translate-popover {
  border-color: var(--lf-border) !important;
  background: #0f172aeb !important;
}

html.dark #judgment-translate-popover .text-gray-900, html.dark #judgment-translate-popover .text-gray-700 {
  color: var(--lf-text) !important;
}

html.dark #judgment-translate-popover button:hover {
  background: var(--lf-hover) !important;
}

html.dark #view-bare-acts-detail, html.dark #view-bookmarks, html.dark #view-judgment, html.dark #view-subscribe, html.dark #view-my-account {
  background: var(--lf-bg) !important;
}

html.dark #view-subscribe .bg-white, html.dark #view-subscribe .bg-white\/80, html.dark #view-subscribe .bg-white\/90, html.dark #view-subscribe .bg-white\/70 {
  background: var(--lf-surface) !important;
}

html.dark #view-subscribe .bg-\[\#fbfaf8\] {
  background: var(--lf-surface-2) !important;
}

html.dark #view-subscribe .border-gray-200, html.dark #view-subscribe .border-gray-100 {
  border-color: var(--lf-border) !important;
}

html.dark #view-subscribe .text-gray-900, html.dark #view-subscribe .text-gray-800, html.dark #view-subscribe .text-gray-700 {
  color: var(--lf-text) !important;
}

html.dark #view-subscribe .text-gray-600, html.dark #view-subscribe .text-gray-500, html.dark #view-subscribe .text-gray-400 {
  color: var(--lf-muted) !important;
}

html.dark #view-subscribe summary:hover {
  background: var(--lf-hover) !important;
}

html.dark #subscribe-hc-overlay #subscribe-hc-panel > div {
  border-color: var(--lf-border) !important;
  background: #0f172aeb !important;
}

html.dark #subscribe-hc-overlay #subscribe-hc-backdrop {
  background: #0206178c !important;
}

html.dark #subscribe-hc-overlay .bg-white, html.dark #subscribe-hc-overlay .bg-white\/80, html.dark #subscribe-hc-overlay .bg-white\/95 {
  background: #0f172aeb !important;
}

html.dark #subscribe-hc-btn {
  background: var(--lf-surface) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #subscribe-hc-btn:hover {
  background: var(--lf-hover) !important;
  color: var(--lf-accent) !important;
}

html.dark #subscribe-hc-overlay #subscribe-hc-list button {
  color: var(--lf-text) !important;
  border-color: #94a3b824 !important;
}

html.dark #subscribe-hc-overlay #subscribe-hc-list button:hover {
  background: var(--lf-hover) !important;
  color: var(--lf-accent) !important;
}

html.dark #subscribe-hc-overlay input {
  background: var(--lf-surface-2) !important;
  border-color: var(--lf-border) !important;
  color: var(--lf-text) !important;
}

html.dark #subscribe-hc-overlay input::placeholder {
  color: var(--lf-muted-2) !important;
}

.judgment-toolbar-actions::-webkit-scrollbar {
  display: none;
}

.judgment-toolbar-icon img {
  width: 24px;
  height: 24px;
  display: block;
}

.judgment-reading-highlight {
  background: linear-gradient(#fef08a2e 0%, #facc157a 100%);
  border-radius: .28rem;
  padding: 0 .08em;
  box-shadow: inset 0 -1px #ca8a0433;
}

.bare-acts-doc {
  font-family: Georgia, Times New Roman, serif;
  font-size: 1.13rem;
  line-height: 1.92;
}

.bare-acts-doc p {
  margin-top: .85rem;
}

.bare-acts-doc .bare-acts-section-title {
  color: #111827;
  margin-top: 1.6rem;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.22;
}

.bare-acts-find-highlight {
  background: linear-gradient(#fbbf2438 0%, #f59e0b6b 100%);
  border-radius: .28rem;
  padding: 0 .08em;
  box-shadow: inset 0 -1px #b4530938;
}

.bare-acts-anchor-target {
  transition: box-shadow .2s, background-color .2s;
}

.bare-acts-anchor-target.is-focused {
  background: #f0fdfaf2;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px #0d948838, 0 10px 24px -20px #0f766e8c;
}

.bare-acts-outline-btn.is-active {
  color: #0f766e;
  background: #f0fdfaf2;
  border-color: #0d948838;
}

@media (max-width: 767px) {
  .bare-acts-doc {
    font-size: 1.02rem;
    line-height: 1.82;
  }

  .bare-acts-doc .bare-acts-section-title {
    font-size: 1.28rem;
  }
}

@media (min-width: 768px) {
  #view-judgment .judgment-toolbar-actions {
    flex-wrap: nowrap;
    overflow: visible !important;
  }

  #view-judgment .judgment-toolbar-actions > .relative, #view-judgment #judgment-note-wrap {
    position: relative;
    overflow: visible;
  }

  #view-judgment #judgment-color-palette, #view-judgment #judgment-note-popover {
    top: calc(100% + .5rem);
    left: auto;
    right: 0;
  }
}

@media (max-width: 767px) {
  html.judgment-mobile-nav-visible #app-main-scroll {
    padding-bottom: calc(4.1rem + env(safe-area-inset-bottom)) !important;
  }

  #view-judgment .judgment-toolbar {
    z-index: 80;
    gap: .75rem;
    max-height: none;
    overflow: visible;
  }

  #view-judgment .judgment-toolbar-top {
    width: 100%;
  }

  #view-judgment .judgment-mobile-tools-btn {
    color: #334155;
    letter-spacing: .01em;
    background: linear-gradient(#fff 0%, #f8fafc 100%);
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    width: auto;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 .95rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    box-shadow: 0 8px 20px #0f172a14;
  }

  #view-judgment .judgment-mobile-tools-btn.is-open {
    color: #0f766e;
    background: #f0fdfa;
    border-color: #99f6e4;
  }

  #view-judgment .judgment-mobile-tools-btn-icon {
    color: #0f766e;
    background: linear-gradient(#0f766e1f 0%, #dc262633 100%);
    border-radius: 9999px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-flex;
  }

  #view-judgment .judgment-mobile-tools-btn-text {
    white-space: nowrap;
  }

  #view-judgment .judgment-toolbar-actions, .judgment-mobile-tools-sheet {
    top: var(--judgment-toolbar-panel-top, 4.75rem);
    width: auto;
    max-height: min(68vh,calc(100dvh - var(--judgment-toolbar-panel-top, 4.75rem) - 1rem));
    overscroll-behavior: contain;
    z-index: 95;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    padding: .625rem;
    display: none;
    position: fixed;
    left: .75rem;
    right: .75rem;
    overflow-y: auto;
    box-shadow: 0 18px 46px #0f172a29;
  }

  #view-judgment .judgment-toolbar-actions.is-open {
    display: grid !important;
  }

  #view-judgment .judgment-toolbar-actions.is-open, .judgment-mobile-tools-sheet.is-open, html.judgment-mobile-tools-open #view-judgment .judgment-toolbar-actions {
    top: var(--judgment-toolbar-panel-top, 4.75rem) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2147483002 !important;
    width: auto !important;
    display: grid !important;
    position: fixed !important;
    left: .75rem !important;
    right: .75rem !important;
    transform: none !important;
  }

  #view-judgment .judgment-toolbar-icon, .judgment-mobile-tools-sheet .judgment-toolbar-icon {
    text-align: center;
    color: #4b5563;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .24rem;
    min-height: 3.35rem;
    padding: .38rem .24rem;
    font-size: .6rem;
    line-height: .74rem;
    display: flex;
  }

  #view-judgment .judgment-toolbar-icon-label, .judgment-mobile-tools-sheet .judgment-toolbar-icon-label {
    word-break: break-word;
    overflow-wrap: anywhere;
    max-width: 100%;
    display: block;
  }

  #view-judgment .judgment-toolbar-actions > .relative, .judgment-mobile-tools-sheet > .relative {
    min-width: 0;
  }

  #view-judgment .judgment-toolbar-actions > .relative > .judgment-toolbar-icon, .judgment-mobile-tools-sheet > .relative > .judgment-toolbar-icon {
    width: 100%;
  }

  #view-judgment .judgment-toolbar-divider, .judgment-mobile-tools-sheet .judgment-toolbar-divider {
    display: none;
  }

  #view-judgment .judgment-reader-scroll {
    padding: 1rem .75rem 1.25rem;
    padding-bottom: calc(4.05rem + env(safe-area-inset-bottom));
  }

  html.judgment-mobile-nav-visible #view-judgment .judgment-reader-scroll {
    padding-bottom: calc(8.8rem + env(safe-area-inset-bottom));
  }

  #view-judgment #judgment-mobile-nav-dock-btn.judgment-mobile-nav-dock-btn {
    display: inline-flex !important;
  }

  #view-judgment .max-w-7xl.mx-auto.w-full {
    max-width: 100%;
  }

  #view-judgment .bg-white.border.border-gray-200.rounded-xl.p-8.md\:p-10.shadow-sm {
    border-radius: 1rem;
    padding: 1.1rem .9rem;
  }

  #view-judgment .judgment-raw {
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.9;
  }

  #view-judgment .judgment-raw center {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  #view-judgment #judgment-note-popover {
    width: auto;
    max-width: none;
    position: fixed;
    top: 8.5rem;
    left: .75rem;
    right: .75rem;
  }

  #view-judgment #judgment-note-popover .absolute.-top-1\.5.right-5, #view-judgment #judgment-color-palette .absolute.-top-1\.5.right-3 {
    display: none;
  }

  #view-judgment #judgment-color-palette {
    flex-wrap: wrap;
    justify-content: center;
    position: fixed;
    top: auto;
    left: auto;
    right: auto;
  }

  #view-judgment #judgment-color-palette.hidden {
    display: none;
  }

  #view-judgment #judgment-color-palette:not(.hidden) {
    display: flex;
  }
}

.bookmarks-tree-scroll::-webkit-scrollbar {
  width: 6px;
}

.bookmarks-content-scroll::-webkit-scrollbar {
  width: 6px;
}

.bookmarks-tree-scroll::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 9999px;
}

.bookmarks-content-scroll::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 9999px;
}

.bookmark-tree-node.is-active > .bookmark-tree-row {
  color: #0f766e;
  background: #ecfdf5;
  border-color: #99f6e4;
}

.bookmark-tree-children {
  border-left: 1px solid #e5e7eb;
  margin-left: 1rem;
  padding-left: .75rem;
}

.bookmark-empty-state {
  background: linear-gradient(135deg, #f0fdfa 0%, #fff 60%, #f9fafb 100%);
}

.judgment-bookmark-btn.is-saved {
  color: #0f766e;
  background: #ecfdf5;
}

@media (max-width: 767px) {
  #view-bookmarks {
    min-height: calc(100vh - 8.5rem);
  }

  #view-bookmarks .bookmarks-shell {
    flex-direction: column;
    display: flex;
  }

  #view-bookmarks .bookmarks-sidebar {
    border-bottom: 1px solid #e5e7eb;
    border-right: 0;
    width: 100%;
    max-height: 38vh;
  }

  #view-bookmarks .bookmarks-main {
    min-height: 0;
  }

  #view-bookmarks .bookmark-folder-toolbar {
    white-space: nowrap;
    width: 100%;
    padding-bottom: .15rem;
    overflow-x: auto;
  }

  #view-bookmarks .bookmark-folder-toolbar::-webkit-scrollbar {
    display: none;
  }
}

.ai-assistant-scope-btn {
  color: #374151;
  background: #fff;
  border: 1px solid #e7dfd8;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: .8rem 1rem;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 1px 2px #0f172a0a;
}

.ai-assistant-scope-btn:hover {
  color: #0f766e;
  background: #f0fdfa;
  border-color: #99f6e4;
}

.ai-assistant-scope-btn.active {
  color: #fff;
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 8px 20px #0f766e29;
}

@media (max-width: 640px) {
  .ai-assistant-scope-btn {
    width: 100%;
  }
}

.bare-acts-featured-pill {
  color: #4b5563;
  background: #ffffffe6;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: .65rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all .2s;
  box-shadow: 0 1px 2px #0f172a0f;
}

.bare-acts-featured-pill:hover {
  color: #0f766e;
  border-color: #99f6e4;
}

.bare-acts-compact-pill {
  color: #4b5563;
  background: #fffc;
  border: 1px solid #ffffffb3;
  border-radius: 9999px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all .2s;
  box-shadow: 0 1px 2px #0f172a0f;
}

.bare-acts-compact-pill:hover {
  color: #0f766e;
  border-color: #99f6e4;
}

.bare-acts-state-grid > button {
  padding: .55rem .95rem;
  font-size: .95rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px) {
  .bare-acts-landing-card {
    border-radius: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .bare-acts-count-block {
    margin-top: .85rem;
  }

  .bare-acts-count-title {
    font-size: 2rem;
    line-height: 1.05;
  }

  .bare-acts-count-block p {
    margin-top: .3rem;
    font-size: .92rem;
    line-height: 1.3;
  }

  .bare-acts-search-row {
    max-width: 40rem;
    margin-top: 1rem;
  }

  .bare-acts-search-box {
    border-radius: 1rem;
    padding: .65rem 1rem;
  }

  #bare-acts-input {
    font-size: 1rem;
  }

  .bare-acts-go-btn {
    border-radius: .95rem;
    padding: .65rem 1.1rem;
  }

  .bare-acts-abbrev-row, .bare-acts-category-row {
    gap: .5rem;
    margin-top: .85rem;
  }

  .bare-acts-compact-pill {
    padding: .38rem .78rem;
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .bare-acts-state-panel {
    border-radius: 1.2rem;
    margin-top: .85rem;
    padding: .75rem .9rem;
  }

  .bare-acts-state-grid {
    gap: .45rem .5rem;
  }

  .bare-acts-state-grid > button {
    padding: .36rem .68rem;
    font-size: .78rem;
    line-height: 1.05rem;
  }
}

#ai-assistant-input {
  transition: height .14s;
}

.material-symbols-outlined {
  white-space: nowrap;
  letter-spacing: normal;
  text-transform: none;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;
  direction: ltr;
  font-family: Material Symbols Outlined;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

.history-toggle-pill {
  color: #4b5563;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  width: 100%;
  min-width: 0;
  padding: .5rem .55rem;
  font-size: .71rem;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.history-toggle-pill:hover {
  color: #0f766e;
  background: #f0fdfa;
  border-color: #99f6e4;
}

.history-toggle-pill.active {
  color: #fff;
  background: #0f766e;
  border-color: #0f766e;
  box-shadow: 0 10px 24px #0f766e2e;
}

.history-toggle-pill.current-page {
  color: #0f766e;
  background: #ecfdf5;
  border-color: #99f6e4;
  box-shadow: 0 6px 16px #0f766e1a;
}

.history-toggle-pill.current-page.active {
  color: #fff;
  background: #0f766e;
  border-color: #0f766e;
}

.history-card {
  background: linear-gradient(#fff 0%, #fbfbfb 100%);
  border: 1px solid #e5e7eb;
  border-radius: 1.15rem;
  padding: .9rem 1rem;
  transition: all .22s;
  box-shadow: 0 2px 8px #0f172a0a;
}

.history-card:hover {
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px #0f172a14;
}

.history-pin-btn.is-pinned {
  color: #0f766e;
  background: #ecfdf5;
  border-color: #99f6e4;
}

.history-action-btn {
  color: #6b7280;
  transition: color .18s;
}

.history-card-footer {
  justify-content: space-between;
  align-items: flex-end;
  gap: .75rem;
  margin-top: .75rem;
  display: flex;
}

.history-card-meta {
  color: #0f766e;
  flex: 1;
  min-width: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.35;
}

.history-card-actions {
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.history-action-btn:hover {
  color: #0f766e;
}

.history-action-btn.delete:hover {
  color: #ef4444;
}

.history-accordion-body {
  transition: max-height .28s;
  overflow: hidden;
}

.history-collection-card {
  background: linear-gradient(#f9fffd 0%, #fff 100%);
  border: 1px solid #bff3e7;
  border-radius: 1.35rem;
  transition: border-color .22s, box-shadow .22s, transform .22s;
}

.history-collection-card.is-drop-target {
  border-color: #0f766e;
  transform: translateY(-1px);
  box-shadow: 0 18px 38px #0f766e29;
}

.history-collection-dropzone {
  min-height: 5.5rem;
  transition: background-color .18s, border-color .18s;
}

.history-drop-placeholder {
  background: linear-gradient(#ccfbf1a6 0%, #f0fdfaf2 100%);
  border: 1.5px dashed #fca5a5;
  border-radius: 1rem;
  min-height: 5rem;
  animation: 1.2s ease-in-out infinite historyPlaceholderPulse;
}

.history-card.is-dragging {
  opacity: .35;
  transform: scale(.985);
}

.history-card.is-drop-settled {
  animation: .34s historyCardSettle;
}

.history-drag-handle {
  cursor: grab;
}

.history-drag-handle:active {
  cursor: grabbing;
}

.history-collection-title-input {
  color: #1f2937;
  background: #fff;
  border: 1px solid #99f6e4;
  border-radius: .9rem;
  outline: none;
  width: 100%;
  padding: .55rem .75rem;
  font-size: .85rem;
  font-weight: 600;
  box-shadow: 0 0 0 4px #0f766e14;
}

.history-collection-picker {
  backdrop-filter: blur(10px);
  background: #fffffffa;
  border: 1px solid #d1d5dbe6;
  border-radius: 1rem;
  width: 12rem;
  padding: .5rem;
  animation: .18s historyPickerIn;
  box-shadow: 0 24px 60px #0f172a2e;
}

.history-collection-picker-option {
  color: #0f766e;
  text-align: left;
  border-radius: .85rem;
  align-items: center;
  width: 100%;
  padding: .72rem .8rem;
  font-size: .92rem;
  font-weight: 600;
  transition: background-color .18s, color .18s;
  display: flex;
}

.history-collection-picker-option:hover {
  color: #115e59;
  background: #f0fdfa;
}

@keyframes historyPlaceholderPulse {
  0%, to {
    opacity: .8;
  }

  50% {
    opacity: 1;
  }
}

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

  60% {
    transform: scale(1.01);
  }

  to {
    transform: scale(1);
  }
}

@keyframes historyPickerIn {
  0% {
    opacity: 0;
    transform: translateY(6px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.auth-shell-gradient {
  background: radial-gradient(circle at top, #ccfbf1a6, #fcfcf900 42%), linear-gradient(#fcfcf9 0%, #f8faf9 100%);
}

.auth-input {
  color: #374151;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  width: 100%;
  padding: .95rem 1rem;
  font-size: .95rem;
  transition: all .2s;
}

.auth-input:focus {
  border-color: #0f766e;
  outline: none;
  box-shadow: 0 0 0 4px #0f766e14;
}

.account-stat-card {
  background: linear-gradient(#fff 0%, #fbfbfb 100%);
  border: 1px solid #e5e7eb;
  border-radius: 1.25rem;
  padding: 1rem;
}

.app-top-nav {
  transition: background-color .2s, border-color .2s, box-shadow .2s;
}

.text-black-600 {
  color: #111827;
}

#home-brand-heading {
  font-family: Playfair Display, serif;
}

.home-ai-shell {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.home-ai-ambience {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: opacity .45s;
  position: absolute;
  inset: -12% -8%;
}

.home-ai-shell.ai-enabled .home-ai-ambience {
  opacity: 1;
}

#app-main-scroll {
  isolation: isolate;
  background-color: #fcfcf9;
  position: relative;
}

#app-main-scroll.ai-enabled {
  background-image: radial-gradient(circle at 18% 18%, #0d948824 0%, #0d948800 24%), radial-gradient(circle at 76% 22%, #facc151f 0%, #facc1500 26%), radial-gradient(circle at 82% 78%, #a78bfa1f 0%, #a78bfa00 24%), radial-gradient(circle at 20% 84%, #60a5fa1a 0%, #60a5fa00 24%), linear-gradient(#fcfcf9f5 0%, #fcfcf9fa 100%);
  background-size: 140% 140%, 130% 130%, 145% 145%, 140% 140%, 100% 100%;
  animation: 18s ease-in-out infinite alternate main-ai-ambience;
}

.home-plus-chip {
  color: #6b7280;
  background: #ffffffe6;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.ai-scope-plus-chip {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.25rem;
}

.home-ai-ambience:before, .home-ai-ambience:after {
  content: "";
  filter: blur(60px);
  opacity: .8;
  border-radius: 9999px;
  animation: 16s ease-in-out infinite alternate home-ai-float;
  position: absolute;
  inset: auto;
}

.home-ai-ambience:before {
  background: radial-gradient(circle, #0d94883d 0%, #0d948814 48%, #0d948800 76%);
  width: 22rem;
  height: 22rem;
  top: 8%;
  left: 6%;
}

.home-ai-ambience:after {
  background: radial-gradient(circle, #3b82f62e 0%, #f472b61f 42%, #f472b600 74%);
  width: 26rem;
  height: 26rem;
  animation-duration: 18s;
  animation-delay: -3s;
  bottom: 4%;
  right: 4%;
}

.home-ai-orb {
  filter: blur(54px);
  opacity: .75;
  background: radial-gradient(circle, #facc152e 0%, #facc1500 72%);
  border-radius: 9999px;
  width: 18rem;
  height: 18rem;
  animation: 20s ease-in-out infinite alternate home-ai-float-secondary;
  position: absolute;
  top: 14%;
  left: 46%;
  transform: translate(-50%);
}

.home-search-controls, .home-search-left-controls, .home-search-right-controls {
  min-width: 0;
}

.home-search-action-buttons {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  margin-left: auto;
  display: inline-flex;
}

.home-source-btn {
  min-width: 0;
  position: relative;
}

.home-source-label {
  min-width: 0;
}

.home-ai-toggle {
  position: relative;
  overflow: hidden;
}

.home-ai-toggle:before {
  content: "";
  opacity: 0;
  background: linear-gradient(120deg, #0000 0%, #ffffffb3 50%, #0000 100%);
  transition: opacity .2s;
  position: absolute;
  inset: 0;
  transform: translate(-130%);
}

.home-ai-toggle:not(.is-active) {
  animation: none;
}

.home-ai-toggle:not(.is-active):before {
  opacity: 1;
  animation: 4.4s ease-in-out infinite home-ai-toggle-shimmer;
}

.home-ai-toggle.is-active {
  color: #fff;
  background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
  border-color: #0f766e33;
  box-shadow: 0 16px 34px -22px #0f766eb3;
}

.home-ai-toggle.is-active .home-ai-toggle-status {
  color: #fff;
  background: #ffffff42;
}

.deep-search-ai-toggle {
  color: #0f766e;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #0d948838;
  border-radius: 9999px;
  align-items: center;
  gap: .25rem;
  height: 1.625rem;
  padding: .22rem .55rem;
  font-size: .65rem;
  font-weight: 600;
  line-height: 1;
  transition: all .28s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px -8px #0f766e66;
}

.deep-search-ai-toggle:before {
  content: "";
  opacity: 0;
  background: linear-gradient(120deg, #0000 0%, #ffffffad 48%, #0000 100%);
  transition: opacity .2s;
  position: absolute;
  inset: 0;
  transform: translate(-130%);
}

.deep-search-ai-toggle:not(.is-active) {
  animation: none;
}

.deep-search-ai-toggle:not(.is-active):before {
  opacity: 1;
  animation: 4.4s ease-in-out infinite home-ai-toggle-shimmer;
}

.deep-search-ai-toggle.is-active {
  color: #fff;
  background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
  border-color: #0f766e2e;
  box-shadow: 0 16px 34px -22px #0f766ead;
}

.deep-search-ai-toggle-status {
  color: #0f766e;
  background: #f0fdfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: .88rem;
  height: .88rem;
  transition: all .28s;
  display: inline-flex;
}

.deep-search-ai-toggle.is-active .deep-search-ai-toggle-status {
  color: #fff;
  background: #ffffff38;
}

.deep-search-keyword-stack {
  min-width: 0;
}

textarea.deep-search-keyword-input {
  resize: none;
  height: 2.5rem;
  min-height: 2.5rem;
  padding-top: .45rem;
  padding-bottom: .45rem;
  padding-right: 7.2rem;
  line-height: 1.35;
  overflow: hidden;
}

.deep-search-year-shell {
  position: relative;
}

.deep-search-year-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .95rem;
  display: flex;
}

.deep-search-year-title {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #9ca3af;
  font-size: .78rem;
  font-weight: 700;
}

.deep-search-year-values {
  align-items: center;
  gap: .85rem;
  display: inline-flex;
}

.deep-search-year-pill {
  color: #1f2937;
  background: #ffffffe0;
  border: 1px solid #e5e7ebe6;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  min-width: 4.75rem;
  padding: .45rem .9rem;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  box-shadow: 0 8px 24px -24px #0f172a73;
}

.deep-search-year-separator {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #9ca3af;
  font-size: .72rem;
  font-weight: 700;
}

.deep-search-year-track-wrap {
  background: #e5e7ebf5;
  border-radius: 9999px;
  width: 100%;
  height: .35rem;
  position: relative;
}

.subject-toggle-btn {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.deep-search-submit-btn {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.subscribe-help-toggle {
  color: #0f766e;
  white-space: nowrap;
  backdrop-filter: blur(10px);
  background: #ffffffeb;
  border: 1px solid #0d948842;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  padding: .7rem 1.05rem;
  font-size: .875rem;
  font-weight: 650;
  line-height: 1;
  transition: all .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px -26px #0f766ebf;
}

.subscribe-help-toggle:before {
  content: "";
  opacity: 0;
  background: linear-gradient(120deg, #0000 0%, #ffffffb8 50%, #0000 100%);
  transition: opacity .2s;
  position: absolute;
  inset: 0;
  transform: translate(-130%);
}

.subscribe-help-toggle:not(.is-active) {
  animation: 2.8s ease-in-out infinite home-ai-toggle-pulse;
}

.subscribe-help-toggle:not(.is-active):before {
  opacity: 1;
  animation: 2.6s ease-in-out infinite home-ai-toggle-shimmer;
}

.subscribe-help-toggle:hover {
  border-color: #0d948861;
  transform: translateY(-2px);
  box-shadow: 0 18px 44px -34px #0f766ebf;
}

.subscribe-help-toggle:active {
  transform: translateY(-1px) scale(.99);
}

.subscribe-help-toggle.is-active {
  color: #fff;
  background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
  border-color: #0f766e33;
  box-shadow: 0 20px 52px -42px #0f766ee6;
}

.subscribe-help-toggle-status {
  color: #0f766e;
  background: #f0fdfa;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 1.55rem;
  height: 1.55rem;
  transition: all .28s;
  display: inline-flex;
  box-shadow: 0 10px 18px -16px #0f766e8c;
}

.subscribe-help-toggle.is-active .subscribe-help-toggle-status {
  color: #fff;
  background: #ffffff38;
}

.home-heading-ai-icon {
  opacity: 0;
  filter: blur(10px);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 0;
  margin-left: 0;
  transition: width .45s, opacity .45s, transform .5s, filter .5s, margin-left .35s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  transform: translateY(.5rem) scale(.82) rotate(-8deg);
}

.home-heading-ai-icon svg {
  z-index: 1;
  color: #0f766e;
  stroke-width: 1.85px;
  filter: drop-shadow(0 10px 18px #2f7f7a2e);
  width: 2.15rem;
  height: 2.15rem;
  position: relative;
}

.home-ai-shell.ai-enabled .home-heading-ai-icon {
  opacity: 1;
  filter: blur();
  width: 3.2rem;
  margin-left: .5rem;
  animation: 3.8s ease-in-out infinite home-heading-ai-float;
  transform: translateY(0) scale(1) rotate(0);
}

@keyframes home-ai-float {
  0% {
    transform: translate(0) scale(1);
  }

  to {
    transform: translate(2.5rem, -1.75rem) scale(1.08);
  }
}

@keyframes main-ai-ambience {
  0% {
    background-position: 0 8%, 100% 0, 100% 100%, 0 100%, 0 0;
  }

  to {
    background-position: 10% 0, 88% 10%, 92% 88%, 8% 92%, 0 0;
  }
}

@keyframes home-ai-float-secondary {
  0% {
    transform: translate(-50%) translateY(0) scale(1);
  }

  to {
    transform: translate(-44%) translateY(1.5rem) scale(1.1);
  }
}

@keyframes home-ai-toggle-pulse {
  0%, to {
    box-shadow: 0 0 #0d948800;
  }

  50% {
    box-shadow: 0 0 0 8px #0d948814;
  }
}

@keyframes home-ai-toggle-shimmer {
  0% {
    transform: translate(-130%);
  }

  55%, to {
    transform: translate(130%);
  }
}

@keyframes home-heading-ai-float {
  0%, to {
    transform: translateY(0) scale(1) rotate(0);
  }

  50% {
    transform: translateY(-.18rem) scale(1.03) rotate(4deg);
  }
}

@media (min-width: 768px) {
  .app-top-nav {
    box-shadow: none;
    background: none;
    border-bottom-color: #0000;
  }

  #app-top-nav .app-top-nav-links-shell {
    gap: .25rem;
    padding: .2rem .35rem;
  }

  .app-top-nav-links-shell > button {
    padding: .45rem .8rem;
    font-size: .85rem;
    line-height: 1.15rem;
  }

  .app-top-nav-links-shell > button i {
    width: .95rem;
    height: .95rem;
  }

  #top-btn-ai-assistant, #top-btn-documentation-assistant, #top-btn-drafting-assistant {
    padding: .55rem 1rem;
    font-size: .85rem;
    line-height: 1.15rem;
  }

  #top-btn-ai-assistant i, #top-btn-documentation-assistant i, #top-btn-drafting-assistant i {
    width: .95rem;
    height: .95rem;
  }
}

@media (min-width: 1280px) {
  #app-top-nav .app-top-nav-links-shell {
    gap: .5rem;
    padding: .375rem .5rem;
  }

  .app-top-nav-links-shell > button {
    padding: .65rem 1.3rem;
    font-size: .975rem;
    line-height: 1.25rem;
  }

  .app-top-nav-links-shell > button i {
    width: 1.1375rem;
    height: 1.1375rem;
  }

  #top-btn-ai-assistant, #top-btn-documentation-assistant, #top-btn-drafting-assistant {
    padding: .8125rem 1.625rem;
    font-size: .975rem;
    line-height: 1.25rem;
  }

  #top-btn-ai-assistant i, #top-btn-documentation-assistant i, #top-btn-drafting-assistant i {
    width: 1.1375rem;
    height: 1.1375rem;
  }
}

#sidebar nav button, #sidebar .mt-auto button {
  gap: .325rem;
}

#sidebar nav button i, #sidebar .mt-auto button i {
  width: 1.95rem;
  height: 1.95rem;
}

#sidebar nav button span, #sidebar .mt-auto button span {
  font-size: 14.3px;
  line-height: 1.1rem;
}

#sidebar .mt-auto button > div {
  width: 2.6rem;
  height: 2.6rem;
}

.deep-search-year-shell {
  box-shadow: none;
  background: none;
  border: 0;
  grid-template-rows: auto auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 0 2.75rem;
  margin-top: 2.35rem;
  padding: 0;
  display: grid;
}

.deep-search-year-header {
  margin-bottom: 0;
  display: contents;
}

.deep-search-year-title, .deep-search-year-separator {
  display: none;
}

.deep-search-year-values {
  display: contents;
}

#ds-year-start-display, #ds-year-end-display {
  min-width: 0;
  box-shadow: none;
  color: #1f2937;
  background: none;
  border: 0;
  border-radius: 0;
  align-items: center;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

#ds-year-start-display {
  grid-area: 1 / 1;
  justify-self: start;
}

#ds-year-end-display {
  grid-area: 1 / 3;
  justify-self: end;
}

.deep-search-year-track-wrap {
  background: #e5e7ebf5;
  grid-area: 2 / 1 / auto / -1;
  align-self: center;
  width: 100%;
  max-width: none;
  height: .35rem;
  margin-top: .55rem;
}

.deep-search-year-track-wrap:before {
  content: "TO";
  letter-spacing: .16em;
  color: #9ca3af;
  font-size: .85rem;
  font-weight: 700;
  position: absolute;
  top: -2.05rem;
  left: 50%;
  transform: translate(-50%);
}

html.dark #app-top-nav {
  box-shadow: none;
  background: none;
  border-color: #0000;
}

.app-top-nav-links-shell, .app-top-nav-action-link {
  background: #f9f9f7f5;
  border-color: #e5e7eb80;
  box-shadow: 0 1px 2px #0f172a0a;
}

.app-top-nav.is-scrolled {
  box-shadow: none;
  background: none;
  border-bottom-color: #0000;
}

.app-top-nav.is-scrolled .app-top-nav-links-shell, .app-top-nav.is-scrolled .app-top-nav-action-link {
  background: #f9f9f7f5;
  border-color: #e5e7eb80;
  box-shadow: 0 1px 2px #0f172a0a;
}

@media (min-width: 768px) and (max-height: 700px) {
  #sidebar {
    min-height: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  #sidebar .sidebar-brand, #sidebar .sidebar-palette {
    flex-shrink: 0;
    margin-bottom: 12px;
  }

  #sidebar nav {
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    gap: 4px;
    min-height: 0;
    overflow: hidden auto;
  }

  #sidebar nav button {
    flex-shrink: 0;
    gap: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  #sidebar nav button i, #sidebar nav button svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }

  #sidebar nav button span, #sidebar .sidebar-account button span {
    letter-spacing: normal;
    font-size: 13px;
    line-height: 16px;
  }

  #sidebar .sidebar-account {
    flex-shrink: 0;
    padding-top: 12px;
  }
}

@media (max-width: 767px) {
  #view-home, #view-deep-search, #view-citation, #view-statute, #view-docid {
    overflow-x: clip;
  }

  #app-top-nav {
    min-height: 4rem;
    padding: .5rem .75rem !important;
  }

  #app-top-nav .mobile-top-bar {
    width: 100%;
    min-width: 0;
  }

  #mobile-nav-btn {
    border-radius: .95rem;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
  }

  #view-home {
    min-height: calc(100svh - 4rem);
    margin-top: 0 !important;
  }

  #view-home > .relative.z-10 {
    min-height: calc(100svh - 9rem);
    padding: clamp(3.35rem, 10vh, 5.6rem) .95rem 1.5rem;
  }

  #home-brand-heading {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .3rem .5rem;
    max-width: 100%;
    margin-bottom: .7rem;
    font-size: clamp(2.7rem, 12vw, 4.1rem);
    line-height: .95;
  }

  #home-brand-subtitle {
    max-width: 18.5rem;
    margin-bottom: 1.7rem;
    font-size: .98rem;
    line-height: 1.5;
  }

  #view-home textarea#search-input {
    min-height: 7.75rem;
    padding: 1.1rem 1rem .8rem;
    font-size: 1.08rem;
    line-height: 1.5;
  }

  .home-search-controls {
    flex-direction: column;
    align-items: stretch;
    gap: .8rem;
  }

  .home-search-left-controls {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    width: 100%;
  }

  .home-search-right-controls {
    justify-content: flex-end;
    align-items: center;
    gap: .55rem;
    width: 100%;
  }

  .home-source-btn {
    border-radius: .95rem;
    flex: 1;
    justify-content: center;
    gap: .45rem;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 2.9rem;
    padding: .68rem .9rem;
  }

  .home-source-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
    display: inline-block !important;
  }

  #courts-btn {
    color: #4b5563;
  }

  #courts-btn svg[data-lucide="building-2"] {
    stroke-width: 2.25px;
    color: #4b5563;
    flex: 0 0 1.05rem;
    width: 1.05rem;
    height: 1.05rem;
  }

  #courts-btn svg[data-lucide="chevron-down"] {
    color: #6b7280;
    width: .75rem;
    height: .75rem;
    margin-left: -.1rem;
    display: block;
  }

  .home-plus-chip {
    color: #9ca3af;
    background: #ffffffeb;
    border: 1px solid #e5e7ebf2;
    border-radius: 9999px;
    flex: 0 0 1.7rem;
    justify-content: center;
    align-items: center;
    width: 1.7rem;
    height: 1.7rem;
    font-size: .95rem;
    display: inline-flex;
  }

  .home-ai-toggle {
    border-radius: 9999px;
    flex: auto;
    justify-content: center;
    gap: .4rem;
    min-width: 0;
    min-height: 2.75rem;
    padding: .55rem .8rem;
    line-height: 1.12;
    box-shadow: 0 10px 28px -22px #0f766ea6;
  }

  .home-search-right-controls {
    flex: auto;
    min-width: 0;
  }

  .home-search-right-controls #home-ai-toggle {
    flex: auto;
    min-width: 0;
    margin-top: 0;
  }

  .home-ai-toggle .home-ai-toggle-status {
    flex: 0 0 1.45rem;
    width: 1.45rem;
    height: 1.45rem;
  }

  #home-ai-toggle-label {
    white-space: nowrap;
    text-align: center;
    max-width: none;
    font-size: .82rem;
    display: inline-block;
  }

  .home-search-action-buttons {
    gap: 0;
    margin-left: 0;
  }

  .home-search-action-buttons button {
    flex: 0 0 2.75rem;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
  }

  #home-voice-btn {
    display: inline-flex;
  }

  .home-search-action-buttons .home-search-divider, .home-plus-chip-secondary {
    display: none;
  }

  #courts-menu {
    top: auto;
    left: .75rem;
    right: .75rem;
    bottom: calc(env(safe-area-inset-bottom) + 5.4rem);
    transform-origin: bottom;
    border-radius: 1.5rem;
    width: auto;
    height: auto;
    max-height: min(28rem, 100svh - 10rem);
    margin-top: 0;
    position: fixed;
    box-shadow: 0 28px 80px -40px #0f172a61;
  }

  #dropdown-overlay.home-courts-sheet-overlay {
    -webkit-backdrop-filter: blur(2px);
    background: #0f172a2e;
  }

  #view-deep-search, #view-citation, #view-statute, #view-docid {
    padding-top: .85rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: calc(5.2rem + env(safe-area-inset-bottom)) !important;
  }

  #mobile-bottom-tabs > div {
    background: #fffffff5;
    border-top-color: #e5e7ebe6;
    box-shadow: 0 -10px 24px -18px #0f172a61;
  }

  #mobile-bottom-tabs .max-w-7xl {
    padding-top: .22rem !important;
    padding-bottom: calc(.36rem + env(safe-area-inset-bottom)) !important;
    padding-left: .35rem !important;
    padding-right: .35rem !important;
  }

  #mobile-bottom-tabs .grid {
    gap: .1rem !important;
  }

  #mobile-bottom-tabs [data-mobile-tab] {
    min-height: 2.4rem;
    line-height: 1.05;
    border-radius: .72rem !important;
    gap: .1rem !important;
    padding-top: .24rem !important;
    padding-bottom: .22rem !important;
    font-size: .62rem !important;
  }

  #mobile-bottom-tabs [data-mobile-tab] svg {
    stroke-width: 2.35px;
    width: 1rem !important;
    height: 1rem !important;
  }

  #mobile-bottom-tabs [data-mobile-tab] span {
    white-space: nowrap;
    max-width: 100%;
    line-height: 1.05;
  }

  #mobile-bottom-tabs [data-mobile-tab].bg-teal-50 {
    background: #f0fdfaf2;
    box-shadow: inset 0 0 0 1px #2dd4bf1f;
  }

  #view-deep-search > .p-4, #view-citation > .p-4, #view-statute > .p-4, #view-docid > .p-4 {
    padding: .25rem 0 0;
  }

  #view-citation .form-input, #view-citation .form-select-btn, #view-statute .form-input, #view-statute .form-select-btn, #view-docid .form-input, #view-docid .form-select-btn, #view-deep-search .form-input, #view-deep-search .form-select-btn {
    height: 2.5rem !important;
    min-height: 2.5rem !important;
  }

  #include-supreme-wrapper {
    width: 100%;
    min-width: 0;
  }

  .deep-search-keyword-stack {
    display: block;
    position: relative;
  }

  .deep-search-keyword-stack .deep-search-ai-toggle {
    z-index: 2;
    position: absolute;
    top: 50%;
    right: .72rem;
    transform: translateY(-50%);
  }

  textarea.deep-search-keyword-input {
    padding-right: 7.2rem !important;
  }

  .deep-search-ai-toggle {
    -webkit-backdrop-filter: blur(10px);
    background: #fffffff0;
    border-color: #0f766e2e;
    height: 1.625rem;
    padding: .22rem .55rem;
    font-size: .65rem;
    box-shadow: 0 4px 12px -8px #0f172a4d;
  }

  #view-deep-search textarea.deep-search-keyword-input {
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    padding-top: .45rem !important;
    padding-bottom: .45rem !important;
  }

  .deep-search-year-shell {
    background: #fffffff0;
    border: 1px solid #e5e7ebfa;
    border-radius: 1.55rem;
    margin-top: 1.8rem;
    padding: 1.1rem 1rem 1.2rem;
    box-shadow: 0 16px 40px -34px #0f172a47;
  }

  .deep-search-year-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    margin-bottom: 1rem;
  }

  .deep-search-year-values {
    justify-content: space-between;
    gap: .65rem;
    width: 100%;
  }

  .deep-search-year-pill {
    min-width: 4.85rem;
    padding: .55rem .95rem;
    font-size: 1.08rem;
  }

  .deep-search-year-track-wrap {
    max-width: 100%;
    height: .4rem;
  }

  #subject-toggle-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    display: grid;
  }

  #subject-toggle-group .subject-toggle-btn {
    width: 100%;
    min-height: 3.2rem;
    padding: .8rem 1rem;
    font-size: 1rem;
  }

  .deep-search-submit-btn {
    border-radius: 1.35rem;
    width: 100%;
    min-height: 3.65rem;
    font-size: 1.125rem;
    box-shadow: 0 20px 42px -28px #0f766e8c;
  }

  #history-sidebar {
    max-width: 100%;
    transition: transform .3s;
    transform: translate(100%);
    width: 100% !important;
  }

  #history-sidebar:not(.w-0) {
    transform: translate(0);
  }

  #history-sidebar .history-panel-shell {
    width: 100%;
    max-width: 100%;
  }

  .history-toggle-pill {
    font-size: .68rem;
  }
}

@media (max-width: 420px) {
  .home-search-left-controls, .home-search-right-controls {
    width: 100%;
  }

  .home-search-left-controls {
    gap: .42rem;
  }

  .home-search-right-controls {
    justify-content: flex-end;
  }

  #home-brand-heading {
    font-size: clamp(2.35rem, 11vw, 3.15rem);
  }

  .home-source-btn {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .home-ai-toggle {
    min-width: 0;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .home-source-label {
    font-size: .7rem;
  }

  #courts-menu {
    left: .55rem;
    right: .55rem;
    bottom: calc(env(safe-area-inset-bottom) + 5.1rem);
  }

  #view-deep-search {
    padding-left: .8rem !important;
    padding-right: .8rem !important;
  }

  .deep-search-year-pill {
    min-width: 4.3rem;
    font-size: 1rem;
  }
}

#view-docid .form-input {
  padding-left: 3.2rem !important;
}

@media (min-width: 768px) and (max-height: 700px) {
  #view-home:not(.hidden) {
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 0;
    margin-top: 0;
    display: flex;
  }

  #view-home > .relative.z-10 {
    flex: auto;
    justify-content: safe center;
    min-height: max-content;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (min-width: 768px) {
  #view-bare-acts-detail .bare-acts-reader-outer {
    padding: 0 1.5rem;
  }

  #view-bare-acts-detail .bare-acts-reader-frame {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  #view-bare-acts-detail .bare-acts-reader-toolbar {
    margin-top: 0;
  }

  #view-bare-acts-detail .bare-acts-reader-grid {
    gap: .75rem;
    margin-top: .75rem;
  }
}

#ai-sequence-content, #ai-assistant-chat-messages table {
  border-collapse: collapse;
  border: 1px solid #cbd5e1;
  width: 100%;
  margin: 1rem 0;
}

#ai-sequence-content, #ai-assistant-chat-messages th {
  text-align: left;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  padding: .75rem;
  font-weight: 600;
}

#ai-sequence-content, #ai-assistant-chat-messages td {
  color: #334155;
  border: 1px solid #cbd5e1;
  padding: .75rem;
}

#ai-sequence-content, #ai-assistant-chat-messages tr:nth-child(2n) {
  background-color: #f8fafc;
}

.lf-conic {
  background: conic-gradient(from 180deg, #0d948800 0%, #0d9488d9 35%, #0d948800 70% 100%);
  animation: .9s linear infinite lfSpin;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0);
  mask: radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 0);
}

@keyframes lfSpin {
  to {
    transform: rotate(360deg);
  }
}

.texthighlight {
  background-color: #91ff33;
  font-style: italic;
  font-weight: 700;
}

@media print {
  .texthighlight {
    background-color: none;
    font-style: normal;
    font-weight: 400;
  }
}

.userhighlight {
  color: #000;
  background-color: orange;
}

.userhighlightprint {
  color: #000;
  background-color: #9acd32;
}

@media print {
  .userhighlight {
    background-color: none;
  }
}

.nav-assistant-btn:hover {
  background-color: #fff;
}

.chapterhead {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.chaptersubhead {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.txt {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.mainhead {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.copyright {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.txtinside {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.txtinsidelarge {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.unnamed1 {
  text-indent: 25pt;
}

.heading {
  font-size: 20px;
}

.logicAdd {
  color: #c00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}

internal matter-- > p.MsoTitle, li.MsoTitle, div.MsoTitle {
  text-align: center;
  mso-pagination: widow-orphan;
  tab-stops: 24pt .5in 48pt 60pt 1in;
  mso-bidi-font-size: 10pt;
  mso-fareast-font-family: Arial;
  mso-bidi-font-family: "Arial";
  text-transform: uppercase;
  mso-bidi-font-weight: normal;
  margin: 0 0 3pt;
  font-family: Palatino;
  font-size: 18pt;
  font-weight: 700;
  line-height: 14pt;
}

p.actname, li.actname, div.actname {
  text-align: center;
  margin: .5in 0 3pt;
  font-family: Times New Roman;
  font-size: 18pt;
  font-style: italic;
  font-weight: 700;
}

p.actno, li.actno, div.actno {
  text-align: center;
  margin: 0 0 3pt;
  font-family: Times New Roman;
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.actid, li.actid, div.actid {
  text-align: right;
  margin: 0;
  font-family: Times New Roman;
  font-size: 7pt;
  font-style: italic;
  font-weight: 700;
}

p.Schedule, li.Schedule, div.Schedule, p.Heading2, li.Heading2, div.Heading2 {
  text-align: center;
  margin: 0 0 3pt;
  font-family: Times New Roman;
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.CenterItalics, li.CenterItalics, div.CenterItalics {
  text-align: center;
  margin: 0 0 3pt;
  font-family: Times New Roman;
  font-size: 12pt;
  font-style: italic;
}

p.CenterBold, li.CenterBold, div.CenterBold {
  text-align: center;
  font-family: Times New Roman;
  font-size: 12pt;
  font-style: bold;
  margin: 0 0 3pt;
}

p.StateAmendments, li.StateAmendments, div.StateAmendments {
  text-align: left;
  font-family: Times New Roman;
  font-size: 12pt;
  font-style: bold;
  margin: 0 0 3pt;
}

p.Right, li.Right, div.Right {
  text-align: right;
  margin: 0 0 3pt;
  font-family: Arial;
}

p.FootNote, li.FootNote, div.FootNote {
  text-align: left;
  margin: 0 0 3pt;
  font-family: Arial;
  font-size: 8pt;
  font-style: italic;
}

p.heading, li.heading, div.heading {
  text-align: center;
  color: #09f;
  text-transform: none;
  margin: 12pt 0 10pt;
  font-family: Arial;
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.head, li.head, div.head {
  text-align: center;
  color: #09f;
  text-transform: none;
  margin-bottom: 12pt;
  margin-left: 0;
  margin-right: 0;
  font-family: Arial;
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.subheading, li.subheading, div.subheading {
  text-align: center;
  color: #09f;
  text-transform: none;
  margin: 12pt 0;
  font-family: Arial;
  font-size: 11pt;
  font-style: italic;
  font-weight: 700;
}

p.part, li.part, div.part {
  text-align: center;
  margin-bottom: 2pt;
  margin-left: 0;
  margin-right: 0;
  font-family: Arial;
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.chap, li.chap, div.chap {
  text-align: center;
  color: #06f;
  text-transform: uppercase;
  margin: 14pt 0 6pt;
  font-family: Aria;
  font-size: 11pt;
  font-weight: 700;
}

p.subchapter, li.subchapter, div.subchapter {
  text-align: center;
  color: #06f;
  text-transform: uppercase;
  margin: 18pt 0 -6pt;
  font-family: Aria;
  font-size: 13pt;
  font-weight: 700;
}

p.Amended, li.Amended, div.Amended {
  color: #c9f;
  text-transform: uppercase;
  margin: 12pt 0 0;
  font-family: Arial;
  font-size: 10pt;
}

p.Note, li.Note, div.Note {
  mso-style-name: Note;
  margin-top: 2pt;
  margin-bottom: 5pt;
  margin-right: 0;
  margin-left: 36.pt;
  text-align: left;
  text-indent: -10.95pt;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  font-family: Arial;
  font-size: 9pt;
}

p.chawlaNormal, li.chawlaNormal, div.chawlaNormal {
  mso-style-name: chawlaNormal;
  text-align: justify;
  text-indent: 0;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  margin: 2pt 0;
  font-family: Arial;
  font-size: 12pt;
}

p.subpara1, li.subpara1, div.subpara1 {
  mso-style-name: subpara1;
  text-align: justify;
  text-indent: -12.95pt;
  mso-pagination: widow-orphan;
  color: #000;
  margin: 2pt 0 5pt 32pt;
  font-family: Arial;
  line-height: 22px;
}

p.subpara2, li.subpara2, div.subpara2 {
  mso-style-name: subpara2;
  text-align: justify;
  text-indent: -12.95pt;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  margin: 0 0 5pt 60pt;
  font-family: Arial;
}

p.subpara3, li.subpara3, div.subpara3 {
  mso-style-name: subpara3;
  text-align: justify;
  text-indent: -12.95pt;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  margin: 0 0 5pt 60pt;
  font-family: Arial;
}

span.ParaCharChar {
  mso-style-name: "Para Char Char";
  mso-ascii-font-family: Arial,Helvetica,sans-serif;
  mso-hansi-font-family: Arial,Helvetica,sans-serif;
  mso-bidi-font-family: "Courier New";
  mso-ansi-language: EN-US;
  mso-fareast-language: EN-US;
  mso-bidi-language: AR-SA;
}

p.Notes, li.Notes, div.Notes {
  mso-style-name: Note;
  margin-top: 2pt;
  margin-bottom: 2pt;
  margin-right: 1in;
  margin-left: 36.pt;
  text-align: justify;
  text-indent: -12.95pt;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  font-family: Arial;
  font-size: 10pt;
}

p.chawla, li.chawla, div.chawla {
  text-align: center;
  color: #fff;
  text-transform: none;
  background-color: #0047ff;
  margin-bottom: 12pt;
  margin-left: 0;
  margin-right: 0;
  font-family: Arial;
  font-size: 12pt;
  font-weight: 700;
}

span.amd1 {
  background-color: #dbe5f1;
}

span.amd2 {
  background-color: #acf;
}

p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle {
  mso-style-link: "Subtitle Char";
  text-align: justify;
  color: #4f81bd;
  letter-spacing: .75pt;
  margin: 1pt 0;
  font-family: Cambria, "serif";
  font-size: 12pt;
  font-style: italic;
  font-weight: 700;
}

p.Illustration, li.Illustration, div.Illustration {
  mso-style-name: Illustration;
  margin-top: 2pt;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 36.pt;
  text-align: justify;
  text-indent: -12.95pt;
  mso-pagination: widow-orphan;
  mso-fareast-font-family: "Arial";
  color: #000;
  font-family: Arial;
  font-style: italic;
  font-weight: 700;
}

#bare-acts-sheet {
  width: 80vw;
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

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

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}