/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-700: oklch(53.2% 0.157 131.589);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --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: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-thin: 100;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: Rubik, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
      @supports (color: color-mix(in lab, red, red)) {
    ::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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-none\! {
    pointer-events: none !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .draft-status-dot {
    position: fixed;
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    bottom: calc(var(--spacing) * 1);
    left: calc(var(--spacing) * 4);
    z-index: 9999;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-green-500);
    background-color: transparent;
  }
  .form-status-dot {
    position: fixed;
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    bottom: calc(var(--spacing) * 1);
    left: calc(var(--spacing) * 4);
    z-index: 10000;
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    background-color: var(--color-green-500);
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .fixed\! {
    position: fixed !important;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .-top-\[1px\] {
    top: calc(1px * -1);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\! {
    top: calc(var(--spacing) * 2) !important;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-\[52px\]\! {
    top: 52px !important;
  }
  .top-full {
    top: 100%;
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-\[56px\] {
    bottom: 56px;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-5 {
    left: calc(var(--spacing) * -5);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .isolate {
    isolation: isolate;
  }
  .\!z-\[1000\] {
    z-index: 1000 !important;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-11 {
    grid-column: span 11 / span 11;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
  }
    @media (width >= 375px) {
  .container {
      max-width: 375px
  }
    }
    @media (width >= 459px) {
  .container {
      max-width: 459px
  }
    }
    @media (width >= 460px) {
  .container {
      max-width: 460px
  }
    }
    @media (width >= 640px) {
  .container {
      max-width: 640px
  }
    }
    @media (width >= 767px) {
  .container {
      max-width: 767px
  }
    }
    @media (width >= 768px) {
  .container {
      max-width: 768px
  }
    }
    @media (width >= 1024px) {
  .container {
      max-width: 1024px
  }
    }
    @media (width >= 1280px) {
  .container {
      max-width: 1280px
  }
    }
    @media (width >= 1536px) {
  .container {
      max-width: 1536px
  }
    }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }
    .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1px;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: open-quote;
    }
    .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: close-quote;
    }
    .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: "`";
    }
    .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: "`";
    }
    .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: none;
    }
    .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: none;
    }
    .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: top;
    }
    .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      text-align: start;
    }
    .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    .prose{
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }
    .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-\[8px\] {
    margin-top: calc(8px * -1);
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-\[10px\] {
    margin-right: 10px;
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!mb-1 {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\! {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\! {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\! {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .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-\[2px\]\! {
    margin-bottom: 2px !important;
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .ml-\[125px\] {
    margin-left: 125px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .form-input {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
  }
    .form-input:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
    .form-input::placeholder {
      color: oklch(55.1% 0.027 264.364);
      opacity: 1;
    }
    .form-input::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
    }
    .form-input::-webkit-date-and-time-value {
      min-height: 1.5em;
    }
    .form-input::-webkit-date-and-time-value {
      text-align: inherit;
    }
    .form-input::-webkit-datetime-edit {
      display: inline-flex;
    }
    .form-input::-webkit-datetime-edit {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-year-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-month-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-day-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-hour-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-minute-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-second-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-millisecond-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    .form-input::-webkit-datetime-edit-meridiem-field {
      padding-top: 0;
      padding-bottom: 0;
    }
  .show-on-modal {
    display: none;
  }
    .fancybox-content .show-on-modal {
      display: block;
    }
  .\!flex {
    display: flex !important;
  }
  .\!grid {
    display: grid !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
    .fancybox-content .hide-on-modal {
      display: none;
    }
    table .hide-on-tables {
      display: none;
    }
    .tippy-content .hide-on-tooltips {
      display: none;
    }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .table-row {
    display: table-row;
  }
  .aspect-36\/46 {
    aspect-ratio: 36/46;
  }
  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\! {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-5\! {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .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-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[124px\] {
    height: 124px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-6 {
    max-height: calc(var(--spacing) * 6);
  }
  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }
  .max-h-20\! {
    max-height: calc(var(--spacing) * 20) !important;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-\[12px\] {
    min-height: 12px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[38px\] {
    min-height: 38px;
  }
  .min-h-\[43px\] {
    min-height: 43px;
  }
  .min-h-\[53px\] {
    min-height: 53px;
  }
  .min-h-\[73px\] {
    min-height: 73px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[700px\] {
    min-height: 700px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: calc(5 / 6 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-20\! {
    width: calc(var(--spacing) * 20) !important;
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-66 {
    width: calc(var(--spacing) * 66);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-125 {
    width: calc(var(--spacing) * 125);
  }
  .w-\[8\.5in\] {
    width: 8.5in;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[260px\]\! {
    width: 260px !important;
  }
  .w-\[290px\] {
    width: 290px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[306px\] {
    width: 306px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-auto {
    width: auto;
  }
  .w-auto\! {
    width: auto !important;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .max-w-\(--breakpoint-lg\) {
    max-width: var(--breakpoint-lg);
  }
  .max-w-\(--breakpoint-sm\) {
    max-width: var(--breakpoint-sm);
  }
  .max-w-\(--breakpoint-xl\) {
    max-width: var(--breakpoint-xl);
  }
  .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-5xl\! {
    max-width: var(--container-5xl) !important;
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-6xl\! {
    max-width: var(--container-6xl) !important;
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-20\! {
    max-width: calc(var(--spacing) * 20) !important;
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[65\%\] {
    max-width: 65%;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[98vw\]\! {
    max-width: 98vw !important;
  }
  .max-w-\[128px\] {
    max-width: 128px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-lg\! {
    max-width: var(--container-lg) !important;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-68 {
    min-width: calc(var(--spacing) * 68);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-\[12px\] {
    min-width: 12px;
  }
  .min-w-\[14px\] {
    min-width: 14px;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[54px\] {
    min-width: 54px;
  }
  .min-w-\[60px\] {
    min-width: 60px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[128px\] {
    min-width: 128px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[142px\] {
    min-width: 142px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-\[500px\] {
    min-width: 500px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-40 {
    flex-basis: calc(var(--spacing) * 40);
  }
  .caption-top {
    caption-side: top;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.9\] {
    scale: 0.9;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .form-select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
  }
    .form-select:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
    .form-select{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
    .form-select:where([size]:not([size="1"])) {
      background-image: initial;
      background-position: initial;
      background-repeat: unset;
      background-size: initial;
      padding-right: 0.75rem;
      print-color-adjust: unset;
    }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[max-content_minmax\(0\,1fr\)\] {
    grid-template-columns: max-content minmax(0,1fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-start\! {
    align-items: flex-start !important;
  }
  .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;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-px {
    gap: 1px;
  }
    :where(.space-y-0\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :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-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)));
    }
    :where(.space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
    :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)));
    }
    :where(.space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
    :where(.divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
    :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-300 > :not(:last-child)) {
      border-color: var(--color-gray-300);
    }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-hidden\! {
    overflow: hidden !important;
  }
  .overflow-scroll\! {
    overflow: scroll !important;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full\! {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .\!border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-red-200 {
    border-color: var(--color-red-200) !important;
  }
  .\!border-yellow-400 {
    border-color: var(--color-yellow-400) !important;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-300\/30 {
    border-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 30%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .border-gray-300\/30 {
      border-color: color-mix(in oklab, var(--color-gray-300) 30%, transparent)
  }
    }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-gray-800 {
    border-color: var(--color-gray-800);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-stone-200 {
    border-color: #e7e5e4;
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
  }
    }
  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }
  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .draft-status-dot--saving {
    border-color: var(--color-yellow-400);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .\!bg-amber-100 {
    background-color: var(--color-amber-100) !important;
  }
  .\!bg-red-50 {
    background-color: var(--color-red-50) !important;
  }
  .\!bg-stone-200 {
    background-color: #e7e5e4 !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000 10%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
  }
    }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
  }
    }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-50\/50 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
  }
    @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-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-500 {
    background-color: var(--color-gray-500);
  }
  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-indigo-400\/20 {
    background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-indigo-400\/20 {
      background-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent)
  }
    }
  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }
  .bg-lime-500\/20 {
    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-lime-500\/20 {
      background-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent)
  }
    }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-500\/20 {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-orange-500\/20 {
      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent)
  }
    }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-500\/10 {
    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent)
  }
    }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/20 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent)
  }
    }
  .bg-red-500\/20\! {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-red-500\/20\! {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important
  }
    }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-100\/20 {
    background-color: color-mix(in srgb, oklch(95.1% 0.026 236.824) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-sky-100\/20 {
      background-color: color-mix(in oklab, var(--color-sky-100) 20%, transparent)
  }
    }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-stone-50 {
    background-color: #fafaf9;
  }
  .bg-stone-100 {
    background-color: #f5f5f4;
  }
  .bg-stone-300 {
    background-color: var(--color-stone-300);
  }
  .bg-stone-400 {
    background-color: var(--color-stone-400);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-violet-400 {
    background-color: var(--color-violet-400);
  }
  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
  }
    }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-300\/70 {
    background-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 70%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-300\/70 {
      background-color: color-mix(in oklab, var(--color-yellow-300) 70%, transparent)
  }
    }
  .bg-yellow-400\/30 {
    background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-400\/30 {
      background-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent)
  }
    }
  .bg-yellow-500\/20 {
    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-500\/20 {
      background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent)
  }
    }
  .bg-yellow-600\/20 {
    background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-600\/20 {
      background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent)
  }
    }
  .bg-yellow-600\/30 {
    background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 30%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .bg-yellow-600\/30 {
      background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent)
  }
    }
  .form-status-dot--error {
    background-color: var(--color-red-500);
  }
  .form-status-dot--saved {
    background-color: var(--color-green-500);
  }
  .form-status-dot--saving {
    background-color: var(--color-yellow-400);
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .badge-inline {
    font-size: 0.85em !important;
    padding: 0.125em 0.35em !important;
    vertical-align: baseline !important;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\! {
    padding: calc(var(--spacing) * 1) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\! {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\! {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[2px\]\! {
    padding-block: 2px !important;
  }
  .pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .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-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-40 {
    padding-right: calc(var(--spacing) * 40);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\! {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .\!text-center {
    text-align: center !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-serif {
    font-family: Merriweather, ui-serif;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .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-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-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .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-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-\[0\.55rem\] {
    font-size: 0.55rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[10px\]\! {
    font-size: 10px !important;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-xxs {
    font-size: 0.625rem;
  }
  .\!leading-tight {
    --tw-leading: var(--leading-tight) !important;
    line-height: var(--leading-tight) !important;
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-\[0\.2rem\] {
    --tw-leading: 0.2rem;
    line-height: 0.2rem;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .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-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .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-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-current {
    color: currentcolor !important;
  }
  .\!text-green-600 {
    color: var(--color-green-600) !important;
  }
  .\!text-inherit {
    color: inherit !important;
  }
  .\!text-red-600 {
    color: var(--color-red-600) !important;
  }
  .text-\[\#2ecc71\] {
    color: #2ecc71;
  }
  .text-\[\#9d9d9d\] {
    color: #9d9d9d;
  }
  .text-\[\#0070dd\] {
    color: #0070dd;
  }
  .text-\[\#a335ee\] {
    color: #a335ee;
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-400 {
    color: var(--color-blue-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-current {
    color: currentcolor;
  }
  .text-cyan-400 {
    color: var(--color-cyan-400);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .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-800\! {
    color: var(--color-gray-800) !important;
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-green-300 {
    color: var(--color-green-300);
  }
  .text-green-400 {
    color: var(--color-green-400);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-green-900 {
    color: var(--color-green-900);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-inherit {
    color: inherit;
  }
  .text-inherit\! {
    color: inherit !important;
  }
  .text-lime-700 {
    color: var(--color-lime-700);
  }
  .text-lime-800 {
    color: var(--color-lime-800);
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-orange-900 {
    color: var(--color-orange-900);
  }
  .text-orange-900\/80 {
    color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 80%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .text-orange-900\/80 {
      color: color-mix(in oklab, var(--color-orange-900) 80%, transparent)
  }
    }
  .text-purple-400 {
    color: var(--color-purple-400);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-purple-900 {
    color: var(--color-purple-900);
  }
  .text-purple-900\/80 {
    color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 80%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .text-purple-900\/80 {
      color: color-mix(in oklab, var(--color-purple-900) 80%, transparent)
  }
    }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .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\/50 {
    color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 50%, transparent);
  }
    @supports (color: color-mix(in lab, red, red)) {
  .text-red-700\/50 {
      color: color-mix(in oklab, var(--color-red-700) 50%, transparent)
  }
    }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-stone-400 {
    color: var(--color-stone-400);
  }
  .text-stone-500 {
    color: var(--color-stone-500);
  }
  .text-stone-600 {
    color: var(--color-stone-600);
  }
  .text-stone-900 {
    color: #1c1917;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-500 {
    color: var(--color-yellow-500);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .text-yellow-800 {
    color: var(--color-yellow-800);
  }
  .text-yellow-900 {
    color: var(--color-yellow-900);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .\!opacity-80 {
    opacity: 80% !important;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --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);
  }
  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .\!outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .\!outline-\[6px\] {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 6px !important;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .\!outline-orange-500 {
    outline-color: var(--color-orange-500) !important;
  }
  .outline-orange-500 {
    outline-color: var(--color-orange-500);
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  .grayscale {
    --tw-grayscale: grayscale(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,);
  }
  .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,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .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;
  }
  .outline-none\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .block-1 {
    block-size: calc(var(--spacing) * 1);
  }
      @media (hover: hover) {
    .group-hover\:text-primary-500:is(:where(.group):hover *) {
        color: oklch(62.3% 0.214 259.815)
    }
      }
      @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 100%
    }
      }
      @media (hover: hover) {
    .group-hover\/domain\:opacity-100:is(:where(.group\/domain):hover *) {
        opacity: 100%
    }
      }
      @media (hover: hover) {
    .group-hover\/goal\:opacity-100:is(:where(.group\/goal):hover *) {
        opacity: 100%
    }
      }
      @media (hover: hover) {
    .group-hover\/target\:opacity-100:is(:where(.group\/target):hover *) {
        opacity: 100%
    }
      }
    .file\:mr-4::file-selector-button {
      margin-right: calc(var(--spacing) * 4);
    }
    .file\:rounded-l-lg::file-selector-button {
      border-top-left-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
    }
    .file\:border-0::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .file\:bg-blue-50::file-selector-button {
      background-color: var(--color-blue-50);
    }
    .file\:px-4::file-selector-button {
      padding-inline: calc(var(--spacing) * 4);
    }
    .file\:py-2::file-selector-button {
      padding-block: calc(var(--spacing) * 2);
    }
    .file\:text-sm::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .file\:font-medium::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .file\:text-blue-700::file-selector-button {
      color: var(--color-blue-700);
    }
    .before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
    }
    .before\:top-0::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    .before\:left-0::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    .before\:hidden::before {
      content: var(--tw-content);
      display: none;
    }
    .before\:h-full::before {
      content: var(--tw-content);
      height: 100%;
    }
    .before\:w-0\.5::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0.5);
    }
    .before\:bg-transparent::before {
      content: var(--tw-content);
      background-color: transparent;
    }
    .before\:transition-colors::before {
      content: var(--tw-content);
      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));
    }
    .before\:duration-200::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
    .before\:content-\[\'\'\]::before {
      --tw-content: '';
      content: var(--tw-content);
    }
    .before\:content-\[\'collapsed\'\]::before {
      --tw-content: 'collapsed';
      content: var(--tw-content);
    }
    .only\:block:only-child {
      display: block;
    }
    .empty\:hidden:empty {
      display: none;
    }
      @media (hover: hover) {
    .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)
    }
      }
      @media (hover: hover) {
    .hover\:scale-125:hover {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }
      }
      @media (hover: hover) {
    .hover\:border-blue-500:hover {
        border-color: var(--color-blue-500)
    }
      }
      @media (hover: hover) {
    .hover\:border-gray-400:hover {
        border-color: var(--color-gray-400)
    }
      }
      @media (hover: hover) {
    .hover\:border-primary-300:hover {
        border-color: oklch(80.9% 0.105 251.813)
    }
      }
      @media (hover: hover) {
    .hover\:border-purple-400:hover {
        border-color: var(--color-purple-400)
    }
      }
      @media (hover: hover) {
    .hover\:border-transparent:hover {
        border-color: transparent
    }
      }
      @media (hover: hover) {
    .hover\:bg-blue-50:hover {
        background-color: var(--color-blue-50)
    }
      }
      @media (hover: hover) {
    .hover\:bg-blue-500:hover {
        background-color: var(--color-blue-500)
    }
      }
      @media (hover: hover) {
    .hover\:bg-gray-50:hover {
        background-color: var(--color-gray-50)
    }
      }
      @media (hover: hover) {
    .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100)
    }
      }
      @media (hover: hover) {
    .hover\:bg-gray-200:hover {
        background-color: var(--color-gray-200)
    }
      }
      @media (hover: hover) {
    .hover\:bg-indigo-400\/10:hover {
        background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent)
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-indigo-400\/10:hover {
          background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent)
    }
        }
      }
      @media (hover: hover) {
    .hover\:bg-indigo-500\/20:hover {
        background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent)
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-indigo-500\/20:hover {
          background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent)
    }
        }
      }
      @media (hover: hover) {
    .hover\:bg-primary-50\/50:hover {
        background-color: color-mix(in oklab, oklch(97% 0.014 254.604) 50%, transparent)
    }
      }
      @media (hover: hover) {
    .hover\:bg-purple-500\/10:hover {
        background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent)
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-purple-500\/10:hover {
          background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent)
    }
        }
      }
      @media (hover: hover) {
    .hover\:bg-stone-100:hover {
        background-color: #f5f5f4
    }
      }
      @media (hover: hover) {
    .hover\:bg-white:hover {
        background-color: var(--color-white)
    }
      }
      @media (hover: hover) {
    .hover\:text-blue-800:hover {
        color: var(--color-blue-800)
    }
      }
      @media (hover: hover) {
    .hover\:text-gray-600:hover {
        color: var(--color-gray-600)
    }
      }
      @media (hover: hover) {
    .hover\:text-gray-700:hover {
        color: var(--color-gray-700)
    }
      }
      @media (hover: hover) {
    .hover\:text-gray-900:hover {
        color: var(--color-gray-900)
    }
      }
      @media (hover: hover) {
    .hover\:text-red-500:hover {
        color: var(--color-red-500)
    }
      }
      @media (hover: hover) {
    .hover\:text-red-600\!:hover {
        color: var(--color-red-600) !important
    }
      }
      @media (hover: hover) {
    .hover\:text-red-800:hover {
        color: var(--color-red-800)
    }
      }
      @media (hover: hover) {
    .hover\:text-sky-800:hover {
        color: var(--color-sky-800)
    }
      }
      @media (hover: hover) {
    .hover\:text-sky-800\!:hover {
        color: var(--color-sky-800) !important
    }
      }
      @media (hover: hover) {
    .hover\:text-stone-600:hover {
        color: var(--color-stone-600)
    }
      }
      @media (hover: hover) {
    .hover\:text-stone-700:hover {
        color: #44403c
    }
      }
      @media (hover: hover) {
    .hover\:text-white:hover {
        color: var(--color-white)
    }
      }
      @media (hover: hover) {
    .hover\:underline:hover {
        text-decoration-line: underline
    }
      }
      @media (hover: hover) {
    .hover\:opacity-70:hover {
        opacity: 70%
    }
      }
      @media (hover: hover) {
    .hover\:opacity-100:hover {
        opacity: 100%
    }
      }
      @media (hover: hover) {
    .hover\:opacity-100\!:hover {
        opacity: 100% !important
    }
      }
      @media (hover: hover) {
        .hover\:file\:bg-blue-100:hover::file-selector-button {
          background-color: var(--color-blue-100);
        }
      }
      @media (hover: hover) {
        .hover\:before\:bg-blue-500:hover::before {
          content: var(--tw-content);
          background-color: var(--color-blue-500);
        }
      }
    .focus\:border-blue-500:focus {
      border-color: var(--color-blue-500);
    }
    .focus\:bg-gray-100:focus {
      background-color: var(--color-gray-100);
    }
    .focus\:text-gray-900:focus {
      color: var(--color-gray-900);
    }
    .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-500:focus {
      --tw-ring-color: var(--color-blue-500);
    }
    .focus\:outline-hidden:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
      @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
      }
    .focus\:outline-none:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    .focus\:ring-inset:focus {
      --tw-ring-inset: inset;
    }
    .focus-visible\:ring-2:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .focus-visible\:ring-blue-400:focus-visible {
      --tw-ring-color: var(--color-blue-400);
    }
    .disabled\:hidden:disabled {
      display: none;
    }
    .disabled\:cursor-not-allowed:disabled {
      cursor: not-allowed;
    }
    .disabled\:bg-gray-50:disabled {
      background-color: var(--color-gray-50);
    }
    .disabled\:bg-gray-300:disabled {
      background-color: var(--color-gray-300);
    }
    .disabled\:opacity-50:disabled {
      opacity: 50%;
    }
    @media (width < 640px) {
      :is(.max-sm\:\*\:w-full > *) {
        width: 100%;
      }
    }
    @media (width >= 640px) {
  .sm\:col-span-1 {
      grid-column: span 1 / span 1
  }
    }
    @media (width >= 640px) {
  .sm\:col-span-2 {
      grid-column: span 2 / span 2
  }
    }
    @media (width >= 640px) {
  .sm\:block {
      display: block
  }
    }
    @media (width >= 640px) {
  .sm\:hidden {
      display: none
  }
    }
    @media (width >= 640px) {
  .sm\:h-\[27px\] {
      height: 27px
  }
    }
    @media (width >= 640px) {
  .sm\:h-\[29px\] {
      height: 29px
  }
    }
    @media (width >= 640px) {
  .sm\:min-w-\[100px\] {
      min-width: 100px
  }
    }
    @media (width >= 640px) {
  .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
  }
    }
    @media (width >= 640px) {
  .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
    }
    @media (width >= 640px) {
  .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
    }
    @media (width >= 640px) {
  .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }
    }
    @media (width >= 640px) {
  .sm\:flex-row {
      flex-direction: row
  }
    }
    @media (width >= 640px) {
  .sm\:items-center {
      align-items: center
  }
    }
    @media (width >= 640px) {
      :where(.sm\:space-y-0 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    @media (width >= 640px) {
      :where(.sm\:space-x-4 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    @media (width >= 640px) {
  .sm\:rounded-lg {
      border-radius: var(--radius-lg)
  }
    }
    @media (width >= 640px) {
  .sm\:p-3 {
      padding: calc(var(--spacing) * 3)
  }
    }
    @media (width >= 640px) {
  .sm\:p-4 {
      padding: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 640px) {
  .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
  }
    }
    @media (width >= 768px) {
  .md\:sticky {
      position: sticky
  }
    }
    @media (width >= 768px) {
  .md\:top-6 {
      top: calc(var(--spacing) * 6)
  }
    }
    @media (width >= 768px) {
  .md\:col-span-1 {
      grid-column: span 1 / span 1
  }
    }
    @media (width >= 768px) {
  .md\:col-span-2 {
      grid-column: span 2 / span 2
  }
    }
    @media (width >= 768px) {
  .md\:col-span-3 {
      grid-column: span 3 / span 3
  }
    }
    @media (width >= 768px) {
  .md\:col-span-4 {
      grid-column: span 4 / span 4
  }
    }
    @media (width >= 768px) {
  .md\:col-span-5 {
      grid-column: span 5 / span 5
  }
    }
    @media (width >= 768px) {
  .md\:col-span-6 {
      grid-column: span 6 / span 6
  }
    }
    @media (width >= 768px) {
  .md\:col-span-7 {
      grid-column: span 7 / span 7
  }
    }
    @media (width >= 768px) {
  .md\:col-span-8 {
      grid-column: span 8 / span 8
  }
    }
    @media (width >= 768px) {
  .md\:col-span-9 {
      grid-column: span 9 / span 9
  }
    }
    @media (width >= 768px) {
  .md\:col-span-10 {
      grid-column: span 10 / span 10
  }
    }
    @media (width >= 768px) {
  .md\:col-span-12 {
      grid-column: span 12 / span 12
  }
    }
    @media (width >= 768px) {
  .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 768px) {
  .md\:ml-auto {
      margin-left: auto
  }
    }
    @media (width >= 768px) {
  .md\:block {
      display: block
  }
    }
    @media (width >= 768px) {
  .md\:flex {
      display: flex
  }
    }
    @media (width >= 768px) {
  .md\:hidden {
      display: none
  }
    }
    @media (width >= 768px) {
  .md\:hidden\! {
      display: none !important
  }
    }
    @media (width >= 768px) {
  .md\:max-h-\[calc\(100vh-3rem\)\] {
      max-height: calc(100vh - 3rem)
  }
    }
    @media (width >= 768px) {
  .md\:w-1\/2 {
      width: calc(1 / 2 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-1\/3 {
      width: calc(1 / 3 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-1\/4 {
      width: calc(1 / 4 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-1\/6 {
      width: calc(1 / 6 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-2\/3 {
      width: calc(2 / 3 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-3\/4 {
      width: calc(3 / 4 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-7\/12 {
      width: calc(7 / 12 * 100%)
  }
    }
    @media (width >= 768px) {
  .md\:w-auto {
      width: auto
  }
    }
    @media (width >= 768px) {
  .md\:w-full {
      width: 100%
  }
    }
    @media (width >= 768px) {
  .md\:min-w-3xs {
      min-width: var(--container-3xs)
  }
    }
    @media (width >= 768px) {
  .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
    }
    @media (width >= 768px) {
  .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
    }
    @media (width >= 768px) {
  .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }
    }
    @media (width >= 768px) {
  .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
  }
    }
    @media (width >= 768px) {
  .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }
    }
    @media (width >= 768px) {
  .md\:flex-row {
      flex-direction: row
  }
    }
    @media (width >= 768px) {
  .md\:items-center {
      align-items: center
  }
    }
    @media (width >= 768px) {
  .md\:items-end {
      align-items: flex-end
  }
    }
    @media (width >= 768px) {
  .md\:items-start {
      align-items: flex-start
  }
    }
    @media (width >= 768px) {
  .md\:gap-4 {
      gap: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 768px) {
  .md\:gap-6 {
      gap: calc(var(--spacing) * 6)
  }
    }
    @media (width >= 768px) {
      :where(.md\: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)));
      }
    }
    @media (width >= 768px) {
  .md\:self-start {
      align-self: flex-start
  }
    }
    @media (width >= 768px) {
  .md\:overflow-auto {
      overflow: auto
  }
    }
    @media (width >= 768px) {
  .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px
  }
    }
    @media (width >= 768px) {
  .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
  }
    }
    @media (width >= 768px) {
  .md\:p-0 {
      padding: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 768px) {
  .md\:p-4 {
      padding: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 768px) {
  .md\:px-3\! {
      padding-inline: calc(var(--spacing) * 3) !important
  }
    }
    @media (width >= 768px) {
  .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 768px) {
  .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5)
  }
    }
    @media (width >= 768px) {
  .md\:py-12 {
      padding-block: calc(var(--spacing) * 12)
  }
    }
    @media (width >= 768px) {
  .md\:pr-0 {
      padding-right: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 768px) {
  .md\:pr-2 {
      padding-right: calc(var(--spacing) * 2)
  }
    }
    @media (width >= 768px) {
  .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 768px) {
  .md\:pl-7 {
      padding-left: calc(var(--spacing) * 7)
  }
    }
    @media (width >= 768px) {
  .md\:pl-9 {
      padding-left: calc(var(--spacing) * 9)
  }
    }
    @media (width >= 768px) {
  .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
  }
    }
    @media (width >= 768px) {
      .md\:before\:content-\[\'static\'\]::before {
        --tw-content: 'static';
        content: var(--tw-content);
      }
    }
    @media (width >= 1024px) {
  .lg\:col-span-1 {
      grid-column: span 1 / span 1
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-2 {
      grid-column: span 2 / span 2
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-3 {
      grid-column: span 3 / span 3
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-4 {
      grid-column: span 4 / span 4
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-5 {
      grid-column: span 5 / span 5
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-7 {
      grid-column: span 7 / span 7
  }
    }
    @media (width >= 1024px) {
  .lg\:col-span-9 {
      grid-column: span 9 / span 9
  }
    }
    @media (width >= 1024px) {
  .lg\:block {
      display: block
  }
    }
    @media (width >= 1024px) {
  .lg\:w-1\/2 {
      width: calc(1 / 2 * 100%)
  }
    }
    @media (width >= 1024px) {
  .lg\:w-1\/4 {
      width: calc(1 / 4 * 100%)
  }
    }
    @media (width >= 1024px) {
  .lg\:max-w-xs {
      max-width: var(--container-xs)
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
  }
    }
    @media (width >= 1024px) {
  .lg\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto
  }
    }
    @media (width >= 1024px) {
  .lg\:gap-4 {
      gap: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 1024px) {
  .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
  }
    }
    @media (width >= 1280px) {
  .xl\:sticky {
      position: sticky
  }
    }
    @media (width >= 1280px) {
  .xl\:top-2 {
      top: calc(var(--spacing) * 2)
  }
    }
    @media (width >= 1280px) {
  .xl\:top-6 {
      top: calc(var(--spacing) * 6)
  }
    }
    @media (width >= 1280px) {
  .xl\:my-3 {
      margin-block: calc(var(--spacing) * 3)
  }
    }
    @media (width >= 1280px) {
  .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 1280px) {
  .xl\:block {
      display: block
  }
    }
    @media (width >= 1280px) {
  .xl\:flex {
      display: flex
  }
    }
    @media (width >= 1280px) {
  .xl\:grid {
      display: grid
  }
    }
    @media (width >= 1280px) {
  .xl\:hidden {
      display: none
  }
    }
    @media (width >= 1280px) {
  .xl\:w-4\/5 {
      width: calc(4 / 5 * 100%)
  }
    }
    @media (width >= 1280px) {
  .xl\:w-64 {
      width: calc(var(--spacing) * 64)
  }
    }
    @media (width >= 1280px) {
  .xl\:w-full {
      width: 100%
  }
    }
    @media (width >= 1280px) {
  .xl\:max-w-none {
      max-width: none
  }
    }
    @media (width >= 1280px) {
  .xl\:flex-none {
      flex: none
  }
    }
    @media (width >= 1280px) {
  .xl\:flex-shrink-0 {
      flex-shrink: 0
  }
    }
    @media (width >= 1280px) {
  .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
    }
    @media (width >= 1280px) {
  .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
  }
    }
    @media (width >= 1280px) {
  .xl\:flex-col {
      flex-direction: column
  }
    }
    @media (width >= 1280px) {
  .xl\:flex-row {
      flex-direction: row
  }
    }
    @media (width >= 1280px) {
  .xl\:gap-8 {
      gap: calc(var(--spacing) * 8)
  }
    }
    @media (width >= 1280px) {
  .xl\:rounded-xl {
      border-radius: var(--radius-xl)
  }
    }
    @media (width >= 1280px) {
  .xl\:border {
      border-style: var(--tw-border-style);
      border-width: 1px
  }
    }
    @media (width >= 1280px) {
  .xl\:border-gray-300 {
      border-color: var(--color-gray-300)
  }
    }
    @media (width >= 1280px) {
  .xl\:bg-white {
      background-color: var(--color-white)
  }
    }
    @media (width >= 1280px) {
  .xl\:p-4 {
      padding: calc(var(--spacing) * 4)
  }
    }
    @media (width >= 1280px) {
  .xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0)
  }
    }
    @media (width >= 1280px) {
  .xl\:shadow-md {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
    }
      :where(.dark\:divide-gray-600:where([data-theme="dark"], [data-theme="dark"] *) > :not(:last-child)) {
        border-color: var(--color-gray-600);
      }
    .dark\:border-gray-500:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-500);
    }
    .dark\:border-gray-600:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-600);
    }
    .dark\:border-gray-600\/30\!:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 30%, transparent) !important;
    }
      @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-gray-600\/30\!:where([data-theme="dark"], [data-theme="dark"] *) {
        border-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent) !important
    }
      }
    .dark\:border-gray-700:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-700);
    }
    .dark\:border-slate-600:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-slate-600);
    }
    .dark\:border-stone-800:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: #292524;
    }
    .dark\:bg-gray-600:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-600);
    }
    .dark\:bg-gray-800:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-800);
    }
    .dark\:bg-gray-800\/50:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
    }
      @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/50:where([data-theme="dark"], [data-theme="dark"] *) {
        background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent)
    }
      }
    .dark\:bg-gray-900:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-900);
    }
    .dark\:bg-slate-700:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-slate-700);
    }
    .dark\:bg-slate-800:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-slate-800);
    }
    .dark\:bg-stone-800\/50:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: color-mix(in oklab, #292524 50%, transparent);
    }
    .dark\:text-emerald-400:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-emerald-400);
    }
    .dark\:text-gray-100:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-100);
    }
    .dark\:text-gray-200\!:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-200) !important;
    }
    .dark\:text-gray-300:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-300);
    }
    .dark\:text-gray-400:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-400);
    }
    .dark\:text-gray-500:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-500);
    }
    .dark\:text-purple-300\/80:where([data-theme="dark"], [data-theme="dark"] *) {
      color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 80%, transparent);
    }
      @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-purple-300\/80:where([data-theme="dark"], [data-theme="dark"] *) {
        color: color-mix(in oklab, var(--color-purple-300) 80%, transparent)
    }
      }
    .dark\:text-slate-200:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-slate-200);
    }
    .dark\:text-yellow-200:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-yellow-200);
    }
    .dark\:text-yellow-300:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-yellow-300);
    }
    .dark\:prose-invert:where([data-theme="dark"], [data-theme="dark"] *) {
      --tw-prose-body: var(--tw-prose-invert-body);
      --tw-prose-headings: var(--tw-prose-invert-headings);
      --tw-prose-lead: var(--tw-prose-invert-lead);
      --tw-prose-links: var(--tw-prose-invert-links);
      --tw-prose-bold: var(--tw-prose-invert-bold);
      --tw-prose-counters: var(--tw-prose-invert-counters);
      --tw-prose-bullets: var(--tw-prose-invert-bullets);
      --tw-prose-hr: var(--tw-prose-invert-hr);
      --tw-prose-quotes: var(--tw-prose-invert-quotes);
      --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
      --tw-prose-captions: var(--tw-prose-invert-captions);
      --tw-prose-kbd: var(--tw-prose-invert-kbd);
      --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
      --tw-prose-code: var(--tw-prose-invert-code);
      --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
      --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
      --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
      --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
    }
        @media (hover: hover) {
      .dark\:hover\:border-primary-700:where([data-theme="dark"], [data-theme="dark"] *):hover {
          border-color: oklch(48.8% 0.243 264.376)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:bg-gray-800:where([data-theme="dark"], [data-theme="dark"] *):hover {
          background-color: var(--color-gray-800)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:bg-gray-900:where([data-theme="dark"], [data-theme="dark"] *):hover {
          background-color: var(--color-gray-900)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:bg-primary-950\/30:where([data-theme="dark"], [data-theme="dark"] *):hover {
          background-color: color-mix(in oklab, oklch(28.2% 0.091 267.935) 30%, transparent)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:text-gray-100:where([data-theme="dark"], [data-theme="dark"] *):hover {
          color: var(--color-gray-100)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:text-sky-300:where([data-theme="dark"], [data-theme="dark"] *):hover {
          color: var(--color-sky-300)
      }
        }
        @media (hover: hover) {
      .dark\:hover\:text-sky-300\!:where([data-theme="dark"], [data-theme="dark"] *):hover {
          color: var(--color-sky-300) !important
      }
        }
      .dark\:focus\:text-gray-100:where([data-theme="dark"], [data-theme="dark"] *):focus {
        color: var(--color-gray-100);
      }
      .dark\:disabled\:bg-gray-800:where([data-theme="dark"], [data-theme="dark"] *):disabled {
        background-color: var(--color-gray-800);
      }
    @media print {
  .print\:hidden {
      display: none
  }
    }
    .\[\&_\.callout\]\:mb-0 .callout {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .\[\&_\.ts-control\]\:max-h-10 .ts-control {
      max-height: calc(var(--spacing) * 10);
    }
    .\[\&_\.ts-control\]\:overflow-auto .ts-control {
      overflow: auto;
    }
    .\[\&\>\.split-btn\]\:w-full>.split-btn {
      width: 100%;
    }
    .\[\&\>section\+section\]\:mt-8>section+section {
      margin-top: calc(var(--spacing) * 8);
    }
    .\[\&\>section\+section\]\:border-t>section+section {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .\[\&\>section\+section\]\:border-gray-200>section+section {
      border-color: var(--color-gray-200);
    }
    .\[\&\>section\+section\]\:pt-8>section+section {
      padding-top: calc(var(--spacing) * 8);
    }
      .\[\&\>section\+section\]\:dark\:border-stone-700>section+section:where([data-theme="dark"], [data-theme="dark"] *) {
        border-color: #44403c;
      }
}
@layer utilities {
  .font-display {
    font-size: 4rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  h1, .h1 {
    font-size: 2.5rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  h2, .h2 {
    font-size: 2rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  h3, .h3 {
    font-size: 1.5rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  h4, .h4 {
    font-size: 1.125rem;
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  h5, .h5 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    font-size: 1.125rem;
  }
  @layer base {
    .link, a {
      color: var(--color-sky-800);
      text-decoration-line: underline;
      text-decoration-color: color-mix(in srgb, oklch(50% 0.134 242.749) 30%, transparent);
    }
      @supports (color: color-mix(in lab, red, red)) {
    .link, a {
        text-decoration-color: color-mix(in oklab, var(--color-sky-700) 30%, transparent)
    }
      }
      .link, a{
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
    }
      .link:where([data-theme="dark"], [data-theme="dark"] *), a:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--color-sky-300);
      }
      .link:where([data-theme="dark"], [data-theme="dark"] *), a:where([data-theme="dark"], [data-theme="dark"] *) {
        text-decoration-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
      }
        @supports (color: color-mix(in lab, red, red)) {
      .link:where([data-theme="dark"], [data-theme="dark"] *), a:where([data-theme="dark"], [data-theme="dark"] *) {
          text-decoration-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent)
      }
        }
      .link:hover, .link:focus, a:hover, a:focus {
        color: var(--color-sky-700);
        text-decoration-color: var(--color-sky-700);
      }
        .link:hover:where([data-theme="dark"], [data-theme="dark"] *), .link:focus:where([data-theme="dark"], [data-theme="dark"] *), a:hover:where([data-theme="dark"], [data-theme="dark"] *), a:focus:where([data-theme="dark"], [data-theme="dark"] *) {
          color: var(--color-sky-200);
        }
        .link:hover:where([data-theme="dark"], [data-theme="dark"] *), .link:focus:where([data-theme="dark"], [data-theme="dark"] *), a:hover:where([data-theme="dark"], [data-theme="dark"] *), a:focus:where([data-theme="dark"], [data-theme="dark"] *) {
          text-decoration-color: var(--color-sky-400);
        }
  }
}
@layer utilities {
  .icon-send, .icon-link, .icon-edit, .icon-copy, .icon-undo, .icon-close, .icon-mail, .icon-user, .icon-trash {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .icon-send {
    -webkit-mask-image: url(/assets/icons/send.svg);
    mask-image: url(/assets/icons/send.svg);
  }
  .icon-link {
    -webkit-mask-image: url(/assets/icons/link.svg);
    mask-image: url(/assets/icons/link.svg);
  }
  .icon-edit {
    -webkit-mask-image: url(/assets/icons/edit.svg);
    mask-image: url(/assets/icons/edit.svg);
  }
  .icon-copy {
    -webkit-mask-image: url(/assets/icons/copy.svg);
    mask-image: url(/assets/icons/copy.svg);
  }
  .icon-undo {
    -webkit-mask-image: url(/assets/icons/undo.svg);
    mask-image: url(/assets/icons/undo.svg);
  }
  .icon-close {
    -webkit-mask-image: url(/assets/icons/close.svg);
    mask-image: url(/assets/icons/close.svg);
  }
  .icon-mail {
    -webkit-mask-image: url(/assets/icons/mail.svg);
    mask-image: url(/assets/icons/mail.svg);
  }
  .icon-user {
    -webkit-mask-image: url(/assets/icons/user.svg);
    mask-image: url(/assets/icons/user.svg);
  }
  .icon-trash {
    -webkit-mask-image: url(/assets/icons/trash.svg);
    mask-image: url(/assets/icons/trash.svg);
  }
}
@layer utilities {
  @media (min-aspect-ratio: 12 / 9) {
    .hep-video {
      width: 60vh;
      height: 60vh;
    }
  }
  @media (max-aspect-ratio: 4 / 3) {
    .hep-video {
      width: 80vw;
      height: 80vw;
    }
  }
}
@layer utilities {
  .navlist {
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: #fafaf9;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
    .navlist:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: #292524;
    }
    .navlist:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: #1c1917;
    }
      .navlist.compact > a, .navlist.compact > div, .navlist.compact > fieldset {
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        padding-right: calc(var(--spacing) * 7);
        min-height: 41px;
      }
    .navlist > a, .navlist > div, .navlist > fieldset {
      display: flex;
      align-items: center;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 3);
      font-size: 16px;
      color: var(--color-gray-700) !important;
      text-decoration-line: none !important;
    }
      .navlist > a:where([data-theme="dark"], [data-theme="dark"] *), .navlist > div:where([data-theme="dark"], [data-theme="dark"] *), .navlist > fieldset:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--color-gray-300) !important;
      }
      .navlist > a, .navlist > div, .navlist > fieldset{
      min-height: 52px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
      .navlist > a:focus-visible, .navlist > div:focus-visible, .navlist > fieldset:focus-visible {
        position: relative;
        z-index: 10;
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
        outline-offset: calc(2px * -1);
        outline-color: oklch(62.3% 0.214 259.815);
      }
      .navlist > a:first-child, .navlist > div:first-child, .navlist > fieldset:first-child {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
      }
      .navlist > a:last-child, .navlist > div:last-child, .navlist > fieldset:last-child {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
      }
      .navlist > a.active, .navlist > div.active, .navlist > fieldset.active {
        background-color: var(--color-indigo-600);
      }
        .navlist > a.active:where([data-theme="dark"], [data-theme="dark"] *), .navlist > div.active:where([data-theme="dark"], [data-theme="dark"] *), .navlist > fieldset.active:where([data-theme="dark"], [data-theme="dark"] *) {
          background-color: var(--color-indigo-800);
        }
        .navlist > a.active, .navlist > div.active, .navlist > fieldset.active{
        color: #fff !important;
  }
        .navlist > a.active span.text-sm, .navlist > div.active span.text-sm, .navlist > fieldset.active span.text-sm {
          color: #fff !important;
        }
      .navlist > a:not(:last-child), .navlist > div:not(:last-child), .navlist > fieldset:not(:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
      }
        .navlist > a:not(:last-child):where([data-theme="dark"], [data-theme="dark"] *), .navlist > div:not(:last-child):where([data-theme="dark"], [data-theme="dark"] *), .navlist > fieldset:not(:last-child):where([data-theme="dark"], [data-theme="dark"] *) {
          border-color: #44403c;
        }
      .navlist > a label, .navlist > div label, .navlist > fieldset label {
        margin-bottom: calc(var(--spacing) * 0);
      }
      .navlist > a span.text-sm, .navlist > div span.text-sm, .navlist > fieldset span.text-sm {
        color: var(--color-gray-500);
      }
        .navlist > a span.text-sm:where([data-theme="dark"], [data-theme="dark"] *), .navlist > div span.text-sm:where([data-theme="dark"], [data-theme="dark"] *), .navlist > fieldset span.text-sm:where([data-theme="dark"], [data-theme="dark"] *) {
          color: var(--color-gray-400);
        }
    .navlist > a {
      position: relative;
    }
      .navlist > a:before {
        position: absolute;
        right: calc(var(--spacing) * 3);
        content: "";
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 20px;
        background: url(/assets/icon-chevron-right-48cd4755fbc9bf9dfc2a9fb03267d638377c4fe16bdac6a588eaf9a49be4c449.svg) no-repeat center;
        background-size: contain;
        opacity: 0.5;
      }
        .navlist > a.active:before, :where([data-theme="dark"]) .navlist > a:not(.active):before {
          filter: invert(1);
        }
      @media (hover: hover) {
        .navlist > a:not(.active):hover {
          background-color: #f0f0ef;
        }
          .navlist > a:not(.active):hover:where([data-theme="dark"], [data-theme="dark"] *) {
            background-color: #292524;
          }
      }
    .navlist > div, .navlist > fieldset {
      justify-content: space-between;
      padding-block: calc(var(--spacing) * 2);
    }
    .navlist label {
      padding: calc(var(--spacing) * 0);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .navlist p {
      color: var(--color-gray-500);
    }
      .navlist p:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--color-gray-400);
      }
    .navlist .icon {
      --size: 28px;
      height: 28px !important;
      width: 28px !important;
      margin-right: calc(var(--spacing) * 3);
      border-radius: var(--radius-md);
      padding: calc(var(--spacing) * 1);
      min-width: 28px;
    }
      .navlist .icon svg, .navlist .icon img {
        width: 100%;
        height: 100%;
      }
    .navlist select {
      margin-top: calc(var(--spacing) * 0);
      max-width: 60%;
      --tw-border-style: none;
      border-style: none;
      background-color: var(--color-slate-100);
      padding-block: calc(var(--spacing) * 1);
      padding-right: calc(var(--spacing) * 6);
      padding-left: calc(var(--spacing) * 2);
      color: var(--color-gray-800);
      --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);
    }
      .navlist select:where([data-theme="dark"], [data-theme="dark"] *) {
        background-color: #292524;
      }
      .navlist select:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--color-white);
      }
      .navlist select{
      background-position: right 0.125em center;
  }
      .navlist.navlist-sidebar > a, .navlist.navlist-sidebar > div {
        padding-right: calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
      .navlist.navlist-sidebar > a:not(.has-children)::before {
        display: none;
      }
      .navlist.navlist-sidebar > a.has-children::before {
        width: 10px;
        height: 14px;
        opacity: 0.35;
        transition: transform 0.2s ease-out;
      }
      .navlist.navlist-sidebar > a.has-children.active::before {
        transform: translateY(-50%) rotate(90deg);
        opacity: 0.5;
        filter: none;
      }
      :where([data-theme="dark"]) .navlist.navlist-sidebar > a.has-children.active::before {
        filter: invert(1);
        opacity: 0.85;
      }
      .navlist.navlist-sidebar > a.active {
        background-color: oklch(97% 0.014 254.604);
        color: oklch(48.8% 0.243 264.376) !important;
      }
        .navlist.navlist-sidebar > a.active:where([data-theme="dark"], [data-theme="dark"] *) {
          background-color: color-mix(in oklab, oklch(28.2% 0.091 267.935) 50%, transparent);
        }
        .navlist.navlist-sidebar > a.active:where([data-theme="dark"], [data-theme="dark"] *) {
          color: oklch(80.9% 0.105 251.813) !important;
        }
      .navlist.navlist-sidebar .icon {
        --size: 20px;
        height: 20px !important;
        width: 20px !important;
        min-width: 20px;
        margin-right: calc(var(--spacing) * 2);
        padding: calc(var(--spacing) * 0);
      }
      .navlist.navlist-sidebar > a.active:has(+ .navlist-children) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
      .navlist.navlist-sidebar > .navlist-children {
        display: block;
        padding: calc(var(--spacing) * 0);
        padding-bottom: calc(var(--spacing) * 1);
        min-height: 0;
      }
        .navlist.navlist-sidebar > .navlist-children a {
          display: block;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          color: var(--color-gray-500) !important;
          text-decoration-line: none !important;
          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
            @media (hover: hover) {
          .navlist.navlist-sidebar > .navlist-children a:hover {
              color: oklch(48.8% 0.243 264.376) !important
          }
            }
          .navlist.navlist-sidebar > .navlist-children a:where([data-theme="dark"], [data-theme="dark"] *) {
            color: var(--color-gray-400) !important;
          }
              @media (hover: hover) {
            .navlist.navlist-sidebar > .navlist-children a:where([data-theme="dark"], [data-theme="dark"] *):hover {
                color: oklch(80.9% 0.105 251.813) !important
            }
              }
          .navlist.navlist-sidebar > .navlist-children a{
          padding: 0.25rem 0.75rem 0.25rem 2.25rem;
          font-size: 0.75rem;
          min-height: 0;
  }
}
@layer utilities {
  .ghost {
    position: absolute;
    z-index: 9999999999;
    transform-origin: center;
    width: 90px;
    margin: 20px 0 0 -45px;
  }
    .ghost__eyes, .ghost__mouth {
      position: absolute;
      z-index: 1;
      width: 15px;
      height: 15px;
      top: 34px;
      left: 50%;
      transform: translate(-50%);
      border-radius: 50px;
      background: #161616;
      margin-left: -20px;
      transform-origin: center;
    }
    .ghost__eyes {
      box-shadow: 40px 0 0 #161616;
    }
    .ghost__mouth {
      margin: 0;
      top: 60px;
      transform: scale(0);
      border-radius: 20px 20px 12px 12px;
      width: 20px;
      trasform-origin: center bottom;
      overflow: hidden;
    }
    .ghost__tail {
      position: absolute;
      z-index: -1;
      top: 82px;
      height: 55px;
      width: 100%;
      filter: url(#goo);
    }
      .ghost__tail:before {
        content: "";
        background: #f2efe7;
        position: absolute;
        bottom: 35px;
        left: 0;
        height: 100px;
        width: 100%;
        border-radius: 40px 40px 5px 5px;
      }
    .ghost__rip {
      width: 15px;
      height: 28px;
      background: #f2efe7;
      position: absolute;
      top: 15px;
      left: 0;
      box-shadow: -62px 0 0 #f2efe7, -31px 0 0 #f2efe7, 31px 0 0 #f2efe7, 62px 0 0 #f2efe7, 93px 0 0 #f2efe7;
      border-radius: 50%;
      animation: ghost-rips 1.2s linear infinite;
    }
    .ghost.invisible + svg {
      display: none;
    }
  @keyframes ghost-rips {
    0% {
      left: 0;
      top: 12px;
    }
    50% {
      left: 31px;
      top: 20px;
    }
    100% {
      left: 62px;
      top: 12px;
    }
  }
}
@layer utilities {
  @property --a {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }
  .glow-card {
    overflow: hidden;
    position: relative;
  }
  .glow-card::before {
    position: absolute;
    z-index: -1;
    inset: -1em;
    border: solid 1.25em;
    border-image: conic-gradient( from var(--a), #669900, #99cc33, #ccee66, #006699, #3399cc, #990066, #cc3399, #ff6600, #ff9900, #ffcc00, #669900 ) 1;
    filter: blur(0.75em);
    animation: a 4s linear infinite;
    content: "";
  }
  @keyframes a {
    to {
      --a: 1turn;
    }
  }
}
@layer utilities {
  .field-picker {
    display: flex;
    align-items: flex-start;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-slate-300);
    background-color: var(--color-slate-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-gray-800);
    text-decoration-line: none;
  }
      @media (hover: hover) {
    .field-picker:hover {
        border-color: var(--color-blue-400)
    }
      }
      @media (hover: hover) {
    .field-picker:hover {
        background-color: var(--color-blue-100)
    }
      }
      @media (hover: hover) {
    .field-picker:hover {
        outline-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent)
    }
        @supports (color: color-mix(in lab, red, red)) {
    .field-picker:hover {
          outline-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent)
    }
        }
      }
      @media (hover: hover) {
    .field-picker:hover {
        --tw-outline-style: solid;
        outline-style: solid
    }
      }
    .field-picker:where([data-theme="dark"], [data-theme="dark"] *) {
      border-color: var(--color-gray-600);
    }
    .field-picker:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-gray-800);
    }
    .field-picker:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-gray-200);
    }
        @media (hover: hover) {
      .field-picker:where([data-theme="dark"], [data-theme="dark"] *):hover {
          border-color: var(--color-blue-400)
      }
        }
        @media (hover: hover) {
      .field-picker:where([data-theme="dark"], [data-theme="dark"] *):hover {
          background-color: var(--color-gray-700)
      }
        }
    .field-picker.error {
      border-color: var(--color-red-500);
      background-color: var(--color-red-100);
      color: var(--color-red-800);
    }
        @media (hover: hover) {
      .field-picker.error:hover {
          outline-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent)
      }
          @supports (color: color-mix(in lab, red, red)) {
      .field-picker.error:hover {
            outline-color: color-mix(in oklab, var(--color-red-500) 30%, transparent)
      }
          }
        }
      .field-picker.error:where([data-theme="dark"], [data-theme="dark"] *) {
        border-color: var(--color-red-500);
      }
      .field-picker.error:where([data-theme="dark"], [data-theme="dark"] *) {
        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
      }
        @supports (color: color-mix(in lab, red, red)) {
      .field-picker.error:where([data-theme="dark"], [data-theme="dark"] *) {
          background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent)
      }
        }
      .field-picker.error:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--color-red-300);
      }
}
@layer utilities {
  .target_data_display_show_baseline_score {
    display: none;
  }
    .target_data_display_baseline_score .target_data_display_show_baseline_score {
      display: block;
    }
  .target_data_display_show_mastery_criteria {
    display: none;
  }
    .target_data_display_mastery_criteria .target_data_display_show_mastery_criteria {
      display: block;
    }
  .target_data_display_show_intro_date {
    display: none;
  }
    .target_data_display_intro_date .target_data_display_show_intro_date {
      display: block;
    }
  .target_data_display_show_estimated_mastery_date {
    display: none;
  }
    .target_data_display_estimated_mastery_date .target_data_display_show_estimated_mastery_date {
      display: block;
    }
}
@layer utilities {
  :root {
    --toc-border-width: 2px;
    --toc-active-color: oklch(54.6% 0.245 262.881);
    --toc-scroll-offset: 80px;
    --toc-animation-duration: 300ms;
    --toc-transition-easing: ease-out;
  }
  .grid .col-2\@md {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 768px) {
    .toc-aside {
      position: sticky !important;
      top: 1.5rem !important;
      align-self: flex-start !important;
      max-height: calc(100vh - 3rem) !important;
      overflow-y: auto !important;
    }
  }
  .text-blue-600.font-medium::before {
    background-color: var(--toc-active-color) !important;
    width: var(--toc-border-width) !important;
  }
  .toc--expanded nav {
    display: block !important;
    animation: slideInFromTop var(--toc-animation-duration) var(--toc-transition-easing);
  }
  @media (max-width: 767px) {
    .toc--expanded nav {
      display: block !important;
    }
  }
  @keyframes slideInFromTop {
    from {
      opacity: 0;
      transform: translateY(-0.5rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .toc--expanded button span:first-child {
    pointer-events: none;
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0%;
    transition-duration: var(--toc-animation-duration);
    transition-timing-function: var(--toc-transition-easing);
  }
  .toc--expanded button span:last-child {
    pointer-events: auto;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
    transition-duration: var(--toc-animation-duration);
    transition-timing-function: var(--toc-transition-easing);
  }
  .toc--expanded svg {
    rotate: 90deg;
    transition-duration: var(--toc-animation-duration);
    transition-timing-function: var(--toc-transition-easing);
  }
  .toc-content *:target {
    animation: highlight-target 2s var(--toc-transition-easing);
  }
  @keyframes highlight-target {
    0%, 50% {
      outline: 2px solid rgb(59 130 246 / 0.5);
    }
    100% {
      outline: 2px solid rgb(59 130 246 / 0);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .toc--expanded nav {
      animation: none;
      display: block !important;
    }
    .toc--expanded button span:first-child, .toc--expanded button span:last-child, .toc--expanded svg {
      transition: none;
    }
    .relative.pl-4.block.py-2 {
      transition: none;
    }
    .toc-content *:target {
      animation: none;
      outline: 2px solid rgb(59 130 246 / 0.5);
    }
  }
}
@layer utilities {
  .target-list-item {
    position: relative;
    margin-left: calc(var(--spacing) * -3);
    display: flex;
  }
    .fancybox-content .target-list-item {
      display: none;
    }
    .target-list-item{
    width: 100%;
    flex-direction: column;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-gray-900);
    text-decoration-line: none;
  }
      @media (hover: hover) {
    .target-list-item:hover {
        background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent)
    }
        @supports (color: color-mix(in lab, red, red)) {
    .target-list-item:hover {
          background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent)
    }
        }
      }
      .target-list-item:hover:before {
        display: none;
      }
    .target-list-item:before {
      content: "";
      position: absolute;
      top: 3px;
      left: 3px;
      width: 5px;
      height: calc(100% - 6px);
      border-radius: var(--radius-xl);
      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
    }
      @supports (color: color-mix(in lab, red, red)) {
    .target-list-item:before {
        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent)
    }
      }
  [data-theme="dark"] .target-list-item {
    color: #f3f4f6;
  }
}
@layer utilities {
  .w-full {
    width: 100%;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/3 {
    width: 33.333333%;
  }
  .w-2\/3 {
    width: 66.666667%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-5\/6 {
    width: 83.333333%;
  }
  .w-5\/12 {
    width: 41.666667%;
  }
  .w-7\/12 {
    width: 58.333333%;
  }
  @media (min-width: 768px) {
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-1\/3 {
      width: 33.333333%;
    }
    .md\:w-2\/3 {
      width: 66.666667%;
    }
    .md\:w-1\/4 {
      width: 25%;
    }
    .md\:w-3\/4 {
      width: 75%;
    }
    .md\:w-1\/6 {
      width: 16.666667%;
    }
    .md\:w-7\/12 {
      width: 58.333333%;
    }
  }
  @media (min-width: 1024px) {
    .lg\:w-1\/3 {
      width: 33.333333%;
    }
    .lg\:w-1\/4 {
      width: 25%;
    }
    .lg\:w-5\/12 {
      width: 41.666667%;
    }
  }
  @media (min-width: 1280px) {
    .xl\:w-1\/4 {
      width: 25%;
    }
    .xl\:w-1\/3 {
      width: 33.333333%;
    }
    .xl\:w-3\/4 {
      width: 75%;
    }
    .xl\:w-4\/5 {
      width: 80%;
    }
  }
}
@layer utilities {
  .badge {
    border: 0;
    color: inherit;
    line-height: 1;
    appearance: none;
    display: inline-flex;
    align-items: center;
    border-radius: 0.375em;
    background-color: var(--color-contrast-lower);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0.3125em 0.4375em;
    text-decoration: none;
  }
    .badge.text-xs {
      padding: 0.25em 0.375em;
    }
    .badge a {
      color: inherit;
    }
    .badge .event-badge {
      padding: 0.375em 0.5em;
    }
    .badge.primary {
      background-color: rgb(40, 137, 211);
      color: #fff;
    }
      .badge.primary.light {
        background-color: rgb(193, 228, 255);
        color: #000;
      }
    .badge.success, .badge.green, .badge.badge-applied, .badge.badge-cr_synced, .badge.badge-ready, .badge.badge-success, .badge.badge-high_priority {
      background-color: var(--color-success-darker);
      color: var(--color-white);
    }
      .badge.success svg path, .badge.green svg path, .badge.badge-applied svg path, .badge.badge-cr_synced svg path, .badge.badge-ready svg path, .badge.badge-success svg path, .badge.badge-high_priority svg path {
        fill: white;
      }
      .badge.success.light, .badge.green.light, .badge.badge-applied.light, .badge.badge-cr_synced.light, .badge.badge-ready.light, .badge.badge-success.light, .badge.badge-high_priority.light {
        background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
        color: var(--color-contrast-higher);
      }
    .badge.warning, .badge.yellow, .badge.badge-needs_update, .badge.badge-draft, .badge.badge-cr_errored, .badge.badge-scheduled, .badge.badge-low_priority {
      background-color: var(--color-warning);
      color: #5f380a;
    }
      .badge.warning svg path, .badge.yellow svg path, .badge.badge-needs_update svg path, .badge.badge-draft svg path, .badge.badge-cr_errored svg path, .badge.badge-scheduled svg path, .badge.badge-low_priority svg path {
        fill: #5f380a;
      }
        .badge.warning svg path[fill="none"], .badge.yellow svg path[fill="none"], .badge.badge-needs_update svg path[fill="none"], .badge.badge-draft svg path[fill="none"], .badge.badge-cr_errored svg path[fill="none"], .badge.badge-scheduled svg path[fill="none"], .badge.badge-low_priority svg path[fill="none"] {
          fill: none;
        }
      .badge.warning.light, .badge.yellow.light, .badge.badge-needs_update.light, .badge.badge-draft.light, .badge.badge-cr_errored.light, .badge.badge-scheduled.light, .badge.badge-low_priority.light {
        background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
        color: var(--color-contrast-higher);
      }
    .badge.alert, .badge.red, .badge.danger, .badge.error, .badge.status-is_deleted, .badge.badge-cr_bad_id, .badge.badge-refunding_failed, .badge.badge-failed {
      background-color: var(--color-error);
      color: var(--color-white);
    }
      .badge.alert.light, .badge.red.light, .badge.danger.light, .badge.error.light, .badge.status-is_deleted.light, .badge.badge-cr_bad_id.light, .badge.badge-refunding_failed.light, .badge.badge-failed.light {
        background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
        color: var(--color-contrast-higher);
      }
    .badge.orange {
      background: #e05f00;
      color: #fff;
    }
      .badge.orange.light {
        background: #ffc49f;
        color: #000;
      }
    .badge.purple {
      background: #f1dcff;
      color: #3b0764;
    }
    .badge.badge-special, .badge.badge-new_data_received {
      background: rgba(75, 0, 130, 0.2);
    }
      .tippy-content .badge.badge-special, .tippy-content .badge.badge-new_data_received {
        color: #fff;
      }
    .badge.badge-deleted, .badge.badge-discarded, .badge.badge--kind-deleted, .badge.badge--kind-cancelled {
      background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
      color: var(--color-contrast-higher);
    }
    .badge.hollow {
      background-color: transparent;
      box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25);
    }
    .badge.radius, .badge.pill {
      border-radius: 50em;
    }
    .badge.badge-absolute {
      position: absolute;
      left: calc(50% + 6px);
      top: calc(-50% + 1px);
      transform: translateX(50%) translateY(50%);
      padding: 1px 3px !important;
      font-size: 0.75rem !important;
    }
  .badge--outline {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25);
  }
  .badge--contrast-higher {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg);
  }
  .badge--primary {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .badge--primary-light {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--accent {
    background-color: var(--color-accent);
    color: var(--color-white);
  }
  .badge--accent-light {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    color: var(--color-contrast-higher);
  }
  a.badge--error {
    color: #fff;
  }
  .badge--error {
    background-color: var(--color-error);
    color: var(--color-white);
  }
  .badge--error-light {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--success {
    background-color: var(--color-success);
    color: var(--color-white);
  }
  .badge--success-light {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--warning {
    background-color: var(--color-warning);
    color: var(--color-white);
  }
  .badge--warning-light {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .round-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75em;
    font-weight: 500;
    border-radius: 9999px;
    width: 1.25em;
    height: 1.25em;
    font-size: 0.75em;
    background-color: #b92222;
    color: #fff;
  }
    .round-badge.text-sm {
      font-size: 0.625em;
    }
    .round-badge.notes {
      color: #292929;
      background-color: #ffeba9;
    }
    .round-badge.warning {
      color: #292929;
      background-color: #ffeba9;
    }
    .round-badge.alert {
      color: #292929;
      background-color: #e3a1a1;
    }
    .round-badge.secondary {
      color: #422e06;
      background-color: #e5e5e5;
    }
}
@layer utilities {
  .confirm-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
  }
  .confirm-dialog {
    background: white;
    padding: 1.5rem;
    border-radius: var(--radius-lg, 0.5rem);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    max-width: 400px;
    width: 90%;
  }
}
@layer utilities {
  .highlight-field {
    background: rgba(59, 130, 246, 0.08);
    border-radius: 4px;
    animation: highlight-field-pulse 2s ease-in-out infinite;
  }
  @keyframes highlight-field-pulse {
    0%, 100% {
      box-shadow: 0 0 0 2px #3b82f6, 0 0 8px 2px rgba(59, 130, 246, 0.3);
    }
    50% {
      box-shadow: 0 0 0 3px #3b82f6, 0 0 16px 4px rgba(59, 130, 246, 0.4);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .highlight-field {
      animation: none;
    }
  }
}
@layer utilities {
  #footer {
    background: #f1f1f1;
    width: 100%;
    padding: var(--space-sm) 0;
    margin-top: var(--component-padding);
  }
    #footer a {
      text-decoration: none;
      color: var(--color-contrast-medium);
    }
}
@layer utilities {
  .dragtable-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -moz-user-select: none;
  }
  .dragtable-sortable li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 1em;
    background: white;
  }
  .dragtable-sortable th, .dragtable-sortable td {
    border-left: 0px;
  }
  .dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
    border-left: 1px solid #ccc;
  }
  .ui-sortable-placeholder {
    -moz-box-shadow: 4px 5px 4px #c6c6c6 inset;
    -webkit-box-shadow: 4px 5px 4px #c6c6c6 inset;
    box-shadow: 4px 5px 4px #c6c6c6 inset;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    visibility: visible !important;
    background: #efefef !important;
  }
  .ui-sortable-placeholder * {
    opacity: 0;
    visibility: hidden;
  }
  .fc-col-header-cell.fc-resource {
    cursor: move;
    user-select: none;
  }
}
@layer utilities {
  @media print {
    .top-bar {
      display: none;
    }
    .no-print {
      display: none;
    }
    .button {
      display: none;
    }
    table td {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    table {
      overflow: visible !important;
    }
    thead {
      display: table-header-group;
    }
    tfoot {
      display: table-row-group;
    }
    tr {
      page-break-inside: avoid;
    }
  }
  @media screen {
    .print-only {
      display: none;
    }
  }
}
@layer utilities {
  #flashes {
    position: fixed;
    bottom: var(--space-sm);
    left: var(--space-sm);
    z-index: var(--zindex-fixed-element);
  }
  .flash-message {
    background-color: var(--color-bg);
    padding: var(--space-sm);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-md);
    color: var(--color-contrast-high);
    font-size: var(--text-sm);
    transition: 0.2s;
    transform: translateY(16px);
    transform-origin: bottom;
    opacity: 0;
    visibility: hidden;
    margin-top: var(--space-xs);
  }
  @keyframes showFlash {
    0% {
      transform: translateY(16px);
    }
    100% {
      transform: translateY(0);
    }
  }
  .flash-message--is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    animation: showFlash 0.3s;
  }
}
@layer utilities {
  @keyframes seekAttention {
    0% {
      left: 10px;
      bottom: 0;
    }
    100% {
      left: -10px;
      bottom: 90vh;
    }
  }
  .infinite-scrolling {
    position: relative;
  }
    .infinite-scrolling:not(.overflow) {
      overflow: hidden;
    }
    .infinite-scrolling .scroll-trigger {
      width: 2px;
      height: 10vh;
      left: 0;
      bottom: 0;
      animation: seekAttention 500ms infinite linear;
      position: absolute;
      z-index: -1;
    }
  [data-infinite-scroll-target] > .pagination {
    display: none !important;
  }
  .loader-wrapper {
    min-height: 57px;
  }
    .loader-wrapper.done {
      visibility: hidden;
    }
}
@layer utilities {
  table.qrcode {
    border-width: 0;
    border-style: none;
    border-color: #0000ff;
    border-collapse: collapse;
  }
    table.qrcode td {
      border-width: 0;
      border-style: none;
      border-color: #0000ff;
      padding: 0;
      margin: 0;
      width: 3px;
      height: 3px;
    }
      table.qrcode td.black {
        background-color: #000 !important;
      }
      table.qrcode td.white {
        background-color: #fff !important;
      }
}
@layer utilities {
  .has-suggestions {
    position: relative;
  }
  input + .input-suggestions {
    transform: translateY(-16px);
  }
  .input-suggestions {
    background: #fff;
    border: 1px solid #000;
    padding: 7px 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
  }
    .input-suggestions li {
      color: #a1a1a1;
    }
      .input-suggestions li:hover {
        color: #000;
      }
      .input-suggestions li a {
        display: block;
        padding: 10px 14px;
      }
    .input-suggestions:empty {
      display: none;
    }
}
@layer utilities {
  .comments-list {
    display: block;
  }
    .comments-list:not(:empty) {
      margin-top: var(--space-md);
    }
}
@layer utilities {
  .notification-wrapper {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    line-height: 1;
    border-radius: 0;
    text-decoration: none;
    background-color: transparent;
  }
    .notification-wrapper .menu-dropdown-wrapper-wrapper {
      position: absolute;
      top: 0;
      right: 0;
    }
    .notification-wrapper .menu-dropdown-wrapper {
      overflow: hidden;
      background-color: white;
      border: 1px solid #cbd5e0;
      border-radius: 0.375rem;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      width: 24rem;
      max-height: calc(100vh - 75px);
      overflow-y: scroll;
    }
  .notification-badge {
    position: absolute;
    top: 3px;
    right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-family: "Courier New", monospace;
    font-weight: bold;
    width: 1rem;
    height: 1rem;
    text-align: center;
    font-size: 0.75em;
    color: white;
    transform: translateX(50%) translateY(-50%);
    background-color: #f56565;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
  }
    .notification-badge:empty, .notification-badge.hidden {
      display: none;
    }
  .new-badge {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-family: "Courier New", monospace;
    font-weight: bold;
    width: 1.5rem;
    height: 1rem;
    text-align: center;
    font-size: 0.75em;
    color: white;
    transform: translateX(50%) translateY(-50%);
    background-color: #f56565;
    border-radius: 15%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
  }
    .new-badge:empty, .new-badge.hidden {
      display: none;
    }
}
@layer utilities {
  #actions-panel-hidden-items {
    display: none;
  }
  #actions-panel {
    position: fixed;
    z-index: 99;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 30px rgba(4, 4, 4, 0.15);
    transition: all ease-in-out 200ms;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
    #actions-panel:empty {
      transition: all ease-in-out 300ms;
      box-shadow: none;
      transform: translateY(100%);
    }
    #actions-panel > * {
      margin: 5px;
    }
  #button-cr-sync-all {
    max-width: 158px;
  }
}
@layer utilities {
  .column-visibility-buttons {
    margin-bottom: 10px;
    margin-left: 10px;
  }
    .column-visibility-buttons .button {
      margin-bottom: 5px;
    }
      .column-visibility-buttons .button.selected {
        background: var(--color-primary);
        color: var(--color-white);
        border-color: transparent;
      }
      .column-visibility-buttons .button.selected:hover {
        background: var(--color-primary-dark);
      }
}
@layer utilities {
  .horizontal-inputs {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
    @media (min-width: 768px) {
  .horizontal-inputs {
      flex-direction: row
  }
    }
    .horizontal-inputs > input, .horizontal-inputs > .search-input, .horizontal-inputs .ts-wrapper {
      margin-bottom: 0;
    }
    .horizontal-inputs > * {
      width: 100%;
      flex: 1;
    }
      .horizontal-inputs > * > input, .horizontal-inputs > * > select {
        width: 100%;
      }
        @media (min-width: 768px) {
      .horizontal-inputs > *:not(:last-child) {
          margin-right: 10px
      }
        }
      .horizontal-inputs > *.shrink {
        width: auto;
      }
}
@layer utilities {
  .horizontal-fields {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
  }
    @media (min-width: 768px) {
  .horizontal-fields {
      flex-direction: row
  }
    }
    .horizontal-fields.expand {
      width: 100%;
    }
    .horizontal-fields.always {
      flex-direction: row;
    }
      .horizontal-fields.always > * {
        width: auto;
      }
    .horizontal-fields > * {
      width: 100%;
    }
      @media (min-width: 768px) {
    .horizontal-fields > * {
        width: auto
    }
      }
      .horizontal-fields > *.expand {
        width: 100%;
      }
      .horizontal-fields > *:not(:last-child) {
        margin-right: 2px;
      }
      .horizontal-fields .field.number {
        max-width: 100px;
      }
}
@layer utilities {
  .mobile-list {
    border: 1px solid #eee;
    border-radius: var(--btn-radius);
    overflow: hidden;
  }
    .mobile-list:not(:last-of-type) {
      margin-bottom: var(--space-sm);
    }
    .mobile-list a {
      text-decoration: none;
      display: block;
      padding: 12px 16px;
      background: #f6f6f6;
      color: #000;
    }
      .mobile-list a:not(:last-of-type) {
        border-bottom: 1px solid #eee;
      }
}
@layer utilities {
  .email-preview-container {
    color: #333;
    line-height: 1.6;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    max-width: 800px;
  }
    .email-preview-container em {
      font-style: italic;
      color: #333;
      font-weight: bold;
    }
    .email-preview-container blockquote {
      font-style: italic;
      border-left: 4px solid #ccc;
      padding-left: 10px;
      color: #666;
      margin: 20px 0;
    }
    .email-preview-container ol {
      padding-left: 20px;
      list-style-type: decimal;
    }
    .email-preview-container li {
      margin-bottom: 5px;
      font-size: 14px;
    }
    .email-preview-container a {
      color: #007bff;
      text-decoration: underline;
    }
      .email-preview-container a:hover {
        color: #0056b3;
        text-decoration: none;
      }
    .email-preview-container btn {
      display: inline-block;
      text-align: center;
      background: #1a62a5;
      color: #fff;
      padding: 0.75em 1.25em;
      border-radius: 5px;
    }
    .email-preview-container ul {
      list-style-type: none;
      padding-left: 0;
    }
      .email-preview-container ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
      }
        .email-preview-container ul li::before {
          content: "•";
          color: #000;
          font-size: 20px;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
        }
  .email-preview {
    background-color: #f8f7f4;
    padding: 30px;
    border: 1px solid #e2ddd2;
    border-radius: 4px;
    max-width: 660px;
    margin: 0 auto;
  }
    .email-preview .trix-content {
      background: rgba(255, 255, 255, 0);
      padding: 0;
    }
}
@layer utilities {
  .tags {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
  }
    @media (min-width: 768px) {
  .tags {
      margin-bottom: 15px
  }
    }
    .tags .tag {
      display: block;
      background: #fff;
      border: 1px solid #a1a1a1;
      color: #a1a1a1;
      float: left;
      text-transform: uppercase;
      padding: 6px 6px 5px 6px;
      font-size: 9px;
      font-weight: bold;
      letter-spacing: 0.08em;
    }
      @media (min-width: 768px) {
    .tags .tag {
        padding: 8px;
        font-size: 11px
    }
      }
      .tags .tag:hover {
        color: #636363;
        border: 1px solid #636363;
      }
      .tags .tag:not(:last-child) {
        margin-right: 6px;
      }
}
@layer utilities {
  .title-with-action {
    margin-bottom: var(--space-sm);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
    @media (min-width: 768px) {
  .title-with-action {
      flex-direction: row
  }
    }
    .title-with-action h1 {
      margin-bottom: 0;
    }
      .title-with-action > *:not(:last-child) {
        margin: 0 0 var(--space-sm) 0;
      }
        @media (min-width: 768px) {
      .title-with-action > *:not(:last-child) {
          margin: 0 var(--space-md) 0 0
      }
        }
    .title-with-action .filter-bar {
      flex: 2;
      justify-content: flex-end;
    }
      @media (max-width: 767px) {
    .title-with-action .filter-bar {
        width: 100%
    }
      }
    .title-with-action .left, .title-with-action .filter-bar {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
    }
      @media (min-width: 768px) {
    .title-with-action .left, .title-with-action .filter-bar {
        flex-direction: row
    }
      }
        .title-with-action .left > *:not(:last-child), .title-with-action .filter-bar > *:not(:last-child) {
          margin-right: var(--space-sm);
        }
      .title-with-action .left.expand, .title-with-action .filter-bar.expand {
        flex: 3;
      }
}
@layer utilities {
  .pagination {
    display: flex;
    justify-content: space-between;
    text-transform: lowercase;
    font-weight: 500;
    padding: 7px 0;
    font-size: 1rem;
  }
    @media (min-width: 768px) {
  .pagination {
      justify-content: center;
      padding: 30px 0
  }
    }
    .pagination > span, .pagination > .page.current {
      border: 1px solid rgba(208, 208, 208, 0);
      padding: 2px 8px;
      display: block;
      margin: 0 5px;
      border-radius: 10px;
      text-decoration: none;
    }
    .pagination > .disabled {
      opacity: 0.3;
    }
    .pagination > span:has(a) {
      padding: 0;
    }
    .pagination > span.active {
      background: #000;
    }
      .pagination > span.active, .pagination > span.active a {
        color: #fff;
      }
    .pagination > span > a {
      display: block;
      padding: 2px 8px;
      text-decoration: none;
    }
      .pagination > span:not(.active):not(.disabled):hover {
        background: #fff;
        border: 1px solid #989898;
      }
    .pagination > span {
      display: none;
    }
      @media (min-width: 768px) {
    .pagination > span {
        display: block
    }
      }
      @media (max-width: 767px) {
    .pagination span.prev, .pagination span.next {
        display: block
    }
      }
      .pagination .page.current {
        background: #000;
        color: #fff;
      }
      .pagination .page.gap {
        align-items: center;
        opacity: 0.3;
      }
        @media (min-width: 768px) {
      .pagination .page.gap {
          display: flex
      }
        }
}
@layer utilities {
  .fancybox-content {
    overflow: visible;
    border-radius: var(--radius-md);
  }
    .is-native .fancybox-content {
      width: 100%;
      border-radius: 20px;
    }
      @media (min-width: 768px) {
    .fancybox-content.medium {
        min-width: 500px
    }
      }
      @media (min-width: 768px) {
    .fancybox-content.session-results-form {
        max-width: 600px
    }
      }
    .fancybox-content table {
      margin-bottom: 0;
    }
    .fancybox-content:has(.signing-modal) {
      max-width: min(700px, 90vw);
    }
}
@layer utilities {
  .accordion-tabs-minimal::after {
    clear: both;
    content: "";
    display: block;
  }
  .accordion-tabs-minimal {
    line-height: 1.5;
    padding: 0;
  }
  .accordion-tabs-minimal.small .tab-link {
    padding: 0.25em 15px;
    font-size: 0.875rem;
  }
  @media (min-width: 768px) {
    .accordion-tabs-minimal.small .tab-link {
      padding: 0.3333333333em 15px;
    }
  }
  .accordion-tabs-minimal.small .tab-link small {
    font-size: 0.75rem;
  }
  .accordion-tabs-minimal.small .tab-link .notification-badge {
    top: 4px;
    right: 4px;
    font-size: 0.7em;
  }
  .tab-header-and-content {
    list-style: none;
    display: inline;
  }
  .tab-header-and-content:not(:first-child) {
    margin-left: -0.2em;
  }
  .accordion-tabs-minimal .tab-link {
    background-color: transparent;
    color: #636363;
    padding: 0.3333333333em 10px;
    text-decoration: none;
    border-top: 0;
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    position: relative;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  @media (min-width: 768px) {
    .accordion-tabs-minimal .tab-link {
      border-top-left-radius: var(--radius-md);
      border-top-right-radius: var(--radius-md);
      padding: 0.5em 15px;
    }
  }
  .accordion-tabs-minimal .tab-link small {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: var(--text-xs);
    color: var(--color-contrast-low);
  }
  .accordion-tabs-minimal .tab-link .notification-badge {
    z-index: 2;
    top: 6px;
    right: 6px;
  }
  .accordion-tabs-minimal .tab-link:hover:not(.is-active) {
    color: #000;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075 );
  }
  .accordion-tabs-minimal .tab-link:focus {
    outline: none;
    color: var(--color-contrast-high);
  }
  .accordion-tabs-minimal .tab-link.is-active {
    border: 1px solid #a1a1a1;
    border-bottom-color: #fff;
    background: #fff;
    z-index: 2;
    color: var(--color-contrast-higher);
    position: relative;
    transform: translateY(1px);
  }
  .accordion-tabs-minimal .tab-link.is-active:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
  }
  html[data-theme="april"] .accordion-tabs-minimal .tab-link.is-active:before {
    background: #fffcf5;
  }
  .accordion-tabs-minimal .tab-content {
    display: none;
    padding-top: 1em;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid #a1a1a1;
    float: left;
  }
}
@layer utilities {
    .fc .appointment-kind-opening {
      background-color: #e8e8e8 !important;
      border: 2px dashed #a0a0a0 !important;
      border-radius: 4px;
      color: #333 !important;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    }
      .fc .appointment-kind-opening .fc-event-main, .fc .appointment-kind-opening .fc-event-time, .fc .appointment-kind-opening .fc-event-title {
        background-color: transparent !important;
        color: #333 !important;
      }
      .fc .appointment-kind-opening:hover {
        background-color: #ddd !important;
        border-color: #888 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
      }
    .fc .appointment-kind-claimed_opening {
      border-width: 2px !important;
      border-style: dashed !important;
      border-color: white !important;
      border-radius: 4px;
      opacity: 1 !important;
      position: relative;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    }
      .fc .appointment-kind-claimed_opening .fc-event-main, .fc .appointment-kind-claimed_opening .fc-event-time, .fc .appointment-kind-claimed_opening .fc-event-title {
        background-color: transparent !important;
      }
      .fc .appointment-kind-claimed_opening .claimed-opening-action-badge {
        background: linear-gradient(to bottom, #d00809, #aa0627);
        color: #fff !important;
        border-radius: 99px;
        width: 18px;
        height: 18px;
        min-width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 4;
        position: absolute;
        top: -8px;
        left: -4px;
        outline: 1px solid rgba(255, 255, 255, 0.8);
        pointer-events: none;
      }
      .fc .appointment-kind-claimed_opening .claimed-opening-action-icon {
        width: 12px;
        height: 12px;
        flex-shrink: 0;
      }
      .fc .appointment-kind-claimed_opening .claimed-opening-action-badge ~ .fc-event-main .fc-event-time {
        padding-left: 12px;
      }
      .fc .appointment-kind-claimed_opening.fc-daygrid-event .claimed-opening-action-badge {
        position: relative;
        top: 0;
        left: -2px;
        margin-left: 0;
      }
      .fc .appointment-kind-claimed_opening:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
      }
        .fc .appointment-kind-claimed_opening:hover .claimed-opening-action-badge {
          background: linear-gradient(to bottom, #e0090a, #c00728);
        }
  .calendar-event {
    position: relative;
    display: block;
    background: #343434;
    color: #fff;
    padding: 0.4rem 0.75rem;
    border-radius: 7px;
    width: 100%;
    line-height: 1.125em;
    font-size: 14px;
  }
    @media (min-width: 768px) {
  .calendar-event {
      font-size: 15px;
      width: auto
  }
    }
    .calendar-event.top {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      margin-bottom: 0;
    }
    .calendar-event + .callout {
      padding: 0.4rem 0.75rem;
    }
    .calendar-event.is_a_note {
      background: #ffeba9;
      color: #272727;
      border: 1px solid #f8e4a2;
      outline: 2px solid rgba(255, 234, 167, 0) !important;
      min-width: 100px;
    }
      @media (min-width: 768px) {
    .calendar-event.is_a_note {
        max-width: 320px
    }
      }
      .calendar-event.is_a_note:hover {
        outline: 2px solid rgba(255, 234, 167, 0.8) !important;
      }
        .calendar-event.is_a_note p:not(:last-child) {
          margin-bottom: 0.5em;
        }
    .calendar-event.new_record {
      display: flex;
      align-items: center;
      border-style: dashed;
      background: transparent;
      outline: 2px dashed rgba(233, 214, 152, 0.5);
      outline-offset: 0;
      color: #3a2902;
    }
      .calendar-event.new_record:hover {
        background: rgba(233, 214, 152, 0.2);
        color: #1e1501;
        outline: 2px dashed rgba(233, 214, 152, 1) !important;
      }
    .calendar-event .badges {
      position: absolute;
    }
      .calendar-event .badges .badge {
        min-width: 14px;
        text-align: center;
        justify-content: center;
      }
      .calendar-event .badges.bottom-left {
        bottom: -5px;
        left: -4px;
      }
      .calendar-event .badges.top-left {
        top: -5px;
        left: -4px;
      }
        .calendar-event .badges.top-left .badge {
          min-width: 10px;
          padding: 2px 2px;
        }
    .calendar-event .badge {
      font-size: 11px;
      padding: 2px 3px !important;
      opacity: 0.9;
    }
    .calendar-event hr {
      margin: 0.25rem 0;
    }
  a.calendar-event {
    text-decoration: inherit;
    transition: all ease-in-out 150ms;
  }
      .not-native a.calendar-event:hover {
        outline: 2px solid #343434;
        outline-offset: 2px;
      }
}
@layer utilities {
  @font-face {
    font-family: system;
    src: local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("DroidSans"), local("Tahoma");
  }
  .page-break {
    page-break-before: always;
  }
  .benefit-sheet-pdf p {
    margin: 0 0 6px;
  }
  .invoice-pdf {
    font-family: "Rubik", "Roboto", sans-serif;
  }
    .invoice-pdf, .invoice-pdf h1, .invoice-pdf h2, .invoice-pdf h3, .invoice-pdf h4, .invoice-pdf h5, .invoice-pdf h6, .invoice-pdf p, .invoice-pdf div, .invoice-pdf span, .invoice-pdf td {
      font-family: "Rubik", "Roboto", sans-serif;
    }
    .invoice-pdf a {
      color: #055fbe;
    }
    .invoice-pdf p {
      margin-bottom: 1em;
      line-height: 1.3em;
      font-weight: normal;
    }
      .invoice-pdf table.clean p {
        margin-bottom: 0 !important;
      }
    .invoice-pdf b, .invoice-pdf strong {
      font-weight: bold;
    }
    .invoice-pdf h5 {
      font-size: 22px;
      margin-bottom: 1em;
    }
    .invoice-pdf header {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #005d9b;
      color: #fff;
      text-align: center;
      padding: 10px;
    }
      .invoice-pdf header h1 {
        margin-bottom: 0;
        color: inherit;
        font-size: 32px;
      }
    .invoice-pdf .invoice-callout {
      background: #f1f1f1;
      border: 1px solid #f1f1f1;
      margin-top: 16px;
      padding: 16px;
      box-sizing: border-box;
    }
      .invoice-pdf .invoice-callout.warning {
        background: #ffe7c8;
        border: 1px solid #f0d2aa;
      }
      .invoice-pdf .invoice-callout.alert {
        background: #ffc8c8;
        border: 1px solid #f0aaaa;
      }
      .invoice-pdf .invoice-callout p {
        font-size: 120%;
        margin-bottom: 0;
      }
    .invoice-pdf .invoice-hero {
      padding-top: 32px;
      padding-bottom: 32px;
    }
      .invoice-pdf .invoice-hero .right {
        float: right;
      }
    .invoice-pdf .invoice-notice {
      white-space: pre;
      font-family: "Rubik", "Roboto", sans-serif;
      display: inline-block;
      padding: 10px 14px;
      line-height: 1.2em;
      border: 3px solid #bf0d0d;
      color: #bf0d0d;
      font-size: 20px;
      font-weight: bold !important;
      text-align: center;
      box-sizing: border-box;
    }
      .invoice-pdf .invoice-notice.first-notice, .invoice-pdf .invoice-notice.on-payment-plan, .invoice-pdf .invoice-notice.second-notice {
        border: 3px solid #005d9b;
        color: #005d9b;
      }
      .invoice-pdf .invoice-notice.longtext {
        font-size: 17px;
        border: 2px solid #bf0d0d;
      }
    .consolidated-receipt-pdf header {
      padding: 0px;
      overflow: hidden;
    }
      .consolidated-receipt-pdf header h1 {
        padding: 10px;
      }
  table.table {
    margin-bottom: 1rem;
  }
    table.table p:last-child {
      margin-bottom: 0;
    }
  table.pdf-table-layout {
    margin: 30px 0;
    width: 100%;
  }
    table.pdf-table-layout td {
      vertical-align: top;
      width: 100%;
    }
      table.pdf-table-layout td:first-child {
        padding-right: 10px;
      }
      table.pdf-table-layout td:last-child {
        padding-left: 10px;
      }
  .invoice-logo {
    display: inline-block;
    float: right;
    min-width: 300px;
    width: 300px;
    height: 228px;
  }
  .float-right {
    float: right;
  }
    .invoice-meta table {
      float: right;
    }
    .invoice-meta span {
      width: 200px;
    }
}
@layer utilities {
  #patient-script-request-form {
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
  }
    #patient-script-request-form > * {
      font-family: "Roboto", sans-serif !important;
    }
    #patient-script-request-form .header {
      font-size: 13px;
      color: #055fbe;
      text-align: center;
      max-width: 410px;
      margin: 0 auto;
      margin-bottom: 30px;
    }
      #patient-script-request-form .header .logo {
        width: 100%;
        max-width: 400px;
        margin-bottom: 1rem;
      }
      #patient-script-request-form .header .offices-list {
        font-size: 11px;
      }
    #patient-script-request-form .highlighted {
      background: rgba(255, 255, 0, 0.9);
    }
    #patient-script-request-form small {
      font-size: 80%;
    }
    #patient-script-request-form p {
      font-size: inherit;
      line-height: 1.4em;
      margin-bottom: 1em;
    }
    #patient-script-request-form table.table {
      font-size: inherit;
      width: 90%;
      margin: 0 auto 1em auto;
      border: 1px solid rgba(0, 0, 0, 0.5);
    }
        #patient-script-request-form table.table tr:first-child td, #patient-script-request-form table.table tr:last-child td {
          border-radius: 2px;
        }
        #patient-script-request-form table.table tr:first-child td {
          border-top: 0;
        }
      #patient-script-request-form table.table td {
        border-top: 1px solid rgba(0, 0, 0, 0.5);
      }
    #patient-script-request-form h1 {
      font-size: 22px;
      margin-bottom: 0.5em;
    }
    #patient-script-request-form h4 {
      font-size: 16px;
      font-weight: bold;
      font-family: inherit;
    }
    #patient-script-request-form table.westside-signature-row {
      width: 100%;
    }
      #patient-script-request-form table.westside-signature-row table.qrcode {
        margin-left: auto;
      }
    #patient-script-request-form .westside-signature {
      font-weight: normal;
      font-size: 13px;
      line-height: 1.4em;
    }
      #patient-script-request-form .westside-signature .styled {
        font-size: 19px;
        font-family: "Pacifico", cursive;
      }
      #patient-script-request-form .westside-signature h4 {
        font-weight: normal;
      }
    #patient-script-request-form .footer {
      margin-top: 32px;
    }
      #patient-script-request-form .footer p {
        font-size: 11px;
      }
}
@layer utilities {
  #dashboard-donut {
    height: 110px;
    min-height: 110px;
    display: flex;
    justify-content: flex-start;
  }
    #dashboard-donut .donut-holder {
      width: 100px;
      margin-right: 20px;
    }
      #dashboard-donut .donut-holder > * {
        width: 100%;
      }
  .limited-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
    .limited-list > * {
      margin-bottom: 1px;
    }
    .limited-list + * {
      margin-top: 2px;
    }
          .limited-list.show-2:not(.show-more) > *:nth-child(n + 3) {
            display: none;
          }
          .limited-list.show-3:not(.show-more) > *:nth-child(n + 4) {
            display: none;
          }
          .limited-list.show-4:not(.show-more) > *:nth-child(n + 5) {
            display: none;
          }
          .limited-list.show-5:not(.show-more) > *:nth-child(n + 6) {
            display: none;
          }
  .attendance-actions {
    display: flex;
    align-items: flex-start;
  }
    .attendance-actions > * {
      margin-right: 5px;
    }
    table .attendance-actions {
      flex-direction: column;
    }
      table .attendance-actions > * {
        width: 100%;
        margin-top: 1px;
        max-width: 150px;
      }
    .attendance-actions .button, .attendance-actions .btn {
      display: inline-flex;
      font-size: var(--btn-font-size-sm, 0.8em);
      --btn-padding-y: 4px;
      line-height: 16px;
    }
}
@layer utilities {
  .sortable-ghost {
    opacity: 0.1;
  }
  .handle-wrapper {
    position: relative;
  }
      .handle-wrapper:hover .handle {
        opacity: 1;
      }
    .handle-wrapper.sortable-ghost {
      opacity: 0.1;
    }
    .handle-wrapper.sortable-chosen {
      cursor: grabbing;
    }
      .handle-wrapper.sortable-chosen .handle {
        cursor: grabbing;
      }
    .handle-wrapper .handle {
      border-radius: 3px;
      opacity: 0.5;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      display: flex !important;
      width: 16px;
      height: 100%;
      min-height: 1.25em;
      justify-content: center;
      align-items: center;
    }
      .handle-wrapper .handle.outside {
        left: -16px;
      }
      .handle-wrapper .handle.input-high {
        transform: none;
        top: 0;
        height: 2.125em;
      }
        @media (min-width: 1024px) {
      .handle-wrapper .handle.input-high {
          height: 2.5em
      }
        }
        .handle-wrapper .handle.input-high.input-is-small {
          height: 2em;
        }
          @media (min-width: 1024px) {
        .handle-wrapper .handle.input-high.input-is-small {
            height: 2.125em
        }
          }
      .handle-wrapper .handle.top {
        bottom: auto;
        top: 0;
        transform: translateY(0);
        width: 100%;
        height: 1.25em;
      }
      .handle-wrapper .handle.bottom {
        top: auto;
        bottom: 0;
        transform: translateY(0);
        width: 100%;
        height: 1.25em;
      }
      .handle-wrapper .handle:active {
        cursor: grabbing;
      }
  .handle {
    cursor: grab;
  }
}
@layer utilities {
  .ms-container {
    width: 100%;
  }
  .ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
  }
  .ms-container .ms-selectable, .ms-container .ms-selection {
    color: #555555;
    float: left;
    width: 49%;
  }
    .ms-container .ms-selection {
      float: right;
    }
      .ms-container .ms-selection input[type="search"], .ms-container .ms-selectable input[type="search"] {
        margin-bottom: 7px;
        width: 100%;
      }
  .ms-container .ms-list {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #ccc;
    position: relative;
    height: 300px;
    padding: 0;
    overflow-y: auto;
    border-radius: var(--btn-radius);
    background: #fff;
  }
  .ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
  }
  .ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
  }
  .ms-container .ms-optgroup-container {
    width: 100%;
  }
  .ms-container .ms-optgroup-label {
    margin: 0;
    padding: 3px 10px;
    font-size: 13px;
    cursor: pointer;
    color: #999;
    background: rgba(219, 219, 219, 0.4);
  }
  .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 13px;
  }
  .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #08c;
  }
  .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: text;
  }
}
@layer utilities {
  .tippy-box {
    border-radius: 8px !important;
  }
    .tippy-box[data-theme*="light"] {
      background: #fff;
      color: #000;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      outline: 1px solid rgba(0, 0, 0, 0.05);
    }
      .tippy-box[data-theme*="light"] .tippy-svg-arrow {
        filter: invert(1) brightness(2);
      }
    .tippy-box[data-theme*="warning"] {
      color: #ffe2bc;
      text-shadow: 0 0 8px rgba(255, 226, 188, 0.1);
    }
    .tippy-box[data-theme*="alert"] {
      color: #ffbcbc;
      text-shadow: 0 0 8px rgba(255, 188, 188, 0.1);
    }
    .fc-dragging [data-tippy-root], .fc-resizing [data-tippy-root] {
      display: none !important;
    }
    .tippy-content a {
      color: #fff !important;
      text-decoration: none !important;
    }
      .tippy-box[data-theme*="light"] .tippy-content a {
        color: var(--color-contrast-high) !important;
      }
    .tippy-content .calendar-event a {
      color: inherit;
    }
      .tippy-box[data-theme*="light"] .tippy-content nav > a, .tippy-box[data-theme*="light"] .tippy-content nav > span > a, .tippy-box[data-theme*="light"] .tippy-content nav > div > a, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger {
        color: var(--color-contrast-high) !important;
      }
        .tippy-box[data-theme*="light"] .tippy-content nav > a:hover, .tippy-box[data-theme*="light"] .tippy-content nav > span > a:hover, .tippy-box[data-theme*="light"] .tippy-content nav > div > a:hover, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger:hover {
          background-color: rgba(0, 0, 0, 0.05);
        }
        .tippy-box[data-theme*="light"] .tippy-content nav > a.danger, .tippy-box[data-theme*="light"] .tippy-content nav > span > a.danger, .tippy-box[data-theme*="light"] .tippy-content nav > div > a.danger, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.danger {
          color: var(--color-error) !important;
        }
          .tippy-box[data-theme*="light"] .tippy-content nav > a.danger:hover, .tippy-box[data-theme*="light"] .tippy-content nav > span > a.danger:hover, .tippy-box[data-theme*="light"] .tippy-content nav > div > a.danger:hover, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.danger:hover {
            background-color: hsl(349, 75%, 93%);
            outline: none;
          }
        .tippy-box[data-theme*="light"] .tippy-content nav > a.selected, .tippy-box[data-theme*="light"] .tippy-content nav > span > a.selected, .tippy-box[data-theme*="light"] .tippy-content nav > div > a.selected, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.selected {
          color: #15803d !important;
          background-color: hsla(152, 60%, 45%, 0.08);
        }
          .tippy-box[data-theme*="light"] .tippy-content nav > a.selected:hover, .tippy-box[data-theme*="light"] .tippy-content nav > span > a.selected:hover, .tippy-box[data-theme*="light"] .tippy-content nav > div > a.selected:hover, .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.selected:hover {
            background-color: hsla(152, 60%, 45%, 0.15);
          }
      .tippy-box[data-theme*="light"] .tippy-content nav > span.disabled, .tippy-box[data-theme*="light"] .tippy-content nav > div > span.disabled {
        color: #999 !important;
      }
      .tippy-box[data-theme*="light"] .tippy-content hr {
        background: rgba(0, 0, 0, 0.05);
      }
    .tippy-content hr {
      margin: 2px 0;
      background: rgba(255, 255, 255, 0.1);
      opacity: 1;
    }
    .tippy-content .appointment-preview {
      margin: -1px -5px !important;
    }
      .tippy-content .appointment-preview .calendar-event {
        border-radius: 6px;
      }
    .tippy-content nav {
      margin-left: -4px;
      margin-right: -4px;
      display: flex;
    }
      .tippy-content nav:not(.flex) {
        flex-direction: column;
      }
      .tippy-content nav > div {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
      .tippy-content nav > li, .tippy-content nav > span:not(.disabled) {
        display: contents;
      }
      .tippy-content nav nav {
        padding-left: 4px;
        padding-right: 4px;
      }
      .tippy-content nav > a, .tippy-content nav > span > a, .tippy-content nav > div > a, .tippy-content nav > .submenu-trigger {
        display: flex;
        align-items: center;
        width: 100%;
        white-space: nowrap;
        color: #fff;
        border-radius: 4px;
        padding: 6px 8px;
        box-sizing: border-box;
        text-decoration: none;
        cursor: pointer;
      }
          .tippy-content nav > a.danger:hover, .tippy-content nav > span > a.danger:hover, .tippy-content nav > div > a.danger:hover, .tippy-content nav > .submenu-trigger.danger:hover {
            background: rgba(191, 13, 13, 0.1);
            color: #fec5c5;
            outline: 1px solid rgba(214, 31, 31, 0.2);
          }
        .tippy-content nav > a.selected, .tippy-content nav > span > a.selected, .tippy-content nav > div > a.selected, .tippy-content nav > .submenu-trigger.selected {
          color: #86efac;
          background: rgba(34, 197, 94, 0.1);
        }
          .tippy-content nav > a.selected:hover, .tippy-content nav > span > a.selected:hover, .tippy-content nav > div > a.selected:hover, .tippy-content nav > .submenu-trigger.selected:hover {
            background: rgba(34, 197, 94, 0.18);
          }
        .tippy-content nav > a i, .tippy-content nav > span > a i, .tippy-content nav > div > a i, .tippy-content nav > .submenu-trigger i {
          min-width: 16px;
          text-align: center;
          margin-right: 4px;
        }
        .tippy-content nav > a:hover, .tippy-content nav > span > a:hover, .tippy-content nav > div > a:hover, .tippy-content nav > .submenu-trigger:hover {
          background: rgba(255, 255, 255, 0.1);
        }
      .tippy-content nav > span.disabled, .tippy-content nav > div > span.disabled {
        display: flex;
        align-items: center;
        width: 100%;
        border-radius: 4px;
        padding: 6px 8px;
        box-sizing: border-box;
        color: var(--color-contrast-medium);
        opacity: 0.5;
        cursor: not-allowed;
      }
}
@layer utilities {
  .large-checkbox {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    position: relative;
    width: 50px;
    margin-bottom: 0;
  }
    table .large-checkbox {
      transform: translateY(-18px);
      height: 1px;
    }
    .large-checkbox input[type="checkbox"], .large-checkbox input[type="radio"] {
      display: none;
    }
      .large-checkbox input[type="checkbox"] + .checkbox, .large-checkbox input[type="radio"] + .checkbox {
        box-sizing: content-box;
        background: #cccccc;
        border-radius: 4px;
        cursor: pointer;
        height: 28px;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all 0.3s ease;
        width: 50px;
        z-index: 0;
      }
        .large-checkbox input[type="checkbox"] + .checkbox::before, .large-checkbox input[type="radio"] + .checkbox::before {
          position: absolute;
          top: 2px;
          right: 0;
          bottom: 0;
          left: 2px;
          background: #ebebeb;
          border-radius: 4px;
          content: "";
          height: 24px;
          transform: scale(1);
          transition: all 0.3s ease;
          width: 46px;
          z-index: 1;
        }
        .large-checkbox input[type="checkbox"] + .checkbox::after, .large-checkbox input[type="radio"] + .checkbox::after {
          position: absolute;
          top: 2px;
          right: 0;
          bottom: 0;
          left: 2px;
          height: 24px;
          width: 24px;
          background: white;
          border-radius: 4px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
          content: "";
          transition: all 0.3s ease;
          z-index: 2;
        }
        .large-checkbox input[type="checkbox"]:checked + .checkbox, .large-checkbox input[type="radio"]:checked + .checkbox {
          background: #055fbe;
        }
          .large-checkbox input[type="checkbox"]:checked + .checkbox::before, .large-checkbox input[type="radio"]:checked + .checkbox::before {
            transform: scale(0);
          }
          .large-checkbox input[type="checkbox"]:checked + .checkbox::after, .large-checkbox input[type="radio"]:checked + .checkbox::after {
            left: 24px;
          }
}
@layer utilities {
  .callout-group {
    text-decoration: none;
    color: inherit;
  }
    .callout-group .callout {
      margin-bottom: 0;
    }
  .top + .callout, .callout.bordered {
    border: 2px solid #cddcea;
  }
  .top + .callout {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
  }
    .callout:empty {
      display: none;
    }
    .callout.nested-fields {
      padding: 0.75em 0.75em 0.75em 0.75em;
    }
    .callout{
    display: block;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--btn-radius);
    text-decoration: none;
    color: inherit;
    margin-bottom: 15px;
  }
    .callout:not(.glow-card) {
      background-color: #f1f5f9;
      border: 1px solid rgba(241, 245, 249, 0.05);
    }
      .callout.inactive.glow-card::before, .callout:has([data-trix-button-group="ai-tools"]:not(.loading))::before, .callout:has([data-nested-form-target="addItem"])::before {
        opacity: 0.4;
        animation: none;
      }
    .callout .table-wrapper:not(:last-of-type) {
      margin-bottom: var(--space-sm);
    }
    .callout hr {
      background: #98b5d3;
    }
    td .callout {
      margin-bottom: 0;
    }
    .callout.small {
      padding: 0.5rem 0.75rem;
    }
    .callout .callout {
      background: #d8e3ee;
    }
      .callout .callout:last-child {
        margin-bottom: 0;
      }
    .callout.info {
      background: #dcf6fb;
      border: 1px solid #aeeaf6;
    }
    .callout.warning {
      background: #fbf4dc;
      border: 1px solid #faf3d7;
    }
    .callout.notes {
      background: #fff7de;
      color: #272727;
      border: 1px solid #fff7de;
    }
    .callout.success {
      background: rgba(145, 191, 13, 0.25);
      border: 1px solid rgba(145, 191, 13, 0.05);
    }
    .callout.alert, .callout.danger {
      background: rgba(191, 13, 13, 0.2);
      border: 1px solid rgba(191, 13, 13, 0.04);
    }
    .callout.flex {
      display: flex;
      justify-content: space-between;
    }
  #error_explanation {
    display: block;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--btn-radius);
    text-decoration: none;
    color: inherit;
    margin-bottom: 15px;
    background: rgba(191, 13, 13, 0.2);
    border: 1px solid rgba(191, 13, 13, 0.04);
    margin-top: var(--space-sm);
  }
    #error_explanation h2 {
      font-size: 1.5rem;
      margin-bottom: 0.5em;
    }
}
@layer utilities {
    textarea.expand, input[type="email"].expand, input[type="number"].expand, input[type="password"].expand, input[type="search"].expand, input[type="tel"].expand, input[type="text"].expand, input[type="url"].expand, input[type="color"].expand, input[type="date"].expand, input[type="datetime"].expand, input[type="month"].expand, input[type="time"].expand, input[type="week"].expand, select[multiple="multiple"].expand {
      width: 100%;
    }
    textarea:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="email"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="number"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="password"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="search"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="tel"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="text"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="url"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="color"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="date"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="datetime"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="month"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="time"]:not(.special):not(.search-input__input):not(.radio-switch__label), input[type="week"]:not(.special):not(.search-input__input):not(.radio-switch__label), select[multiple="multiple"]:not(.special):not(.search-input__input):not(.radio-switch__label) {
      font-size: var(--form-control-font-size, 1em);
      padding-top: var(--form-control-padding-y, 0.5em);
      padding-bottom: var(--form-control-padding-y, 0.5em);
      padding-left: var(--form-control-padding-x, 0.75em);
      padding-right: var(--form-control-padding-x, 0.75em);
      border-radius: 6px;
      background: var(--color-bg-light);
      line-height: 1.2;
      box-shadow: inset 0px 0px 0px 2px var(--color-contrast-lower);
      transition: all 0.2s ease;
      border: 0;
      appearance: none;
    }
      textarea:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="email"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="number"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="password"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="search"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="tel"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="text"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="url"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="color"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="date"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="datetime"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="month"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="time"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, input[type="week"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder, select[multiple="multiple"]:not(.special):not(.search-input__input):not(.radio-switch__label)::placeholder {
        opacity: 1;
        color: var(--color-contrast-low);
      }
      textarea:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="email"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="number"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="password"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="search"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="tel"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="text"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="url"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="color"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="date"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="datetime"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="month"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="time"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, input[type="week"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus, select[multiple="multiple"]:not(.special):not(.search-input__input):not(.radio-switch__label):focus {
        background: var(--color-bg-lighter);
        box-shadow: inset 0px 0px 0px 1px hsla(0, 0%, 100%, 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
        outline: none;
      }
  select {
    font-size: var(--form-control-font-size, 1em);
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: 6px;
    background: var(--color-bg-light);
    line-height: 1.2;
    box-shadow: inset 0px 0px 0px 2px var(--color-contrast-lower);
    transition: all 0.2s ease;
    border: 0;
    appearance: none;
    height: auto;
  }
    select::placeholder {
      opacity: 1;
      color: var(--color-contrast-low);
    }
    select:focus {
      background: var(--color-bg-lighter);
      box-shadow: inset 0px 0px 0px 1px hsla(0, 0%, 100%, 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
      outline: none;
    }
  select[multiple][data-controller*="select3"], select[multiple][data-controller*="select3nomore"] {
    display: block;
  }
    label:not(.special):not(.radio-switch__label) {
      display: inline-block;
      font-size: var(--text-sm, 0.833em);
      margin-bottom: var(--space-xxxs);
    }
    label.expand {
      width: 100%;
    }
    label .field_with_errors label {
      color: #bf0d0d;
    }
    label + select {
      display: block;
    }
    input.form-control, textarea.form-control {
      margin-bottom: var(--space-xxs);
    }
      .form-control-wrapper input.form-control, .form-control-wrapper textarea.form-control {
        margin-bottom: 0;
      }
      .flex input.form-control, .flex textarea.form-control {
        margin-bottom: 0;
      }
  textarea[data-controller="autogrow"] {
    min-height: 66px;
  }
  input.search-input__input {
    margin-bottom: 0;
  }
  input[type="text"], input[type="number"], textarea {
    width: 100%;
  }
    input[type="text"].inline, input[type="number"].inline, textarea.inline {
      width: auto;
      margin-bottom: 0;
    }
      form label + input, form label + select {
        margin-bottom: var(--space-xxs);
      }
    .flex form label, .flex form label + input, .flex form label + select {
      margin-bottom: 0;
    }
  .flex .form-label {
    margin-bottom: 0;
  }
    input[type="color"], input[type="color"].form-control {
      padding: 0;
      min-height: 48px;
    }
    .time-fields select {
      width: auto;
    }
  [readonly="readonly"] {
    pointer-events: none;
  }
  .form-actions {
    margin-top: var(--space-md);
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
    @media (min-width: 768px) {
  .form-actions {
      align-items: center
  }
    }
  .simple_form {
    padding-bottom: var(--space-xxs);
  }
  .narrow-datepicker {
    width: 100%;
  }
    @media (min-width: 768px) {
  .narrow-datepicker {
      max-width: 160px
  }
    }
    input[type="text"]:focus {
      position: relative;
      z-index: 99;
    }
  .signature-type-in, input.signature-type-in {
    height: 50px;
    width: 100%;
    max-width: 460px;
    border-radius: 5px;
    border: 2px solid #333;
    padding: 0.8em 0.2em !important;
    line-height: 1.5em !important;
    font-size: 42px !important;
    overflow: visible;
    font-family: "Sacramento", cursive;
  }
    [data-theme="dark"] .signature-type-in, [data-theme="dark"] input.signature-type-in {
      border-color: #6b7280;
      color: #d1d5db;
    }
  .signature-type-in-v2 {
    position: relative;
    max-width: 460px;
  }
    .signature-type-in-v2 input {
      height: 46px;
      width: 100%;
      line-height: 1em;
      overflow: visible;
      font-family: "Calligraffitti", "Sacramento", cursive;
      text-align: center;
      font-size: 38px !important;
      background: transparent !important;
      outline: none !important;
      border: none !important;
      box-shadow: none !important;
      margin: 0 !important;
      padding: 0.725em !important;
      transform: translateY(0.25em);
    }
    .signature-type-in-v2::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 7px;
      background: #fff;
      border: 2px dotted #aaa;
      z-index: -1;
    }
      [data-theme="dark"] .signature-type-in-v2 input {
        color: #d1d5db;
      }
      [data-theme="dark"] .signature-type-in-v2::before {
        background: #1f2937;
        border-color: #4b5563;
      }
  .signature-canvas-bg {
    background-color: white;
  }
    [data-theme="dark"] .signature-canvas-bg {
      background-color: #1f2937;
    }
  .fieldset {
    background: rgba(172, 109, 25, 0.04);
    margin: 0.825rem 0;
    padding: 0 1rem 0.5rem 1rem;
    border: 2px dashed #ccc;
    border-radius: 10px;
  }
    .fieldset legend {
      padding: 0 8px;
    }
    .fieldset .fieldset {
      margin-top: 0;
    }
}
@layer utilities {
    .btn.has-hints {
      position: relative;
    }
    .btn .btn-subheading {
      display: none;
    }
      @media (min-width: 768px) {
    .btn .btn-subheading {
        display: block;
    }
      }
      .btn .btn-subheading{
      font-size: 10px;
      position: absolute;
      left: 50%;
      bottom: 1px;
      transform: translateX(-50%);
  }
    .btn.disabled {
      pointer-events: none;
      cursor: not-allowed;
    }
    .btn.clear {
      box-shadow: none !important;
    }
    .button.expand {
      width: 100%;
      text-align: center;
    }
    .button.secondary {
      background: #f1f5f9;
      color: var(--color-contrast-higher);
    }
      .button.secondary:not(:hover) {
        box-shadow: none;
      }
      .button.secondary:hover {
        background: #f1f5f9;
      }
      .button.secondary:focus {
        outline-style: solid;
        outline-width: 2px;
        outline-color: #d9dee4;
      }
    .button.alert {
      background: rgba(255, 0, 0, 0.2);
      color: var(--color-error-dark);
      border-color: transparent;
    }
      .button.alert:hover {
        background: var(--color-error-darker);
        color: var(--color-white);
      }
    .button.warning {
      background: rgb(246, 221, 170);
      color: rgb(70, 48, 3);
      border-color: transparent;
    }
      .button.warning:hover {
        background: var(--color-warning-darker);
      }
    .button.disabled {
      opacity: 0.6;
      cursor: not-allowed;
      pointer-events: none;
    }
    .button.small {
      font-size: 0.875em;
    }
    .button.tiny {
      font-size: 0.75em;
    }
  input[type="submit"], button[type="submit"] {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: transparent;
  }
    input[type="submit"].expand, button[type="submit"].expand {
      width: 100%;
      text-align: center;
    }
    input[type="submit"]:hover, button[type="submit"]:hover {
      background: var(--color-primary-dark);
    }
  .btn--disabled {
    pointer-events: none;
  }
  .button.primary, .btn.primary {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: transparent;
  }
    .button.primary:hover, .btn.primary:hover {
      background: var(--color-primary-dark);
    }
    .week-switcher .btn {
      opacity: 0.4;
      border: none;
      background: transparent;
      box-shadow: none;
      width: 32px;
    }
      @media (min-width: 768px) {
    .week-switcher .btn {
        width: 42px
    }
      }
      .week-switcher .btn:hover {
        opacity: 1;
        background: transparent;
        box-shadow: none;
      }
      .week-switcher .btn:focus, .week-switcher .btn:active {
        outline: none;
        box-shadow: none;
      }
}
@layer utilities {
  .page-title {
    margin-bottom: var(--space-xxs);
  }
  b, strong {
    font-weight: bold;
  }
    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, p i {
      font-style: italic;
    }
  .monospace {
    font-family: monospace;
  }
  .text-right {
    text-align: right;
  }
  .text-left {
    text-align: left;
  }
  .text-secondary, .text-gray {
    color: #636363;
  }
  .text-tertiary {
    color: #a1a1a1;
  }
  .text-red, .text-error, .text-alert, .text-color-expired, .text-color-needs_review {
    color: #bf0d0d;
  }
    .text-red svg, .text-red path, .text-error svg, .text-error path, .text-alert svg, .text-alert path, .text-color-expired svg, .text-color-expired path, .text-color-needs_review svg, .text-color-needs_review path {
      fill: #bf0d0d;
    }
    .tippy-content .text-red, .tippy-content .text-error, .tippy-content .text-alert, .tippy-content .text-color-expired, .tippy-content .text-color-needs_review {
      color: rgb(245.25, 111.75, 111.75);
    }
  .text-dark-red {
    color: #6d1e1e;
  }
    .text-dark-red svg, .text-dark-red path {
      fill: #6d1e1e;
    }
  .text-strike {
    text-decoration: line-through;
  }
  .text-warning, .text-orange, .text-color-expiring {
    color: #e2970c;
  }
    .text-warning svg, .text-warning path, .text-orange svg, .text-orange path, .text-color-expiring svg, .text-color-expiring path {
      fill: #e2970c;
    }
  .text-dark-orange {
    color: #c66d00;
  }
    .text-dark-orange svg, .text-dark-orange path {
      fill: #c66d00;
    }
  .uc {
    text-transform: uppercase;
  }
  .lh1em {
    line-height: 1em;
  }
  .text-italic {
    font-style: italic;
  }
  .text-blue {
    color: #055fbe;
  }
  .text-yellow {
    color: #ffcf00;
  }
    .text-yellow path {
      fill: #ffcf00;
    }
  .text-green, .text-success, .text-color-far-in-future {
    color: #91bf0d;
  }
    .text-green path, .text-success path, .text-color-far-in-future path {
      fill: #91bf0d;
    }
  .text-dark-green {
    color: #3a6205;
  }
    .text-dark-green path {
      fill: #3a6205;
    }
  .text-monospace {
    font-family: monospace;
  }
  .b {
    font-weight: bold;
  }
  .pre {
    white-space: pre-wrap;
  }
  .text-500 {
    font-weight: 500;
  }
  code {
    line-break: anywhere;
    font-family: monospace;
    line-height: 1.4em;
  }
  h1 {
    margin-bottom: var(--space-xs);
  }
  h1, h2, h3 {
    font-weight: 700;
  }
    h1 small, h2 small, h3 small {
      font-size: 80%;
    }
  .ul, ul.styled {
    list-style: disc;
    margin-left: 1em;
  }
    .ul li, ul.styled li {
      margin-bottom: 0.375em;
    }
      .ul li ul, .ul li ol, ul.styled li ul, ul.styled li ol {
        margin-top: 0.375em;
      }
      .ul li li, ul.styled li li {
        list-style: circle;
      }
        .ul li li li, ul.styled li li li {
          list-style: square;
        }
    .ul ul, .ul ol, ul.styled ul, ul.styled ol {
      margin-left: 1em;
    }
    .ul ul, ul.styled ul {
      list-style: disc;
    }
    .ul ol, ul.styled ol {
      list-style: decimal;
    }
      .ul ol li, ul.styled ol li {
        list-style: decimal;
      }
  .ol, ol.styled {
    list-style: disc;
    margin-left: 1em;
  }
    .ol li, ol.styled li {
      margin-bottom: 0.375em;
    }
      .ol li ol, .ol li ul, ol.styled li ol, ol.styled li ul {
        margin-top: 0.375em;
      }
      .ol li li, ol.styled li li {
        list-style: circle;
      }
        .ol li li li, ol.styled li li li {
          list-style: square;
        }
    .ol ul, .ol ol, ol.styled ul, ol.styled ol {
      margin-left: 1em;
    }
    .ol ul, ol.styled ul {
      list-style: disc;
    }
    .ol ol, ol.styled ol {
      list-style: decimal;
    }
  .titleize {
    text-transform: capitalize;
  }
  .text-highlight-red {
    background-color: rgba(255, 0, 0, 0.2);
    border-radius: 4px;
  }
}
@layer utilities {
  :root {
    --fc-today-bg-color: rgba(255, 220, 40, 0);
  }
    .calendars thead {
      background: #fff;
      z-index: 2;
    }
      .calendars thead.is-sticky {
        transform: translateX(1px);
      }
    table.fc-col-header.dragging {
      min-width: auto !important;
    }
  .fc .fc-scrollgrid-section-sticky {
    z-index: 2;
  }
    .fc .fc-scrollgrid-section-sticky th {
      z-index: 2;
    }
  .single-calendar, .calendars {
    margin-bottom: 32px;
  }
  .calendar-wrapper {
    margin-bottom: 2px;
  }
    @media (max-width: 767px) {
  .calendar-wrapper {
      width: calc(100vw + 2px);
      margin-left: calc(var(--component-padding) / 2 * -1 - 1px);
      margin-right: calc(var(--component-padding) / 2 * -1 - 1px)
  }
    }
    .calendars .calendar-wrapper {
      min-height: 660px;
    }
    .calendar-wrapper:empty {
      display: none;
    }
      .calendar-wrapper.hide-header thead {
        display: none;
      }
    td[data-resource-id="0"] .fc-event-time {
      display: none;
    }
    .no-time .fc-event-time {
      display: none;
    }
      .fc .fc-timegrid-col-bg .event-hover-actions {
        display: none;
      }
      .fc .fc-timegrid-col-bg .fc-event-title {
        color: #000;
        font-size: 1rem;
        margin: 0.325em;
      }
  .event-hover-actions {
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 444444;
  }
    @media not all and (min-width: 48rem) {
  .event-hover-actions {
      display: none
  }
    }
    .event-hover-actions a {
      color: #fff;
      display: block;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 3px;
      padding: 3px;
    }
      .event-hover-actions a:hover {
        background: rgba(0, 0, 0, 0.9);
      }
    .fc-timegrid-slots tr:hover {
      background-color: rgba(255, 255, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 0, 0.4) !important;
      border-bottom: 1px solid rgba(255, 255, 0, 0.4) !important;
    }
    .fc table {
      font-size: 0.9em !important;
    }
      .fc .fc-timegrid-body.multiselect .fc-timegrid-event:not(.selected) {
        opacity: 0.7;
      }
      .fc .fc-timegrid-body.multiselect .event-hover-actions {
        display: none !important;
      }
    .fc .fc-non-business {
      background: rgba(168, 168, 168, 0.3) !important;
    }
    .calendar-wrapper .fc {
      font-size: 0.875em;
    }
    .fc .fc-toolbar.fc-header-toolbar {
      margin-bottom: 2px !important;
    }
      .fc .fc-toolbar.fc-header-toolbar h2 {
        font-size: 1em;
      }
      .fc .fc-button-group button {
        text-transform: capitalize !important;
      }
      .fc th .fc-col-header-cell-cushion {
        overflow: hidden;
        white-space: nowrap;
      }
    .fc .fc-col-header-cell-cushion {
      display: flex !important;
      flex-direction: column;
      font-size: 14px;
    }
      .fc .fc-col-header-cell-cushion small {
        margin-top: 0.3em;
        font-size: 80%;
      }
      .fc .fc-col-header-cell-cushion + .fc-col-header-cell-cushion {
        display: none !important;
      }
  .fc-event {
    font-size: 0.825em !important;
  }
  @keyframes selected {
    from {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(0, 0, 255, 0.5);
    }
    to {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(0, 0, 255, 0.9);
    }
  }
  @keyframes alert {
    from {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(255, 0, 0, 0.2);
    }
    to {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(255, 0, 0, 0.9);
    }
  }
  @keyframes alert-slim {
    from {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(255, 0, 0, 0.2);
    }
    to {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(255, 0, 0, 0.9);
    }
  }
  .fc-event {
    line-height: 1em;
    font-size: 11px;
    position: relative;
  }
    .fc-event .emoji {
      color: #000 !important;
      font-weight: bold;
      font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Android Emoji", "EmojiSymbols", monospace;
      z-index: 10;
      text-shadow: -1px 0 #fff, 1px 0 #fff, 0 -1px #fff, 0 1px #fff;
      position: absolute;
      top: -3px;
      right: -3px;
      padding: 2px;
      border-radius: 4px;
      outline: 1px solid rgba(255, 255, 255, 0.9);
    }
  .questionmark-badge {
    background: linear-gradient(to bottom, rgb(170, 6, 39), rgb(208, 9, 9));
    color: #fff !important;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2em;
    border-radius: 99px;
    min-width: 14px;
    height: 14px;
    text-align: center;
    z-index: 4;
    position: absolute;
    top: -3px;
    left: -3px;
    outline: 1px solid rgba(255, 255, 255, 0.8);
  }
    .fc-daygrid-event .questionmark-badge {
      position: relative;
      top: 0;
      left: -2px;
    }
    .questionmark-badge ~ .fc-event-main .fc-event-time {
      padding-left: 12px;
    }
    .fc-daygrid-event.appointment-kind-cancelled, .fc-timegrid-event.appointment-kind-cancelled {
      text-decoration: line-through;
      filter: grayscale(1);
    }
      .fc-daygrid-event.appointment-kind-deleted:not(:hover), .fc-daygrid-event.appointment-kind-deleted_dupe:not(:hover), .fc-timegrid-event.appointment-kind-deleted:not(:hover), .fc-timegrid-event.appointment-kind-deleted_dupe:not(:hover) {
        text-decoration: line-through;
        filter: grayscale(1);
        opacity: 0.5;
      }
        .fc-daygrid-event.appointment-kind-deleted:not(:hover) > *, .fc-daygrid-event.appointment-kind-deleted_dupe:not(:hover) > *, .fc-timegrid-event.appointment-kind-deleted:not(:hover) > *, .fc-timegrid-event.appointment-kind-deleted_dupe:not(:hover) > * {
          opacity: 0.2;
        }
    .fc-daygrid-event.recurrent.not-this-week:not(.recurrent-on-master), .fc-timegrid-event.recurrent.not-this-week:not(.recurrent-on-master) {
      filter: opacity(0.7) grayscale(0.2);
      font-style: italic;
    }
    .fc-daygrid-event.shadow-appt, .fc-timegrid-event.shadow-appt {
      cursor: alias !important;
    }
      .fc-daygrid-event.shadow-appt:not(:hover), .fc-timegrid-event.shadow-appt:not(:hover) {
        filter: opacity(0.7) grayscale(1);
      }
      .fc-daygrid-event.shadow-appt, .fc-timegrid-event.shadow-appt{
      font-style: italic;
  }
    .fc-daygrid-event.dashed-outline, .fc-timegrid-event.dashed-outline {
      outline: 1px dashed black;
    }
    .fc-daygrid-event.selected, .fc-timegrid-event.selected {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(0, 0, 255, 0.9), 2px 4px 6px rgba(0, 0, 0, 0.4);
    }
    .fc-daygrid-event.has-notices, .fc-timegrid-event.has-notices {
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(255, 0, 0, 0.7) !important;
    }
    .fc-daygrid-event.disabled, .fc-timegrid-event.disabled {
      filter: grayscale(1) brightness(1);
      opacity: 0.4;
      pointer-events: none;
    }
  .fc-timegrid-event {
    height: 100%;
  }
    .fc-timegrid-event.text-dark {
      border-color: rgba(0, 0, 0, 0.1) !important;
    }
      .fc-timegrid-event.text-dark .fc-event-main {
        color: #000;
      }
        .fc-timegrid-event.text-dark .fc-event-main p {
          color: #000;
          text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
        }
    .fc-timegrid-event .fc-event-main {
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
      padding: 2px 2px 0 !important;
    }
  .fc-timeline-event {
    border-radius: 1px !important;
  }
    .fc-timeline-event.has-notices {
      animation: alert-slim 1s infinite alternate !important;
    }
    .fc-timeline-event .fc-event-main {
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    }
  .fc-highlight {
    border-radius: 3px;
    border: 2px dotted var(--fc-highlight-color, rgba(66, 158, 177, 0.6));
  }
  .event-demo {
    display: block;
    background: #055fbe;
    color: #fff;
    border-radius: 3px;
    padding: 6px;
    text-decoration: none;
  }
    .event-demo.text-dark {
      color: #000;
    }
      .event-demo.text-dark p {
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
      }
    .event-demo p {
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
      color: inherit;
      margin-bottom: 0;
      font-size: 14px;
    }
      .event-demo p:last-child {
        margin-bottom: 0;
      }
      .event-demo p small {
        font-size: 12px;
      }
  .appt-notes {
    white-space: pre-line;
  }
  .fc-event-title {
    white-space: pre-line;
  }
    .fc-daygrid-dot-event .fc-daygrid-event-dot {
      display: none;
    }
    .fc-daygrid-dot-event .fc-event-title {
      font-weight: normal !important;
    }
  .fc-daygrid-event.fc-daygrid-dot-event {
    padding: 2px 4px;
  }
  .shadow-appointment, .preview-appointment {
    opacity: 0.6 !important;
    border: 2px dashed rgba(59, 130, 246, 0.8) !important;
    background-color: rgba(59, 130, 246, 0.15) !important;
    pointer-events: none !important;
    border-radius: 8px;
    z-index: 10 !important;
    position: absolute;
  }
    .shadow-appointment::before, .preview-appointment::before {
      content: "Preview";
      position: absolute;
      top: 2px;
      right: 2px;
      font-size: 10px;
      font-weight: bold;
      color: rgba(59, 130, 246, 1);
      background: rgba(255, 255, 255, 0.9);
      padding: 1px 4px;
      border-radius: 3px;
      z-index: 1000000000000 !important;
    }
    .shadow-appointment .fc-event-title, .preview-appointment .fc-event-title {
      font-style: italic;
      opacity: 0.8;
    }
  .calendar-wrapper {
    position: relative;
  }
    .calendar-wrapper svg {
      overflow: visible;
    }
  .calendly-calendar-container {
    min-height: 350px;
  }
    @media (min-width: 768px) {
  .calendly-calendar-container {
      min-height: 400px
  }
    }
  .calendly-timeslots-container {
    display: flex !important;
    flex-direction: column !important;
    height: 350px !important;
    overflow: hidden !important;
  }
    @media (min-width: 768px) {
  .calendly-timeslots-container {
      height: 400px !important
  }
    }
    .calendly-calendar-header h3 {
      font-weight: 600;
      color: #1f2937;
      font-size: 1rem;
    }
      @media (min-width: 1024px) {
    .calendly-calendar-header h3 {
        font-size: 1.125rem
    }
      }
  .calendly-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    background: white;
    color: #374151;
    transition: all 0.2s;
  }
    .calendly-nav-btn:hover {
      background: #f9fafb;
      border-color: #d1d5db;
    }
    .calendly-nav-btn:active {
      background: #f3f4f6;
    }
    .calendly-nav-btn svg {
      width: 1.25rem;
      height: 1.25rem;
    }
  .calendly-day {
    min-height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 0.875rem;
  }
    @media (min-width: 1024px) {
  .calendly-day {
      min-height: 2.5rem;
      font-size: inherit
  }
    }
    .calendly-day:hover:not(.bg-blue-600) {
      background-color: #f3f4f6;
    }
    .calendly-day.bg-blue-600 {
      font-weight: 600;
    }
    .calendly-day.text-gray-400 {
      cursor: not-allowed;
    }
  .calendly-day-empty {
    min-height: 2rem;
  }
    @media (min-width: 1024px) {
  .calendly-day-empty {
      min-height: 2.5rem
  }
    }
    .calendly-timeslots-container .time-slot-link {
      text-decoration: none;
      color: inherit;
    }
      .calendly-timeslots-container .time-slot-link:hover {
        text-decoration: none;
      }
  @media (orientation: portrait) {
    .calendly-grid {
      grid-template-columns: 1fr !important;
    }
    .public-appointment-openings {
      display: flex;
      flex-direction: column;
      max-height: 100vh;
      max-height: 100dvh;
      overflow: hidden;
    }
      .public-appointment-openings .calendly-grid {
        flex: 1;
        grid-template-rows: auto 1fr;
        min-height: 0;
      }
      .public-appointment-openings .calendly-calendar-container {
        min-height: 0 !important;
      }
      .public-appointment-openings .calendly-timeslots-container {
        height: auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
      }
    .embed-main {
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow: hidden;
      box-sizing: border-box;
    }
      .embed-main > .container-legacy {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
      }
      .embed-main .public-appointment-openings {
        flex: 1;
        max-height: none;
        overflow: auto;
      }
  }
  .public-openings-banner-coded {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
  }
  .public-openings-banner-top {
    background-color: #2c3e5a;
    padding: 24px 16px;
    display: flex;
    justify-content: center;
  }
    .public-openings-banner-top .public-openings-banner-logo {
      height: 80px;
      width: auto;
    }
  .public-openings-banner-divider {
    line-height: 0;
    font-size: 0;
    margin-top: -1px;
  }
    .public-openings-banner-divider img {
      width: 100%;
      display: block;
    }
  .public-openings-banner-headline {
    background-color: #428ed0;
    padding: 32px 24px;
    color: #fff;
  }
    .public-openings-banner-headline .public-openings-banner-headline-sub {
      font-size: 1.25rem;
      font-weight: 500;
      margin-bottom: 8px;
      line-height: 1.4;
      opacity: 0.9;
    }
    .public-openings-banner-headline .public-openings-banner-headline-main {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 0;
      line-height: 1.25;
    }
  .public-openings-banner-features {
    background-color: #fff;
    padding: 32px 24px;
  }
    .public-openings-banner-features ul {
      list-style: none;
      padding: 0;
      margin: 0 auto 24px;
      max-width: 1200px;
    }
      .public-openings-banner-features ul li {
        display: flex;
        align-items: flex-start;
        font-size: 1.125rem;
        color: #333;
        padding: 4px 0;
        line-height: 1.4;
      }
        .public-openings-banner-features ul li::before {
          content: "\2713";
          color: #428ed0;
          margin-right: 10px;
          font-weight: 700;
          flex-shrink: 0;
        }
    .public-openings-banner-features .public-openings-banner-tagline {
      font-size: 1.25rem;
      font-weight: 700;
      color: #111;
      margin-bottom: 8px;
    }
    .public-openings-banner-features .public-openings-banner-byline {
      font-size: 1.25rem;
      color: #999;
      font-style: italic;
      margin-bottom: 0;
    }
  @media (max-width: 768px) {
    .public-openings-banner-top .public-openings-banner-logo {
      height: 56px;
    }
    .public-openings-banner-headline {
      padding: 24px 16px;
    }
      .public-openings-banner-headline .public-openings-banner-headline-sub {
        font-size: 1.25rem;
      }
      .public-openings-banner-headline .public-openings-banner-headline-main {
        font-size: 1.5rem;
      }
    .public-openings-banner-features {
      padding: 24px 16px;
    }
      .public-openings-banner-features ul li {
        font-size: 1rem;
        padding: 6px 0;
      }
      .public-openings-banner-features .public-openings-banner-tagline {
        font-size: 1.125rem;
      }
      .public-openings-banner-features .public-openings-banner-byline {
        font-size: 0.875rem;
      }
  }
  @media (max-width: 480px) {
    .public-openings-banner-top .public-openings-banner-logo {
      height: 44px;
    }
    .public-openings-banner-headline {
      padding: 16px 12px;
    }
      .public-openings-banner-headline .public-openings-banner-headline-sub {
        font-size: 1rem;
      }
      .public-openings-banner-headline .public-openings-banner-headline-main {
        font-size: 1.125rem;
      }
    .public-openings-banner-features {
      padding: 16px 12px;
    }
      .public-openings-banner-features ul li {
        font-size: 0.875rem;
        padding: 4px 0;
      }
      .public-openings-banner-features .public-openings-banner-tagline {
        font-size: 1rem;
      }
      .public-openings-banner-features .public-openings-banner-byline {
        font-size: 0.75rem;
      }
  }
}
@layer utilities {
  /*!
 * Selectr 2.4.0
 * https://github.com/Mobius1/Selectr
 *
 * Released under the MIT license
 */
  .jsoneditor-wrapper {
    margin-bottom: 15px;
  }
  .jsoneditor input {
    height: auto;
    border: inherit;
    box-shadow: none;
    font-size: inherit;
    box-sizing: inherit;
    padding: inherit;
    font-family: inherit;
    transition: none;
    line-height: inherit;
  }
    .jsoneditor input:not([type]), .jsoneditor input[type="text"], .jsoneditor input[type="search"] {
      height: auto;
      border: inherit;
      box-shadow: none;
      font-size: inherit;
      box-sizing: inherit;
      padding: inherit;
      font-family: inherit;
      transition: none;
      line-height: inherit;
    }
  .jsoneditor-modal input {
    height: auto;
    border: inherit;
    box-shadow: none;
    font-size: inherit;
    box-sizing: inherit;
    padding: inherit;
    font-family: inherit;
    transition: none;
    line-height: inherit;
  }
    .jsoneditor-modal input:not([type]), .jsoneditor-modal input[type="text"], .jsoneditor-modal input[type="search"] {
      height: auto;
      border: inherit;
      box-shadow: none;
      font-size: inherit;
      box-sizing: inherit;
      padding: inherit;
      font-family: inherit;
      transition: none;
      line-height: inherit;
    }
    .jsoneditor input:focus, .jsoneditor input:not([type]):focus, .jsoneditor input[type="text"]:focus, .jsoneditor input[type="search"]:focus {
      border: inherit;
      box-shadow: inherit;
    }
    .jsoneditor-modal input:focus, .jsoneditor-modal input:not([type]):focus, .jsoneditor-modal input[type="text"]:focus, .jsoneditor-modal input[type="search"]:focus {
      border: inherit;
      box-shadow: inherit;
    }
  .jsoneditor textarea, .jsoneditor-modal textarea {
    height: inherit;
  }
  .jsoneditor select, .jsoneditor-modal select {
    display: inherit;
    height: inherit;
  }
  .jsoneditor label, .jsoneditor-modal label {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
  }
  .jsoneditor table, .jsoneditor-modal table {
    border-collapse: collapse;
    width: auto;
  }
    .jsoneditor tbody {
      background: none !important;
    }
    .jsoneditor td, .jsoneditor th {
      padding: 0 !important;
      border: 0 !important;
      display: table-cell;
      text-align: left;
      vertical-align: inherit;
      border-radius: inherit;
    }
    .jsoneditor-modal td, .jsoneditor-modal th {
      padding: 0;
      display: table-cell;
      text-align: left;
      vertical-align: inherit;
      border-radius: inherit;
    }
    .jsoneditor .autocomplete.dropdown {
      position: absolute;
      background: #ffffff;
      box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
      border: 1px solid #d3d3d3;
      overflow-x: hidden;
      overflow-y: auto;
      cursor: default;
      margin: 0;
      padding: 5px;
      text-align: left;
      outline: 0;
      font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
      font-size: 10pt;
    }
      .jsoneditor .autocomplete.dropdown .item {
        color: #333;
      }
        .jsoneditor .autocomplete.dropdown .item.hover {
          background-color: #ddd;
        }
    .jsoneditor .autocomplete.hint {
      color: #aaa;
      top: 4px;
      left: 4px;
    }
  .jsoneditor-contextmenu-root {
    position: relative;
    width: 0;
    height: 0;
  }
  .jsoneditor-contextmenu {
    position: absolute;
    box-sizing: content-box;
    z-index: 2;
  }
    .jsoneditor-contextmenu .jsoneditor-menu {
      position: relative;
      left: 0;
      top: 0;
      width: 128px;
      height: auto;
      background: #ffffff;
      border: 1px solid #d3d3d3;
      box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
      list-style: none;
      margin: 0;
      padding: 2px;
      border-radius: var(--btn-radius);
    }
      .jsoneditor-contextmenu .jsoneditor-menu button {
        position: relative;
        padding: 0 4px 0 0;
        margin: 0;
        width: 128px;
        height: auto;
        border: none;
        cursor: pointer;
        color: #4d4d4d;
        background: transparent;
        font-size: 10pt;
        font-family: arial, sans-serif;
        box-sizing: border-box;
        text-align: left;
      }
        .jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
          padding: 0;
          border: 0;
        }
        .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
          width: 96px;
        }
        .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
          float: right;
          width: 32px;
          height: 24px;
          border-left: 1px solid #e5e5e5;
        }
      .jsoneditor-contextmenu .jsoneditor-menu li {
        overflow: hidden;
      }
        .jsoneditor-contextmenu .jsoneditor-menu li ul {
          display: none;
          position: relative;
          left: -10px;
          top: 0;
          border: none;
          box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
          padding: 0 10px;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
        }
          .jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
            margin-left: 24px;
          }
          .jsoneditor-contextmenu .jsoneditor-menu li ul li button {
            padding-left: 24px;
            animation: all ease-in-out 1s;
          }
        .jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
          position: absolute;
          top: 0;
          right: 0;
          width: 24px;
          height: 24px;
          padding: 0;
          margin: 0 4px 0 0;
          background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) 0 -72px;
        }
    .jsoneditor-contextmenu .jsoneditor-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 24px;
      height: 24px;
      border: none;
      padding: 0;
      margin: 0;
      background-image: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg);
    }
    .jsoneditor-contextmenu .jsoneditor-text {
      padding: 4px 0 4px 24px;
      word-wrap: break-word;
    }
      .jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
        padding-right: 24px;
      }
    .jsoneditor-contextmenu .jsoneditor-separator {
      height: 0;
      border-top: 1px solid #e5e5e5;
      padding-top: 5px;
      margin-top: 5px;
    }
      .jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
        background-position: -24px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon, .jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
        background-position: 0 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
        background-position: -48px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
        background-position: -168px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
        background-position: -192px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
        background-position: -216px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
        background-position: 0 -24px;
      }
      .jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
        background-position: -144px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
        background-position: -120px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
        background-position: -72px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
        background-position: -96px 0;
      }
      .jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
        background-image: none;
        width: 6px;
      }
    .jsoneditor-contextmenu ul, .jsoneditor-contextmenu li {
      box-sizing: content-box;
      position: relative;
    }
        .jsoneditor-contextmenu .jsoneditor-menu button:hover, .jsoneditor-contextmenu .jsoneditor-menu button:focus {
          color: #1a1a1a;
          background-color: #f5f5f5;
          outline: none;
        }
        .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected {
          color: #ffffff;
          background-color: #ee422e;
        }
          .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover, .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
            color: #ffffff;
            background-color: #ee422e;
          }
          .jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover, .jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
            background-color: #f5f5f5;
          }
  .jsoneditor-modal {
    max-width: 95%;
    border-radius: 5px !important;
    padding: 45px 15px 15px 15px !important;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    color: #4d4d4d;
    line-height: 1.3em;
  }
    .jsoneditor-modal.jsoneditor-modal-transform {
      width: 600px !important;
    }
    .jsoneditor-modal .pico-modal-header {
      position: absolute;
      box-sizing: border-box;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      font-family: arial, sans-serif;
      font-size: 11pt;
      background: #333;
      color: #ffffff;
    }
    .jsoneditor-modal table {
      width: 100%;
    }
      .jsoneditor-modal table td {
        padding: 3px 0;
      }
        .jsoneditor-modal table td.jsoneditor-modal-input {
          text-align: right;
          padding-right: 0;
          white-space: nowrap;
        }
        .jsoneditor-modal table td.jsoneditor-modal-actions {
          padding-top: 15px;
        }
      .jsoneditor-modal table th {
        vertical-align: middle;
      }
    .jsoneditor-modal p:first-child {
      margin-top: 0;
    }
    .jsoneditor-modal a {
      color: #333;
    }
    .jsoneditor-modal .jsoneditor-jmespath-block {
      margin-bottom: 10px;
    }
    .jsoneditor-modal .pico-close {
      background: none !important;
      font-size: 24px !important;
      top: 7px !important;
      right: 7px !important;
      color: #ffffff;
    }
    .jsoneditor-modal input {
      padding: 4px;
    }
      .jsoneditor-modal input[type="text"] {
        cursor: inherit;
      }
      .jsoneditor-modal input[disabled] {
        background: #d3d3d3;
        color: #808080;
      }
    .jsoneditor-modal .jsoneditor-select-wrapper {
      position: relative;
      display: inline-block;
    }
      .jsoneditor-modal .jsoneditor-select-wrapper:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #666;
        position: absolute;
        right: 8px;
        top: 14px;
        pointer-events: none;
      }
    .jsoneditor-modal select {
      padding: 3px 24px 3px 10px;
      min-width: 180px;
      max-width: 350px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      text-indent: 0;
      text-overflow: "";
      font-size: 10pt;
      line-height: 1.5em;
    }
      .jsoneditor-modal select::-ms-expand {
        display: none;
      }
    .jsoneditor-modal .jsoneditor-button-group input {
      padding: 4px 10px;
      margin: 0;
      border-radius: 0;
      border-left-style: none;
    }
      .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-left-style: solid;
      }
      .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
      }
    .jsoneditor-modal .jsoneditor-transform-preview {
      background: #f5f5f5;
      height: 200px;
    }
      .jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
        color: #ee422e;
      }
    .jsoneditor-modal .jsoneditor-jmespath-wizard {
      line-height: 1.2em;
      width: 100%;
      padding: 0;
      border-radius: 3px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-label {
      font-weight: bold;
      color: dodgerblue;
      margin-top: 20px;
      margin-bottom: 5px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-wizard-table {
      width: 100%;
      border-collapse: collapse;
    }
    .jsoneditor-modal .jsoneditor-jmespath-wizard-label {
      font-style: italic;
      margin: 4px 0 2px 0;
    }
    .jsoneditor-modal .jsoneditor-inline {
      position: relative;
      display: inline-block;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
    }
      .jsoneditor-modal .jsoneditor-inline:not(:last-child) {
        padding-right: 2px;
      }
    .jsoneditor-modal .jsoneditor-jmespath-filter {
      display: flex;
      flex-wrap: wrap;
    }
    .jsoneditor-modal .jsoneditor-jmespath-filter-field {
      width: 180px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-filter-relation {
      width: 100px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-filter-value {
      min-width: 180px;
      flex: 1;
    }
    .jsoneditor-modal .jsoneditor-jmespath-sort-field {
      width: 170px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-sort-order {
      width: 150px;
    }
    .jsoneditor-modal .jsoneditor-jmespath-select-fields {
      width: 100%;
    }
    .jsoneditor-modal .selectr-selected {
      border-color: #d3d3d3;
      padding: 4px 28px 4px 8px;
    }
      .jsoneditor-modal .selectr-selected .selectr-tag {
        background-color: #333;
        border-radius: 5px;
      }
      .jsoneditor-modal table th, .jsoneditor-modal table td {
        text-align: left;
        vertical-align: middle;
        font-weight: normal;
        color: #4d4d4d;
        border-spacing: 0;
        border-collapse: collapse;
      }
    .jsoneditor-modal select, .jsoneditor-modal textarea {
      background: #ffffff;
      border: 1px solid #d3d3d3;
      color: #4d4d4d;
      padding: 4px;
    }
    .jsoneditor-modal input {
      background: #ffffff;
      border: 1px solid #d3d3d3;
      color: #4d4d4d;
      padding: 4px;
    }
      .jsoneditor-modal input[type="text"] {
        background: #ffffff;
        border: 1px solid #d3d3d3;
        color: #4d4d4d;
        padding: 4px;
      }
        .jsoneditor-modal input[type="text"]:focus {
          background: #ffffff;
          border: 1px solid #d3d3d3;
          color: #4d4d4d;
          padding: 4px;
        }
    .jsoneditor-modal #query {
      background: #ffffff;
      border: 1px solid #d3d3d3;
      color: #4d4d4d;
      border-radius: 3px;
      padding: 4px;
    }
    .jsoneditor-modal{
    font-size: 10.5pt;
    font-family: arial, sans-serif;
  }
      .jsoneditor-modal table td, .jsoneditor-modal table th {
        font-size: 10.5pt;
        font-family: arial, sans-serif;
      }
    .jsoneditor-modal select, .jsoneditor-modal option, .jsoneditor-modal textarea {
      font-size: 10.5pt;
      font-family: arial, sans-serif;
    }
    .jsoneditor-modal input {
      font-size: 10.5pt;
      font-family: arial, sans-serif;
    }
      .jsoneditor-modal input[type="text"] {
        font-size: 10.5pt;
        font-family: arial, sans-serif;
      }
    .jsoneditor-modal #query {
      font-size: 10.5pt;
      font-family: arial, sans-serif;
      font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
      font-size: 10pt;
      width: 100%;
      box-sizing: border-box;
    }
    .jsoneditor-modal .jsoneditor-transform-preview {
      font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
      font-size: 10pt;
      width: 100%;
      box-sizing: border-box;
    }
      .jsoneditor-modal input[type="button"], .jsoneditor-modal input[type="submit"] {
        background: #f5f5f5;
        padding: 4px 20px;
      }
    .jsoneditor-modal select, .jsoneditor-modal input {
      cursor: pointer;
    }
      .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc, .jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
        background: #333;
        border-color: #333;
        color: #ffffff;
      }
  .jsoneditor {
    color: #1a1a1a;
    border: thin solid #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    line-height: 100%;
  }
    div.jsoneditor-field, div.jsoneditor-value, div.jsoneditor-readonly, div.jsoneditor-default {
      border: 1px solid transparent;
      min-height: 16px;
      min-width: 32px;
      padding: 2px;
      margin: 1px;
      word-wrap: break-word;
      float: left;
    }
    div.jsoneditor-field p {
      margin: 0;
    }
      div.jsoneditor-value p {
        margin: 0;
      }
      div.jsoneditor-value{
      word-break: break-word;
  }
      div.jsoneditor-value.jsoneditor-empty::after {
        content: "value";
      }
      div.jsoneditor-value.jsoneditor-string {
        color: #006000;
      }
      div.jsoneditor-value.jsoneditor-number {
        color: #ee422e;
      }
      div.jsoneditor-value.jsoneditor-boolean {
        color: #ff8c00;
      }
      div.jsoneditor-value.jsoneditor-null {
        color: #004ed0;
      }
      div.jsoneditor-value.jsoneditor-color-value, div.jsoneditor-value.jsoneditor-invalid {
        color: #1a1a1a;
      }
    div.jsoneditor-readonly {
      min-width: 16px;
      color: #808080;
    }
    div.jsoneditor-empty {
      border-color: #d3d3d3;
      border-style: dashed;
      border-radius: 2px;
    }
    div.jsoneditor-field.jsoneditor-empty::after {
      content: "field";
    }
      div.jsoneditor td {
        vertical-align: top;
      }
        div.jsoneditor td.jsoneditor-separator {
          padding: 3px 0;
          vertical-align: top;
          color: #808080;
        }
        div.jsoneditor td.jsoneditor-tree {
          vertical-align: top;
        }
        div.jsoneditor.busy pre.jsoneditor-preview {
          background: #f5f5f5;
          color: #808080;
        }
        div.jsoneditor.busy div.jsoneditor-busy {
          display: inherit;
        }
      div.jsoneditor code.jsoneditor-preview {
        background: none;
      }
      div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: auto;
        padding: 2px;
        margin: 0;
        white-space: pre-wrap;
        word-break: break-all;
      }
    div.jsoneditor-default {
      color: #808080;
      padding-left: 10px;
    }
    div.jsoneditor-tree {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: auto;
      background: #fff;
    }
        div.jsoneditor-tree button.jsoneditor-button {
          width: 24px;
          height: 24px;
          padding: 0;
          margin: 0;
          border: none;
          cursor: pointer;
          background: transparent url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg);
        }
          div.jsoneditor-tree button.jsoneditor-button:focus {
            background-color: #f5f5f5;
            outline: #e5e5e5 solid 1px;
          }
        div.jsoneditor-tree button.jsoneditor-collapsed {
          background-position: 0 -48px;
        }
        div.jsoneditor-tree button.jsoneditor-expanded {
          background-position: 0 -72px;
        }
        div.jsoneditor-tree button.jsoneditor-contextmenu-button {
          background-position: -48px -72px;
        }
        div.jsoneditor-tree button.jsoneditor-invisible {
          visibility: hidden;
          background: none;
        }
        div.jsoneditor-tree button.jsoneditor-dragarea {
          background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -72px -72px;
          cursor: move;
        }
      div.jsoneditor-tree *:focus {
        outline: none;
      }
        div.jsoneditor-tree div.jsoneditor-show-more {
          display: inline-block;
          padding: 3px 4px;
          margin: 2px 0;
          background-color: #e5e5e5;
          border-radius: 3px;
          color: #808080;
          font-family: arial, sans-serif;
          font-size: 10pt;
        }
          div.jsoneditor-tree div.jsoneditor-show-more a {
            display: inline-block;
            color: #808080;
          }
        div.jsoneditor-tree div.jsoneditor-color {
          display: inline-block;
          width: 12px;
          height: 12px;
          margin: 4px;
          border: 1px solid #808080;
          cursor: pointer;
        }
        div.jsoneditor-tree div.jsoneditor-date {
          background: #a1a1a1;
          color: #ffffff;
          font-family: arial, sans-serif;
          border-radius: 3px;
          display: inline-block;
          padding: 3px;
          margin: 0 3px;
        }
      div.jsoneditor-tree table.jsoneditor-tree {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
      }
      div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0 4px 0 0;
        background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -168px -48px;
      }
    div.jsoneditor-outer {
      position: static;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
      div.jsoneditor-outer.has-nav-bar {
        margin-top: -26px;
        padding-top: 26px;
      }
        div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
          margin-top: -61px;
          padding-top: 61px;
        }
      div.jsoneditor-outer.has-status-bar {
        margin-bottom: -26px;
        padding-bottom: 26px;
      }
      div.jsoneditor-outer.has-main-menu-bar {
        margin-top: -35px;
        padding-top: 35px;
      }
    div.jsoneditor-busy {
      position: absolute;
      top: 15%;
      left: 0;
      box-sizing: border-box;
      width: 100%;
      text-align: center;
      display: none;
    }
      div.jsoneditor-busy span {
        background-color: #ffffab;
        border: 1px solid #ffee00;
        border-radius: 3px;
        padding: 5px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
      }
    div.jsoneditor-field.jsoneditor-empty::after {
      pointer-events: none;
      color: #d3d3d3;
      font-size: 8pt;
    }
      div.jsoneditor-value.jsoneditor-empty::after {
        pointer-events: none;
        color: #d3d3d3;
        font-size: 8pt;
      }
      div.jsoneditor-value.jsoneditor-url {
        color: #006000;
        text-decoration: underline;
      }
  a.jsoneditor-value.jsoneditor-url {
    color: #006000;
    text-decoration: underline;
    display: inline-block;
    padding: 2px;
    margin: 2px;
  }
    a.jsoneditor-value.jsoneditor-url:hover, a.jsoneditor-value.jsoneditor-url:focus {
      color: #ee422e;
    }
      div.jsoneditor-field[contenteditable="true"]:focus, div.jsoneditor-field[contenteditable="true"]:hover {
        background-color: #ffffab;
        border: 1px solid #ffee00;
        border-radius: 2px;
      }
      div.jsoneditor-value[contenteditable="true"]:focus, div.jsoneditor-value[contenteditable="true"]:hover {
        background-color: #ffffab;
        border: 1px solid #ffee00;
        border-radius: 2px;
      }
    div.jsoneditor-field.jsoneditor-highlight, div.jsoneditor-value.jsoneditor-highlight {
      background-color: #ffffab;
      border: 1px solid #ffee00;
      border-radius: 2px;
    }
    div.jsoneditor-field.jsoneditor-highlight-active {
      background-color: #ffee00;
      border: 1px solid #ffc700;
      border-radius: 2px;
    }
      div.jsoneditor-field.jsoneditor-highlight-active:focus, div.jsoneditor-field.jsoneditor-highlight-active:hover {
        background-color: #ffee00;
        border: 1px solid #ffc700;
        border-radius: 2px;
      }
      div.jsoneditor-value.jsoneditor-highlight-active {
        background-color: #ffee00;
        border: 1px solid #ffc700;
        border-radius: 2px;
      }
        div.jsoneditor-value.jsoneditor-highlight-active:focus, div.jsoneditor-value.jsoneditor-highlight-active:hover {
          background-color: #ffee00;
          border: 1px solid #ffc700;
          border-radius: 2px;
        }
      div.jsoneditor-value.jsoneditor-object, div.jsoneditor-value.jsoneditor-array {
        min-width: 16px;
      }
      div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover, div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus, div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected {
        background-position: -48px -48px;
      }
  tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
    background-position: -48px -48px;
  }
    div.jsoneditor-tree div.jsoneditor-show-more a:hover, div.jsoneditor-tree div.jsoneditor-show-more a:focus {
      color: #ee422e;
    }
  textarea.jsoneditor-text, .ace-jsoneditor {
    min-height: 150px;
  }
  textarea.jsoneditor-text *, .ace-jsoneditor * {
    font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
  }
  textarea.jsoneditor-text {
    width: 100%;
    height: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0;
    border: none;
    background-color: #ffffff;
    resize: none;
  }
    tr.jsoneditor-highlight {
      background-color: #d3d3d3;
    }
    tr.jsoneditor-selected {
      background-color: #d3d3d3;
    }
        tr.jsoneditor-selected button.jsoneditor-dragarea, tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
          visibility: hidden;
        }
        tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea, tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
          visibility: visible;
        }
    div.jsoneditor-tree button.jsoneditor-dragarea:hover, div.jsoneditor-tree button.jsoneditor-dragarea:focus {
      background-position: -72px -48px;
    }
  tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
    background-position: -72px -48px;
  }
      div.jsoneditor tr, div.jsoneditor th, div.jsoneditor td {
        padding: 0;
        margin: 0;
      }
    div.jsoneditor-field, div.jsoneditor-value {
      font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
      font-size: 10pt;
      color: #1a1a1a;
    }
      div.jsoneditor td, div.jsoneditor th, div.jsoneditor textarea {
        font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
        font-size: 10pt;
        color: #1a1a1a;
      }
  pre.jsoneditor-preview, .jsoneditor-schema-error, .jsoneditor-popover {
    font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
    font-size: 10pt;
    color: #1a1a1a;
  }
  .jsoneditor-schema-error {
    cursor: default;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 24px;
  }
  .jsoneditor-popover {
    background-color: #4c4c4c;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #ffffff;
    padding: 7px 10px;
    position: absolute;
    cursor: auto;
    width: 200px;
  }
    .jsoneditor-popover.jsoneditor-above {
      bottom: 32px;
      left: -98px;
    }
      .jsoneditor-popover.jsoneditor-above:before {
        border-top: 7px solid #4c4c4c;
        bottom: -7px;
      }
    .jsoneditor-popover.jsoneditor-below {
      top: 32px;
      left: -98px;
    }
      .jsoneditor-popover.jsoneditor-below:before {
        border-bottom: 7px solid #4c4c4c;
        top: -7px;
      }
    .jsoneditor-popover.jsoneditor-left {
      top: -7px;
      right: 32px;
    }
      .jsoneditor-popover.jsoneditor-left:before {
        border-left: 7px solid #4c4c4c;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        top: 19px;
        right: -14px;
        left: inherit;
        margin-left: inherit;
        margin-top: -7px;
        position: absolute;
      }
    .jsoneditor-popover.jsoneditor-right {
      top: -7px;
      left: 32px;
    }
      .jsoneditor-popover.jsoneditor-right:before {
        border-right: 7px solid #4c4c4c;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        top: 19px;
        left: -14px;
        margin-left: inherit;
        margin-top: -7px;
        position: absolute;
      }
    .jsoneditor-popover:before {
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      content: "";
      display: block;
      left: 50%;
      margin-left: -7px;
      position: absolute;
    }
  .jsoneditor-text-errors tr.jump-to-line:hover {
    text-decoration: underline;
    cursor: pointer;
  }
    .jsoneditor-schema-error:hover .jsoneditor-popover, .jsoneditor-schema-error:focus .jsoneditor-popover {
      display: block;
      animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
    }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
    .jsoneditor .jsoneditor-validation-errors-container {
      max-height: 130px;
      overflow-y: auto;
    }
    .jsoneditor .jsoneditor-validation-errors {
      width: 100%;
      overflow: hidden;
    }
    .jsoneditor .jsoneditor-additional-errors {
      position: absolute;
      margin: auto;
      bottom: 31px;
      left: calc(50% - 92px);
      color: #808080;
      background-color: #ebebeb;
      padding: 7px 15px;
      border-radius: 8px;
    }
      .jsoneditor .jsoneditor-additional-errors.visible {
        visibility: visible;
        opacity: 1;
        transition: opacity 2s linear;
      }
      .jsoneditor .jsoneditor-additional-errors.hidden {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 2s, opacity 2s linear;
      }
    .jsoneditor .jsoneditor-text-errors {
      width: 100%;
      border-collapse: collapse;
      border-top: 1px solid #ffc700;
    }
      .jsoneditor .jsoneditor-text-errors td {
        padding: 3px 6px;
        vertical-align: middle;
      }
        .jsoneditor .jsoneditor-text-errors td pre {
          margin: 0;
          white-space: normal;
        }
      .jsoneditor .jsoneditor-text-errors tr {
        background-color: #ffffab;
      }
        .jsoneditor .jsoneditor-text-errors tr.parse-error {
          background-color: #ee2e2e70;
        }
    .jsoneditor-text-errors .jsoneditor-schema-error {
      border: none;
      width: 24px;
      height: 24px;
      padding: 0;
      margin: 0 4px 0 0;
      cursor: pointer;
    }
      .jsoneditor-text-errors tr .jsoneditor-schema-error {
        background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -168px -48px;
      }
      .jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
        background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -25px 0px;
      }
  .jsoneditor-anchor {
    cursor: pointer;
  }
    .jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
      top: 28px;
      left: -10px;
    }
  .fadein {
    -webkit-animation: fadein 0.3s;
    animation: fadein 0.3s;
    -moz-animation: fadein 0.3s;
    -o-animation: fadein 0.3s;
  }
  @keyframes fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
      .jsoneditor-modal input[type="search"].selectr-input {
        border: 1px solid #d3d3d3;
        width: calc(100% - 4px);
        margin: 2px;
        padding: 4px;
        box-sizing: border-box;
      }
    .jsoneditor-modal button.selectr-input-clear {
      right: 8px;
    }
  .jsoneditor-menu {
    width: 100%;
    height: 35px;
    padding: 2px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #333;
    border-bottom: 1px solid #333;
  }
    .jsoneditor-menu > button, .jsoneditor-menu > .jsoneditor-modes > button {
      width: 26px;
      height: 26px;
      margin: 2px;
      padding: 0;
      border-radius: var(--btn-radius);
      border: 1px solid transparent;
      background: transparent url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg);
      color: #ffffff;
      opacity: 0.8;
      font-family: arial, sans-serif;
      font-size: 10pt;
      float: left;
    }
    .jsoneditor-menu > button:hover, .jsoneditor-menu > .jsoneditor-modes > button:hover {
      background-color: rgba(255, 255, 255, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.4);
    }
      .jsoneditor-menu > button:focus, .jsoneditor-menu > button:active {
        background-color: rgba(255, 255, 255, 0.3);
      }
      .jsoneditor-menu > .jsoneditor-modes > button:focus, .jsoneditor-menu > .jsoneditor-modes > button:active {
        background-color: rgba(255, 255, 255, 0.3);
      }
    .jsoneditor-menu > button:disabled, .jsoneditor-menu > .jsoneditor-modes > button:disabled {
      opacity: 0.5;
      background-color: transparent;
      border: none;
    }
      .jsoneditor-menu > button.jsoneditor-collapse-all {
        background-position: 0 -96px;
      }
      .jsoneditor-menu > button.jsoneditor-expand-all {
        background-position: 0 -120px;
      }
      .jsoneditor-menu > button.jsoneditor-sort {
        background-position: -120px -96px;
      }
      .jsoneditor-menu > button.jsoneditor-transform {
        background-position: -144px -96px;
      }
    .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort, .jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort, .jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform, .jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
      display: none;
    }
      .jsoneditor-menu > button.jsoneditor-undo {
        background-position: -24px -96px;
      }
        .jsoneditor-menu > button.jsoneditor-undo:disabled {
          background-position: -24px -120px;
        }
      .jsoneditor-menu > button.jsoneditor-redo {
        background-position: -48px -96px;
      }
        .jsoneditor-menu > button.jsoneditor-redo:disabled {
          background-position: -48px -120px;
        }
      .jsoneditor-menu > button.jsoneditor-compact {
        background-position: -72px -96px;
      }
      .jsoneditor-menu > button.jsoneditor-format {
        background-position: -72px -120px;
      }
      .jsoneditor-menu > button.jsoneditor-repair {
        background-position: -96px -96px;
      }
    .jsoneditor-menu > .jsoneditor-modes {
      display: inline-block;
      float: left;
    }
      .jsoneditor-menu > .jsoneditor-modes > button {
        background-image: none;
        width: auto;
        padding-left: 6px;
        padding-right: 6px;
      }
    .jsoneditor-menu > button.jsoneditor-separator, .jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
      margin-left: 10px;
    }
    .jsoneditor-menu a {
      font-family: arial, sans-serif;
      font-size: 10pt;
      color: #ffffff;
      opacity: 0.8;
      vertical-align: middle;
    }
      .jsoneditor-menu a:hover {
        opacity: 1;
      }
      .jsoneditor-menu a.jsoneditor-poweredBy {
        font-size: 8pt;
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px;
      }
  .jsoneditor-navigation-bar {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #808080;
    background-color: #ebebeb;
    overflow: hidden;
    font-family: arial, sans-serif;
    font-size: 10pt;
  }
  .jsoneditor-search {
    font-family: arial, sans-serif;
    position: absolute;
    right: 4px;
    top: 4px;
    border-collapse: collapse;
    border-spacing: 0;
    display: flex;
  }
      .jsoneditor-search .jsoneditor-frame input[type="text"] {
        color: #1a1a1a !important;
        width: 120px;
        border: none;
        outline: none;
        margin: 1px;
        line-height: 20px;
        font-size: var(--text-sm) !important;
        font-family: arial, sans-serif;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        margin-bottom: 0 !important;
      }
    .jsoneditor-search button {
      width: 16px;
      height: 24px;
      padding: 0;
      margin: 0;
      border: none;
      background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg);
      vertical-align: top;
    }
      .jsoneditor-search button:hover {
        background-color: transparent;
      }
      .jsoneditor-search button.jsoneditor-refresh {
        width: 18px;
        background-position: -99px -73px;
      }
      .jsoneditor-search button.jsoneditor-next {
        cursor: pointer;
        background-position: -124px -73px;
      }
        .jsoneditor-search button.jsoneditor-next:hover {
          background-position: -124px -49px;
        }
      .jsoneditor-search button.jsoneditor-previous {
        cursor: pointer;
        background-position: -148px -73px;
        margin-right: 2px;
      }
        .jsoneditor-search button.jsoneditor-previous:hover {
          background-position: -148px -49px;
        }
  .jsoneditor-frame {
    border: 1px solid transparent;
    background-color: #ffffff;
    padding: 0 2px;
    margin: 0;
  }
  .jsoneditor-results {
    font-family: arial, sans-serif;
    color: #ffffff;
    padding-right: 5px;
    line-height: 26px;
  }
  .jsoneditor-statusbar {
    line-height: 26px;
    height: 26px;
    color: #808080;
    background-color: #ebebeb;
    border-top: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10pt;
  }
    .jsoneditor-statusbar > .jsoneditor-curserinfo-val {
      margin-right: 12px;
    }
    .jsoneditor-statusbar > .jsoneditor-curserinfo-count {
      margin-left: 4px;
    }
    .jsoneditor-statusbar > .jsoneditor-validation-error-icon {
      float: right;
      width: 24px;
      height: 24px;
      padding: 0;
      margin-top: 1px;
      background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -168px -48px;
      cursor: pointer;
    }
    .jsoneditor-statusbar > .jsoneditor-validation-error-count {
      float: right;
      margin: 0 4px 0 0;
      cursor: pointer;
    }
    .jsoneditor-statusbar > .jsoneditor-parse-error-icon {
      float: right;
      width: 24px;
      height: 24px;
      padding: 0;
      margin: 1px;
      background: url(/assets/jsoneditor-icons-771310589fba0272cce446b4d74908510f823af10de030c3bff25abcec064060.svg) -25px 0px;
    }
    .jsoneditor-statusbar .jsoneditor-array-info a {
      color: inherit;
    }
  div.jsoneditor-statusbar > .jsoneditor-curserinfo-label, div.jsoneditor-statusbar > .jsoneditor-size-info {
    margin: 0 4px;
  }
  .jsoneditor-treepath {
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    outline: none;
  }
    .jsoneditor-treepath.show-all {
      word-wrap: break-word;
      white-space: normal;
      position: absolute;
      background-color: #ebebeb;
      z-index: 1;
      box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    }
      .jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
        display: none;
      }
    .jsoneditor-treepath div.jsoneditor-contextmenu-root {
      position: absolute;
      left: 0;
    }
    .jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
      position: absolute;
      background-color: #ebebeb;
      left: 0;
      height: 20px;
      padding: 0 3px;
      cursor: pointer;
    }
    .jsoneditor-treepath .jsoneditor-treepath-element {
      margin: 1px;
      font-family: arial, sans-serif;
      font-size: 10pt;
    }
    .jsoneditor-treepath .jsoneditor-treepath-seperator {
      margin: 2px;
      font-size: 9pt;
      font-family: arial, sans-serif;
    }
      .jsoneditor-treepath span.jsoneditor-treepath-element:hover, .jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
        cursor: pointer;
        text-decoration: underline;
      }
  .selectr-container {
    position: relative;
  }
    .selectr-container li {
      list-style: none;
    }
  .selectr-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0 none;
  }
  .selectr-visible {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 11;
  }
    .selectr-desktop.multiple .selectr-visible {
      display: none;
    }
    .selectr-desktop.multiple.native-open .selectr-visible {
      top: 100%;
      min-height: 200px !important;
      height: auto;
      opacity: 1;
      display: block;
    }
  .selectr-container.multiple.selectr-mobile .selectr-selected {
    z-index: 0;
  }
  .selectr-selected {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 28px 7px 14px;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 3px;
    background-color: #ffffff;
  }
    .selectr-selected::before {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 0;
      height: 0;
      content: "";
      -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      transform: rotate(0deg) translate3d(0px, -50%, 0px);
      border-width: 4px 4px 0 4px;
      border-style: solid;
      border-color: #6c7a86 transparent transparent;
    }
    .selectr-container.open .selectr-selected::before, .selectr-container.native-open .selectr-selected::before {
      border-width: 0 4px 4px 4px;
      border-style: solid;
      border-color: transparent transparent #6c7a86;
    }
  .selectr-label {
    display: none;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .selectr-placeholder {
    color: #6c7a86;
  }
  .selectr-tags {
    margin: 0;
    padding: 0;
    white-space: normal;
  }
  .has-selected .selectr-tags {
    margin: 0 0 -2px;
  }
  .selectr-tag {
    list-style: none;
    position: relative;
    float: left;
    padding: 2px 25px 2px 8px;
    margin: 0 2px 2px 0;
    cursor: default;
    color: #ffffff;
    border: medium none;
    border-radius: 10px;
    background: #acb7bf none repeat scroll 0 0;
  }
  .selectr-container.multiple.has-selected .selectr-selected {
    padding: 5px 28px 5px 5px;
  }
  .selectr-options-container {
    position: absolute;
    z-index: 10000;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    box-sizing: border-box;
    width: 100%;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: transparent #999999 #999999;
    border-radius: 0 0 3px 3px;
    background-color: #ffffff;
  }
  .selectr-container.open .selectr-options-container {
    display: block;
  }
  .selectr-input-container {
    position: relative;
    display: none;
  }
  .selectr-clear, .selectr-input-clear, .selectr-tag-remove {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -o-transform: translate3d(0px, -50%, 0px);
    -ms-transform: translate3d(0px, -50%, 0px);
    -moz-transform: translate3d(0px, -50%, 0px);
    -webkit-transform: translate3d(0px, -50%, 0px);
    transform: translate3d(0px, -50%, 0px);
    border: medium none;
    background-color: transparent;
    z-index: 11;
  }
  .selectr-clear, .selectr-input-clear {
    display: none;
  }
  .selectr-container.has-selected .selectr-clear, .selectr-input-container.active .selectr-input-clear {
    display: block;
  }
  .selectr-selected .selectr-tag-remove {
    right: 2px;
  }
    .selectr-clear::before, .selectr-clear::after {
      position: absolute;
      top: 5px;
      left: 9px;
      width: 2px;
      height: 10px;
      content: " ";
      background-color: #6c7a86;
    }
    .selectr-input-clear::before, .selectr-input-clear::after {
      position: absolute;
      top: 5px;
      left: 9px;
      width: 2px;
      height: 10px;
      content: " ";
      background-color: #6c7a86;
    }
    .selectr-tag-remove::before, .selectr-tag-remove::after {
      position: absolute;
      top: 5px;
      left: 9px;
      width: 2px;
      height: 10px;
      content: " ";
      background-color: #6c7a86;
    }
    .selectr-tag-remove::before, .selectr-tag-remove::after {
      top: 4px;
      width: 3px;
      height: 12px;
      background-color: #ffffff;
    }
  .selectr-clear:before, .selectr-input-clear::before, .selectr-tag-remove::before {
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .selectr-clear:after, .selectr-input-clear::after, .selectr-tag-remove::after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .selectr-input-container.active {
    display: block;
  }
    .selectr-input-container.active .selectr-clear {
      display: block;
    }
  .selectr-input {
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    width: calc(100% - 30px);
    margin: 10px 15px;
    padding: 7px 30px 7px 9px;
    border: 1px solid #999999;
    border-radius: 3px;
  }
  .selectr-notice {
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #999999;
    border-radius: 0 0 3px 3px;
    background-color: #ffffff;
  }
    .selectr-container.notice .selectr-notice {
      display: block;
    }
    .selectr-container.notice .selectr-selected {
      border-radius: 3px 3px 0 0;
    }
  .selectr-options {
    position: relative;
    top: calc(100% + 2px);
    display: none;
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 200px;
    margin: 0;
    padding: 0;
  }
      .selectr-container.open .selectr-options, .selectr-container.open .selectr-input-container {
        display: block;
      }
    .selectr-container.notice .selectr-options-container {
      display: block;
    }
  .selectr-option {
    position: relative;
    display: block;
    padding: 5px 20px;
    list-style: outside none none;
    cursor: pointer;
    font-weight: normal;
  }
  .selectr-options.optgroups > .selectr-option {
    padding-left: 25px;
  }
  .selectr-optgroup {
    font-weight: bold;
    padding: 0;
  }
  .selectr-optgroup--label {
    font-weight: bold;
    margin-top: 10px;
    padding: 5px 15px;
  }
  .selectr-match {
    text-decoration: underline;
  }
    .selectr-option.selected {
      background-color: #ddd;
    }
    .selectr-option.active {
      color: #ffffff;
      background-color: #5897fb;
    }
    .selectr-option.disabled {
      opacity: 0.4;
    }
    .selectr-option.excluded {
      display: none;
    }
  .selectr-container.open .selectr-selected {
    border-color: #999999 #999999 transparent #999999;
    border-radius: 3px 3px 0 0;
  }
    .selectr-container.open .selectr-selected::after {
      -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
      -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
      -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
      -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
      transform: rotate(180deg) translate3d(0px, 50%, 0px);
    }
  .selectr-disabled {
    opacity: 0.6;
  }
  .selectr-empty {
    display: none;
  }
    .has-selected .selectr-placeholder {
      display: none;
    }
    .has-selected .selectr-label {
      display: block;
    }
    .taggable .selectr-selected {
      padding: 4px 28px 4px 4px;
    }
      .taggable .selectr-selected::after {
        display: table;
        content: " ";
        clear: both;
      }
    .taggable .selectr-label {
      width: auto;
    }
    .taggable .selectr-tags {
      float: left;
      display: block;
    }
    .taggable .selectr-placeholder {
      display: none;
    }
  .input-tag {
    float: left;
    min-width: 90px;
    width: auto;
  }
  .selectr-tag-input {
    border: medium none;
    padding: 3px 10px;
    width: 100%;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
  }
  .selectr-input-container.loading::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    content: "";
    -o-transform: translate3d(0px, -50%, 0px);
    -ms-transform: translate3d(0px, -50%, 0px);
    -moz-transform: translate3d(0px, -50%, 0px);
    -webkit-transform: translate3d(0px, -50%, 0px);
    transform: translate3d(0px, -50%, 0px);
    -o-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -moz-animation: 500ms linear 0s normal forwards infinite running spinJSONEdior;
    -webkit-animation: 500ms linear 0s normal forwards infinite running spinJSONEdior;
    animation: 500ms linear 0s normal forwards infinite running spinJSONEdior;
    border-width: 3px;
    border-style: solid;
    border-color: #aaa #ddd #ddd;
    border-radius: 50%;
  }
  @-webkit-keyframes spinJSONEdior {
    0% {
      -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      transform: rotate(0deg) translate3d(0px, -50%, 0px);
    }
    100% {
      -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
      transform: rotate(360deg) translate3d(0px, -50%, 0px);
    }
  }
  @keyframes spinJSONEdior {
    0% {
      -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
      transform: rotate(0deg) translate3d(0px, -50%, 0px);
    }
    100% {
      -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
      transform: rotate(360deg) translate3d(0px, -50%, 0px);
    }
  }
    .selectr-container.open.inverted .selectr-selected {
      border-color: transparent #999999 #999999;
      border-radius: 0 0 3px 3px;
    }
    .selectr-container.inverted .selectr-options-container {
      border-width: 1px 1px 0;
      border-color: #999999 #999999 transparent;
      border-radius: 3px 3px 0 0;
      background-color: #ffffff;
      top: auto;
      bottom: calc(100% - 1px);
    }
    .selectr-container ::-webkit-input-placeholder, .selectr-container ::-moz-placeholder, .selectr-container :-ms-input-placeholder, .selectr-container ::placeholder {
      color: #6c7a86;
      opacity: 1;
    }
}
@layer utilities {
    #select_document_template_dialog .responsive-image {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  .modal-document-template {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  .modal-document-form-field-template {
    overflow: hidden;
  }
    .modal-document-form-field-template .highlight_clickable_selection {
      border-radius: 7px;
      background: rgba(255, 215, 0, 0.4);
      transition: all ease-in-out 150ms;
      outline-color: rgba(255, 215, 0, 0.8);
      outline-width: 2px;
      outline-style: solid;
    }
      .modal-document-form-field-template .highlight_clickable_selection input, .modal-document-form-field-template .highlight_clickable_selection textarea {
        opacity: 0 !important;
      }
      .modal-document-form-field-template .highlight_clickable_selection:hover {
        outline-color: rgba(255, 215, 0, 0.8);
        outline-width: 5px;
        background: rgba(255, 215, 0, 0.3);
        cursor: pointer;
      }
      .modal-document-form-field-template .highlight_clickable_selection.highlight_selected_field {
        background: rgba(0, 128, 0, 0.4);
        outline-color: rgba(0, 128, 0, 0.6);
        outline-width: 5px;
      }
  .modal-select-document-template {
    width: clamp(300px, 40%, 500px);
    height: clamp(300px, 80%, 900px);
    border-radius: 10px;
    overflow: auto;
  }
  ::backdrop {
    background-color: lightslategray;
    opacity: 0.75;
  }
  .modal-document-template-content {
    background-color: #fefefe;
    position: absolute;
    top: calc(50% + 35px);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #888;
    height: calc(100vh - 70px - 8px);
    border-radius: 10px;
    overflow: scroll;
  }
  dialog.modal {
    padding: 1em;
    max-width: 50ch;
    min-width: 40ch;
    border: 0;
    border-radius: 10px;
  }
    dialog.modal > * {
      margin: 0 0 0.5rem 0;
    }
    dialog.modal span {
      padding-left: 10px;
    }
    dialog.modal .wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  @media print {
    .hide-section-to-print {
      display: none;
      visibility: hidden;
    }
    .section-to-print {
      display: block;
      visibility: visible;
    }
    .section-to-print {
      left: 0;
      top: 0;
    }
  }
  .hide-section-to-display {
    display: none;
  }
    #form_field_details fieldset {
      border: 1px solid #ccc;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 10px;
    }
    #form_field_details legend {
      font-weight: bold;
    }
    #document_template_frame .flash {
      background-color: yellow;
      transition: background-color 0.5s;
    }
    #document-management .grid-container {
      display: grid;
      grid-template-columns: 296px 1fr 296px;
      background-color: #2196f3;
      padding: 10px;
      font-size: 14px;
    }
    #document-management .grid-item {
      background-color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(0, 0, 0, 0.8);
      padding: 20px;
      font-size: 30px;
      text-align: center;
    }
    #document-management .secondary {
      fill: currentColor;
      background-color: #cc4948;
      border: 1px solid #cc4948;
      color: #fff;
      text-decoration: none;
    }
    #document-management .text--weight--semi-bold {
      font-weight: 600;
    }
    #document-management .text--size--14 {
      font-size: 14px;
    }
    #document-management .sidebar {
      height: 100%;
      z-index: 10;
      visibility: visible;
    }
  #fill-in-form, #fill-in-form-document {
    min-width: 8.5in;
    width: 8.5in;
    height: 11in;
    position: relative;
  }
    #fill-in-form .draggable, #fill-in-form .resizable-draggable, #fill-in-form-document .draggable, #fill-in-form-document .resizable-draggable {
      width: 10em;
      height: 40px;
      border: solid darkblue 1px;
      border-left: 10px solid darkblue;
      border-right: 10px solid darkblue;
      background-color: grey;
      opacity: 0.66;
      color: black;
      touch-action: none;
      user-select: none;
      position: absolute;
      left: 0;
      box-sizing: border-box;
      z-index: 10;
    }
    #fill-in-form .selected-form-field-template, #fill-in-form-document .selected-form-field-template {
      background-color: coral;
    }
    #fill-in-form .keyed-signature-text-field.signature-type-in, #fill-in-form-document .keyed-signature-text-field.signature-type-in {
      font-size: 25px !important;
      height: 35px !important;
      top: 0;
    }
    #fill-in-form .keyed-signature-text, #fill-in-form-document .keyed-signature-text {
      font-size: 25px;
      height: 35px;
    }
    #fill-in-form .selected, #fill-in-form-document .selected {
      outline: 2px solid red;
    }
    #fill-in-form .form_template, #fill-in-form-document .form_template {
      width: 100%;
      height: 100%;
      background: red;
      overflow: auto;
      background-color: #fff;
      user-select: none;
      user-drag: auto;
      position: absolute;
      top: 0px;
      left: 0;
      page-break-before: always;
    }
    #fill-in-form input:invalid, #fill-in-form textarea:invalid, #fill-in-form-document input:invalid, #fill-in-form-document textarea:invalid {
      background-color: ivory;
      border: none;
      outline: 2px solid red;
      border-radius: 5px;
    }
    #fill-in-form input:required, #fill-in-form textarea:required, #fill-in-form-document input:required, #fill-in-form-document textarea:required {
      border: 2px solid red !important;
      background-color: #ffcccc !important;
      opacity: 0.8;
      color: black !important;
    }
    #fill-in-form input[type="text"]:optional, #fill-in-form textarea:optional, #fill-in-form-document input[type="text"]:optional, #fill-in-form-document textarea:optional {
      border: 2px solid #ffd500 !important;
    }
    #fill-in-form input[type="text"], #fill-in-form textarea, #fill-in-form-document input[type="text"], #fill-in-form-document textarea {
      background-color: palegoldenrod;
      opacity: 0.8;
      margin: 0px;
      border: none;
      padding: 0px;
      z-index: 10;
      color: black;
    }
      #fill-in-form input[type="text"]:not(:hover), #fill-in-form textarea:not(:hover), #fill-in-form-document input[type="text"]:not(:hover), #fill-in-form-document textarea:not(:hover) {
        border: 0px;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
      }
    #fill-in-form input[type="checkbox"], #fill-in-form-document input[type="checkbox"] {
      position: relative;
      cursor: pointer;
      top: -5px;
      left: 10px;
    }
    #fill-in-form input[type="checkbox"]:before, #fill-in-form-document input[type="checkbox"]:before {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      border: 1px solid #99afc1;
      border-radius: 3px;
      padding: 1px;
      background-color: palegoldenrod;
    }
    #fill-in-form input[type="checkbox"]:checked:before, #fill-in-form-document input[type="checkbox"]:checked:before {
      background-color: #00aeef;
    }
    #fill-in-form input[type="checkbox"]:checked:after, #fill-in-form-document input[type="checkbox"]:checked:after {
      content: "";
      display: block;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 2px;
      left: 6px;
    }
      #fill-in-form #new_document_template input[type="checkbox"], #fill-in-form-document #new_document_template input[type="checkbox"] {
        position: relative;
        cursor: pointer;
        top: 0px;
        left: 0px;
      }
      #fill-in-form #new_document_template input[type="checkbox"]:before, #fill-in-form-document #new_document_template input[type="checkbox"]:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        border: 1px solid #99afc1;
        border-radius: 3px;
        padding: 1px;
        background-color: palegoldenrod;
      }
      #fill-in-form #new_document_template input[type="checkbox"]:checked:before, #fill-in-form-document #new_document_template input[type="checkbox"]:checked:before {
        background-color: #00aeef;
      }
      #fill-in-form #new_document_template input[type="checkbox"]:checked:after, #fill-in-form-document #new_document_template input[type="checkbox"]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 2px;
        left: 6px;
      }
    #fill-in-form #input_field_2, #fill-in-form-document #input_field_2 {
      left: 579px;
      top: 105px;
      width: 130px;
      height: 18px;
      z-index: 10;
      position: absolute;
    }
    #fill-in-form #text_field, #fill-in-form-document #text_field {
      margin: 0px;
      border: none;
      padding: 0px;
      z-index: 10;
    }
    #fill-in-form .patient_field, #fill-in-form-document .patient_field {
      left: 0;
    }
    #fill-in-form .field_2, #fill-in-form-document .field_2 {
      left: 100px;
      top: 10px;
    }
    #fill-in-form .alert, #fill-in-form-document .alert {
      position: relative;
      top: 10;
      left: 0;
      width: auto;
      height: auto;
      padding: 10px;
      margin: 10px;
      line-height: 1.8;
      border-radius: 5px;
      cursor: hand;
      cursor: pointer;
      font-family: sans-serif;
      font-weight: 400;
    }
    #fill-in-form .alertCheckbox, #fill-in-form-document .alertCheckbox {
      display: none;
    }
    #fill-in-form :checked + .alert, #fill-in-form-document :checked + .alert {
      display: none;
    }
    #fill-in-form .alertText, #fill-in-form-document .alertText {
      display: table;
      margin: 0 auto;
      text-align: center;
      font-size: 16px;
    }
    #fill-in-form .alertClose, #fill-in-form-document .alertClose {
      float: right;
      padding-top: 5px;
      font-size: 10px;
    }
    #fill-in-form .clear, #fill-in-form-document .clear {
      clear: both;
    }
    #fill-in-form .info, #fill-in-form-document .info {
      background-color: #eee;
      border: 1px solid #ddd;
      color: #999;
    }
    #fill-in-form .success, #fill-in-form-document .success {
      background-color: #efe;
      border: 1px solid #ded;
      color: #9a9;
    }
    #fill-in-form .notice, #fill-in-form-document .notice {
      background-color: #eff;
      border: 1px solid #dee;
      color: #9aa;
    }
    #fill-in-form .warning, #fill-in-form-document .warning {
      background-color: #fdf7df;
      border: 1px solid #feec6f;
      color: #c9971c;
    }
    #fill-in-form .error, #fill-in-form-document .error {
      background-color: #fee;
      border: 1px solid #edd;
      color: #a66;
    }
    #document-filter .form-row {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 10px;
    }
    #document-filter .form-row label {
      margin-bottom: 5px;
    }
    #toast-notification * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    #toast-notification body {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f4f7ff;
      overflow: hidden;
    }
    #toast-notification .toast {
      z-index: 10;
      position: absolute;
      top: 125px;
      right: 30px;
      border-radius: 12px;
      background: #fff;
      padding: 20px 35px 20px 25px;
      box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transform: translateX(calc(100% + 30px));
      transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    }
    #toast-notification .toast.active {
      transform: translateX(0%);
    }
    #toast-notification .toast .toast-content {
      display: flex;
      align-items: center;
    }
    #toast-notification .toast-content .check {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 35px;
      min-width: 35px;
      background-color: #30a12a;
      color: #fff;
      font-size: 20px;
      border-radius: 50%;
    }
    #toast-notification .toast-content .message {
      display: flex;
      flex-direction: column;
      margin: 0 20px;
    }
    #toast-notification .message .text {
      font-size: 16px;
      font-weight: 400;
      color: #666666;
    }
    #toast-notification .message .text.text-1 {
      font-weight: 600;
      color: #333;
    }
    #toast-notification .toast .close {
      position: absolute;
      top: 10px;
      right: 15px;
      padding: 5px;
      cursor: pointer;
      opacity: 0.7;
    }
    #toast-notification .toast .close:hover {
      opacity: 1;
    }
    #toast-notification .toast .progress {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 3px;
      width: 100%;
    }
    #toast-notification .toast .progress:before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-color: #003d66;
    }
    #toast-notification .progress.active:before {
      animation: progress 5s linear forwards;
    }
    @keyframes progress {
      100% {
        right: 100%;
      }
    }
    #toast-notification button {
      padding: 12px 20px;
      font-size: 20px;
      outline: none;
      border: none;
      background-color: #4070f4;
      color: #fff;
      border-radius: 6px;
      cursor: pointer;
      transition: 0.3s;
    }
    #toast-notification button:hover {
      background-color: #0e4bf1;
    }
    #toast-notification .toast.active ~ button {
      pointer-events: none;
    }
}
@layer utilities {
  :root {
    --ts-pr-clear-button: 0;
    --ts-pr-caret: 0;
    --ts-pr-min: 0.75rem;
  }
  .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
    cursor: pointer;
  }
  .ts-control {
    padding-right: 0.5em;
  }
  .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
  }
  .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
    content: "!";
    visibility: hidden;
  }
  .ts-wrapper.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .plugin-checkbox_options .option input {
    margin-right: 0.5rem;
  }
  .plugin-clear_button {
    --ts-pr-clear-button: 1em;
  }
    .plugin-clear_button.has-items .clear-button {
      opacity: 0.2;
      z-index: 20;
    }
  .plugin-clear_button .clear-button {
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(8px - 6px);
    border-radius: 99px;
    height: 18px;
    width: 18px;
    text-align: center;
    padding: 0 !important;
    background: rgba(63, 63, 63, 0.05);
    color: #595959;
    transition: opacity 0.1s;
    cursor: pointer;
    font-size: 0.825em !important;
    line-height: 17px !important;
  }
    .plugin-clear_button .clear-button:hover {
      color: #000;
      background: rgba(63, 63, 63, 0.2);
    }
  .plugin-dropdown_input.multi .clear-button {
    margin: 0 32px 0 0 !important;
  }
  .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
    right: 0.5em;
  }
  .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
    opacity: 1;
  }
  .ts-wrapper.loading {
    opacity: 1;
  }
  .ts-wrapper .dropdown-header {
    position: relative;
    padding: 9px 8px;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
  }
  .ts-wrapper .dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
  }
  .ts-wrapper .dropdown-header-close:hover {
    color: black;
  }
  .plugin-dropdown_input.ts-wrapper .ts-control {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    background-position: right 8px center;
    padding-right: 2em;
  }
    .plugin-dropdown_input.focus.dropdown-active .ts-control {
      box-shadow: none;
      border-top: 2px solid var(--color-primary);
      border-left: 2px solid var(--color-primary);
      border-right: 2px solid var(--color-primary);
    }
    .plugin-dropdown_input.focus.dropdown-active .ts-dropdown {
      transform: translateY(-2px);
      border-right: 2px solid var(--color-primary);
      border-bottom: 2px solid var(--color-primary);
      border-left: 2px solid var(--color-primary);
    }
    .fancybox-inner .plugin-dropdown_input.focus.dropdown-active {
      z-index: 999;
    }
  .dropdown-input-wrap {
    padding: 4px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
  }
  .plugin-dropdown_input .dropdown-input {
    display: block;
    padding: 6px 12px;
    box-shadow: none;
    width: 100%;
    background: transparent;
    border-radius: 0.375rem;
    background-color: rgba(156, 163, 175, 1);
    background-color: rgba(156, 163, 175, 0.2);
    border: 2px solid var(--color-contrast-lower);
  }
  .plugin-dropdown_input .items-placeholder {
    border: 0 none !important;
    box-shadow: none !important;
    width: 100%;
    font-size: var(--form-control-font-size, 1em);
    max-height: 1em !important;
  }
  .plugin-dropdown_input.has-items .items-placeholder {
    display: none !important;
  }
  .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
    min-width: 0;
  }
  .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
    flex: none;
    min-width: 4px;
  }
  .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
    color: transparent;
  }
  .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
    color: transparent;
  }
  .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
    display: flex;
  }
  .ts-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
  }
  .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
  }
  .ts-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
  }
  .ts-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
  }
  .ts-wrapper.plugin-remove_button .item {
    display: inline-flex;
    align-items: center;
    padding-left: 0 !important;
    flex-direction: row-reverse;
  }
      .ts-wrapper.plugin-remove_button .item.active .remove {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
      }
    .ts-wrapper.plugin-remove_button .item .remove {
      color: inherit;
      text-decoration: none;
      vertical-align: middle;
      display: flex;
      padding: 0 9px;
      border-radius: 6px;
      box-sizing: border-box;
      line-height: 1em;
      width: 20px;
      height: 20px;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      color: rgba(0, 0, 0, 0.8);
      background-color: rgba(0, 0, 0, 0.05);
    }
      .ts-wrapper.plugin-remove_button .item .remove:hover {
        color: #fff;
        background-color: var(--color-error);
      }
  .ts-wrapper.plugin-remove_button .item .remove {
    margin-left: 4px;
    margin-right: 4px;
  }
  .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
    background: none;
  }
  .ts-wrapper.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
  }
  .ts-wrapper {
    position: relative;
    background: transparent;
  }
    .ts-wrapper.loading {
      pointer-events: all;
    }
  .flex .ts-wrapper {
    margin-bottom: 0;
  }
  .ts-wrapper, select[data-controller="select3"] {
    margin-bottom: var(--space-xxs);
  }
  .ts-dropdown, .ts-control, .ts-control input {
    color: #303030;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1em;
    font-smoothing: inherit;
  }
  .ts-control, .ts-wrapper.single.input-active .ts-control {
    cursor: text;
    min-height: 34px;
  }
    @media (min-width: 48rem) {
  .ts-control, .ts-wrapper.single.input-active .ts-control {
      min-height: 36px
  }
    }
    @media (min-width: 64rem) {
  .ts-control, .ts-wrapper.single.input-active .ts-control {
      min-height: 38px
  }
    }
  .ts-wrapper, .ts-control {
    border-radius: 0.375rem;
  }
  .ts-control {
    border: 1px solid transparent;
    background: var(--color-bg-light);
    background-clip: padding-box;
    box-shadow: inset 0px 0px 0px 2px var(--color-contrast-lower);
    padding: 7px 12px;
  }
    @media (min-width: 48rem) {
  .ts-control {
      padding-top: 8px;
      padding-bottom: 8px
  }
    }
    .ts-control{
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: var(--form-control-font-size, 1em);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
    .text-sm .ts-control {
      padding: 5px 9px;
    }
    .form-control--error .ts-control {
      border: 2px solid var(--color-error);
    }
    .dropdown-active .ts-control {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  .ts-wrapper.multi.has-items .ts-control {
    padding: 3px 8px 1px;
    padding-right: 32px;
  }
    @media (min-width: 48rem) {
  .ts-wrapper.multi.has-items .ts-control {
      padding-top: 4px
  }
    }
  .disabled .ts-control, .disabled .ts-control * {
    cursor: default !important;
  }
  .focus .ts-control {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
  }
  .ts-control > * {
    vertical-align: baseline;
    display: inline-block;
  }
    .ts-wrapper.single.plugin-dropdown_input .ts-control > * {
      margin-right: 23px;
      line-height: 1em;
    }
    .ts-wrapper.single .ts-control > .item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ts-wrapper.single.plugin-dropdown_input.plugin-clear_button .ts-control > .item {
      margin-right: 42px;
    }
  .ts-wrapper.multi .ts-control > div {
    cursor: pointer;
    margin: 0 3px 2px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0px solid #d0d0d0;
    border-radius: 0.5rem;
    font-size: var(--text-sm);
  }
  .ts-wrapper.multi .ts-control > .ts-overflow-count {
    display: inline-flex;
    align-items: center;
    margin: 0 3px 3px 0;
    padding: 3px 8px;
    background: var(--color-primary, #4f46e5);
    color: #fff;
    border-radius: 0.5rem;
    font-size: var(--text-sm);
    font-weight: 500;
    white-space: nowrap;
    cursor: default;
  }
  .ts-wrapper.multi .ts-control > div.active {
    background: var(--color-primary);
    color: #fff;
    border: 0px solid var(--color-primary);
  }
  select[readonly] + .ts-wrapper {
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(1);
  }
    select[readonly] + .ts-wrapper .ts-dropdown {
      opacity: 0;
    }
  .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
    color: #7d7d7d;
    background: white;
    border: 0px solid white;
  }
  .ts-control > input {
    flex: 1 1 auto;
    min-width: 7rem;
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    box-shadow: none !important;
  }
  .ts-control > input::-ms-clear {
    display: none;
  }
  .ts-control > input:focus {
    outline: none !important;
  }
  .has-items .ts-control > input {
    margin: 0px 4px !important;
  }
  .ts-control.rtl {
    text-align: right;
  }
  .ts-control.rtl.single .ts-control:after {
    left: 15px;
    right: auto;
  }
  .ts-control.rtl .ts-control > input {
    margin: 0px 4px 0px -2px !important;
  }
  .disabled .ts-control {
    opacity: 0.5;
  }
  .input-hidden .ts-control > input {
    opacity: 0;
    position: absolute;
    left: -10000px;
  }
  .ts-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    width: max-content;
    max-width: min(20rem, 90vw);
    z-index: 10;
    border: 2px solid #d0d0d0;
    background: #fff;
    border-top: 0 none;
    box-sizing: border-box;
    border-radius: 0 0 0.5rem 0.5rem;
    overflow: hidden;
  }
  .ts-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
  }
  .ts-dropdown [data-selectable] .highlight {
    border-radius: 3px;
    background-color: rgba(222, 205, 11, 0.2);
  }
  .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create {
    padding: 8px 12px;
  }
  .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: 0.5;
  }
  .ts-dropdown [data-selectable].option {
    opacity: 1;
    cursor: pointer;
  }
  .ts-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
  }
  .ts-dropdown .optgroup-header {
    color: #7b7b7b;
    background: #fcfcfc;
    padding: 5px;
    cursor: default;
    text-align: center;
    font-weight: 500;
    font-size: 0.9em;
  }
  .ts-dropdown .active {
    background-color: #dfe8ee;
    color: #020d14;
  }
  .ts-dropdown .active.create {
    color: #020d14;
  }
  .ts-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
  }
  .ts-dropdown .spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 12px;
  }
  .ts-dropdown .spinner:after {
    content: "";
    display: block;
    background: url(/assets/loading-spinner-2-953e747534074156a68dd6082b931d06c7d761240cc3d161e2dadb0450e62bf4.svg) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
  }
  .ts-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 208px;
    overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
  .ts-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
  }
  .ts-wrapper.select3-auto {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
  }
    .ts-wrapper.select3-auto .ts-control {
      width: auto;
      min-width: 4rem;
    }
  select[data-controller="select3"] {
    width: 100%;
    height: 38px;
  }
  select[multiple][data-controller="select3"] {
    display: block;
  }
    select[multiple][data-controller="select3"] option {
      display: none;
    }
}
@layer utilities {
  trix-editor {
    font-size: var(--form-control-font-size, 1em);
    padding: var(--form-control-padding-y, 0.5em) var(--form-control-padding-x, 0.75em);
    border-radius: 6px;
    background: var(--color-bg-light);
    line-height: 1.2;
    box-shadow: inset 0px 0px 0px 2px var(--color-contrast-lower);
    transition: all 0.2s ease;
    border: 0;
    margin: 0;
    min-height: 91px;
    outline: none;
  }
    trix-editor:focus {
      background: var(--color-bg-lighter);
      box-shadow: inset 0px 0px 0px 1px hsla(0, 0%, 100%, 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
    }
  trix-toolbar * {
    box-sizing: border-box;
  }
  trix-toolbar .trix-button-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow-x: auto;
    flex-direction: column;
    align-items: flex-start;
  }
    .fancybox-content.modal-medium trix-toolbar .trix-button-row {
      flex-direction: column;
    }
    @media (min-width: 768px) {
  trix-toolbar .trix-button-row {
      flex-direction: row
  }
    }
  trix-toolbar .trix-button-group {
    display: flex;
    margin-bottom: 2px;
    border: 1px solid #bbb;
    border-top-color: #ccc;
    border-bottom-color: #888;
    border-radius: 3px;
    padding-top: 0;
  }
  @media (min-width: 768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
      margin-left: 1vw;
    }
  }
  .fancybox-content.modal-medium trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group:not(:first-child) {
      margin-left: 0;
    }
  }
  trix-toolbar .trix-button-group-spacer {
    flex-grow: 1;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none;
    }
  }
  trix-toolbar .trix-button {
    position: relative;
    float: left;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.75em;
    font-weight: 600;
    white-space: nowrap;
    margin: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
    padding: 0 0.5em;
    min-height: 25px;
    border: 0;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    border: 0 !important;
  }
    trix-toolbar .trix-button.narrow {
      padding: 0 0.125em;
    }
    trix-toolbar .trix-button:hover {
      border: 0 !important;
      background: #f1f1f1;
      color: #000;
    }
      trix-toolbar .trix-button:hover:before {
        filter: brightness(0);
      }
    trix-toolbar .trix-button [disabled] {
      filter: grayscale(1);
      opacity: 0.4;
      cursor: not-allowed;
    }
    @media (max-width: 767px) {
  trix-toolbar .trix-button {
      padding: 0 0.75em
  }
    }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
  }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black;
  }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer;
    display: flex;
  }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125);
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em;
    }
  }
  trix-toolbar .trix-button--icon {
    font-size: inherit;
    width: 2.6em;
    height: 1.6em;
    max-width: calc(0.8em + 4vw);
    text-indent: -9999px;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: 1em;
    }
  }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon::before {
      right: 6%;
      left: 6%;
    }
  }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1;
  }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125;
  }
  trix-toolbar .trix-button--icon-attach::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
    top: 8%;
    bottom: 4%;
  }
  trix-toolbar .trix-button--icon-bold::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-italic::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-link::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-strike::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-quote::before {
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-heading-1::before {
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-code::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-bullet-list::before {
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-number-list::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-undo::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-redo::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-decrease-nesting-level::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-button--icon-increase-nesting-level::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
  }
  trix-toolbar .trix-dialogs {
    position: relative;
  }
  trix-toolbar .trix-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 0.75em;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 0.3em 1em #ccc;
    border-top: 2px solid #888;
    border-radius: 5px;
    z-index: 5;
  }
  trix-toolbar .trix-input--dialog {
    font-size: inherit;
    font-weight: normal;
    padding: 0.5em 0.8em;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #bbb;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #f00 0px 0px 1.5px 1px;
  }
  trix-toolbar .trix-button--dialog {
    font-size: inherit;
    padding: 0.5em;
    border-bottom: none;
  }
  trix-toolbar .trix-dialog--link {
    max-width: 600px;
  }
  trix-toolbar .trix-dialog__link-fields {
    display: flex;
    align-items: baseline;
  }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1;
  }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0;
  }
  trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
    background: none;
  }
  trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
    background: none;
  }
  trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
    background: highlight;
  }
  trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
    background: highlight;
  }
  trix-editor [data-trix-mutable].attachment.attachment--file {
    box-shadow: 0 0 0 2px highlight;
    border-color: transparent;
  }
  trix-editor [data-trix-mutable].attachment img {
    box-shadow: 0 0 0 2px highlight;
  }
  trix-editor .attachment {
    position: relative;
    display: inline-block;
  }
  trix-editor .attachment:hover {
    cursor: default;
  }
  trix-editor .attachment--preview .attachment__caption:hover {
    cursor: text;
  }
  trix-editor .attachment__progress {
    position: absolute;
    z-index: 1;
    height: 20px;
    top: calc(50% - 10px);
    left: 5%;
    width: 90%;
    opacity: 0.9;
    transition: opacity 200ms ease-in;
  }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0;
  }
  trix-editor .attachment__caption-editor {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-align: center;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  trix-editor .attachment__toolbar {
    position: absolute;
    z-index: 1;
    top: -0.9em;
    left: 0;
    width: 100%;
    text-align: center;
  }
  trix-editor .trix-button-group {
    display: inline-flex;
  }
  trix-editor .trix-button {
    position: relative;
    float: left;
    color: #666;
    white-space: nowrap;
    font-size: 80%;
    padding: 0 0.8em;
    margin: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: transparent;
  }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc;
  }
  trix-editor .trix-button.trix-active {
    background: #cbeefa;
  }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer;
  }
  trix-editor .trix-button--remove {
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    outline: none;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid highlight;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
  }
  trix-editor .trix-button--remove:hover {
    border-color: #333;
  }
  trix-editor .trix-button--remove:hover::before {
    opacity: 1;
  }
  trix-editor .attachment__metadata-container {
    position: relative;
  }
  trix-editor .attachment__metadata {
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-50%, 0);
    max-width: 90%;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
  }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap;
  }
  .trix-content {
    line-height: 1.5;
  }
    .eval-fields .trix-content {
      padding-left: 0;
      padding-right: 0;
    }
    .comments__comment .trix-content {
      padding: 0;
    }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
    .trix-content h1, .trix-content h2, .trix-content h3 {
      line-height: 1.2em;
      letter-spacing: normal;
      margin-bottom: 0.5em;
    }
    .trix-content h1 {
      font-size: 2em;
    }
    .trix-content h2 {
      font-size: 1.75em;
    }
    .trix-content h3 {
      font-size: 1.5em;
    }
    .trix-content p {
      font-size: 1em;
      line-height: 1.375em;
    }
      .trix-content p:last-child {
        margin-bottom: 0;
      }
    .trix-content btn {
      display: inline-block;
      text-align: center;
      background: #1a62a5;
      color: #fff;
      padding: 0.75em 1.25em;
      border-radius: 5px;
    }
      .trix-content btn a {
        color: #fff;
        text-decoration: none;
      }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em;
  }
  .trix-content [dir="rtl"] blockquote, .trix-content blockquote[dir="rtl"] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em;
  }
  .trix-content li {
    margin-left: 1em;
  }
  .trix-content [dir="rtl"] li {
    margin-right: 1em;
  }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto;
  }
  .trix-content img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
  }
  .trix-content .attachment a:not(.button) {
    color: inherit;
    text-decoration: none;
  }
    .trix-content .attachment a:not(.button):hover, .trix-content .attachment a:not(.button):visited:hover {
      color: inherit;
    }
  .trix-content .attachment__caption {
    text-align: center;
  }
  .trix-content .attachment__caption .attachment__name + .attachment__size::before {
    content: " \00B7  ";
  }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center;
  }
  .trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2;
  }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px;
  }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .trix-content .attachment-gallery .attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
  }
  .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    flex-basis: 50%;
    max-width: 50%;
  }
  .trix-content .attachment-gallery > action-text-attachment, .trix-content .attachment-gallery > .attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
  }
  .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
    flex-basis: 50%;
    max-width: 50%;
  }
  .trix-content action-text-attachment .attachment {
    padding: 0 !important;
    max-width: 100% !important;
  }
  trix-editor {
    border: 0;
    display: block;
  }
  .callout > div.trix-content {
    background: inherit;
    padding: 0;
  }
  .trix-content, trix-editor {
    font-size: 1rem;
    background: #fff;
    border-radius: 5px;
    line-height: 1.4em;
    padding: 0.75rem 1rem;
  }
    .trix-small .trix-content, .trix-small trix-editor {
      font-size: 12px;
    }
    .trix-content-wrapper .trix-content, .trix-content-wrapper trix-editor {
      padding: 0;
      background: inherit;
    }
    table .trix-content, table trix-editor {
      padding: 0;
      background: none;
    }
      .trix-content .attachment-gallery > action-text-attachment, .trix-content .attachment-gallery > .attachment, trix-editor .attachment-gallery > action-text-attachment, trix-editor .attachment-gallery > .attachment {
        flex: 1 0 33%;
        padding: 0 0.5em;
        max-width: 33%;
      }
        .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--4 > .attachment, trix-editor .attachment-gallery.attachment-gallery--2 > action-text-attachment, trix-editor .attachment-gallery.attachment-gallery--2 > .attachment, trix-editor .attachment-gallery.attachment-gallery--4 > action-text-attachment, trix-editor .attachment-gallery.attachment-gallery--4 > .attachment {
          flex-basis: 50%;
          max-width: 50%;
        }
      .trix-content action-text-attachment .attachment, trix-editor action-text-attachment .attachment {
        padding: 0 !important;
        max-width: 100% !important;
      }
    .trix-content blockquote, trix-editor blockquote {
      margin-bottom: 1em;
      margin-left: 0;
      position: relative;
      border: 0 !important;
      padding: 0.5em 0.5em 0.5em 1em;
      background: rgba(240, 167, 66, 0.1);
      border-radius: 5px;
    }
      .trix-content blockquote:before, trix-editor blockquote:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0.275em;
        height: 100%;
        border-radius: 5px;
        background: rgba(240, 167, 66, 1);
      }
    .trix-content .attachment--preview, trix-editor .attachment--preview {
      margin-bottom: 20px;
    }
    .trix-content .attachment__caption, trix-editor .attachment__caption {
      margin-top: 15px;
    }
      .trix-content .attachment__caption:empty, trix-editor .attachment__caption:empty {
        margin-top: 0;
      }
    .trix-content ol, trix-editor ol {
      list-style: decimal;
    }
    .trix-content ul, trix-editor ul {
      list-style: disc;
    }
    .trix-content ol, .trix-content ul, trix-editor ol, trix-editor ul {
      margin-left: 0;
      margin-bottom: 0.5em;
    }
      .trix-content ol li, .trix-content ul li, trix-editor ol li, trix-editor ul li {
        margin-left: 1em;
        margin-bottom: 0.25em;
      }
      .trix-content ol ul, .trix-content ul ul, trix-editor ol ul, trix-editor ul ul {
        margin-top: 0.25em;
        margin-bottom: 0;
      }
    .trix-content h1, trix-editor h1 {
      padding-top: 0.8em;
      margin-bottom: 0.4em;
    }
    .trix-content em, trix-editor em {
      font-style: italic;
    }
    .trix-content pre, .trix-content code, trix-editor pre, trix-editor code {
      background: #f1f1f1;
      padding: 0.25em;
      border-radius: 5px;
      margin-bottom: 1em;
    }
  trix-toolbar {
    font-size: var(--text-sm);
    padding-top: 2px;
    position: sticky;
    top: 0;
    z-index: 1;
  }
    trix-toolbar .trix-button-group {
      background: #fff;
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 4px;
      border-color: var(--color-contrast-medium);
    }
    trix-toolbar .trix-button--icon-heading-1, trix-toolbar .trix-button-group--file-tools {
      display: none;
    }
    trix-toolbar button.trix-button {
      margin-bottom: 0;
      border: 0 !important;
      font-size: 1em;
      font-weight: 500;
    }
      trix-toolbar button.trix-button[disabled] {
        pointer-events: none;
      }
      trix-toolbar button.trix-button.trix-active {
        background-color: var(--color-contrast-high);
        color: #fff;
      }
        trix-toolbar button.trix-button.trix-active:before {
          filter: invert(1);
        }
  .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    max-width: 100% !important;
  }
  .trix-merge-tag {
    display: inline;
  }
    figure .trix-merge-tag {
      color: rgb(9, 71, 148);
      border-radius: 4px;
    }
    figure[data-trix-mutable="true"] .trix-merge-tag {
      background: rgba(9, 71, 148, 0.2);
    }
  figure .trix-merge-tag.trix-merge-tag--missing {
    color: rgb(220, 38, 38);
  }
  figure[data-trix-mutable="true"] .trix-merge-tag.trix-merge-tag--missing {
    background: rgba(220, 38, 38, 0.15);
  }
  .trix-inline-options ~ .attachment__toolbar {
    display: none;
  }
    .trix-plain-wrapper trix-toolbar {
      display: none;
    }
    .trix-plain-wrapper trix-editor {
      min-height: 200px;
    }
  trix-editor[data-compact="true"] {
    min-height: 2.25em;
    padding: 0.4em 0.6em;
  }
    trix-toolbar[data-compact="true"] .trix-button-group--block-tools, trix-toolbar[data-compact="true"] .trix-button-group--file-tools, trix-toolbar[data-compact="true"] .trix-button-group--history-tools {
      display: none;
    }
      trix-toolbar[data-compact="true"] .trix-button-group--text-tools .trix-button--icon-heading-1, trix-toolbar[data-compact="true"] .trix-button-group--text-tools .trix-button:nth-child(n + 5) {
        display: none;
      }
    trix-toolbar[data-compact="true"] .trix-button-row {
      justify-content: flex-end;
    }
  .comment-trix trix-editor {
    min-height: auto;
    padding: 0.4em 0.6em;
  }
    [data-theme="dark"] .trix-content, [data-theme="dark"] trix-editor {
      background: var(--color-bg-light);
      color: var(--color-contrast-higher);
    }
    [data-theme="dark"] figure .trix-merge-tag {
      color: rgb(147, 197, 253);
    }
    [data-theme="dark"] figure[data-trix-mutable="true"] .trix-merge-tag {
      background: rgba(147, 197, 253, 0.2);
    }
    [data-theme="dark"] figure .trix-merge-tag.trix-merge-tag--missing {
      color: rgb(248, 113, 113);
    }
    [data-theme="dark"] figure[data-trix-mutable="true"] .trix-merge-tag.trix-merge-tag--missing {
      background: rgba(248, 113, 113, 0.2);
    }
    [data-theme="dark"] table .trix-content, [data-theme="dark"] table trix-editor, [data-theme="dark"] .trix-content-wrapper .trix-content {
      background: transparent;
    }
      [data-theme="dark"] .trix-content pre, [data-theme="dark"] .trix-content code, [data-theme="dark"] trix-editor pre, [data-theme="dark"] trix-editor code {
        background: var(--color-bg-lighter);
      }
    [data-theme="dark"] trix-toolbar {
      background: transparent;
    }
      [data-theme="dark"] trix-toolbar .trix-button-group {
        background: var(--color-bg-light);
        border-color: var(--color-contrast-lower);
      }
      [data-theme="dark"] trix-toolbar .trix-button {
        color: var(--color-contrast-high) !important;
      }
        [data-theme="dark"] trix-toolbar .trix-button::before {
          filter: invert(1);
          opacity: 0.85;
        }
        [data-theme="dark"] trix-toolbar .trix-button svg {
          stroke: var(--color-contrast-medium) !important;
        }
          [data-theme="dark"] trix-toolbar .trix-button svg[fill]:not([fill="none"]) {
            fill: var(--color-contrast-medium) !important;
          }
        [data-theme="dark"] trix-toolbar .trix-button:hover {
          background: var(--color-bg-lighter);
          color: var(--color-contrast-higher) !important;
        }
          [data-theme="dark"] trix-toolbar .trix-button:hover::before {
            opacity: 1;
          }
          [data-theme="dark"] trix-toolbar .trix-button:hover svg {
            stroke: var(--color-contrast-high) !important;
          }
            [data-theme="dark"] trix-toolbar .trix-button:hover svg[fill]:not([fill="none"]) {
              fill: var(--color-contrast-high) !important;
            }
        [data-theme="dark"] trix-toolbar .trix-button:not(:first-child) {
          border-left-color: var(--color-contrast-lower);
        }
        [data-theme="dark"] trix-toolbar .trix-button.trix-active {
          background: var(--color-primary);
          color: #fff;
        }
          [data-theme="dark"] trix-toolbar .trix-button.trix-active::before {
            filter: invert(1);
            opacity: 1;
          }
          [data-theme="dark"] trix-toolbar .trix-button.trix-active svg {
            fill: #fff;
            stroke: #fff;
          }
      [data-theme="dark"] trix-toolbar .trix-dialog {
        background: var(--color-bg-light);
        border-color: var(--color-contrast-lower);
        box-shadow: 0 0.3em 1em rgba(0, 0, 0, 0.5);
      }
      [data-theme="dark"] trix-toolbar .trix-input--dialog {
        background-color: var(--color-bg);
        border-color: var(--color-contrast-lower);
        color: var(--color-contrast-higher);
      }
  trix-editor.collapsible-trix-editor {
    position: relative;
    min-height: 100px;
    transition: max-height 0.2s ease-out;
  }
    trix-editor.collapsible-trix-editor.collapsed {
      max-height: var(--collapsed-height, 118px);
      overflow: hidden;
    }
  trix-toolbar.collapsed {
    display: none;
  }
  .collapsible-trix-gradient-overlay {
    position: relative;
    height: 0;
    pointer-events: none;
  }
    .collapsible-trix-gradient-overlay::before {
      content: "";
      position: absolute;
      bottom: 2px;
      left: 2px;
      right: 2px;
      height: 80px;
      background: linear-gradient(to bottom, transparent, var(--color-bg, #fff));
      opacity: 0;
      transition: opacity 0.2s ease-out;
      border-radius: 0 0 5px 5px;
      z-index: 1;
    }
    .collapsible-trix-gradient-overlay.visible::before {
      opacity: 1;
    }
  .collapsible-trix-wrapper {
    position: relative;
  }
    .collapsible-trix-wrapper.collapsed {
      overflow: hidden;
    }
      .collapsible-trix-wrapper.collapsed trix-editor {
        max-height: var(--collapsed-height, 220px);
        overflow: hidden;
      }
      .collapsible-trix-wrapper.collapsed .collapsible-trix-gradient {
        opacity: 1;
      }
    .collapsible-trix-wrapper trix-editor {
      min-height: 100px;
      transition: max-height 0.2s ease-out;
    }
  .collapsible-trix-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, var(--color-bg, #fff));
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none;
    border-radius: 0 0 5px 5px;
    z-index: 1;
  }
  .collapsible-trix-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: -12px;
    background: transparent;
    border: none;
    padding: 4px 16px;
    cursor: pointer;
    color: var(--color-contrast-medium, #666);
    transition: all 0.15s ease;
    width: 100%;
  }
    .collapsible-trix-toggle:hover {
      color: var(--color-contrast-high, #333);
    }
    .collapsible-trix-toggle svg {
      display: block;
    }
  .collapsible-fields-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
    margin-bottom: -12px;
    background: transparent;
    border: none;
    padding: 4px 16px;
    cursor: pointer;
    color: var(--color-contrast-medium, #666);
    transition: all 0.15s ease;
    width: 100%;
  }
    .collapsible-fields-toggle:hover {
      color: var(--color-contrast-high, #333);
    }
    .collapsible-fields-toggle svg {
      display: block;
      transition: transform 0.2s ease;
      transform: rotate(180deg);
    }
    .collapsible-fields-toggle.collapsed svg {
      transform: rotate(0deg);
    }
}
@layer utilities {
  @font-face {
    font-family: system;
    src: local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
  }
  .page-break {
    page-break-before: always;
  }
  tr[class*="pdf-field-kind-"] {
    page-break-inside: avoid;
    break-inside: avoid;
    orphans: 3;
    widows: 3;
  }
  tr.pdf-field-kind-section_title {
    page-break-after: avoid !important;
    break-after: avoid !important;
    min-height: 2em;
  }
  tr.pdf-field-kind-section_title + tr {
    page-break-before: avoid !important;
    break-before: avoid !important;
  }
  tr.pdf-field-kind-text_area, tr.pdf-field-kind-ai_block {
    page-break-inside: auto;
    break-inside: auto;
  }
    tr.pdf-field-kind-text_area p.font-bold, tr.pdf-field-kind-ai_block p.font-bold {
      page-break-after: avoid !important;
      break-after: avoid !important;
      display: block;
      margin-bottom: 0.25rem !important;
    }
    tr.pdf-field-kind-text_area p.font-bold + div, tr.pdf-field-kind-ai_block p.font-bold + div {
      page-break-before: avoid !important;
      break-before: avoid !important;
    }
  tr.pdf-field-kind-signature {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .assessment-summary-block {
    page-break-inside: avoid;
    break-inside: avoid;
  }
    .assessment-summary-block p.font-bold {
      page-break-after: avoid !important;
      break-after: avoid !important;
    }
  tr.pdf-field-kind-goals {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  tr.pdf-field-kind-description {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  tr.pdf-field-kind-service_codes {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  tr.pdf-field-kind-text, tr.pdf-field-kind-number, tr.pdf-field-kind-date {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .forms-pdf-preview {
    box-sizing: content-box;
    line-height: 1.25em;
    position: relative;
    max-width: 940px;
    border: 1px solid rgba(196, 196, 196, 0.5);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    font-size: clamp(1px, 1.725vw, 16.375px);
    font-family: "Rubik", system-ui, sans-serif;
  }
    .pdf2-layout .forms-pdf-preview {
      border: 0;
      box-shadow: none;
    }
    .pdf2-layout .hide-on-pdf {
      display: none !important;
    }
  .pdf-preview {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    min-width: 816px;
    border-radius: 12px;
    border: 1px solid #ccc;
    max-width: 62.25rem;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
    padding: 1rem;
    z-index: 1;
  }
    @media (min-width: 768px) {
  .pdf-preview {
      padding: 3rem
  }
    }
    .pdf-preview .pdf\:text-red {
      color: #bf0d0d;
      background: rgba(255, 0, 0, 0.1);
    }
    .fancybox-content .pdf-preview {
      max-width: 800px;
    }
    .pdf-preview.page {
      aspect-ratio: 0.77279753;
      padding: 8px;
    }
    .pdf-preview img {
      border-radius: 12px;
    }
    .pdf-preview .trix-content img {
      border-radius: 0;
    }
    .pdf-preview.assigned {
      border: 2px solid #91bf0d;
    }
    .pdf-document:not(.font-serif) {
      font-family: "Roboto", sans-serif;
    }
    .pdf-document h1, .pdf-document h2, .pdf-document h3, .pdf-document h4, .pdf-document h5, .pdf-document h6, .pdf-document p, .pdf-document .trix-content p {
      margin-bottom: 0.5rem;
    }
    .pdf-document .trix-content {
      padding: 0;
      margin-bottom: 1rem;
    }
      .pdf-document td .trix-content {
        margin-bottom: 0;
      }
    .pdf-document p, .pdf-document ul, .pdf-document li, .pdf-document .trix-content p {
      font-size: 1rem;
    }
    .pdf-document ul {
      margin-bottom: 1rem;
      list-style: disc;
      margin-left: 1rem;
    }
    .pdf-document h1 {
      font-size: 2rem;
      font-weight: 700;
    }
    .pdf-document h2 {
      font-size: 1.75rem;
      font-weight: bold;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }
    .pdf-document h3 {
      font-size: 1.5rem;
      font-weight: bold;
    }
    .pdf-document h4 {
      font-size: 1.25rem;
      font-weight: bold;
    }
    .pdf-document h5, .pdf-document h6 {
      font-size: 1rem;
    }
    .pdf-document .table {
      margin-bottom: 1rem;
    }
    .pdf-document table {
      font-size: 1rem;
    }
    .pdf-document .table-wrapper {
      overflow: visible;
      padding-bottom: 0;
    }
      .pdf-document table.table[class*="table-cols-"] {
        table-layout: fixed;
      }
        .pdf-document table.table[class*="table-cols-"] td, .pdf-document table.table[class*="table-cols-"] th {
          white-space: normal;
          overflow-wrap: break-word;
        }
        .pdf-document table.table[class*="table-cols-"] tbody td {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
          line-height: 1.2em;
          vertical-align: middle;
        }
        .pdf-document table.table[class*="table-cols-"] tbody tr {
          height: 2.2em;
        }
        .pdf-document table.table[data-table-type="checkbox"].table-cols-8, .pdf-document table.table[data-table-type="checkbox"].table-cols-9 {
          font-size: 0.8rem;
        }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-8 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-8 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-9 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-9 td {
            padding: 0.3em 0.5em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-8 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-9 tbody tr {
            height: 2em;
          }
        .pdf-document table.table[data-table-type="checkbox"].table-cols-10, .pdf-document table.table[data-table-type="checkbox"].table-cols-11 {
          font-size: 0.65rem;
        }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-10 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-10 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-11 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-11 td {
            padding: 0.25em 0.4em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-10 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-11 tbody tr {
            height: 1.8em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-10 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-11 thead th {
            line-height: 1.1em;
          }
        .pdf-document table.table[data-table-type="checkbox"].table-cols-12, .pdf-document table.table[data-table-type="checkbox"].table-cols-13 {
          font-size: 0.6rem;
        }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-12 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-12 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-13 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-13 td {
            padding: 0.2em 0.3em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-12 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-13 tbody tr {
            height: 1.6em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-12 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-13 thead th {
            line-height: 1em;
          }
        .pdf-document table.table[data-table-type="checkbox"].table-cols-14, .pdf-document table.table[data-table-type="checkbox"].table-cols-15, .pdf-document table.table[data-table-type="checkbox"].table-cols-16, .pdf-document table.table[data-table-type="checkbox"].table-cols-17, .pdf-document table.table[data-table-type="checkbox"].table-cols-18, .pdf-document table.table[data-table-type="checkbox"].table-cols-19, .pdf-document table.table[data-table-type="checkbox"].table-cols-20 {
          font-size: 0.5rem;
        }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-14 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-14 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-15 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-15 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-16 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-16 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-17 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-17 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-18 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-18 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-19 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-19 td, .pdf-document table.table[data-table-type="checkbox"].table-cols-20 th, .pdf-document table.table[data-table-type="checkbox"].table-cols-20 td {
            padding: 0.15em 0.25em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-14 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-15 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-16 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-17 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-18 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-19 tbody tr, .pdf-document table.table[data-table-type="checkbox"].table-cols-20 tbody tr {
            height: 1.5em;
          }
          .pdf-document table.table[data-table-type="checkbox"].table-cols-14 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-15 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-16 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-17 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-18 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-19 thead th, .pdf-document table.table[data-table-type="checkbox"].table-cols-20 thead th {
            line-height: 1em;
          }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-6, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-7 {
            font-size: 0.95rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-6 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-6 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-7 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-7 td {
              padding: 0.35em 0.65em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-8, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-9 {
            font-size: 0.9rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-8 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-8 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-9 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-9 td {
              padding: 0.3em 0.6em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-10, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-11 {
            font-size: 0.82rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-10 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-10 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-11 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-11 td {
              padding: 0.28em 0.55em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-12, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-13 {
            font-size: 0.75rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-12 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-12 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-13 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-13 td {
              padding: 0.25em 0.5em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-14, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-15, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-16, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-17, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-18, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-19, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-20 {
            font-size: 0.65rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-14 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-14 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-15 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-15 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-16 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-16 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-17 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-17 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-18 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-18 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-19 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-19 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-20 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="long"].table-cols-20 td {
              padding: 0.2em 0.4em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-8, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-9 {
            font-size: 0.92rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-8 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-8 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-9 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-9 td {
              padding: 0.32em 0.62em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-10, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-11 {
            font-size: 0.85rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-10 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-10 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-11 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-11 td {
              padding: 0.3em 0.6em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-12, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-13 {
            font-size: 0.75rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-12 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-12 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-13 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-13 td {
              padding: 0.25em 0.5em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-14, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-15, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-16, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-17, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-18, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-19, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-20 {
            font-size: 0.65rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-14 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-14 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-15 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-15 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-16 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-16 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-17 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-17 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-18 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-18 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-19 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-19 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-20 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="medium"].table-cols-20 td {
              padding: 0.2em 0.4em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-10, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-11, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-10, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-11 {
            font-size: 0.88rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-10 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-10 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-11 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-11 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-10 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-10 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-11 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-11 td {
              padding: 0.32em 0.65em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-12, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-13, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-12, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-13 {
            font-size: 0.78rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-12 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-12 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-13 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-13 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-12 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-12 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-13 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-13 td {
              padding: 0.28em 0.55em;
            }
          .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-14, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-15, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-16, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-17, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-18, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-19, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-20, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-14, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-15, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-16, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-17, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-18, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-19, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-20 {
            font-size: 0.7rem;
          }
            .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-14 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-14 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-15 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-15 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-16 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-16 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-17 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-17 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-18 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-18 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-19 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-19 td, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-20 th, .pdf-document table.table:not([data-table-type="checkbox"])[data-text-density="short"].table-cols-20 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-14 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-14 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-15 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-15 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-16 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-16 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-17 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-17 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-18 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-18 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-19 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-19 td, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-20 th, .pdf-document table.table:not([data-table-type="checkbox"]):not([data-text-density]).table-cols-20 td {
              padding: 0.25em 0.45em;
            }
  .signature-row {
    display: flex;
    align-items: center;
  }
    .signature-row table {
      width: 100%;
      margin-bottom: 1rem;
    }
      .signature-row table td:first-child {
        min-width: 170px;
        padding-right: 1rem;
      }
      .signature-row table td:last-child {
        width: 100%;
      }
  .signature-field {
    position: relative;
    flex: 1;
    height: 50px;
    width: 100%;
    max-width: 460px;
    min-width: 460px;
    border-radius: 5px;
    border: 2px dotted #aaa;
    line-height: 1em;
    padding: 0;
    font-size: 42px;
    text-align: center;
    margin-bottom: 0.5rem;
  }
    table .signature-field {
      margin-bottom: 0;
    }
    .signature-field{
    font-family: "Sacramento", cursive;
  }
    .signature-field.v2 {
      padding-top: 0.825rem;
      font-family: "Calligraffitti", "Sacramento", cursive;
      font-size: 38px;
    }
      .signature-field.v2.long-signature {
        font-size: 28px;
      }
    .signature-field.fax-signature {
      font-family: "Courier New", monospace;
      font-size: 22px;
      padding-top: 0.95rem;
    }
    .signature-field .extra {
      position: absolute;
      bottom: -0.5rem;
      right: 0;
      font-size: 0.6rem;
      font-family: sans-serif;
      color: #888;
      white-space: nowrap;
    }
    .signature-field.red {
      border: 2px solid #bf0d0d;
    }
    .signature-field span {
      position: relative;
      z-index: 2;
    }
    .signature-field time {
      z-index: 1;
      width: 100%;
      position: absolute;
      top: -1rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.825rem;
      font-family: monospace;
      color: #071f68;
      text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -2px 0px 0 #fff, 2px 0px 0 #fff, 0px -2px 0 #fff, 0px 2px 0 #fff;
    }
  .treatment-plans-logo {
    width: 500px;
  }
    #tratment_session_note_pdf header {
      text-align: center;
      margin-bottom: 1rem;
    }
      #tratment_session_note_pdf header .logo {
        width: 200px;
        margin-bottom: 1rem;
      }
  tr.pdf-field-kind-text + tr.pdf-field-kind-text_area h4 {
    margin-top: 1.5rem;
  }
    .pdf-document td.style-shading, .forms-pdf-preview td.style-shading {
      background-color: rgba(59, 130, 246, 0.65) !important;
    }
    [data-theme="dark"] .pdf-preview, [data-theme="dark"] .forms-pdf-preview {
      color: #333 !important;
    }
      [data-theme="dark"] .pdf-preview h1, [data-theme="dark"] .pdf-preview h2, [data-theme="dark"] .pdf-preview h3, [data-theme="dark"] .pdf-preview h4, [data-theme="dark"] .pdf-preview h5, [data-theme="dark"] .pdf-preview h6, [data-theme="dark"] .pdf-preview p, [data-theme="dark"] .pdf-preview span, [data-theme="dark"] .pdf-preview div, [data-theme="dark"] .pdf-preview li, [data-theme="dark"] .pdf-preview td, [data-theme="dark"] .pdf-preview th, [data-theme="dark"] .pdf-preview label, [data-theme="dark"] .forms-pdf-preview h1, [data-theme="dark"] .forms-pdf-preview h2, [data-theme="dark"] .forms-pdf-preview h3, [data-theme="dark"] .forms-pdf-preview h4, [data-theme="dark"] .forms-pdf-preview h5, [data-theme="dark"] .forms-pdf-preview h6, [data-theme="dark"] .forms-pdf-preview p, [data-theme="dark"] .forms-pdf-preview span, [data-theme="dark"] .forms-pdf-preview div, [data-theme="dark"] .forms-pdf-preview li, [data-theme="dark"] .forms-pdf-preview td, [data-theme="dark"] .forms-pdf-preview th, [data-theme="dark"] .forms-pdf-preview label {
        color: #333 !important;
      }
      [data-theme="dark"] .pdf-preview .trix-content, [data-theme="dark"] .forms-pdf-preview .trix-content {
        background: transparent !important;
        color: #333 !important;
      }
        [data-theme="dark"] .pdf-preview .trix-content *, [data-theme="dark"] .pdf-preview .trix-content p, [data-theme="dark"] .pdf-preview .trix-content li, [data-theme="dark"] .pdf-preview .trix-content span, [data-theme="dark"] .pdf-preview .trix-content strong, [data-theme="dark"] .pdf-preview .trix-content em, [data-theme="dark"] .pdf-preview .trix-content blockquote, [data-theme="dark"] .pdf-preview .trix-content pre, [data-theme="dark"] .pdf-preview .trix-content code, [data-theme="dark"] .forms-pdf-preview .trix-content *, [data-theme="dark"] .forms-pdf-preview .trix-content p, [data-theme="dark"] .forms-pdf-preview .trix-content li, [data-theme="dark"] .forms-pdf-preview .trix-content span, [data-theme="dark"] .forms-pdf-preview .trix-content strong, [data-theme="dark"] .forms-pdf-preview .trix-content em, [data-theme="dark"] .forms-pdf-preview .trix-content blockquote, [data-theme="dark"] .forms-pdf-preview .trix-content pre, [data-theme="dark"] .forms-pdf-preview .trix-content code {
          color: #333 !important;
        }
        [data-theme="dark"] .pdf-preview .trix-content blockquote, [data-theme="dark"] .forms-pdf-preview .trix-content blockquote {
          background: rgba(240, 167, 66, 0.1) !important;
        }
        [data-theme="dark"] .pdf-preview .trix-content pre, [data-theme="dark"] .pdf-preview .trix-content code, [data-theme="dark"] .forms-pdf-preview .trix-content pre, [data-theme="dark"] .forms-pdf-preview .trix-content code {
          background: #f1f1f1 !important;
        }
      [data-theme="dark"] .pdf-preview table.table, [data-theme="dark"] .forms-pdf-preview table.table {
        border-color: gainsboro !important;
      }
          [data-theme="dark"] .pdf-preview table.table thead th, [data-theme="dark"] .pdf-preview table.table thead td, [data-theme="dark"] .pdf-preview table.table tfoot th, [data-theme="dark"] .pdf-preview table.table tfoot td, [data-theme="dark"] .forms-pdf-preview table.table thead th, [data-theme="dark"] .forms-pdf-preview table.table thead td, [data-theme="dark"] .forms-pdf-preview table.table tfoot th, [data-theme="dark"] .forms-pdf-preview table.table tfoot td {
            background-color: #f0f0f0 !important;
            color: #333 !important;
            border-color: gainsboro !important;
          }
        [data-theme="dark"] .pdf-preview table.table tbody, [data-theme="dark"] .forms-pdf-preview table.table tbody {
          background-color: #f8f8f8 !important;
        }
          [data-theme="dark"] .pdf-preview table.table tbody td, [data-theme="dark"] .pdf-preview table.table tbody th, [data-theme="dark"] .forms-pdf-preview table.table tbody td, [data-theme="dark"] .forms-pdf-preview table.table tbody th {
            color: #333 !important;
            border-color: gainsboro !important;
          }
          [data-theme="dark"] .pdf-preview table.table tbody tr:nth-child(even), [data-theme="dark"] .forms-pdf-preview table.table tbody tr:nth-child(even) {
            background-color: #f0f0f0 !important;
          }
      .pdf-preview table.table tbody tr:hover > td:not(.style-shading), .pdf-preview table.table tbody tr:hover > th:not(.style-shading), .pdf-preview table.table tbody tr.hovered > td:not(.style-shading), .pdf-preview table.table tbody tr.hovered > th:not(.style-shading), .forms-pdf-preview table.table tbody tr:hover > td:not(.style-shading), .forms-pdf-preview table.table tbody tr:hover > th:not(.style-shading), .forms-pdf-preview table.table tbody tr.hovered > td:not(.style-shading), .forms-pdf-preview table.table tbody tr.hovered > th:not(.style-shading) {
        background-color: inherit !important;
      }
      .pdf-preview table.table tbody tr:hover > td.style-shading, .pdf-preview table.table tbody tr.hovered > td.style-shading, .forms-pdf-preview table.table tbody tr:hover > td.style-shading, .forms-pdf-preview table.table tbody tr.hovered > td.style-shading {
        background-color: rgba(59, 130, 246, 0.65) !important;
      }
}
@layer utilities {
  .table-wrapper-v2 {
    padding-right: 16px;
  }
  .table-wrapper {
    width: 100%;
    overflow: auto;
    padding-bottom: 8px;
  }
    .callout .table-wrapper {
      padding-bottom: 1px;
      font-size: var(--text-sm);
    }
      .table-wrapper.nowrap td {
        white-space: nowrap;
      }
    .table-wrapper .table {
      margin-bottom: 0;
    }
    .table-wrapper::-webkit-scrollbar {
      height: 8px;
      width: 8px;
    }
    .table-wrapper::-webkit-scrollbar-track {
      background-color: var(--color-contrast-lower);
    }
    .table-wrapper::-webkit-scrollbar-thumb {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.9 );
      border-radius: 50em;
    }
    .table-wrapper::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-contrast-higher);
    }
  .storting, .loading {
    opacity: 0.5;
    pointer-events: none;
  }
    table.clean td {
      padding: 4px 0;
    }
    table.clean .text-pad-right {
      padding-right: 20px;
    }
    table.shrink {
      width: auto !important;
    }
    table.invisible-table th, table.invisible-table td {
      border: 0;
      padding: 0 0.5em;
      margin: 0;
    }
      table.invisible-table th:first-child, table.invisible-table td:first-child {
        padding-left: 0;
      }
      table.invisible-table th:last-child, table.invisible-table td:last-child {
        padding-right: 0;
      }
  table.table {
    border: 1px solid gainsboro;
    border-collapse: separate;
    border-radius: 3px;
    border-spacing: 0;
    margin-bottom: var(--component-padding);
    transition: opacity ease-in-out 300ms;
    position: relative;
    font-size: 1rem;
    width: 100%;
  }
    table.table.w-auto {
      width: auto;
    }
    table.table thead.sticky {
      position: sticky !important;
      position: -webkit-sticky !important;
      top: 0;
      z-index: 1;
    }
    table.table.storting, table.table.loading {
      opacity: 0.5;
    }
    table.table.tiny {
      font-size: 0.75rem;
    }
    table.table.small {
      font-size: 0.8125rem;
    }
        table.table.small thead td, table.table.small thead th, table.table.small tfoot td, table.table.small tfoot th {
          padding: 0.5em 0.6em;
        }
        table.table.small tbody td {
          padding: 0.25em 0.6em;
        }
      table.table.small .trix-content {
        font-size: 0.75rem !important;
      }
        table.table.small .trix-content p {
          font-size: 0.75rem !important;
        }
      .tippy-content table.table tbody, .tippy-content table.table thead, .tippy-content table.table tr, .tippy-content table.table td, .tippy-content table.table th {
        background-color: inherit;
      }
          .tippy-content table.table tbody tr.warning, .tippy-content table.table thead tr.warning, .tippy-content table.table tr tr.warning, .tippy-content table.table td tr.warning, .tippy-content table.table th tr.warning {
            background: rgba(218, 178, 35, 0.15) !important;
          }
          .tippy-content table.table tbody tr.red, .tippy-content table.table thead tr.red, .tippy-content table.table tr tr.red, .tippy-content table.table td tr.red, .tippy-content table.table th tr.red {
            background: rgba(218, 35, 35, 0.15) !important;
          }
    table.table tbody {
      background-color: rgb(250.6, 250.6, 250.6);
    }
        .pdf-document table.table tbody tr {
          background-color: #fff !important;
        }
      table.table tbody tr:hover > td:not(.bg-persist), table.table tbody tr.hovered > td:not(.bg-persist), table.table tbody tr:hover > th:not(.bg-persist), table.table tbody tr.hovered > th:not(.bg-persist) {
        background-color: rgba(71, 125, 202, 0.15) !important;
      }
      table.table tbody tr:nth-child(even) {
        background-color: rgb(245.5, 245.5, 245.5);
      }
        .tippy-content table.table tbody tr:nth-child(even) {
          background-color: rgba(128, 128, 128, 0.07);
        }
        table.table tbody tr:nth-child(even):hover > td:not(.bg-persist) {
          background-color: rgba(71, 125, 202, 0.12);
        }
          .tippy-content table.table tbody tr:nth-child(even):hover > td:not(.bg-persist) {
            background-color: rgba(128, 128, 128, 0.07);
          }
      table.table tbody td.bg-warning-red {
        background-color: rgba(239, 68, 68, 0.2) !important;
      }
      table.table tbody tr:hover > td.bg-warning-red, table.table tbody tr.hovered > td.bg-warning-red {
        background-color: rgba(239, 68, 68, 0.35) !important;
      }
      table.table tbody tr:hover > td.style-shading:has(input:checked), table.table tbody tr.hovered > td.style-shading:has(input:checked) {
        background-color: rgba(59, 130, 246, 0.75) !important;
      }
      table.table tbody td.nested-row {
        padding-left: 35px;
      }
        table.table tbody td.nested-row > turbo-frame {
          display: block;
          min-height: 50px;
        }
        table.table tbody td.nested-row .hide-if-nested {
          display: none;
        }
          table.table tbody td.nested-row .hide-if-nested + td {
            border-left: 0;
          }
    table.table th {
      font-weight: 500;
      line-height: 1em;
    }
      table.table th [data-tippy-content] {
        text-decoration: dotted underline;
      }
      table.table.small th[data-sort] {
        padding-right: calc(6px + 6px + 0.5em) !important;
      }
        table.table.small th[data-sort]:before {
          right: 4px;
        }
    table.table th[data-sort] {
      cursor: pointer;
      position: relative;
      padding-right: calc(12px + 12px + 0.5em) !important;
    }
      table.table th[data-sort]:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 12px;
        width: 12px;
        height: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(/assets/sort-arrows-f624d67574a0b31648ca92f9a4001be0793a4efe2a808acd0468e66b9965ba5e.svg);
        transform: translateY(-50%);
      }
        table.table th[data-sort].sorting-desc:before {
          background-image: url(/assets/sort-arrows-desc-0ce1bacff1f98935cef0aa6cdbff86a58b1f9da9110baf74dd744ea396ee47f8.svg);
        }
        table.table th[data-sort].sorting-asc:before {
          background-image: url(/assets/sort-arrows-asc-86cabf5a3e4f5dc0853de66f4e6a7f7cc1bb90681810c99d36bf6e523a60b1c4.svg);
        }
      table.table thead:first-of-type tr:first-child > th:first-child {
        border-top-left-radius: 3px;
      }
      table.table thead:first-of-type tr:first-child > th:last-child {
        border-top-right-radius: 3px;
      }
      table.table tbody:last-child tr:last-child > td:first-child {
        border-bottom-left-radius: 3px;
      }
      table.table tbody:last-child tr:last-child > td:last-child {
        border-bottom-right-radius: 3px;
      }
      table.table thead th, table.table thead td, table.table tfoot th, table.table tfoot td {
        background-color: white;
        border-bottom: 0;
        border-left: 1px solid gainsboro;
        padding: 0.375em 0.75em;
      }
        table.table thead th:first-child, table.table thead td:first-child, table.table tfoot th:first-child, table.table tfoot td:first-child {
          border-left: 0;
        }
    table.table tbody {
      background-color: rgb(250.6, 250.6, 250.6);
    }
      table.table tbody td {
        line-height: 1em;
      }
        table.table tbody td.accordion-toggler {
          padding: 2px;
        }
        table.table tbody td.nopad {
          padding: 0;
        }
          table.table tbody td.nopad select {
            margin-bottom: 0;
            border: 0;
            cursor: pointer;
            background: rgba(255, 255, 255, 0);
            border-radius: 20px;
            padding: 8px 12px;
          }
            table.table tbody td.nopad select:hover {
              background: rgba(0, 0, 0, 0.05);
            }
        table.table tbody td{
        border-bottom: 0;
        border-left: 1px solid gainsboro;
        border-top: 1px solid gainsboro;
        padding: 0.375em 0.75em;
  }
        table.table tbody td:first-child {
          border-left: 0;
        }
        table.table tbody td .button {
          outline: none;
          display: block;
          margin: 0;
        }
          table.table tbody td .button:not(:last-child) {
            margin: 0 0.3em 2px 0;
          }
          @media (min-width: 768px) {
        table.table tbody td .button {
            display: inline-block;
            margin-bottom: 0
        }
            table.table tbody td .button:not(.expand) {
              width: auto;
            }
          }
      table.table th.shrink, table.table td.shrink {
        width: 1px;
        white-space: nowrap;
      }
      table.table th.grow, table.table td.grow {
        width: 100%;
      }
      table.table th h1, table.table th h2, table.table th h3, table.table th h4, table.table th h5, table.table th h6, table.table td h1, table.table td h2, table.table td h3, table.table td h4, table.table td h5, table.table td h6 {
        margin-bottom: 0;
      }
      table.table th small, table.table td small {
        font-size: 80%;
      }
      table.table td.amount-status-canceled, table.table td .amount-status-canceled, table.table tr.amount-status-canceled, table.table tr .amount-status-canceled {
        text-decoration: line-through;
      }
        table.table td.amount-status-canceled p, table.table td .amount-status-canceled p, table.table tr.amount-status-canceled p, table.table tr .amount-status-canceled p {
          opacity: 0.5;
        }
      table.table td.amount-status-voided, table.table td.voided, table.table tr.amount-status-voided, table.table tr.voided {
        color: #999;
      }
      table.table td.status-deprecated, table.table td .status-deprecated, table.table tr.status-deprecated, table.table tr .status-deprecated {
        opacity: 0.5;
      }
      table.table td.amount-status-failed, table.table td .amount-status-failed, table.table tr.amount-status-failed, table.table tr .amount-status-failed {
        color: #bf0d0d;
      }
      table.table td.amount-status-success, table.table td .amount-status-success, table.table tr.amount-status-success, table.table tr .amount-status-success {
        color: #91bf0d;
      }
      table.table td.status-success, table.table td .status-success, table.table tr.status-success, table.table tr .status-success {
        color: #91bf0d;
      }
      table.table td.status-failed, table.table td .status-failed, table.table tr.status-failed, table.table tr .status-failed {
        color: #bf0d0d;
      }
      table.table td.green, table.table td.success, table.table tr.green, table.table tr.success {
        background: rgba(54, 170, 90, 0.15);
      }
          table.table td.green:nth-child(even):not(:hover), table.table td.success:nth-child(even):not(:hover), table.table tr.green:nth-child(even):not(:hover), table.table tr.success:nth-child(even):not(:hover) {
            background: rgba(54, 170, 90, 0.1);
          }
      table.table td.yellow, table.table td.status-needs_key_mapping, table.table td.warning, table.table tr.yellow, table.table tr.status-needs_key_mapping, table.table tr.warning {
        background: rgba(170, 158, 54, 0.15);
      }
          table.table td.yellow:nth-child(even):not(:hover), table.table td.status-needs_key_mapping:nth-child(even):not(:hover), table.table td.warning:nth-child(even):not(:hover), table.table tr.yellow:nth-child(even):not(:hover), table.table tr.status-needs_key_mapping:nth-child(even):not(:hover), table.table tr.warning:nth-child(even):not(:hover) {
            background: rgba(170, 158, 54, 0.1);
          }
        table.table td:hover td.red, table.table td:hover td.status-error, table.table td:hover td.alert, table.table tr:hover td.red, table.table tr:hover td.status-error, table.table tr:hover td.alert {
          background: rgba(170, 54, 54, 0.2) !important;
        }
      table.table td.red-if-has-error:has(.error), table.table td.red, table.table td.status-error, table.table td.alert, table.table tr.red-if-has-error:has(.error), table.table tr.red, table.table tr.status-error, table.table tr.alert {
        color: rgb(99, 22, 22);
        background: rgba(170, 54, 54, 0.15);
      }
          table.table td.red-if-has-error:has(.error):nth-child(even):not(:hover), table.table td.red:nth-child(even):not(:hover), table.table td.status-error:nth-child(even):not(:hover), table.table td.alert:nth-child(even):not(:hover), table.table tr.red-if-has-error:has(.error):nth-child(even):not(:hover), table.table tr.red:nth-child(even):not(:hover), table.table tr.status-error:nth-child(even):not(:hover), table.table tr.alert:nth-child(even):not(:hover) {
            background: rgba(170, 54, 54, 0.1);
          }
      table.table td.kind-text, table.table td.kind-number, table.table td.kind-dropdown, table.table tr.kind-text, table.table tr.kind-number, table.table tr.kind-dropdown {
        padding: 0;
      }
        table.table td.kind-text input, table.table td.kind-text textarea, table.table td.kind-number input, table.table td.kind-number textarea, table.table td.kind-dropdown input, table.table td.kind-dropdown textarea, table.table tr.kind-text input, table.table tr.kind-text textarea, table.table tr.kind-number input, table.table tr.kind-number textarea, table.table tr.kind-dropdown input, table.table tr.kind-dropdown textarea {
          vertical-align: middle;
          margin-bottom: 0 !important;
          padding: 5px !important;
          min-height: 32px !important;
        }
          table.table td.kind-text input:hover:not(:focus), table.table td.kind-text textarea:hover:not(:focus), table.table td.kind-number input:hover:not(:focus), table.table td.kind-number textarea:hover:not(:focus), table.table td.kind-dropdown input:hover:not(:focus), table.table td.kind-dropdown textarea:hover:not(:focus), table.table tr.kind-text input:hover:not(:focus), table.table tr.kind-text textarea:hover:not(:focus), table.table tr.kind-number input:hover:not(:focus), table.table tr.kind-number textarea:hover:not(:focus), table.table tr.kind-dropdown input:hover:not(:focus), table.table tr.kind-dropdown textarea:hover:not(:focus) {
            background: rgba(255, 255, 255, 0.5) !important;
          }
          table.table td.kind-text input:not(:focus), table.table td.kind-text textarea:not(:focus), table.table td.kind-number input:not(:focus), table.table td.kind-number textarea:not(:focus), table.table td.kind-dropdown input:not(:focus), table.table td.kind-dropdown textarea:not(:focus), table.table tr.kind-text input:not(:focus), table.table tr.kind-text textarea:not(:focus), table.table tr.kind-number input:not(:focus), table.table tr.kind-number textarea:not(:focus), table.table tr.kind-dropdown input:not(:focus), table.table tr.kind-dropdown textarea:not(:focus) {
            box-shadow: none !important;
            background: transparent !important;
            border-radius: 0 !important;
          }
        table.table td.kind-text textarea, table.table td.kind-display_only:not(.readonly) textarea, table.table tr.kind-text textarea, table.table tr.kind-display_only:not(.readonly) textarea {
          resize: none;
        }
        table.table td.kind-display_only:not(.readonly), table.table tr.kind-display_only:not(.readonly) {
          padding: 0;
        }
        table.table td.kind-display_only input, table.table td.kind-display_only textarea, table.table tr.kind-display_only input, table.table tr.kind-display_only textarea {
          vertical-align: middle;
          margin-bottom: 0 !important;
          padding: 5px !important;
          min-height: 32px !important;
        }
          table.table td.kind-display_only input:hover:not(:focus), table.table td.kind-display_only textarea:hover:not(:focus), table.table tr.kind-display_only input:hover:not(:focus), table.table tr.kind-display_only textarea:hover:not(:focus) {
            background: rgba(255, 255, 255, 0.5) !important;
          }
          table.table td.kind-display_only input:not(:focus), table.table td.kind-display_only textarea:not(:focus), table.table tr.kind-display_only input:not(:focus), table.table tr.kind-display_only textarea:not(:focus) {
            box-shadow: none !important;
            background: transparent !important;
            border-radius: 0 !important;
          }
        table.table td.kind-dropdown select, table.table tr.kind-dropdown select {
          padding: 6px 20px 6px 8px !important;
          border: 0;
          outline: 0;
          box-shadow: none;
          margin: 0 !important;
          border-radius: 0 !important;
          background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center / 10px 10px !important;
          -webkit-appearance: none;
          appearance: none;
        }
        table.table td.kind-dropdown .ts-wrapper, table.table tr.kind-dropdown .ts-wrapper {
          width: 96% !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        table.table td.kind-dropdown .ts-control, table.table tr.kind-dropdown .ts-control {
          padding: 0 2px !important;
          margin-top: 4px;
          margin-bottom: -4px;
        }
        table.table td.kind-dropdown .ts-wrapper.multi .ts-control > div, table.table tr.kind-dropdown .ts-wrapper.multi .ts-control > div {
          margin: 1.5px 3px 1.5px 0;
        }
      table.table td.kind-checkboxes, table.table tr.kind-checkboxes {
        padding: 0;
      }
        table.table td.kind-checkboxes label, table.table tr.kind-checkboxes label {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          min-height: 32px;
          margin-bottom: 0;
          cursor: pointer;
          padding-left: 0 !important;
        }
          table.table td.kind-checkboxes label::before, table.table tr.kind-checkboxes label::before {
            margin-left: 0 !important;
            margin-right: 0 !important;
          }
      table.table td.kind-checkboxes, table.table td.kind-radio_buttons, table.table tr.kind-checkboxes, table.table tr.kind-radio_buttons {
        text-align: center;
      }
      table.table td.style-shading:has(input:checked), table.table tr.style-shading:has(input:checked) {
        background-color: rgba(59, 130, 246, 0.65) !important;
      }
          table.table td.style-shading label::before, table.table td.style-shading label::after, table.table tr.style-shading label::before, table.table tr.style-shading label::after {
            opacity: 0;
          }
        table.table td.style-shading input[type="checkbox"], table.table tr.style-shading input[type="checkbox"] {
          position: absolute;
          opacity: 0;
          pointer-events: none;
        }
        table.table td.style-shading:hover label::before, table.table td.style-shading:hover label::after, table.table tr.style-shading:hover label::before, table.table tr.style-shading:hover label::after {
          opacity: 1;
        }
      table.table tr.hiding {
        transition: opacity ease-in-out 2000ms;
        opacity: 0;
      }
      table.table tr.status-flagged {
        background: rgba(255, 207, 0, 0.3);
      }
        table.table tr.status-flagged:nth-child(even) {
          background: rgba(255, 207, 0, 0.4);
        }
        table.table tr.status-flagged:hover {
          background: rgba(255, 207, 0, 0.5);
        }
            table.table tr.status-flagged:hover:nth-child(even) td {
              background: transparent;
            }
          table.table tr.status-flagged:hover td {
            background: transparent;
          }
      table.table tr.super-highlighted {
        background: rgba(255, 255, 0, 0.5);
      }
      @keyframes pulseBackground {
        0% {
          background-color: rgba(255, 235, 85, 0.1);
        }
        50% {
          background-color: rgba(255, 235, 85, 0.4);
        }
        100% {
          background-color: rgba(255, 235, 85, 0.1);
        }
      }
      table.table tr.highlighted {
        background: rgba(249, 210, 138, 0.2);
      }
        table.table tr.highlighted:nth-child(even) {
          background: rgba(249, 210, 138, 0.25);
        }
        table.table tr.highlighted.pulse {
          animation: pulseBackground 0.2s ease-in-out 6;
        }
        table.table tr.highlighted:hover {
          background: rgba(249, 210, 138, 0.35);
        }
            table.table tr.highlighted:hover:nth-child(even) td {
              background: transparent;
            }
          table.table tr.highlighted:hover td {
            background: transparent;
          }
      table.table tr .fas.fa-flag {
        color: #e0634b;
      }
        table.table tr[data-record-status="is_voided"] td:not([data-row-actions]), table.table tr[data-record-status="deleted"] td:not([data-row-actions]) {
          opacity: 0.5;
          pointer-events: none;
        }
      table.table .action-column .button {
        margin-right: 0;
      }
        table.table .action-column .button:not(:last-child) {
          margin-bottom: 4px;
        }
    table.table label {
      font-weight: normal;
      margin-bottom: 0;
    }
    table.table .enabled-false {
      color: rgba(0, 0, 0, 0.4);
    }
    table.table p {
      line-height: 1.2em;
    }
      table.table p:not(:last-child):not([class^="mb-"]) {
        margin-bottom: 0.5em;
      }
  @keyframes highlight-table {
    0% {
      border-color: rgb(218, 178, 35);
      box-shadow: 0 0 10px rgba(218, 178, 35, 0.5);
    }
  }
  .highlight-on-load {
    animation: highlight-table 1s;
  }
    [data-status="not_checked_in"] [data-status="checked_in"] {
      background-color: rgba(145, 191, 13, 0.07) !important;
    }
      [data-status="not_checked_in"] [data-status="checked_in"]:nth-child(even) {
        background-color: rgba(145, 191, 13, 0.12) !important;
      }
  tr.group-separator > td {
    border-top-width: 3px !important;
  }
  tr[style*="--row-tint"] > td {
    background-color: var(--row-tint) !important;
  }
    @supports (color: color-mix(in lab, red, red)) {
  tr[style*="--row-tint"] > td {
      background-color: color-mix(in srgb, var(--row-tint) 5%, transparent) !important
  }
    }
    tr[style*="--row-tint"] > td{
    border-color: var(--row-tint) !important;
  }
    @supports (color: color-mix(in lab, red, red)) {
  tr[style*="--row-tint"] > td {
      border-color: color-mix(in srgb, var(--row-tint) 25%, transparent) !important
  }
    }
  tr.group-separator[style*="--row-tint"] > td {
    background-color: var(--row-tint) !important;
  }
    @supports (color: color-mix(in lab, red, red)) {
  tr.group-separator[style*="--row-tint"] > td {
      background-color: color-mix(in srgb, var(--row-tint) 8%, transparent) !important;
  }
    }
    tr.group-separator[style*="--row-tint"] > td{
    border-top-style: dashed !important;
    color: var(--row-tint);
  }
  tr.sticky-check {
    position: sticky;
    top: 0;
    z-index: 1;
  }
    tr.sticky-check[style*="--row-tint"] > td {
      background-color: var(--row-tint) !important;
    }
      @supports (color: color-mix(in lab, red, red)) {
    tr.sticky-check[style*="--row-tint"] > td {
        background-color: color-mix(in srgb, var(--row-tint) 8%, Canvas) !important
    }
      }
      tr.sticky-check[style*="--row-tint"] > td{
      border-bottom: 3px dashed var(--row-tint) !important;
  }
      @supports (color: color-mix(in lab, red, red)) {
    tr.sticky-check[style*="--row-tint"] > td {
        border-bottom: 3px dashed color-mix(in srgb, var(--row-tint) 25%, transparent) !important
    }
      }
  tbody:has(.sticky-check) + tbody > tr:first-child > td {
    border-top: 0 !important;
  }
  tr[data-url] {
    cursor: pointer;
  }
    tr[data-url]:hover {
      background-color: rgba(0, 0, 0, 0.02);
    }
  .table-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
    .table-actions .left {
      display: flex;
      flex-direction: column;
      margin-bottom: var(--space-xxs);
    }
      @media (min-width: 768px) {
    .table-actions .left {
        flex-direction: row
    }
        .table-actions .left > *:not(:last-child) {
          margin-right: var(--space-md) !important;
        }
      }
      @media (max-width: 767px) {
    .table-actions a, .table-actions label {
        padding: 6px 0
    }
      }
  .buttons {
    display: flex;
    flex-direction: column;
  }
  @keyframes highlight-table {
    0% {
      border-color: rgb(218, 178, 35);
      box-shadow: 0 0 10px rgba(218, 178, 35, 0.3);
    }
  }
    .scale-table:not(.hide) tbody, .scale-table:not(.hide) thead, .scale-table:not(.hide) tfoot {
      animation: highlight-table 1s;
    }
            [data-theme="dark"] table.table td.kind-text input:hover:not(:focus), [data-theme="dark"] table.table td.kind-text textarea:hover:not(:focus), [data-theme="dark"] table.table td.kind-number input:hover:not(:focus), [data-theme="dark"] table.table td.kind-number textarea:hover:not(:focus), [data-theme="dark"] table.table td.kind-dropdown input:hover:not(:focus), [data-theme="dark"] table.table td.kind-dropdown textarea:hover:not(:focus), [data-theme="dark"] table.table tr.kind-text input:hover:not(:focus), [data-theme="dark"] table.table tr.kind-text textarea:hover:not(:focus), [data-theme="dark"] table.table tr.kind-number input:hover:not(:focus), [data-theme="dark"] table.table tr.kind-number textarea:hover:not(:focus), [data-theme="dark"] table.table tr.kind-dropdown input:hover:not(:focus), [data-theme="dark"] table.table tr.kind-dropdown textarea:hover:not(:focus) {
              background: rgba(255, 255, 255, 0.08) !important;
            }
            [data-theme="dark"] table.table td.kind-display_only:not(.readonly) input:hover:not(:focus), [data-theme="dark"] table.table td.kind-display_only:not(.readonly) textarea:hover:not(:focus), [data-theme="dark"] table.table tr.kind-display_only:not(.readonly) input:hover:not(:focus), [data-theme="dark"] table.table tr.kind-display_only:not(.readonly) textarea:hover:not(:focus) {
              background: rgba(255, 255, 255, 0.08) !important;
            }
        [data-theme="dark"] table.table td.style-shading:has(input:checked), [data-theme="dark"] table.table tr.style-shading:has(input:checked) {
          background-color: rgba(96, 165, 250, 0.6) !important;
        }
      [data-theme="dark"] tbody tr:hover > td.style-shading:has(input:checked), [data-theme="dark"] tbody tr.hovered > td.style-shading:has(input:checked) {
        background-color: rgba(96, 165, 250, 0.7) !important;
      }
}
@layer utilities {
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    body.survey {
      font-size: 30px;
    }
    #numpad_display {
      max-width: 5.6em !important;
      margin-bottom: 0.3em;
    }
  }
  .pre-line {
    white-space: pre-line;
  }
  body.survey {
    font-family: "Open Sans", sans-serif;
    color: #3991cb;
    font-size: 16px;
  }
        body.survey .survey-questions .survey-question select {
          max-width: 300px;
        }
        body.survey .survey-questions .survey-question .survey-textarea {
          border: 1px solid #ccc;
        }
    body.survey h1 {
      font-size: 1.75rem;
      font-weight: 500;
      background: -webkit-linear-gradient(45deg, #175385, #3991cb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      line-height: 1.2em;
    }
      @media (min-width: 640px) {
    body.survey h1 {
        line-height: 1.5em
    }
      }
    body.survey h2 {
      font-size: 1.5rem;
      background: -webkit-linear-gradient(45deg, #175385, #3991cb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    body.survey b {
      font-weight: 600;
    }
    body.survey small {
      font-size: 80%;
    }
    body.survey .page-wrapper {
      display: flex;
      flex-direction: column;
      min-height: 92vh;
      justify-content: center;
    }
    body.survey .container-legacy {
      width: 100%;
      max-width: 900px;
      padding: 1.88rem;
      margin: 0 auto;
    }
    body.survey .big-container {
      width: 100%;
      max-width: 900px;
      padding: 1.88rem;
      margin: 0 auto;
    }
    body.survey .text-center {
      text-align: center;
    }
    body.survey input[type="text"], body.survey textarea, body.survey select {
      margin-bottom: 1rem;
    }
    body.survey .zero-to-ten {
      display: flex;
      justify-content: center;
      flex-direction: column-reverse;
      padding: 20px 0;
    }
      @media screen and (min-width: 40em) {
    body.survey .zero-to-ten {
        flex-direction: row
    }
      }
      body.survey .zero-to-ten > div, body.survey .zero-to-ten > label {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5px 0;
      }
        @media screen and (min-width: 40em) {
      body.survey .zero-to-ten > div, body.survey .zero-to-ten > label {
          margin: 0 7px
      }
        }
        body.survey .zero-to-ten > div p, body.survey .zero-to-ten > label p {
          line-height: 1.3em;
          font-size: 13px;
          font-weight: bold;
          margin-bottom: 0;
        }
      body.survey .zero-to-ten label {
        font-size: 16px;
        font-weight: bold;
        border: 1px solid #ccc;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        color: #175385;
        box-sizing: border-box;
      }
        body.survey .zero-to-ten label:hover {
          background: #3991cb;
          color: #fff;
          border: 1px solid #3991cb;
        }
        @media screen and (min-width: 40em) {
      body.survey .zero-to-ten label {
          width: 40px;
          height: 40px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          float: left;
          text-align: center
      }
        }
        body.survey .zero-to-ten label input[type="radio"] {
          margin: 0 0 4px 0;
          position: absolute;
          left: -9999px;
          top: 0;
          opacity: 0;
        }
    body.survey .radio-stars {
      display: flex;
      justify-content: center;
      transition: all ease-in-out 500ms;
      padding: 1rem 0;
    }
      body.survey .radio-stars label {
        position: relative;
        width: 6.25rem;
        height: 6.25rem;
        display: flex;
        justify-content: center;
        padding-top: 5rem;
        margin: 0 0.63rem;
        cursor: pointer;
        color: #df5541;
        transition: all ease-in-out 300ms;
        font-size: 16px;
        line-height: 1em;
      }
        body.survey .radio-stars label:before {
          content: "";
          position: absolute;
          background: url(/assets/star-52efa547371170dc181571112c78f49ce297cd3c04955760b81e1319961fc863.svg) center no-repeat;
          background-size: 100% auto;
          width: 5rem;
          height: 5rem;
          top: 0;
          left: calc(50% - 2.5rem);
        }
        body.survey .radio-stars label:hover {
          opacity: 0.8;
        }
        body.survey .radio-stars label.faded {
          opacity: 0.1;
        }
      body.survey .radio-stars input {
        position: absolute;
        left: -9999px;
        top: -9999px;
      }
      body.survey span.secondary {
        color: #bdbdbd;
      }
    body.survey td, body.survey th {
      color: #474747;
    }
    body.survey .negative {
      color: #ab1d00;
    }
    body.survey .neutral {
      color: #474747;
    }
    body.survey .positive {
      color: #00ab35;
    }
    body.survey .d1 {
      animation-delay: 0.1s;
    }
    body.survey .d2 {
      animation-delay: 0.2s;
    }
    body.survey .d3 {
      animation-delay: 0.3s;
    }
    body.survey .d4 {
      animation-delay: 0.4s;
    }
    body.survey .d5 {
      animation-delay: 0.5s;
    }
    body.survey .d6 {
      animation-delay: 0.6s;
    }
    body.survey .d7 {
      animation-delay: 0.7s;
    }
    body.survey .logo {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 12.5rem;
      height: 10rem;
      margin: 0 auto 1.88rem auto;
      display: block;
    }
    body.survey #numpad_display {
      border: 1px solid #3991cb;
      padding: 0.25em 1em;
      box-sizing: border-box;
      margin-bottom: 1em;
      text-align: center;
      font-size: 1.38em;
      font-weight: bold;
      letter-spacing: 0.2em;
      border-radius: 0.38rem;
      appearance: none;
      max-width: 128px;
      color: #000;
    }
      body.survey #numpad_display::-webkit-input-placeholder {
        color: #f1f1f1;
      }
      body.survey #numpad_display::-moz-placeholder {
        color: #f1f1f1;
      }
      body.survey #numpad_display:-ms-input-placeholder {
        color: #f1f1f1;
      }
      body.survey #numpad_display:-moz-placeholder {
        color: #f1f1f1;
      }
      body.survey #numpad_display:disabled {
        opacity: 1;
      }
    body.survey .button-list {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin-bottom: 1rem;
    }
      body.survey .button-list .button {
        width: 12.5rem;
      }
      body.survey .year-list h4 {
        font-size: 1.38em;
        margin-bottom: 1em;
      }
      body.survey .year-list .numpad {
        width: 8.13em;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
        body.survey .year-list .numpad .button {
          width: 33%;
          border: 0.13em solid #fff;
          box-sizing: border-box;
          padding: 0;
          height: 2.5em;
          margin: 0;
          display: flex;
          justify-content: center;
          align-items: center;
        }
          body.survey .year-list .numpad .button.hidden {
            opacity: 0;
          }
    body.survey .button-holder {
      height: 36px;
    }
    body.survey .button {
      padding: 0.63rem 1.13rem;
      border-radius: 0.38rem;
      background: #df5541;
      color: #fff;
      text-decoration: none;
      appearance: none;
      margin-bottom: 1rem;
      display: inline-block;
      cursor: pointer;
      margin-bottom: 0;
    }
      body.survey .button.disabled {
        opacity: 0.1;
      }
      body.survey .button[data-action="skip"].required {
        display: none;
      }
  html body .survey-textarea {
    border: 1px solid #ccc;
  }
}
@layer utilities {
  /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
  .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  .animated.infinite {
    animation-iteration-count: infinite;
  }
  .animated.hinge {
    animation-duration: 2s;
  }
  .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    animation-duration: 0.75s;
  }
  @keyframes bounce {
    from, 20%, 53%, 80%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: translate3d(0, 0, 0);
    }
    40%, 43% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -30px, 0);
    }
    70% {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transform: translate3d(0, -15px, 0);
    }
    90% {
      transform: translate3d(0, -4px, 0);
    }
  }
  .bounce {
    animation-name: bounce;
    transform-origin: center bottom;
  }
  @keyframes flash {
    from, 50%, to {
      opacity: 1;
    }
    25%, 75% {
      opacity: 0;
    }
  }
  .flash {
    animation-name: flash;
  }
  @keyframes pulse {
    from {
      transform: scale3d(1, 1, 1);
    }
    50% {
      transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  .pulse {
    animation-name: pulse;
  }
  @keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      transform: scale3d(1.05, 0.95, 1);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  .rubberBand {
    animation-name: rubberBand;
  }
  @keyframes shake {
    from, to {
      transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
      transform: translate3d(10px, 0, 0);
    }
  }
  .shake {
    animation-name: shake;
  }
  @keyframes headShake {
    0% {
      transform: translateX(0);
    }
    6.5% {
      transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
      transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
      transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
      transform: translateX(2px) rotateY(3deg);
    }
    50% {
      transform: translateX(0);
    }
  }
  .headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
  }
  @keyframes swing {
    20% {
      transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
      transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
      transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
      transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  .swing {
    transform-origin: top center;
    animation-name: swing;
  }
  @keyframes tada {
    from {
      transform: scale3d(1, 1, 1);
    }
    10%, 20% {
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  .tada {
    animation-name: tada;
  }
  @keyframes wobble {
    from {
      transform: none;
    }
    15% {
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
      transform: none;
    }
  }
  .wobble {
    animation-name: wobble;
  }
  @keyframes jello {
    from, 11.1%, to {
      transform: none;
    }
    22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
      transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }
  .jello {
    animation-name: jello;
    transform-origin: center;
  }
  @keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }
  .bounceIn {
    animation-name: bounceIn;
  }
  @keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }
    75% {
      transform: translate3d(0, -10px, 0);
    }
    90% {
      transform: translate3d(0, 5px, 0);
    }
    to {
      transform: none;
    }
  }
  .bounceInDown {
    animation-name: bounceInDown;
  }
  @keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  .bounceInLeft {
    animation-name: bounceInLeft;
  }
  @keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  .bounceInRight {
    animation-name: bounceInRight;
  }
  @keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    75% {
      transform: translate3d(0, 10px, 0);
    }
    90% {
      transform: translate3d(0, -5px, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .bounceInUp {
    animation-name: bounceInUp;
  }
  @keyframes bounceOut {
    20% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
  }
  .bounceOut {
    animation-name: bounceOut;
  }
  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  .bounceOutDown {
    animation-name: bounceOutDown;
  }
  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  .bounceOutLeft {
    animation-name: bounceOutLeft;
  }
  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  .bounceOutRight {
    animation-name: bounceOutRight;
  }
  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  .bounceOutUp {
    animation-name: bounceOutUp;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .fadeIn {
    animation-name: fadeIn;
  }
  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInDown {
    animation-name: fadeInDown;
  }
  @keyframes fadeInDownBig {
    from {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInDownBig {
    animation-name: fadeInDownBig;
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInLeft {
    animation-name: fadeInLeft;
  }
  @keyframes fadeInLeftBig {
    from {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInLeftBig {
    animation-name: fadeInLeftBig;
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInRight {
    animation-name: fadeInRight;
  }
  @keyframes fadeInRightBig {
    from {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInRightBig {
    animation-name: fadeInRightBig;
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInUp {
    animation-name: fadeInUp;
  }
  @keyframes fadeInUpBig {
    from {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .fadeInUpBig {
    animation-name: fadeInUpBig;
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .fadeOut {
    animation-name: fadeOut;
  }
  @keyframes fadeOutDown {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }
  .fadeOutDown {
    animation-name: fadeOutDown;
  }
  @keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  .fadeOutDownBig {
    animation-name: fadeOutDownBig;
  }
  @keyframes fadeOutLeft {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  }
  .fadeOutLeft {
    animation-name: fadeOutLeft;
  }
  @keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  .fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
  }
  @keyframes fadeOutRight {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }
  .fadeOutRight {
    animation-name: fadeOutRight;
  }
  @keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  .fadeOutRightBig {
    animation-name: fadeOutRightBig;
  }
  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }
  .fadeOutUp {
    animation-name: fadeOutUp;
  }
  @keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  .fadeOutUpBig {
    animation-name: fadeOutUpBig;
  }
  @keyframes flip {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      animation-timing-function: ease-out;
    }
    40% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      animation-timing-function: ease-out;
    }
    50% {
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      animation-timing-function: ease-in;
    }
    80% {
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      animation-timing-function: ease-in;
    }
    to {
      transform: perspective(400px);
      animation-timing-function: ease-in;
    }
  }
  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
  }
  @keyframes flipInX {
    from {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
  }
  @keyframes flipInY {
    from {
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
  }
  @keyframes flipOutX {
    from {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }
  .flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }
  @keyframes flipOutY {
    from {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
    }
  }
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
  }
  @keyframes lightSpeedIn {
    from {
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
    60% {
      transform: skewX(20deg);
      opacity: 1;
    }
    80% {
      transform: skewX(-5deg);
      opacity: 1;
    }
    to {
      transform: none;
      opacity: 1;
    }
  }
  .lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
  }
  @keyframes lightSpeedOut {
    from {
      opacity: 1;
    }
    to {
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }
  .lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
  }
  @keyframes rotateIn {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }
    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }
  .rotateIn {
    animation-name: rotateIn;
  }
  @keyframes rotateInDownLeft {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }
  .rotateInDownLeft {
    animation-name: rotateInDownLeft;
  }
  @keyframes rotateInDownRight {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }
  .rotateInDownRight {
    animation-name: rotateInDownRight;
  }
  @keyframes rotateInUpLeft {
    from {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
    to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
    }
  }
  .rotateInUpLeft {
    animation-name: rotateInUpLeft;
  }
  @keyframes rotateInUpRight {
    from {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }
    to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
    }
  }
  .rotateInUpRight {
    animation-name: rotateInUpRight;
  }
  @keyframes rotateOut {
    from {
      transform-origin: center;
      opacity: 1;
    }
    to {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }
  .rotateOut {
    animation-name: rotateOut;
  }
  @keyframes rotateOutDownLeft {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }
    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }
  .rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
  }
  @keyframes rotateOutDownRight {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }
    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  .rotateOutDownRight {
    animation-name: rotateOutDownRight;
  }
  @keyframes rotateOutUpLeft {
    from {
      transform-origin: left bottom;
      opacity: 1;
    }
    to {
      transform-origin: left bottom;
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  .rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
  }
  @keyframes rotateOutUpRight {
    from {
      transform-origin: right bottom;
      opacity: 1;
    }
    to {
      transform-origin: right bottom;
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }
  }
  .rotateOutUpRight {
    animation-name: rotateOutUpRight;
  }
  @keyframes hinge {
    0% {
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    20%, 60% {
      transform: rotate3d(0, 0, 1, 80deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    40%, 80% {
      transform: rotate3d(0, 0, 1, 60deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }
    to {
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }
  .hinge {
    animation-name: hinge;
  }
  @keyframes jackInTheBox {
    from {
      opacity: 0;
      transform: scale(0.1) rotate(30deg);
      transform-origin: center bottom;
    }
    50% {
      transform: rotate(-10deg);
    }
    70% {
      transform: rotate(3deg);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .jackInTheBox {
    animation-name: jackInTheBox;
  }
  @keyframes rollIn {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .rollIn {
    animation-name: rollIn;
  }
  @keyframes rollOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  }
  .rollOut {
    animation-name: rollOut;
  }
  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  .zoomIn {
    animation-name: zoomIn;
  }
  @keyframes zoomInDown {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomInDown {
    animation-name: zoomInDown;
  }
  @keyframes zoomInLeft {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomInLeft {
    animation-name: zoomInLeft;
  }
  @keyframes zoomInRight {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomInRight {
    animation-name: zoomInRight;
  }
  @keyframes zoomInUp {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomInUp {
    animation-name: zoomInUp;
  }
  @keyframes zoomOut {
    from {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  .zoomOut {
    animation-name: zoomOut;
  }
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform-origin: center bottom;
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomOutDown {
    animation-name: zoomOutDown;
  }
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
      opacity: 0;
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform-origin: left center;
    }
  }
  .zoomOutLeft {
    animation-name: zoomOutLeft;
  }
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
      opacity: 0;
      transform: scale(0.1) translate3d(2000px, 0, 0);
      transform-origin: right center;
    }
  }
  .zoomOutRight {
    animation-name: zoomOutRight;
  }
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform-origin: center bottom;
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
  }
  .zoomOutUp {
    animation-name: zoomOutUp;
  }
  @keyframes slideInDown {
    from {
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .slideInDown {
    animation-name: slideInDown;
  }
  @keyframes slideInLeft {
    from {
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .slideInLeft {
    animation-name: slideInLeft;
  }
  @keyframes slideInRight {
    from {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .slideInRight {
    animation-name: slideInRight;
  }
  @keyframes slideInUp {
    from {
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  .slideInUp {
    animation-name: slideInUp;
  }
  @keyframes slideOutDown {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
    }
  }
  .slideOutDown {
    animation-name: slideOutDown;
  }
  @keyframes slideOutLeft {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
    }
  }
  .slideOutLeft {
    animation-name: slideOutLeft;
  }
  @keyframes slideOutRight {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }
  .slideOutRight {
    animation-name: slideOutRight;
  }
  @keyframes slideOutUp {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
  }
  .slideOutUp {
    animation-name: slideOutUp;
  }
}
@layer utilities {
  body.compensate-for-scrollbar {
    overflow: hidden;
  }
  .fancybox-active {
    height: auto;
  }
  .fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
  }
  .fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 100;
  }
  .fancybox-container * {
    box-sizing: border-box;
  }
  .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
  .fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
  }
  .fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  }
  .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
  }
  .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
  }
  .fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fancybox-toolbar {
    right: 0;
    top: 0;
  }
  .fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 888;
  }
  .fancybox-is-open .fancybox-stage {
    overflow: hidden;
  }
  .fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 888;
  }
  .fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
    display: block;
  }
  .fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
  }
  .fancybox-slide--image::before {
    display: none;
  }
  .fancybox-slide--html {
    padding: 6px;
  }
  .fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    vertical-align: middle;
    padding: 44px 15px 22px 15px;
  }
  .is-native .fancybox-content {
    padding: 24px 16px 16px 16px;
  }
  @media (min-width: 64rem) {
    .fancybox-content {
      padding: 44px;
    }
  }
  .fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
  }
  .fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
  }
  .fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
  }
  .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .fancybox-container [data-selectable='true'] {
    cursor: text;
  }
  .fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
  }
  .fancybox-spaceball {
    z-index: 1;
  }
  .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
  }
  .fancybox-slide--video .fancybox-content {
    background: #000;
  }
  .fancybox-slide--map .fancybox-content {
    background: #e5e3df;
  }
  .fancybox-slide--iframe .fancybox-content {
    background: #fff;
  }
  .fancybox-video, .fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
  }
  .fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
  }
  .fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
  }
  .fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
  }
  .fancybox-button, .fancybox-button:visited, .fancybox-button:link {
    color: #ccc;
  }
  .fancybox-button:hover {
    color: #fff;
  }
  .fancybox-button:focus {
    outline: none;
  }
  .fancybox-button.fancybox-focus {
    outline: 1px dotted;
  }
  .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
  }
  .fancybox-button div {
    height: 100%;
  }
  .fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  .fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
  }
  .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {
    display: none;
  }
  .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {
    display: none;
  }
  .fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
  }
  .fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .7;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
    transition: all ease-in-out 150ms;
  }
  .fancybox-close-small:hover {
    color: #fff;
    background: transparent;
    border: 0;
    opacity: 1;
    transform: scale(1.2);
  }
  .fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
  }
  .is-native .fancybox-slide--html .fancybox-close-small {
    background: rgba(0,0,0,0.1);
    border-radius: 99px;
    padding: 2px;
    transform: scale(0.6);
  }
  .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
  }
  .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
  }
  .fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
  }
  .fancybox-navigation .fancybox-button div {
    padding: 7px;
  }
  .fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
  }
  .fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
  }
  .fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
  }
  .fancybox-caption--separate {
    margin-top: -50px;
  }
  .fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
  }
  .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
  }
  .fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
  }
  @keyframes fancybox-rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  .fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
  }
  .fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  .fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  }
  .fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
  }
  .fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
  }
  .fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
  }
  .fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  .fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  .fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  .fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  }
  .fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  }
  .fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  .fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
  }
  .fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
  }
  .fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
  }
  @media all and (max-height: 576px) {
    .fancybox-slide {
      padding-left: 6px;
      padding-right: 6px;
    }
    .fancybox-slide--image {
      padding: 6px 0;
    }
    .fancybox-close-small {
      right: -6px;
    }
    .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px;
    }
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  .fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
  }
  .fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
  }
  .fancybox-share p {
    margin: 0;
    padding: 0;
  }
  .fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
  }
  .fancybox-share__button:visited, .fancybox-share__button:link {
    color: #fff;
  }
  .fancybox-share__button:hover {
    text-decoration: none;
  }
  .fancybox-share__button--fb {
    background: #3b5998;
  }
  .fancybox-share__button--fb:hover {
    background: #344e86;
  }
  .fancybox-share__button--pt {
    background: #bd081d;
  }
  .fancybox-share__button--pt:hover {
    background: #aa0719;
  }
  .fancybox-share__button--tw {
    background: #1da1f2;
  }
  .fancybox-share__button--tw:hover {
    background: #0d95e8;
  }
  .fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
  }
  .fancybox-share__button svg path {
    fill: #fff;
  }
  .fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
  }
  .fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
  }
  .fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 212px;
  }
  .fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
  }
  .fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
  }
  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
  }
  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  }
  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
  }
  .fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
  }
  .fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
  }
  .fancybox-thumbs__list a:focus::before {
    opacity: .5;
  }
  .fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
  }
  @media all and (max-width: 576px) {
    .fancybox-thumbs {
      width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
      right: 110px;
    }
    .fancybox-thumbs__list a {
      max-width: calc(100% - 10px);
    }
  }
}
@layer utilities {
  /*! jQuery UI - v1.12.1 - 2019-06-23
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
  .ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-helper-hidden {
    display: none;
  }
  .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
  }
  .ui-helper-clearfix:after {
    clear: both;
  }
  .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
  }
  .ui-front {
    z-index: 100;
  }
  .ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
  }
  .ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
  }
  .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ui-resizable {
    position: relative;
  }
  .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none;
  }
  .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
  }
  .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
  }
  .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
  }
  .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
  }
  .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
  }
  .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
  }
  .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
  }
  .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
  }
  .ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
  }
  .ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
  }
  .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
  }
  .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
  }
  .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
  }
  .ui-menu .ui-menu {
    position: absolute;
  }
  .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
  }
  .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
  }
  .ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px;
  }
  .ui-menu-icons {
    position: relative;
  }
  .ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
  }
  .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
  }
  .ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
  }
  .ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
  }
  .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none;
  }
  .ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
  }
  input.ui-button.ui-button-icon-only {
    text-indent: 0;
  }
  .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
  }
  .ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
  }
  input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
  }
  input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
  }
  .ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
  }
  .ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
  }
  .ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
  }
  .ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
  }
  .ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
  }
  .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
  }
  .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
  }
  .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
  }
  .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
  }
  .ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em );
  }
  .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
  }
  .ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
  }
  .ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
  }
  .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
  }
  .ui-checkboxradio-disabled {
    pointer-events: none;
  }
  .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
  }
  .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
  }
  .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
  }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }
  .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
  }
  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
  }
  .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
  }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
  }
  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
  }
  .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%;
  }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
  }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
  }
  .ui-datepicker td {
    border: 0;
    padding: 1px;
  }
  .ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
  }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }
  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
  }
  .ui-datepicker.ui-datepicker-multi {
    width: auto;
  }
  .ui-datepicker-multi .ui-datepicker-group {
    float: left;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
  }
  .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
  }
  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
  }
  .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
  }
  .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
  }
  .ui-datepicker-rtl {
    direction: rtl;
  }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }
  .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
  }
  .ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
  }
  .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
  }
  .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
  }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
  }
  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
  }
  .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
  }
  .ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
  }
  .ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
  }
  .ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
  }
  .ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
  }
  .ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
  }
  .ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
  }
  .ui-draggable .ui-dialog-titlebar {
    cursor: move;
  }
  .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
  }
  .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
  }
  .ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    opacity: 0.25;
  }
  .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
  }
  .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
  }
  .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
  }
  .ui-selectmenu-open {
    display: block;
  }
  .ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
  }
  .ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
  }
  .ui-slider {
    position: relative;
    text-align: left;
  }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  .ui-slider-horizontal {
    height: .8em;
  }
  .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }
  .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  .ui-slider-vertical {
    width: .8em;
    height: 100px;
  }
  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
  }
  .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
  }
  .ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
  }
  .ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
  }
  .ui-spinner-up {
    top: 0;
  }
  .ui-spinner-down {
    bottom: 0;
  }
  .ui-tabs {
    position: relative;
    padding: .2em;
  }
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
  }
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
  }
  .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
  }
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
  }
  .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
  }
  body .ui-tooltip {
    border-width: 2px;
  }
}
@layer utilities {
  /*! jQuery UI - v1.12.1 - 2019-06-23
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
  .ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-helper-hidden {
    display: none;
  }
  .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
  }
  .ui-helper-clearfix:after {
    clear: both;
  }
  .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
  }
  .ui-front {
    z-index: 100;
  }
  .ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
  }
  .ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
  }
  .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ui-resizable {
    position: relative;
  }
  .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none;
  }
  .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
  }
  .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
  }
  .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
  }
  .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
  }
  .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
  }
  .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
  }
  .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
  }
  .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
  }
  .ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
  }
  .ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
  }
  .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
  }
  .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
  }
  .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
  }
  .ui-menu .ui-menu {
    position: absolute;
  }
  .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  }
  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
  }
  .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
  }
  .ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px;
  }
  .ui-menu-icons {
    position: relative;
  }
  .ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
  }
  .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
  }
  .ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
  }
  .ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
  }
  .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none;
  }
  .ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
  }
  input.ui-button.ui-button-icon-only {
    text-indent: 0;
  }
  .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
  }
  .ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
  }
  input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
  }
  input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  .ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
  }
  .ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
  }
  .ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
  }
  .ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
  }
  .ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
  }
  .ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
  }
  .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
  }
  .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
  }
  .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
  }
  .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
  }
  .ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em );
  }
  .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
  }
  .ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
  }
  .ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
  }
  .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
  }
  .ui-checkboxradio-disabled {
    pointer-events: none;
  }
  .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
  }
  .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
  }
  .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
  }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }
  .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
  }
  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
  }
  .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
  }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
  }
  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
  }
  .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%;
  }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
  }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
  }
  .ui-datepicker td {
    border: 0;
    padding: 1px;
  }
  .ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
  }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }
  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
  }
  .ui-datepicker.ui-datepicker-multi {
    width: auto;
  }
  .ui-datepicker-multi .ui-datepicker-group {
    float: left;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
  }
  .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
  }
  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
  }
  .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
  }
  .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
  }
  .ui-datepicker-rtl {
    direction: rtl;
  }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }
  .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
  }
  .ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
  }
  .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
  }
  .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
  }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
  }
  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
  }
  .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
  }
  .ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
  }
  .ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
  }
  .ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
  }
  .ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
  }
  .ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
  }
  .ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
  }
  .ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
  }
  .ui-draggable .ui-dialog-titlebar {
    cursor: move;
  }
  .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
  }
  .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
  }
  .ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    opacity: 0.25;
  }
  .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
  }
  .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
  }
  .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
  }
  .ui-selectmenu-open {
    display: block;
  }
  .ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
  }
  .ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
  }
  .ui-slider {
    position: relative;
    text-align: left;
  }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  .ui-slider-horizontal {
    height: .8em;
  }
  .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }
  .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  .ui-slider-vertical {
    width: .8em;
    height: 100px;
  }
  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
  }
  .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
  }
  .ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
  }
  .ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
  }
  .ui-spinner-up {
    top: 0;
  }
  .ui-spinner-down {
    bottom: 0;
  }
  .ui-tabs {
    position: relative;
    padding: .2em;
  }
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
  }
  .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
  }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
  }
  .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
  }
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
  }
  .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
  }
  body .ui-tooltip {
    border-width: 2px;
  }
  .ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
  }
  .ui-widget .ui-widget {
    font-size: 1em;
  }
  .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
  }
  .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
  }
  .ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
  }
  .ui-widget-content a {
    color: #333;
  }
  .ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
  }
  .ui-widget-header a {
    color: #333;
  }
  .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
  }
  .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none;
  }
  .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
  }
  .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
  }
  .ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94,158,214);
  }
  .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff;
  }
  .ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff;
  }
  .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
  }
  .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
  }
  .ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
  }
  .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620;
  }
  .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
  }
  .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
  }
  .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
  }
  .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold;
  }
  .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
  }
  .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
  }
  .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
  }
  .ui-icon {
    width: 16px;
    height: 16px;
  }
  .ui-icon,.ui-widget-content .ui-icon {
    background-image: url(/images/ui-icons_444444_256x240.png);
  }
  .ui-widget-header .ui-icon {
    background-image: url(/images/ui-icons_444444_256x240.png);
  }
  .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url(/images/ui-icons_555555_256x240.png);
  }
  .ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url(/images/ui-icons_ffffff_256x240.png);
  }
  .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url(/images/ui-icons_777620_256x240.png);
  }
  .ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(/images/ui-icons_cc0000_256x240.png);
  }
  .ui-button .ui-icon {
    background-image: url(/images/ui-icons_777777_256x240.png);
  }
  .ui-icon-blank {
    background-position: 16px 16px;
  }
  .ui-icon-caret-1-n {
    background-position: 0 0;
  }
  .ui-icon-caret-1-ne {
    background-position: -16px 0;
  }
  .ui-icon-caret-1-e {
    background-position: -32px 0;
  }
  .ui-icon-caret-1-se {
    background-position: -48px 0;
  }
  .ui-icon-caret-1-s {
    background-position: -65px 0;
  }
  .ui-icon-caret-1-sw {
    background-position: -80px 0;
  }
  .ui-icon-caret-1-w {
    background-position: -96px 0;
  }
  .ui-icon-caret-1-nw {
    background-position: -112px 0;
  }
  .ui-icon-caret-2-n-s {
    background-position: -128px 0;
  }
  .ui-icon-caret-2-e-w {
    background-position: -144px 0;
  }
  .ui-icon-triangle-1-n {
    background-position: 0 -16px;
  }
  .ui-icon-triangle-1-ne {
    background-position: -16px -16px;
  }
  .ui-icon-triangle-1-e {
    background-position: -32px -16px;
  }
  .ui-icon-triangle-1-se {
    background-position: -48px -16px;
  }
  .ui-icon-triangle-1-s {
    background-position: -65px -16px;
  }
  .ui-icon-triangle-1-sw {
    background-position: -80px -16px;
  }
  .ui-icon-triangle-1-w {
    background-position: -96px -16px;
  }
  .ui-icon-triangle-1-nw {
    background-position: -112px -16px;
  }
  .ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
  }
  .ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
  }
  .ui-icon-arrow-1-n {
    background-position: 0 -32px;
  }
  .ui-icon-arrow-1-ne {
    background-position: -16px -32px;
  }
  .ui-icon-arrow-1-e {
    background-position: -32px -32px;
  }
  .ui-icon-arrow-1-se {
    background-position: -48px -32px;
  }
  .ui-icon-arrow-1-s {
    background-position: -65px -32px;
  }
  .ui-icon-arrow-1-sw {
    background-position: -80px -32px;
  }
  .ui-icon-arrow-1-w {
    background-position: -96px -32px;
  }
  .ui-icon-arrow-1-nw {
    background-position: -112px -32px;
  }
  .ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
  }
  .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
  }
  .ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
  }
  .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
  }
  .ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
  }
  .ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
  }
  .ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
  }
  .ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
  }
  .ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
  }
  .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
  }
  .ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
  }
  .ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
  }
  .ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
  }
  .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
  }
  .ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
  }
  .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
  }
  .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
  }
  .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
  }
  .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
  }
  .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
  }
  .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
  }
  .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
  }
  .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
  }
  .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
  }
  .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
  }
  .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
  }
  .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
  }
  .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
  }
  .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
  }
  .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
  }
  .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
  }
  .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
  }
  .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
  }
  .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
  }
  .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
  }
  .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
  }
  .ui-icon-arrow-4 {
    background-position: 0 -80px;
  }
  .ui-icon-arrow-4-diag {
    background-position: -16px -80px;
  }
  .ui-icon-extlink {
    background-position: -32px -80px;
  }
  .ui-icon-newwin {
    background-position: -48px -80px;
  }
  .ui-icon-refresh {
    background-position: -64px -80px;
  }
  .ui-icon-shuffle {
    background-position: -80px -80px;
  }
  .ui-icon-transfer-e-w {
    background-position: -96px -80px;
  }
  .ui-icon-transferthick-e-w {
    background-position: -112px -80px;
  }
  .ui-icon-folder-collapsed {
    background-position: 0 -96px;
  }
  .ui-icon-folder-open {
    background-position: -16px -96px;
  }
  .ui-icon-document {
    background-position: -32px -96px;
  }
  .ui-icon-document-b {
    background-position: -48px -96px;
  }
  .ui-icon-note {
    background-position: -64px -96px;
  }
  .ui-icon-mail-closed {
    background-position: -80px -96px;
  }
  .ui-icon-mail-open {
    background-position: -96px -96px;
  }
  .ui-icon-suitcase {
    background-position: -112px -96px;
  }
  .ui-icon-comment {
    background-position: -128px -96px;
  }
  .ui-icon-person {
    background-position: -144px -96px;
  }
  .ui-icon-print {
    background-position: -160px -96px;
  }
  .ui-icon-trash {
    background-position: -176px -96px;
  }
  .ui-icon-locked {
    background-position: -192px -96px;
  }
  .ui-icon-unlocked {
    background-position: -208px -96px;
  }
  .ui-icon-bookmark {
    background-position: -224px -96px;
  }
  .ui-icon-tag {
    background-position: -240px -96px;
  }
  .ui-icon-home {
    background-position: 0 -112px;
  }
  .ui-icon-flag {
    background-position: -16px -112px;
  }
  .ui-icon-calendar {
    background-position: -32px -112px;
  }
  .ui-icon-cart {
    background-position: -48px -112px;
  }
  .ui-icon-pencil {
    background-position: -64px -112px;
  }
  .ui-icon-clock {
    background-position: -80px -112px;
  }
  .ui-icon-disk {
    background-position: -96px -112px;
  }
  .ui-icon-calculator {
    background-position: -112px -112px;
  }
  .ui-icon-zoomin {
    background-position: -128px -112px;
  }
  .ui-icon-zoomout {
    background-position: -144px -112px;
  }
  .ui-icon-search {
    background-position: -160px -112px;
  }
  .ui-icon-wrench {
    background-position: -176px -112px;
  }
  .ui-icon-gear {
    background-position: -192px -112px;
  }
  .ui-icon-heart {
    background-position: -208px -112px;
  }
  .ui-icon-star {
    background-position: -224px -112px;
  }
  .ui-icon-link {
    background-position: -240px -112px;
  }
  .ui-icon-cancel {
    background-position: 0 -128px;
  }
  .ui-icon-plus {
    background-position: -16px -128px;
  }
  .ui-icon-plusthick {
    background-position: -32px -128px;
  }
  .ui-icon-minus {
    background-position: -48px -128px;
  }
  .ui-icon-minusthick {
    background-position: -64px -128px;
  }
  .ui-icon-close {
    background-position: -80px -128px;
  }
  .ui-icon-closethick {
    background-position: -96px -128px;
  }
  .ui-icon-key {
    background-position: -112px -128px;
  }
  .ui-icon-lightbulb {
    background-position: -128px -128px;
  }
  .ui-icon-scissors {
    background-position: -144px -128px;
  }
  .ui-icon-clipboard {
    background-position: -160px -128px;
  }
  .ui-icon-copy {
    background-position: -176px -128px;
  }
  .ui-icon-contact {
    background-position: -192px -128px;
  }
  .ui-icon-image {
    background-position: -208px -128px;
  }
  .ui-icon-video {
    background-position: -224px -128px;
  }
  .ui-icon-script {
    background-position: -240px -128px;
  }
  .ui-icon-alert {
    background-position: 0 -144px;
  }
  .ui-icon-info {
    background-position: -16px -144px;
  }
  .ui-icon-notice {
    background-position: -32px -144px;
  }
  .ui-icon-help {
    background-position: -48px -144px;
  }
  .ui-icon-check {
    background-position: -64px -144px;
  }
  .ui-icon-bullet {
    background-position: -80px -144px;
  }
  .ui-icon-radio-on {
    background-position: -96px -144px;
  }
  .ui-icon-radio-off {
    background-position: -112px -144px;
  }
  .ui-icon-pin-w {
    background-position: -128px -144px;
  }
  .ui-icon-pin-s {
    background-position: -144px -144px;
  }
  .ui-icon-play {
    background-position: 0 -160px;
  }
  .ui-icon-pause {
    background-position: -16px -160px;
  }
  .ui-icon-seek-next {
    background-position: -32px -160px;
  }
  .ui-icon-seek-prev {
    background-position: -48px -160px;
  }
  .ui-icon-seek-end {
    background-position: -64px -160px;
  }
  .ui-icon-seek-start {
    background-position: -80px -160px;
  }
  .ui-icon-seek-first {
    background-position: -80px -160px;
  }
  .ui-icon-stop {
    background-position: -96px -160px;
  }
  .ui-icon-eject {
    background-position: -112px -160px;
  }
  .ui-icon-volume-off {
    background-position: -128px -160px;
  }
  .ui-icon-volume-on {
    background-position: -144px -160px;
  }
  .ui-icon-power {
    background-position: 0 -176px;
  }
  .ui-icon-signal-diag {
    background-position: -16px -176px;
  }
  .ui-icon-signal {
    background-position: -32px -176px;
  }
  .ui-icon-battery-0 {
    background-position: -48px -176px;
  }
  .ui-icon-battery-1 {
    background-position: -64px -176px;
  }
  .ui-icon-battery-2 {
    background-position: -80px -176px;
  }
  .ui-icon-battery-3 {
    background-position: -96px -176px;
  }
  .ui-icon-circle-plus {
    background-position: 0 -192px;
  }
  .ui-icon-circle-minus {
    background-position: -16px -192px;
  }
  .ui-icon-circle-close {
    background-position: -32px -192px;
  }
  .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
  }
  .ui-icon-circle-triangle-s {
    background-position: -64px -192px;
  }
  .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
  }
  .ui-icon-circle-triangle-n {
    background-position: -96px -192px;
  }
  .ui-icon-circle-arrow-e {
    background-position: -112px -192px;
  }
  .ui-icon-circle-arrow-s {
    background-position: -128px -192px;
  }
  .ui-icon-circle-arrow-w {
    background-position: -144px -192px;
  }
  .ui-icon-circle-arrow-n {
    background-position: -160px -192px;
  }
  .ui-icon-circle-zoomin {
    background-position: -176px -192px;
  }
  .ui-icon-circle-zoomout {
    background-position: -192px -192px;
  }
  .ui-icon-circle-check {
    background-position: -208px -192px;
  }
  .ui-icon-circlesmall-plus {
    background-position: 0 -208px;
  }
  .ui-icon-circlesmall-minus {
    background-position: -16px -208px;
  }
  .ui-icon-circlesmall-close {
    background-position: -32px -208px;
  }
  .ui-icon-squaresmall-plus {
    background-position: -48px -208px;
  }
  .ui-icon-squaresmall-minus {
    background-position: -64px -208px;
  }
  .ui-icon-squaresmall-close {
    background-position: -80px -208px;
  }
  .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
  }
  .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
  }
  .ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
  }
  .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
  }
  .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
  }
  .ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
  }
  .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px;
  }
  .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px;
  }
  .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px;
  }
  .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px;
  }
  .ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
  }
  .ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
  }
}
@layer utilities {
  .ui-datepicker-title {
    flex: 1;
  }
  .ui-datepicker-title select {
    box-shadow: none;
    font-size: 16px;
    padding: 0 0.5em;
    height: auto;
    background: transparent;
    border: 0;
  }
  .ui-datepicker-title select:focus {
    padding: 0 0.5em;
    height: auto;
    background: transparent;
    border: 0;
  }
  .ui-datepicker-title .ui-datepicker-month {
    text-align: right;
  }
  .ui-datepicker {
    z-index: 99999 !important;
  }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border-radius: 5px;
    top: 4px;
  }
  .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    background: rgba(255, 255, 255, 0.1);
    border: none;
  }
  .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/icon-chevron-right-48cd4755fbc9bf9dfc2a9fb03267d638377c4fe16bdac6a588eaf9a49be4c449.svg) center no-repeat;
    transform: scale(50%);
    filter: invert(1);
  }
  .ui-datepicker .ui-datepicker-prev:before {
    transform: scale(50%) rotate(180deg);
  }
  .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
    display: none !important;
  }
  .ui-widget {
    font-family: inherit;
    font-size: inherit;
  }
  .ui-widget .ui-widget {
    font-size: 1em;
    margin-top: 18px;
  }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: 1em;
  }
  .ui-widget-content {
    border: 1px solid #a6c9e2;
    color: #222222;
  }
  .ui-widget-content a {
    color: #222222;
  }
  .ui-widget-header {
    display: flex;
    align-items: center;
    border: 1px solid #373737;
    background: #373737;
    color: #ffffff;
    font-weight: bold;
  }
  .ui-widget-header a {
    color: #ffffff;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5dbec;
    background: #dfeffc url(/images/ui-bg_flat_85_dfeffc_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #2e6e9e;
  }
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none;
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url(/images/ui-bg_flat_75_d0e5f5_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #1d5987;
  }
  .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #1d5987;
    text-decoration: none;
  }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #007095;
    background: #008cba url(/images/ui-bg_flat_100_008CBA_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #fbfbfb;
  }
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fbfbfb;
    text-decoration: none;
  }
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #e2d073;
    background: #fcf6d3;
    color: #41390f;
  }
  .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #ffffff;
  }
  .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cf2a0e;
    background: #f04124 url(/images/ui-bg_flat_95_f04124_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
  }
  .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #ffffff;
  }
  .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #ffffff;
  }
  .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
  }
  .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    font-weight: normal;
  }
  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    background-image: none;
    filter: grayscale(1);
  }
  .ui-state-disabled .ui-icon {
    filter: grayscale(1);
  }
  .ui-icon {
    width: 16px;
    height: 16px;
  }
  .ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/assets/images/ui-icons_469bdd_256x240-4f8d83802b2583b27c9f87dc9dfb9c35b461f3bc5b08e57911650cc5275a9a82.png);
  }
  .ui-widget-header .ui-icon {
    background-image: url(/assets/images/ui-icons_d8e7f3_256x240-4cf11cb9867e1aab163b59d9f303bf7bdf6d7754fe46bde9678b7ddebd5c6389.png);
  }
  .ui-state-default .ui-icon {
    background-image: url(/assets/images/ui-icons_6da8d5_256x240-55baa87ea9adc6edd108b61970148307b764af05c86c7c82d8c0f1071d3dc3e1.png);
  }
  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/assets/images/ui-icons_217bc0_256x240-f8c76e22c0ab2a654e434c1eb8b6249f2039a70aae03a97e803ec7806bd61c53.png);
  }
  .ui-state-active .ui-icon {
    background-image: url(/assets/images/ui-icons_dfdfdf_256x240-34daeb1ad7d807e0d72d2f75ed4c5f5db607729129349e84775c05af92843b36.png);
  }
  .ui-state-highlight .ui-icon {
    background-image: url(/assets/images/ui-icons_dadada_256x240-29702c766a9813fad886ed8a0851c319f5e6d151cf473d94e05f72447554e103.png);
  }
  .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/assets/images/ui-icons_c3b3b3_256x240-26ec16e46e6336395167e12965d74d71d0a028e319f1f089032b2e40f7965efd.png);
  }
  .ui-icon-blank {
    background-position: 16px 16px;
  }
  .ui-icon-carat-1-n {
    background-position: 0 0;
  }
  .ui-icon-carat-1-ne {
    background-position: -16px 0;
  }
  .ui-icon-carat-1-e {
    background-position: -32px 0;
  }
  .ui-icon-carat-1-se {
    background-position: -48px 0;
  }
  .ui-icon-carat-1-s {
    background-position: -64px 0;
  }
  .ui-icon-carat-1-sw {
    background-position: -80px 0;
  }
  .ui-icon-carat-1-w {
    background-position: -96px 0;
  }
  .ui-icon-carat-1-nw {
    background-position: -112px 0;
  }
  .ui-icon-carat-2-n-s {
    background-position: -128px 0;
  }
  .ui-icon-carat-2-e-w {
    background-position: -144px 0;
  }
  .ui-icon-triangle-1-n {
    background-position: 0 -16px;
  }
  .ui-icon-triangle-1-ne {
    background-position: -16px -16px;
  }
  .ui-icon-triangle-1-e {
    background-position: -32px -16px;
  }
  .ui-icon-triangle-1-se {
    background-position: -48px -16px;
  }
  .ui-icon-triangle-1-s {
    background-position: -64px -16px;
  }
  .ui-icon-triangle-1-sw {
    background-position: -80px -16px;
  }
  .ui-icon-triangle-1-w {
    background-position: -96px -16px;
  }
  .ui-icon-triangle-1-nw {
    background-position: -112px -16px;
  }
  .ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
  }
  .ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
  }
  .ui-icon-arrow-1-n {
    background-position: 0 -32px;
  }
  .ui-icon-arrow-1-ne {
    background-position: -16px -32px;
  }
  .ui-icon-arrow-1-e {
    background-position: -32px -32px;
  }
  .ui-icon-arrow-1-se {
    background-position: -48px -32px;
  }
  .ui-icon-arrow-1-s {
    background-position: -64px -32px;
  }
  .ui-icon-arrow-1-sw {
    background-position: -80px -32px;
  }
  .ui-icon-arrow-1-w {
    background-position: -96px -32px;
  }
  .ui-icon-arrow-1-nw {
    background-position: -112px -32px;
  }
  .ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
  }
  .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
  }
  .ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
  }
  .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
  }
  .ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
  }
  .ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
  }
  .ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
  }
  .ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
  }
  .ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
  }
  .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
  }
  .ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
  }
  .ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
  }
  .ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
  }
  .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
  }
  .ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
  }
  .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
  }
  .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
  }
  .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
  }
  .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
  }
  .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
  }
  .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
  }
  .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
  }
  .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
  }
  .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
  }
  .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
  }
  .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
  }
  .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
  }
  .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
  }
  .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
  }
  .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
  }
  .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
  }
  .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
  }
  .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
  }
  .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
  }
  .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
  }
  .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
  }
  .ui-icon-arrow-4 {
    background-position: 0 -80px;
  }
  .ui-icon-arrow-4-diag {
    background-position: -16px -80px;
  }
  .ui-icon-extlink {
    background-position: -32px -80px;
  }
  .ui-icon-newwin {
    background-position: -48px -80px;
  }
  .ui-icon-refresh {
    background-position: -64px -80px;
  }
  .ui-icon-shuffle {
    background-position: -80px -80px;
  }
  .ui-icon-transfer-e-w {
    background-position: -96px -80px;
  }
  .ui-icon-transferthick-e-w {
    background-position: -112px -80px;
  }
  .ui-icon-folder-collapsed {
    background-position: 0 -96px;
  }
  .ui-icon-folder-open {
    background-position: -16px -96px;
  }
  .ui-icon-document {
    background-position: -32px -96px;
  }
  .ui-icon-document-b {
    background-position: -48px -96px;
  }
  .ui-icon-note {
    background-position: -64px -96px;
  }
  .ui-icon-mail-closed {
    background-position: -80px -96px;
  }
  .ui-icon-mail-open {
    background-position: -96px -96px;
  }
  .ui-icon-suitcase {
    background-position: -112px -96px;
  }
  .ui-icon-comment {
    background-position: -128px -96px;
  }
  .ui-icon-person {
    background-position: -144px -96px;
  }
  .ui-icon-print {
    background-position: -160px -96px;
  }
  .ui-icon-trash {
    background-position: -176px -96px;
  }
  .ui-icon-locked {
    background-position: -192px -96px;
  }
  .ui-icon-unlocked {
    background-position: -208px -96px;
  }
  .ui-icon-bookmark {
    background-position: -224px -96px;
  }
  .ui-icon-tag {
    background-position: -240px -96px;
  }
  .ui-icon-home {
    background-position: 0 -112px;
  }
  .ui-icon-flag {
    background-position: -16px -112px;
  }
  .ui-icon-calendar {
    background-position: -32px -112px;
  }
  .ui-icon-cart {
    background-position: -48px -112px;
  }
  .ui-icon-pencil {
    background-position: -64px -112px;
  }
  .ui-icon-clock {
    background-position: -80px -112px;
  }
  .ui-icon-disk {
    background-position: -96px -112px;
  }
  .ui-icon-calculator {
    background-position: -112px -112px;
  }
  .ui-icon-zoomin {
    background-position: -128px -112px;
  }
  .ui-icon-zoomout {
    background-position: -144px -112px;
  }
  .ui-icon-search {
    background-position: -160px -112px;
  }
  .ui-icon-wrench {
    background-position: -176px -112px;
  }
  .ui-icon-gear {
    background-position: -192px -112px;
  }
  .ui-icon-heart {
    background-position: -208px -112px;
  }
  .ui-icon-star {
    background-position: -224px -112px;
  }
  .ui-icon-link {
    background-position: -240px -112px;
  }
  .ui-icon-cancel {
    background-position: 0 -128px;
  }
  .ui-icon-plus {
    background-position: -16px -128px;
  }
  .ui-icon-plusthick {
    background-position: -32px -128px;
  }
  .ui-icon-minus {
    background-position: -48px -128px;
  }
  .ui-icon-minusthick {
    background-position: -64px -128px;
  }
  .ui-icon-close {
    background-position: -80px -128px;
  }
  .ui-icon-closethick {
    background-position: -96px -128px;
  }
  .ui-icon-key {
    background-position: -112px -128px;
  }
  .ui-icon-lightbulb {
    background-position: -128px -128px;
  }
  .ui-icon-scissors {
    background-position: -144px -128px;
  }
  .ui-icon-clipboard {
    background-position: -160px -128px;
  }
  .ui-icon-copy {
    background-position: -176px -128px;
  }
  .ui-icon-contact {
    background-position: -192px -128px;
  }
  .ui-icon-image {
    background-position: -208px -128px;
  }
  .ui-icon-video {
    background-position: -224px -128px;
  }
  .ui-icon-script {
    background-position: -240px -128px;
  }
  .ui-icon-alert {
    background-position: 0 -144px;
  }
  .ui-icon-info {
    background-position: -16px -144px;
  }
  .ui-icon-notice {
    background-position: -32px -144px;
  }
  .ui-icon-help {
    background-position: -48px -144px;
  }
  .ui-icon-check {
    background-position: -64px -144px;
  }
  .ui-icon-bullet {
    background-position: -80px -144px;
  }
  .ui-icon-radio-on {
    background-position: -96px -144px;
  }
  .ui-icon-radio-off {
    background-position: -112px -144px;
  }
  .ui-icon-pin-w {
    background-position: -128px -144px;
  }
  .ui-icon-pin-s {
    background-position: -144px -144px;
  }
  .ui-icon-play {
    background-position: 0 -160px;
  }
  .ui-icon-pause {
    background-position: -16px -160px;
  }
  .ui-icon-seek-next {
    background-position: -32px -160px;
  }
  .ui-icon-seek-prev {
    background-position: -48px -160px;
  }
  .ui-icon-seek-end {
    background-position: -64px -160px;
  }
  .ui-icon-seek-start {
    background-position: -80px -160px;
  }
  .ui-icon-seek-first {
    background-position: -80px -160px;
  }
  .ui-icon-stop {
    background-position: -96px -160px;
  }
  .ui-icon-eject {
    background-position: -112px -160px;
  }
  .ui-icon-volume-off {
    background-position: -128px -160px;
  }
  .ui-icon-volume-on {
    background-position: -144px -160px;
  }
  .ui-icon-power {
    background-position: 0 -176px;
  }
  .ui-icon-signal-diag {
    background-position: -16px -176px;
  }
  .ui-icon-signal {
    background-position: -32px -176px;
  }
  .ui-icon-battery-0 {
    background-position: -48px -176px;
  }
  .ui-icon-battery-1 {
    background-position: -64px -176px;
  }
  .ui-icon-battery-2 {
    background-position: -80px -176px;
  }
  .ui-icon-battery-3 {
    background-position: -96px -176px;
  }
  .ui-icon-circle-plus {
    background-position: 0 -192px;
  }
  .ui-icon-circle-minus {
    background-position: -16px -192px;
  }
  .ui-icon-circle-close {
    background-position: -32px -192px;
  }
  .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
  }
  .ui-icon-circle-triangle-s {
    background-position: -64px -192px;
  }
  .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
  }
  .ui-icon-circle-triangle-n {
    background-position: -96px -192px;
  }
  .ui-icon-circle-arrow-e {
    background-position: -112px -192px;
  }
  .ui-icon-circle-arrow-s {
    background-position: -128px -192px;
  }
  .ui-icon-circle-arrow-w {
    background-position: -144px -192px;
  }
  .ui-icon-circle-arrow-n {
    background-position: -160px -192px;
  }
  .ui-icon-circle-zoomin {
    background-position: -176px -192px;
  }
  .ui-icon-circle-zoomout {
    background-position: -192px -192px;
  }
  .ui-icon-circle-check {
    background-position: -208px -192px;
  }
  .ui-icon-circlesmall-plus {
    background-position: 0 -208px;
  }
  .ui-icon-circlesmall-minus {
    background-position: -16px -208px;
  }
  .ui-icon-circlesmall-close {
    background-position: -32px -208px;
  }
  .ui-icon-squaresmall-plus {
    background-position: -48px -208px;
  }
  .ui-icon-squaresmall-minus {
    background-position: -64px -208px;
  }
  .ui-icon-squaresmall-close {
    background-position: -80px -208px;
  }
  .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
  }
  .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
  }
  .ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
  }
  .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
  }
  .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
  }
  .ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
  }
  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
  }
  .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
  }
  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
  }
  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
  }
  .ui-widget-overlay {
    background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
  }
  .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    border-radius: 8px;
  }
  .ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
  }
}
@layer utilities {
  .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 14px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    z-index: 99995;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
  }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
  }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  .daterangepicker.opensleft:before {
    right: 9px;
  }
  .daterangepicker.opensleft:after {
    right: 10px;
  }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .daterangepicker.opensright:before {
    left: 9px;
  }
  .daterangepicker.opensright:after {
    left: 10px;
  }
  .daterangepicker.drop-up {
    margin-top: -7px;
  }
  .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
  }
  .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
  }
  .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
  }
  .daterangepicker.single .drp-selected {
    display: none;
  }
  .daterangepicker.show-calendar .drp-calendar {
    display: block;
  }
  .daterangepicker.show-calendar .drp-buttons {
    display: block;
  }
  .daterangepicker.auto-apply .drp-buttons {
    display: none;
  }
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
  }
  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
  }
  .daterangepicker .drp-calendar.right {
    padding: 8px;
  }
  .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
  }
  .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
  }
  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
  }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: transparent;
  }
  .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
  }
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
  }
  .daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
  }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
  }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
  }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
  }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
  }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px;
  }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
  }
  .daterangepicker th.month {
    width: auto;
  }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    opacity: 0.5;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  .daterangepicker select {
    font-size: 13px;
    height: auto;
    margin: 0;
    cursor: pointer;
    box-shadow: none;
    font-weight: bold;
  }
  .daterangepicker select:hover {
    background: #eee;
  }
  .daterangepicker select.monthselect {
    text-align: right;
  }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    padding: 5px 10px !important;
  }
  .daterangepicker select.monthselect {
    width: 50%;
  }
  .daterangepicker select.yearselect {
    width: 50%;
  }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 13px;
  }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
  }
  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
  }
  .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
  }
  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 13px;
    padding-right: 8px;
  }
  .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 8px;
  }
  .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
  }
  .daterangepicker.show-calendar .ranges {
    margin-top: 8px;
  }
  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .daterangepicker .ranges li {
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
  }
  .daterangepicker:not(.show-calendar) .ranges li:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .daterangepicker:not(.show-calendar) .ranges li:last-of-type {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  @media (min-width: 564px) {
    .daterangepicker {
      width: auto;
    }
    .daterangepicker .ranges ul {
      width: 140px;
    }
    .daterangepicker.single .ranges ul {
      width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
      clear: none;
    }
    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
      float: left;
    }
    .daterangepicker {
      direction: ltr;
      text-align: left;
    }
    .daterangepicker .drp-calendar.left {
      clear: left;
      margin-right: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .daterangepicker .drp-calendar.right {
      margin-left: 0;
    }
    .daterangepicker .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 8px;
    }
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
      float: left;
    }
  }
  @media (min-width: 730px) {
    .daterangepicker .ranges {
      width: auto;
    }
    .daterangepicker .ranges {
      float: left;
    }
    .daterangepicker.rtl .ranges {
      float: right;
    }
    .daterangepicker .drp-calendar.left {
      clear: none !important;
    }
  }
  [data-theme="dark"] .daterangepicker {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  }
  [data-theme="dark"] .daterangepicker:before {
    border-bottom-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .daterangepicker:after {
    border-bottom-color: var(--color-bg-light);
  }
  [data-theme="dark"] .daterangepicker.drop-up:before {
    border-top-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .daterangepicker.drop-up:after {
    border-top-color: var(--color-bg-light);
  }
  [data-theme="dark"] .daterangepicker .calendar-table {
    border-color: var(--color-bg-light);
  }
  [data-theme="dark"] .daterangepicker .calendar-table .next span, [data-theme="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--color-contrast-high);
  }
  [data-theme="dark"] .daterangepicker td.available:hover, [data-theme="dark"] .daterangepicker th.available:hover {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .daterangepicker td.off, [data-theme="dark"] .daterangepicker td.off.in-range, [data-theme="dark"] .daterangepicker td.off.start-date, [data-theme="dark"] .daterangepicker td.off.end-date {
    background-color: var(--color-bg-light);
    color: var(--color-contrast-low);
  }
  [data-theme="dark"] .daterangepicker td.in-range {
    background-color: var(--color-bg-lighter);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .daterangepicker td.disabled, [data-theme="dark"] .daterangepicker option.disabled {
    color: var(--color-contrast-low);
  }
  [data-theme="dark"] .daterangepicker select {
    background-color: var(--color-bg-lighter);
    border-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .daterangepicker select:hover {
    background-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .daterangepicker select.hourselect, [data-theme="dark"] .daterangepicker select.minuteselect, [data-theme="dark"] .daterangepicker select.secondselect, [data-theme="dark"] .daterangepicker select.ampmselect {
    background: var(--color-bg-lighter);
    border-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .daterangepicker .drp-buttons {
    border-top-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .daterangepicker .ranges li:hover {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .daterangepicker .ranges li.active {
    background-color: #357ebd;
    color: #fff;
  }
  [data-theme="dark"] .daterangepicker.show-ranges.single.rtl .drp-calendar.left, [data-theme="dark"] .daterangepicker.show-ranges.single.ltr .drp-calendar.left, [data-theme="dark"] .daterangepicker.show-ranges.rtl .drp-calendar.right, [data-theme="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-color: var(--color-contrast-lower);
  }
}
@layer utilities {
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table;
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
}
@layer utilities {
  @charset "UTF-8";
  .slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-prev {
    left: -25px;
  }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
  }
  .slick-prev:before {
    content: "\2190";
  }
  [dir="rtl"] .slick-prev:before {
    content: "\2192";
  }
  .slick-next {
    right: -25px;
  }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
  }
  .slick-next:before {
    content: "\2192";
  }
  [dir="rtl"] .slick-next:before {
    content: "\2190";
  }
  .slick-dotted.slick-slider {
    position: relative;
  }
  .slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 3px;
    cursor: pointer;
  }
  .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 8px;
    width: 8px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    border-radius: 99px;
    background: #333;
    opacity: 0.25;
  }
  .slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
    opacity: 1;
  }
  .slick-dots li.slick-active button {
    opacity: 0.75;
  }
}
@layer utilities {
  .tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
  }
  [data-tippy-root] {
    max-width: calc(100vw - 10px);
  }
  .tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform,visibility,opacity;
  }
  .tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0;
  }
  .tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
  }
  .tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0;
  }
  .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
  }
  .tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0;
  }
  .tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
  }
  .tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0;
  }
  .tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
  }
  .tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
  }
  .tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
  }
  .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
  }
  .tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
  }
}
@layer utilities {
  .tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0;
  }
  .tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg);
  }
  .tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0;
  }
  .tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px;
  }
  .tippy-box[data-placement^=left]>.tippy-svg-arrow {
    right: 0;
  }
  .tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px;
  }
  .tippy-box[data-placement^=right]>.tippy-svg-arrow {
    left: 0;
  }
  .tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px;
  }
  .tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial;
  }
  .tippy-svg-arrow,.tippy-svg-arrow>svg {
    position: absolute;
  }
}
@layer utilities {
  .tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    background-color: #fff;
  }
  .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff;
  }
  .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
  }
  .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff;
  }
  .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
  }
  .tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff;
  }
  .tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff;
  }
}
@layer utilities {
  .tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
    opacity: 0;
  }
  .tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
    transform: translateY(5px);
  }
  .tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-5px);
  }
  .tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
    transform: translateX(5px);
  }
  .tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
    transform: translateX(-5px);
  }
}
@layer utilities {
  .fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed;
  }
  .fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .fc {
    display: flex;
    flex-direction: column;
    font-size: 1em;
  }
  .fc, .fc *, .fc *:before, .fc *:after {
    box-sizing: border-box;
  }
  .fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
  }
  .fc th {
    text-align: center;
  }
  .fc th, .fc td {
    vertical-align: top;
    padding: 0;
  }
  .fc a[data-navlink] {
    cursor: pointer;
  }
  .fc a[data-navlink]:hover {
    text-decoration: underline;
  }
  .fc-direction-ltr {
    direction: ltr;
    text-align: left;
  }
  .fc-direction-rtl {
    direction: rtl;
    text-align: right;
  }
  .fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
  .fc-liquid-hack td, .fc-liquid-hack th {
    position: relative;
  }
  @font-face {
    font-family: 'fcicons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  .fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'fcicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .fc-icon-chevron-left:before {
    content: "\e900";
  }
  .fc-icon-chevron-right:before {
    content: "\e901";
  }
  .fc-icon-chevrons-left:before {
    content: "\e902";
  }
  .fc-icon-chevrons-right:before {
    content: "\e903";
  }
  .fc-icon-minus-square:before {
    content: "\e904";
  }
  .fc-icon-plus-square:before {
    content: "\e905";
  }
  .fc-icon-x:before {
    content: "\e906";
  }
  .fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  .fc .fc-button {
    -webkit-appearance: button;
  }
  .fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
  .fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  .fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
  .fc .fc-button:hover {
    text-decoration: none;
  }
  .fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
  .fc .fc-button:disabled {
    opacity: 0.65;
  }
  .fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
  .fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
  .fc .fc-button-primary:disabled {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
  .fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
  .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
  .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
  .fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em;
  }
  .fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
  .fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
  .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
  .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
  .fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
  .fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
  .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em;
  }
  .fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em;
  }
  .fc-direction-rtl .fc-toolbar-ltr {
    flex-direction: row-reverse;
  }
  .fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .fc .fc-scroller-liquid {
    height: 100%;
  }
  .fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
  }
  .fc .fc-scroller-harness-liquid {
    height: 100%;
  }
  .fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    direction: rtl;
  }
  .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
  .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
    width: 100%;
    table-layout: fixed;
  }
  .fc .fc-scrollgrid table {
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
  }
  .fc .fc-scrollgrid {
    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;
  }
  .fc .fc-scrollgrid-liquid {
    height: 100%;
  }
  .fc .fc-scrollgrid-section {
    height: 1px;
  }
  .fc .fc-scrollgrid-section > td {
    height: 1px;
  }
  .fc .fc-scrollgrid-section table {
    height: 1px;
  }
  .fc .fc-scrollgrid-section-liquid > td {
    height: 100%;
  }
  .fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
  .fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
  .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden;
  }
  .fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3;
  }
  .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0;
  }
  .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0;
  }
  .fc .fc-scrollgrid-sticky-shim {
    height: 1px;
    margin-bottom: -1px;
  }
  .fc-sticky {
    position: sticky;
  }
  .fc .fc-view-harness {
    flex-grow: 1;
    position: relative;
  }
  .fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
  }
  .fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
  .fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3);
  }
  .fc .fc-bg-event .fc-event-title {
    margin: .5em;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    font-style: italic;
  }
  .fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
  .fc .fc-cell-shaded, .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
  a.fc-event, a.fc-event:hover {
    text-decoration: none;
  }
  .fc-event[href], .fc-event.fc-event-draggable {
    cursor: pointer;
  }
  .fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
  .fc-event-dragging:not(.fc-event-selected) {
    opacity: 0.75;
  }
  .fc-event-dragging.fc-event-selected {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
  .fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
  .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
  .fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
  .fc-event-selected .fc-event-resizer:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
  }
  .fc-event-selected, .fc-event:focus {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
  .fc-h-event {
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
  }
  .fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
  .fc-h-event .fc-event-main-frame {
    display: flex;
  }
  .fc-h-event .fc-event-time {
    max-width: 100%;
    overflow: hidden;
  }
  .fc-h-event .fc-event-title-container {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
  }
  .fc-h-event .fc-event-title {
    display: inline-block;
    vertical-align: top;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow: hidden;
  }
  .fc-h-event.fc-event-selected:before {
    top: -10px;
    bottom: -10px;
  }
  .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
  }
  .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
  }
  .fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    top: 0;
    bottom: 0;
    width: 8px;
    width: var(--fc-event-resizer-thickness, 8px);
  }
  .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
    left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
  }
  .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
    right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
  }
  .fc-h-event.fc-event-selected .fc-event-resizer {
    top: 50%;
    margin-top: -4px;
    margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
  }
  .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
    left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
  }
  .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
    right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
  }
  .fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
  .fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
  .fc .fc-popover-title {
    margin: 0 2px;
  }
  .fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
  .fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
  .fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
  :root {
    --fc-daygrid-event-dot-width: 8px;
  }
  .fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
    content: "";
    clear: both;
    display: table;
  }
  .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
    content: "";
    clear: both;
    display: table;
  }
  .fc .fc-daygrid-body {
    position: relative;
    z-index: 1;
  }
  .fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
  }
  .fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%;
  }
  .fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
  .fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
  .fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
  .fc .fc-daygrid-day-events {
    margin-top: 1px;
  }
  .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
  }
  .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: relative;
    min-height: 2em;
  }
  .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1em;
  }
  .fc .fc-daygrid-event-harness {
    position: relative;
  }
  .fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .fc .fc-daygrid-day-bg .fc-non-business {
    z-index: 1;
  }
  .fc .fc-daygrid-day-bg .fc-bg-event {
    z-index: 2;
  }
  .fc .fc-daygrid-day-bg .fc-highlight {
    z-index: 3;
  }
  .fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
  .fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
  .fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0;
  }
  .fc .fc-daygrid-day-bottom:before {
    content: "";
    clear: both;
    display: table;
  }
  .fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
  .fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
  .fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px;
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
  }
  .fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
  .fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
  .fc-liquid-hack .fc-daygrid-day-frame {
    position: static;
  }
  .fc-daygrid-event {
    position: relative;
    white-space: nowrap;
    border-radius: 3px;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
  }
  .fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
  .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
  .fc-daygrid-dot-event {
    display: flex;
    align-items: center;
    padding: 2px 0;
  }
  .fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: bold;
  }
  .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
  .fc-daygrid-dot-event.fc-event-selected:before {
    top: -10px;
    bottom: -10px;
  }
  .fc-daygrid-event-dot {
    margin: 0 4px;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 4px solid #3788d8;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
  }
  .fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
  .fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }
  .fc-v-event {
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
  }
  .fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }
  .fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }
  .fc-v-event .fc-event-title-container {
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
  }
  .fc-v-event .fc-event-title {
    top: 0;
    bottom: 0;
    max-height: 100%;
    overflow: hidden;
  }
  .fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .fc-v-event.fc-event-selected:before {
    left: -10px;
    right: -10px;
  }
  .fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }
  .fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }
  .fc-v-event:not(.fc-event-selected) .fc-event-resizer {
    height: 8px;
    height: var(--fc-event-resizer-thickness, 8px);
    left: 0;
    right: 0;
  }
  .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
    top: -4px;
    top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
  }
  .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
    bottom: -4px;
    bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
  }
  .fc-v-event.fc-event-selected .fc-event-resizer {
    left: 50%;
    margin-left: -4px;
    margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
  }
  .fc-v-event.fc-event-selected .fc-event-resizer-start {
    top: -4px;
    top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
  }
  .fc-v-event.fc-event-selected .fc-event-resizer-end {
    bottom: -4px;
    bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
  }
  .fc .fc-timegrid .fc-daygrid-body {
    z-index: 2;
  }
  .fc .fc-timegrid-divider {
    padding: 0 0 2px;
  }
  .fc .fc-timegrid-body {
    position: relative;
    z-index: 1;
    min-height: 100%;
  }
  .fc .fc-timegrid-axis-chunk {
    position: relative;
  }
  .fc .fc-timegrid-axis-chunk > table {
    position: relative;
    z-index: 1;
  }
  .fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
  .fc .fc-timegrid-slot {
    height: 1.5em;
    border-bottom: 0;
  }
  .fc .fc-timegrid-slot:empty:before {
    content: '\00a0';
  }
  .fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
  .fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
  .fc .fc-timegrid-slot-label {
    vertical-align: middle;
  }
  .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
  .fc .fc-timegrid-axis-frame-liquid {
    height: 100%;
  }
  .fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .fc .fc-timegrid-axis-cushion {
    max-width: 60px;
    flex-shrink: 0;
  }
  .fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
  .fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
  .fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
  }
  .fc .fc-timegrid-col-frame {
    min-height: 100%;
    position: relative;
  }
  .fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .fc-media-screen .fc-timegrid-cols {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .fc-media-screen .fc-timegrid-cols > table {
    height: 100%;
  }
  .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .fc .fc-timegrid-col-bg {
    z-index: 2;
  }
  .fc .fc-timegrid-col-bg .fc-non-business {
    z-index: 1;
  }
  .fc .fc-timegrid-col-bg .fc-bg-event {
    z-index: 2;
  }
  .fc .fc-timegrid-col-bg .fc-highlight {
    z-index: 3;
  }
  .fc .fc-timegrid-bg-harness {
    position: absolute;
    left: 0;
    right: 0;
  }
  .fc .fc-timegrid-col-events {
    z-index: 3;
  }
  .fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden;
  }
  .fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
  .fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
  .fc-timegrid-event-harness {
    position: absolute;
  }
  .fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
    box-shadow: 0px 0px 0px 1px #fff;
    box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
  }
  .fc-timegrid-event, .fc-timegrid-more-link {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    border-radius: 3px;
  }
  .fc-timegrid-event {
    margin-bottom: 1px;
  }
  .fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
  .fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
  .fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
  .fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0';
  }
  .fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
  }
  .fc-timegrid-more-link {
    position: absolute;
    z-index: 9999;
    color: inherit;
    color: var(--fc-more-link-text-color, inherit);
    background: #d0d0d0;
    background: var(--fc-more-link-bg-color, #d0d0d0);
    cursor: pointer;
    margin-bottom: 1px;
  }
  .fc-timegrid-more-link-inner {
    padding: 3px 2px;
    top: 0;
  }
  .fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
  .fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }
  .fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
  .fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
  .fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  :root {
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
  }
  .fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
  .fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
  .fc .fc-list-table {
    width: 100%;
    border-style: hidden;
  }
  .fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
  .fc .fc-list-sticky .fc-list-day > * {
    position: sticky;
    top: 0;
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
  .fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
  }
  .fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
  }
  .fc .fc-list-table th {
    padding: 0;
  }
  .fc .fc-list-table td, .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
  .fc .fc-list-day-cushion:after {
    content: "";
    clear: both;
    display: table;
  }
  .fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
  .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {
    float: left;
  }
  .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text {
    float: right;
  }
  .fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    padding-right: 0;
  }
  .fc-direction-rtl .fc-list-table .fc-list-event-graphic {
    padding-left: 0;
  }
  .fc .fc-list-event.fc-event-forced-url {
    cursor: pointer;
  }
  .fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
  .fc .fc-list-event-graphic, .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
  .fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
  .fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
  .fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }
  .fc-theme-bootstrap a:not([href]) {
    color: inherit;
  }
  .fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
  }
  .fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th {
    border: 1px solid var(--bs-gray-400);
  }
  .fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
  }
  .fc-theme-bootstrap5-shaded {
    background-color: var(--bs-gray-200);
  }
}
@layer utilities {
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .hide {
    display: none;
  }
  .margin-top-xxs {
    margin-top: var(--space-xxs);
  }
  .margin-top-xs {
    margin-top: var(--space-xs);
  }
  .margin-top-lg {
    margin-top: var(--space-lg);
  }
  .margin-top-auto {
    margin-top: auto;
  }
  .margin-bottom-xxxxs {
    margin-bottom: var(--space-xxxxs);
  }
  .margin-bottom-xxxs {
    margin-bottom: var(--space-xxxs);
  }
  .margin-bottom-lg {
    margin-bottom: var(--space-lg);
  }
  .margin-bottom-0 {
    margin-bottom: 0;
  }
  .margin-right-lg {
    margin-right: var(--space-lg);
  }
  .margin-left-xs {
    margin-left: var(--space-xs);
  }
  .margin-left-md {
    margin-left: var(--space-md);
  }
  .padding-top-0 {
    padding-top: 0;
  }
  .padding-bottom-0 {
    padding-bottom: 0;
  }
  .padding-right-md {
    padding-right: var(--space-md);
  }
  .padding-left-sm {
    padding-left: var(--space-sm);
  }
  .padding-x-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }
  .padding-y-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .break-word {
    overflow-wrap: break-word;
    min-width: 0;
  }
  .text-medium {
    font-weight: 500;
  }
  .text-bold {
    font-weight: 700;
  }
  .font-smooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .text-line-through {
    text-decoration: line-through;
  }
  .text-underline {
    text-decoration: underline;
  }
  .text-decoration-none {
    text-decoration: none;
  }
  .ws-nowrap, .text-nowrap {
    white-space: nowrap;
  }
  .line-height-1 {
    line-height: 1 !important;
  }
  .line-height-sm {
    --heading-line-height: 1.1;
    --body-line-height: 1.2;
  }
  .line-height-sm:not(.text-component) {
    line-height: 1.2;
  }
  .line-height-md {
    --heading-line-height: 1.15;
    --body-line-height: 1.4;
  }
  .line-height-md:not(.text-component) {
    line-height: 1.4;
  }
  .line-height-lg {
    --heading-line-height: 1.22;
    --body-line-height: 1.58;
  }
  .line-height-lg:not(.text-component) {
    line-height: 1.58;
  }
  .line-height-normal {
    line-height: normal !important;
  }
  .user-select-none {
    user-select: none;
  }
  [class^="color-"], [class*=" color-"] {
    --color-o: 1;
  }
  .color-inherit {
    color: inherit;
  }
  .color-bg-darker {
    color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--color-o, 1));
  }
  .color-bg-dark {
    color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--color-o, 1));
  }
  .color-bg {
    color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1));
  }
  .color-bg-light {
    color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--color-o, 1));
  }
  .color-bg-lighter {
    color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--color-o, 1));
  }
  .color-contrast-lower {
    color: hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1) );
  }
  .color-contrast-low {
    color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1));
  }
  .color-contrast-medium {
    color: hsla( var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1) );
  }
  .color-contrast-high {
    color: hsla( var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1) );
  }
  .color-contrast-higher {
    color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1) );
  }
  .color-primary-darker {
    color: hsla( var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1) );
  }
  .color-primary-dark {
    color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1));
  }
  .color-primary {
    color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1));
  }
  .color-primary-light {
    color: hsla( var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1) );
  }
  .color-primary-lighter {
    color: hsla( var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1) );
  }
  .color-accent-darker {
    color: hsla( var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1) );
  }
  .color-accent-dark {
    color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1));
  }
  .color-accent {
    color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1));
  }
  .color-accent-light {
    color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1));
  }
  .color-accent-lighter {
    color: hsla( var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1) );
  }
  .color-success-darker {
    color: hsla( var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1) );
  }
  .color-success-dark {
    color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1));
  }
  .color-success {
    color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1));
  }
  .color-success-light {
    color: hsla( var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1) );
  }
  .color-success-lighter {
    color: hsla( var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1) );
  }
  .color-warning-darker {
    color: hsla( var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1) );
  }
  .color-warning-dark {
    color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1));
  }
  .color-warning {
    color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1));
  }
  .color-warning-light {
    color: hsla( var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1) );
  }
  .color-warning-lighter {
    color: hsla( var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1) );
  }
  .color-error-darker {
    color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1));
  }
  .color-error-dark {
    color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1));
  }
  .color-error {
    color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1));
  }
  .color-error-light {
    color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1));
  }
  .color-error-lighter {
    color: hsla( var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1) );
  }
  .color-white {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1));
  }
  .color-black {
    color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1));
  }
  @supports (--css: variables) {
    [class^="color-gradient"], [class*=" color-gradient"] {
      color: transparent !important;
      background-clip: text;
    }
  }
  .shadow-xs {
    box-shadow: var(--shadow-xs);
  }
  .shadow-sm {
    box-shadow: var(--shadow-sm);
  }
  .shadow-md {
    box-shadow: var(--shadow-md);
  }
  .shadow-lg {
    box-shadow: var(--shadow-lg);
  }
  .shadow-xl {
    box-shadow: var(--shadow-xl);
  }
  .shadow-none {
    box-shadow: none;
  }
  :root {
    --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
    --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
  }
  .inner-glow, .inner-glow-top {
    position: relative;
  }
  .inner-glow::after, .inner-glow-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
  }
  .inner-glow::after {
    box-shadow: var(--inner-glow);
  }
  .inner-glow-top::after {
    box-shadow: var(--inner-glow-top);
  }
  .z-index-popover {
    z-index: var(--z-index-popover);
  }
  .z-index-fixed-element {
    z-index: var(--z-index-fixed-element);
  }
  .zindex-1, .z-index-1 {
    z-index: 1;
  }
  .zindex-2, .z-index-2 {
    z-index: 2;
  }
  .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }
  [class^="border-"], [class*=" border-"] {
    --border-o: 1;
  }
  .border {
    border: 1px solid hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-top {
    border-top: 1px solid hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-bottom {
    border-bottom: 1px solid hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-left {
    border-left: 1px solid hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-right {
    border-right: 1px solid hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-2 {
    border-width: 2px;
  }
  .border-3 {
    border-width: 3px;
  }
  @supports (--css: variables) {
    .border {
      border: var(--border-width, 1px) var(--border-style, solid) hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
    }
    .border-top {
      border-top: var(--border-width, 1px) var(--border-style, solid) hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
    }
    .border-bottom {
      border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
    }
    .border-left {
      border-left: var(--border-width, 1px) var(--border-style, solid) hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
    }
    .border-right {
      border-right: var(--border-width, 1px) var(--border-style, solid) hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
    }
    .border-2 {
      --border-width: 2px;
    }
    .border-3 {
      --border-width: 3px;
    }
    .border-dashed {
      --border-style: dashed;
    }
  }
  .border-contrast-lower {
    border-color: hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1) );
  }
  .border-contrast-low {
    border-color: hsla( var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1) );
  }
  .border-primary {
    border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1));
  }
  .border-white {
    border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1));
  }
  .border-black {
    border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1));
  }
  .radius-sm {
    border-radius: var(--radius-sm);
  }
  .radius-md {
    border-radius: var(--radius-md);
  }
  .radius-lg {
    border-radius: var(--radius-lg);
  }
  .radius-full {
    border-radius: 50em;
  }
  .bg, [class^="bg-"], [class*=" bg-"] {
    --bg-o: 1;
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-darker {
    background-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--bg-o));
  }
  .bg-dark {
    background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--bg-o));
  }
  .bg {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o));
  }
  .bg-light {
    background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--bg-o));
  }
  .bg-lighter {
    background-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--bg-o));
  }
  .bg-primary {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1));
  }
  .bg-warning {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1));
  }
  .bg-white {
    background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1));
  }
  .bg-black {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1));
  }
}
@layer utilities {
  :root {
    --heading-line-height: 1.2;
    --body-line-height: 1.4;
  }
  body {
    font-size: var(--text-base-size, 1em);
    font-family: var(--font-primary, sans-serif);
    color: var(--color-contrast-high, hsl(240, 4%, 20%));
    font-weight: var(--body-font-weight, normal);
  }
  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    color: var(--color-contrast-higher, hsl(240, 8%, 12%));
    line-height: var(--heading-line-height, 1.2);
    font-weight: var(--heading-font-weight, 700);
  }
  h1:not([class*="h"]), .h1 {
    font-size: var(--text-xxl, 2.074em);
  }
  h2:not([class*="h"]), .h2 {
    font-size: var(--text-xl, 1.728em);
  }
  h3:not([class*="h"]), .h3 {
    font-size: var(--text-lg, 1.44em);
  }
  h4:not([class*="h"]), .h4 {
    font-size: var(--text-md, 1.2em);
  }
  h6 {
    font-size: 1rem;
    font-weight: 500;
    opacity: 0.8;
    letter-spacing: 0.0325em;
  }
  h6 a:hover {
    opacity: 1;
  }
  small {
    font-size: var(--text-sm, 0.833em);
  }
  a.link {
    color: var(--color-primary, hsl(220, 90%, 56%));
    text-decoration: underline;
  }
  strong {
    font-weight: bold;
  }
  s {
    text-decoration: line-through;
  }
  u {
    text-decoration: underline;
  }
  .text-component {
    --text-space-y-multiplier: var(--text-vspace-multiplier, 1);
  }
  .text-component h1, .text-component h2, .text-component h3, .text-component h4 {
    line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * 0.25 * var(--text-space-y-multiplier, 1));
  }
  .text-component h2, .text-component h3, .text-component h4 {
    margin-top: calc(var(--space-unit) * 0.75 * var(--text-space-y-multiplier, 1));
  }
  .text-component p, .text-component blockquote, .text-component ul li, .text-component ol li {
    line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1));
  }
  .text-component ul, .text-component ol, .text-component p, .text-component blockquote, .text-component .text-component__block {
    margin-bottom: calc(var(--space-unit) * 0.75 * var(--text-space-y-multiplier, 1));
  }
  .text-component ul, .text-component ol {
    list-style-position: inside;
  }
  .text-component ul ul, .text-component ul ol, .text-component ol ul, .text-component ol ol {
    padding-left: 1em;
    margin-bottom: 0;
  }
  .text-component ul {
    list-style-type: disc;
  }
  .text-component ol {
    list-style-type: decimal;
  }
  .text-component img {
    display: block;
    margin: 0 auto;
  }
  .text-component figcaption {
    text-align: center;
    margin-top: calc(var(--space-unit) * 0.5);
  }
  .text-component em {
    font-style: italic;
  }
  .text-component hr {
    margin-top: calc(var(--space-unit) * var(--text-space-y-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * var(--text-space-y-multiplier, 1));
    margin-left: auto;
    margin-right: auto;
  }
  .text-component > *:first-child {
    margin-top: 0;
  }
  .text-component > *:last-child {
    margin-bottom: 0;
  }
  .text-component__block--full-width {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  @media (min-width: 48rem) {
    .text-component__block--left, .text-component__block--right {
      width: 45%;
    }
    .text-component__block--left img, .text-component__block--right img {
      width: 100%;
    }
    .text-component__block--left {
      float: left;
      margin-right: calc(var(--space-unit) * 0.75 * var(--text-space-y-multiplier, 1));
    }
    .text-component__block--right {
      float: right;
      margin-left: calc(var(--space-unit) * 0.75 * var(--text-space-y-multiplier, 1));
    }
  }
  @media (min-width: 90rem) {
    .text-component__block--outset {
      width: calc(100% + 10.5 * var(--space-unit));
    }
    .text-component__block--outset img {
      width: 100%;
    }
    .text-component__block--outset:not(.text-component__block--right) {
      margin-left: calc(-5.25 * var(--space-unit));
    }
    .text-component__block--left, .text-component__block--right {
      width: 50%;
    }
    .text-component__block--right.text-component__block--outset {
      margin-right: calc(-5.25 * var(--space-unit));
    }
  }
  :root {
    --font-primary: "Rubik", system-ui, sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --text-unit: 1em;
  }
  :root, * {
    --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio));
  }
  @media (min-width: 64rem) {
    :root {
      --text-base-size: 1.125em;
      --text-scale-ratio: 1.25;
    }
  }
  body {
    font-family: var(--font-primary);
  }
  h1, h2, h3, h4 {
    --heading-font-weight: 700;
  }
  .font-primary {
    font-family: var(--font-primary);
  }
  mark {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    color: inherit;
  }
  .text-component {
    --line-height-multiplier: 1;
    --text-space-y-multiplier: 1;
  }
  .text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid var(--color-contrast-lower);
  }
  .text-component hr {
    background: var(--color-contrast-lower);
    height: 1px;
  }
  .text-component figcaption {
    font-size: var(--text-sm);
    color: var(--color-contrast-low);
  }
  .article {
    --body-line-height: 1.58;
    --text-space-y-multiplier: 1.2;
  }
}
@layer utilities {
  .form-control {
    font-size: var(--form-control-font-size, 1em);
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: 6px;
  }
  .form-legend {
    color: var(--color-contrast-higher, hsl(240, 8%, 12%));
    line-height: var(--heading-line-height, 1.2);
    font-size: var(--text-md, 1.2em);
    margin-top: var(--space-sm);
    margin-bottom: var(--space-xxs);
  }
  .form-label {
    display: inline-block;
    font-size: var(--text-sm, 0.833em);
  }
  .form__msg-error, .form-error-msg {
    color: var(--color-error, hsl(349, 75%, 51%));
    font-size: var(--text-sm, 0.833em);
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .form__msg-error--is-visible, .form-error-msg--is-visible {
    position: relative;
    clip: auto;
  }
  .radio-list > *, .checkbox-list > * {
    position: relative;
    display: flex;
    align-items: baseline;
  }
  .radio-list label, .checkbox-list label {
    line-height: var(--body-line-height);
  }
  .radio-list input, .checkbox-list input {
    margin-right: var(--space-xxxs);
    flex-shrink: 0;
  }
  :root {
    --form-control-font-size: 1em;
    --form-control-radius: 6px;
    --form-control-padding-x: var(--space-xs);
    --form-control-padding-y: 6px;
  }
  @media (min-width: 768px) {
    :root {
      --form-control-padding-y: 7px;
    }
  }
  @media (min-width: 64rem) {
    :root {
      --form-control-padding-y: 8px;
    }
  }
  .is-native {
    --form-control-radius: var(--radius-lg);
  }
  .form-control {
    background: var(--color-bg-light);
    background-clip: padding-box;
    line-height: 20px;
    box-shadow: inset 0px 0px 0px 2px var(--color-contrast-lower);
    transition: all 0.2s ease;
    border: 1px solid transparent;
  }
  .form-control::placeholder {
    opacity: 1;
    color: var(--color-contrast-low);
  }
  .form-control:focus {
    background: var(--color-bg-lighter);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 2px var(--color-primary), var(--shadow-sm);
    outline: none;
  }
  .form-control--disabled, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .form-control--disabled + .icon, .form-control[disabled] + .icon, .form-control[readonly] + .icon, fieldset[disabled] .form-control + .icon {
    opacity: 0.5;
  }
  .form-control[aria-invalid="true"], .form-control.form-control--error {
    background: rgba(255, 0, 0, 0.05);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 2px var(--color-error);
  }
  .form-control[aria-invalid="true"]:focus, .form-control.form-control--error:focus {
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm);
  }
}
@layer utilities {
  button.btn, button.button {
    font-family: inherit;
    font-size: inherit;
  }
  .btn, .button, input[type="submit"] {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1;
    padding-top: var(--btn-padding-y, 0.5em);
    padding-bottom: var(--btn-padding-y, 0.5em);
    padding-left: var(--btn-padding-x, 0.75em);
    padding-right: var(--btn-padding-x, 0.75em);
    border-radius: var(--btn-radius, 0.25em);
  }
  .btn--sm {
    font-size: var(--btn-font-size-sm, 0.8em);
    --btn-padding-y: 4px;
    line-height: 16px;
  }
  .btn--md {
    font-size: var(--btn-font-size-md, 1.2em);
  }
  .btn--lg {
    font-size: var(--btn-font-size-lg, 1.4em);
  }
  .btn--icon {
    padding: var(--btn-padding-y, 0.5em);
  }
  :root {
    --btn-font-size: 1em;
    --btn-padding-x: var(--space-sm);
    --btn-radius: 0.4em;
    --btn-padding-y: 6px;
  }
  @media (min-width: 768px) {
    :root {
      --btn-padding-y: 7px;
    }
  }
  @media (min-width: 64rem) {
    :root {
      --btn-padding-y: 8px;
    }
  }
  .is-native {
    --btn-radius: 0.6em;
  }
  .btn, .button, input[type="submit"] {
    cursor: pointer;
    text-decoration: none;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: var(--shadow-xs);
    transition: all 0.2s ease;
    will-change: transform;
    color: var(--color-contrast-higher);
    background: transparent;
    border: 1px solid var(--color-contrast-lower);
  }
  .btn:hover, .button:hover, input[type="submit"]:hover {
    box-shadow: var(--shadow-sm);
    background: rgba(0, 0, 0, 0.02);
  }
  .btn:focus, .button:focus, input[type="submit"]:focus {
    outline: 2px solid rgba(0, 0, 0, 0.15);
    outline-offset: 1px;
  }
  .btn:active, .button:active, input[type="submit"]:active {
    transform: translateY(2px);
  }
  .btn.btn--text, .button.btn--text, input.btn--text[type="submit"] {
    color: var(--color-contrast-higher);
    box-shadow: none;
  }
  .btn.btn--text:hover, .button.btn--text:hover, input.btn--text[type="submit"]:hover {
    box-shadow: none;
    text-decoration: underline;
  }
  .btn--subtle {
    background: #f1f5f9;
    color: var(--color-contrast-higher);
  }
  .btn--subtle.lvl2 {
    background: #f2e8fe;
    outline-color: rgb(198.67, 176.91, 216.59);
  }
  .btn--subtle.lvl3 {
    background: #e4f1e5;
    outline-color: rgb(168.21, 206.79, 179.46);
  }
  .btn--subtle.outline {
    outline-style: solid;
    outline-width: 0;
  }
  .btn--subtle.outline:hover {
    outline-width: 2px;
  }
  .btn--subtle:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-color: rgb(205.3, 219.5, 233.7);
  }
  .btn--primary, input[type="submit"] {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: transparent;
  }
  .btn--primary:hover, input[type="submit"]:hover {
    background: var(--color-primary-dark);
  }
  .btn--primary:focus, input[type="submit"]:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
    outline-offset: 1px;
  }
  .btn--secondary {
    background: #f1f5f9;
    color: var(--color-contrast-higher);
    border: 1px solid var(--color-contrast-lower);
  }
  [data-theme="dark"] .btn--secondary {
    border-color: rgba(255, 255, 255, 0.08);
  }
  .btn--secondary:hover {
    background: #e2e8f0;
    border-color: var(--color-contrast-low);
  }
  .btn--secondary:focus {
    outline: 2px solid rgba(0, 0, 0, 0.15);
    outline-offset: 1px;
  }
  .btn--accent {
    background: var(--color-accent-dark);
    color: var(--color-white);
    border-color: transparent;
  }
  .btn--accent:hover {
    background: var(--color-accent-darker);
  }
  .btn--accent:focus {
    outline: 2px solid hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.4);
    outline-offset: 1px;
  }
  .btn--danger, .btn--error, .btn--alert {
    background: var(--color-error-dark);
    color: var(--color-white);
    border-color: transparent;
  }
  .btn--danger.light, .btn--error.light, .btn--alert.light {
    background: rgba(255, 0, 0, 0.2);
    color: var(--color-error-dark);
  }
  .btn--danger:hover, .btn--error:hover, .btn--alert:hover {
    background: var(--color-error-darker);
    color: var(--color-white);
  }
  .btn--danger:focus, .btn--error:focus, .btn--alert:focus {
    outline: 2px solid hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.4);
    outline-offset: 1px;
  }
  .btn--warning {
    background: var(--color-warning-dark);
    color: var(--color-black);
    border-color: transparent;
  }
  .btn--warning.light {
    background: rgb(246, 221, 170);
    color: rgb(70, 48, 3);
  }
  .btn--warning:hover {
    background: var(--color-warning-darker);
  }
  .btn--warning:focus {
    outline: 2px solid hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.4);
    outline-offset: 1px;
  }
  .btn--disabled, .btn[disabled], .button[disabled], input[disabled][type="submit"], .btn[readonly], .button[readonly], input[readonly][type="submit"] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
  }
  .btn-icon {
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    flex-shrink: 0;
  }
  .btn-icon:hover {
    background-color: var(--color-contrast-lower);
  }
  .btn-icon:focus {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
  .btn-icon.small {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.875em;
  }
}
@layer utilities {
  .row {
    width: 100%;
  }
  .row::after {
    clear: both;
    content: "";
    display: block;
  }
}
@layer utilities {
  :root {
    --radius-sm: calc(var(--radius, 0.25em) / 2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em) * 2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),
    0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),
    0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),
    0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),
    0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),
    0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),
    0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),
    0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  :root {
    --icon-xxxs: 8px;
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 96px;
    --icon-xxxl: 128px;
  }
  .icon {
    --size: 1em;
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: var(--size);
    width: var(--size);
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
  }
  .icon path[stroke] {
    fill: none;
  }
  .icon--xxxs {
    --size: var(--icon-xxxs);
  }
  .icon--xxs {
    --size: var(--icon-xxs);
  }
  .icon--xs {
    --size: var(--icon-xs);
  }
  .icon--sm {
    --size: var(--icon-sm);
  }
  .icon--md {
    --size: var(--icon-md);
  }
  .icon--lg {
    --size: var(--icon-lg);
  }
  .icon--xl {
    --size: var(--icon-xl);
  }
  .icon--xxl {
    --size: var(--icon-xxl);
  }
  .icon--xxxl {
    --size: var(--icon-xxxl);
  }
  .icon--is-spinning {
    animation: icon-spin 1s infinite linear;
  }
  @keyframes icon-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .icon use {
    color: inherit;
    fill: currentColor;
  }
  :root {
    --display: block;
  }
  .is-visible {
    display: var(--display) !important;
  }
  .is-hidden {
    display: none !important;
  }
  html:not(.js) .no-js\:is-hidden {
    display: none !important;
  }
  @media print {
    .print\:is-hidden {
      display: none !important;
    }
  }
  .sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap;
  }
  :root {
    --zindex-header: 3;
    --zindex-popover: 11;
    --zindex-fixed-element: 12;
    --zindex-overlay: 15;
    --z-index-header: var(--zindex-header, 3);
    --z-index-popover: var(--zindex-popover, 11);
    --z-index-fixed-element: var(--zindex-fixed-element, 12);
    --z-index-overlay: var(--zindex-overlay, 15);
  }
  :root {
    --heading-line-height: 1.2;
    --body-line-height: 1.4;
  }
  :root {
    --space-unit: 1em;
  }
  :root, * {
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md);
  }
  [data-theme="default"], [data-theme="april"] {
    --color-primary-darker: hsl(204, 100%, 10%);
    --color-primary-darker-h: 204;
    --color-primary-darker-s: 100%;
    --color-primary-darker-l: 10%;
    --color-primary-dark: hsl(204, 100%, 20%);
    --color-primary-dark-h: 204;
    --color-primary-dark-s: 100%;
    --color-primary-dark-l: 20%;
    --color-primary: hsl(204, 100%, 30%);
    --color-primary-h: 204;
    --color-primary-s: 100%;
    --color-primary-l: 30%;
    --color-primary-light: hsl(204, 100%, 40%);
    --color-primary-light-h: 204;
    --color-primary-light-s: 100%;
    --color-primary-light-l: 40%;
    --color-primary-lighter: hsl(204, 100%, 50%);
    --color-primary-lighter-h: 204;
    --color-primary-lighter-s: 100%;
    --color-primary-lighter-l: 50%;
    --color-accent-darker: hsl(9, 85%, 40%);
    --color-accent-darker-h: 9;
    --color-accent-darker-s: 85%;
    --color-accent-darker-l: 40%;
    --color-accent-dark: hsl(9, 85%, 50%);
    --color-accent-dark-h: 9;
    --color-accent-dark-s: 85%;
    --color-accent-dark-l: 50%;
    --color-accent: hsl(9, 85%, 60%);
    --color-accent-h: 9;
    --color-accent-s: 85%;
    --color-accent-l: 60%;
    --color-accent-light: hsl(9, 85%, 70%);
    --color-accent-light-h: 9;
    --color-accent-light-s: 85%;
    --color-accent-light-l: 70%;
    --color-accent-lighter: hsl(9, 85%, 80%);
    --color-accent-lighter-h: 9;
    --color-accent-lighter-s: 85%;
    --color-accent-lighter-l: 80%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46, 100%, 47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46, 100%, 50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(94, 48%, 42%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 42%;
    --color-success-dark: hsl(94, 48%, 48%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 48%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 65%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 65%;
    --color-success-lighter: hsl(94, 48%, 74%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 74%;
    --color-error-darker: hsl(349, 75%, 36%);
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 36%;
    --color-error-dark: hsl(349, 75%, 44%);
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 44%;
    --color-error: hsl(349, 75%, 51%);
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 51%;
    --color-error-light: hsl(349, 75%, 59%);
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 59%;
    --color-error-lighter: hsl(349, 75%, 67%);
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 67%;
    --color-bg-darker: hsl(0, 0%, 89%);
    --color-bg-darker-h: 0;
    --color-bg-darker-s: 0%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(0, 0%, 93%);
    --color-bg-dark-h: 0;
    --color-bg-dark-s: 0%;
    --color-bg-dark-l: 93%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-bg-light: hsl(0, 0%, 100%);
    --color-bg-light-h: 0;
    --color-bg-light-s: 0%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(0, 0%, 100%);
    --color-bg-lighter-h: 0;
    --color-bg-lighter-s: 0%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 83%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 83%;
    --color-contrast-low: hsl(0, 0%, 62%);
    --color-contrast-low-h: 0;
    --color-contrast-low-s: 0%;
    --color-contrast-low-l: 62%;
    --color-contrast-medium: hsl(0, 0%, 43%);
    --color-contrast-medium-h: 0;
    --color-contrast-medium-s: 0%;
    --color-contrast-medium-l: 43%;
    --color-contrast-high: hsl(0, 0%, 17%);
    --color-contrast-high-h: 0;
    --color-contrast-high-s: 0%;
    --color-contrast-high-l: 17%;
    --color-contrast-higher: hsl(0, 0%, 0%);
    --color-contrast-higher-h: 0;
    --color-contrast-higher-s: 0%;
    --color-contrast-higher-l: 0%;
  }
  [data-theme="default"] .hover\:border-gray-400:hover, [data-theme="april"] .hover\:border-gray-400:hover {
    border-color: var(--color-contrast-low) !important;
  }
  [data-theme="default"] select:not([data-controller]), [data-theme="april"] select:not([data-controller]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.825rem center;
    background-size: 0.75em;
    padding-right: 2rem;
    -webkit-appearance: none;
    appearance: none;
  }
  [data-theme="dark"] {
    --color-primary-darker: hsl(204, 85%, 70%);
    --color-primary-darker-h: 204;
    --color-primary-darker-s: 85%;
    --color-primary-darker-l: 70%;
    --color-primary-dark: hsl(204, 85%, 65%);
    --color-primary-dark-h: 204;
    --color-primary-dark-s: 85%;
    --color-primary-dark-l: 65%;
    --color-primary: hsl(204, 85%, 58%);
    --color-primary-h: 204;
    --color-primary-s: 85%;
    --color-primary-l: 58%;
    --color-primary-light: hsl(204, 85%, 52%);
    --color-primary-light-h: 204;
    --color-primary-light-s: 85%;
    --color-primary-light-l: 52%;
    --color-primary-lighter: hsl(204, 85%, 45%);
    --color-primary-lighter-h: 204;
    --color-primary-lighter-s: 85%;
    --color-primary-lighter-l: 45%;
    --color-accent-darker: hsl(9, 85%, 70%);
    --color-accent-darker-h: 9;
    --color-accent-darker-s: 85%;
    --color-accent-darker-l: 70%;
    --color-accent-dark: hsl(9, 85%, 65%);
    --color-accent-dark-h: 9;
    --color-accent-dark-s: 85%;
    --color-accent-dark-l: 65%;
    --color-accent: hsl(9, 85%, 60%);
    --color-accent-h: 9;
    --color-accent-s: 85%;
    --color-accent-l: 60%;
    --color-accent-light: hsl(9, 85%, 55%);
    --color-accent-light-h: 9;
    --color-accent-light-s: 85%;
    --color-accent-light-l: 55%;
    --color-accent-lighter: hsl(9, 85%, 50%);
    --color-accent-lighter-h: 9;
    --color-accent-lighter-s: 85%;
    --color-accent-lighter-l: 50%;
    --color-black: hsl(0, 0%, 95%);
    --color-black-h: 0;
    --color-black-s: 0%;
    --color-black-l: 95%;
    --color-white: hsl(220, 13%, 14%);
    --color-white-h: 220;
    --color-white-s: 13%;
    --color-white-l: 14%;
    --color-warning-darker: hsl(46, 100%, 65%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 65%;
    --color-warning-dark: hsl(46, 100%, 60%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 60%;
    --color-warning: hsl(46, 100%, 55%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 55%;
    --color-warning-light: hsl(46, 100%, 45%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 45%;
    --color-warning-lighter: hsl(46, 100%, 35%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 35%;
    --color-success-darker: hsl(94, 48%, 60%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 60%;
    --color-success-dark: hsl(94, 48%, 55%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 55%;
    --color-success: hsl(94, 48%, 50%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 50%;
    --color-success-light: hsl(94, 48%, 40%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 40%;
    --color-success-lighter: hsl(94, 48%, 30%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 30%;
    --color-error-darker: hsl(349, 75%, 65%);
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 65%;
    --color-error-dark: hsl(349, 75%, 60%);
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 60%;
    --color-error: hsl(349, 75%, 55%);
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 55%;
    --color-error-light: hsl(349, 75%, 45%);
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 45%;
    --color-error-lighter: hsl(349, 75%, 35%);
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 35%;
    --color-bg-darker: hsl(220, 10%, 6%);
    --color-bg-darker-h: 220;
    --color-bg-darker-s: 10%;
    --color-bg-darker-l: 6%;
    --color-bg-dark: hsl(220, 10%, 10%);
    --color-bg-dark-h: 220;
    --color-bg-dark-s: 10%;
    --color-bg-dark-l: 10%;
    --color-bg: hsl(220, 10%, 8%);
    --color-bg-h: 220;
    --color-bg-s: 10%;
    --color-bg-l: 8%;
    --color-bg-light: hsl(220, 10%, 12%);
    --color-bg-light-h: 220;
    --color-bg-light-s: 10%;
    --color-bg-light-l: 12%;
    --color-bg-lighter: hsl(220, 10%, 16%);
    --color-bg-lighter-h: 220;
    --color-bg-lighter-s: 10%;
    --color-bg-lighter-l: 16%;
    --color-contrast-lower: hsl(220, 10%, 22%);
    --color-contrast-lower-h: 220;
    --color-contrast-lower-s: 10%;
    --color-contrast-lower-l: 22%;
    --color-contrast-low: hsl(220, 10%, 40%);
    --color-contrast-low-h: 220;
    --color-contrast-low-s: 10%;
    --color-contrast-low-l: 40%;
    --color-contrast-medium: hsl(220, 10%, 60%);
    --color-contrast-medium-h: 220;
    --color-contrast-medium-s: 10%;
    --color-contrast-medium-l: 60%;
    --color-contrast-high: hsl(220, 10%, 80%);
    --color-contrast-high-h: 220;
    --color-contrast-high-s: 10%;
    --color-contrast-high-l: 80%;
    --color-contrast-higher: hsl(220, 10%, 95%);
    --color-contrast-higher-h: 220;
    --color-contrast-higher-s: 10%;
    --color-contrast-higher-l: 95%;
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.1), 0 0.9px 1.5px rgba(0, 0, 0, 0.2), 0 3.5px 6px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.15), 0 3.1px 5.5px rgba(0, 0, 0, 0.25), 0 14px 25px rgba(0, 0, 0, 0.4);
  }
  [data-theme="dark"] body {
    background-color: var(--color-bg);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
    background-color: var(--color-bg-light);
    border-color: transparent;
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] input::placeholder, [data-theme="dark"] select::placeholder, [data-theme="dark"] textarea::placeholder {
    color: var(--color-contrast-low);
  }
  [data-theme="dark"] select:not([data-controller]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.825rem center;
    background-size: 0.75em;
    padding-right: 2rem;
    -webkit-appearance: none;
    appearance: none;
  }
  [data-theme="dark"] .f-header__dropdown {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .f-header__dropdown a, [data-theme="dark"] .f-header__dropdown .f-header__dropdown-link {
    color: var(--color-contrast-high);
  }
  [data-theme="dark"] .f-header__dropdown a:hover, [data-theme="dark"] .f-header__dropdown .f-header__dropdown-link:hover {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .f-header {
    background-color: hsl(204, 100%, 20%);
  }
  [data-theme="dark"] .f-header .f-header__link, [data-theme="dark"] .f-header .f-header__dropdown-control, [data-theme="dark"] .f-header a.f-header__link {
    color: hsl(0, 0%, 83%) !important;
  }
  [data-theme="dark"] .f-header .f-header__link:hover, [data-theme="dark"] .f-header .f-header__link[aria-current="page"], [data-theme="dark"] .f-header .f-header__dropdown-control:hover, [data-theme="dark"] .f-header .f-header__dropdown-control[aria-current="page"], [data-theme="dark"] .f-header a.f-header__link:hover, [data-theme="dark"] .f-header a.f-header__link[aria-current="page"] {
    color: white !important;
  }
  [data-theme="dark"] body.env-development .f-header {
    background-color: hsl(0, 0%, 17%);
  }
  [data-theme="dark"] body.env-development .f-header .f-header__link, [data-theme="dark"] body.env-development .f-header .f-header__dropdown-control, [data-theme="dark"] body.env-development .f-header a.f-header__link {
    color: hsl(0, 0%, 83%) !important;
  }
  [data-theme="dark"] body.env-development .f-header .f-header__link:hover, [data-theme="dark"] body.env-development .f-header .f-header__link[aria-current="page"], [data-theme="dark"] body.env-development .f-header .f-header__dropdown-control:hover, [data-theme="dark"] body.env-development .f-header .f-header__dropdown-control[aria-current="page"], [data-theme="dark"] body.env-development .f-header a.f-header__link:hover, [data-theme="dark"] body.env-development .f-header a.f-header__link[aria-current="page"] {
    color: white !important;
  }
  [data-theme="dark"] .callout, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe {
    background-color: var(--color-bg-light) !important;
    border-color: var(--color-contrast-lower) !important;
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .callout .callout, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .callout, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe .callout, [data-theme="dark"] .callout .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout .callout-wannabe, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe .callout-wannabe {
    background-color: var(--color-bg-lighter) !important;
  }
  [data-theme="dark"] .callout input:not([type="checkbox"]):not([type="radio"]), [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe input:not([type="checkbox"]):not([type="radio"]), .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe input:not([type="checkbox"]):not([type="radio"]), [data-theme="dark"] .callout select, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe select, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe select, [data-theme="dark"] .callout textarea, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe textarea, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe textarea, [data-theme="dark"] .callout .form-control, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .form-control, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe .form-control, [data-theme="dark"] .callout .ts-control, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .ts-control, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe .ts-control {
    background-color: var(--color-bg) !important;
    background-clip: padding-box;
  }
  [data-theme="dark"] .callout.info, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .info.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .info.callout-wannabe {
    background-color: rgba(56, 189, 248, 0.15) !important;
    border-color: rgba(56, 189, 248, 0.3) !important;
  }
  [data-theme="dark"] .callout.warning, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .warning.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .warning.callout-wannabe {
    background-color: rgba(251, 191, 36, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
  }
  [data-theme="dark"] .callout.notes, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .notes.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .notes.callout-wannabe {
    background-color: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.2) !important;
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .callout.success, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .success.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .success.callout-wannabe {
    background-color: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
  }
  [data-theme="dark"] .callout.alert, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .alert.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .alert.callout-wannabe, [data-theme="dark"] .callout.danger, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .danger.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .danger.callout-wannabe {
    background-color: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
  }
  [data-theme="dark"] .callout hr, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe hr, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe hr {
    background-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] table.table {
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] table.table thead th, [data-theme="dark"] table.table thead td, [data-theme="dark"] table.table tfoot th, [data-theme="dark"] table.table tfoot td {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] table.table tbody {
    background-color: var(--color-bg);
  }
  [data-theme="dark"] table.table tbody tr:nth-child(even) {
    background-color: var(--color-bg-light);
  }
  [data-theme="dark"] table.table tbody tr:hover > td, [data-theme="dark"] table.table tbody tr.hovered > td {
    background-color: rgba(255, 255, 255, 0.08) !important;
  }
  [data-theme="dark"] table.table tbody td {
    border-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] table.table tr.red, [data-theme="dark"] table.table tr.alert, [data-theme="dark"] table.table tr.status-error {
    color: var(--color-error);
    background: rgba(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.15);
  }
  [data-theme="dark"] table.table tr.yellow, [data-theme="dark"] table.table tr.warning {
    background: rgba(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.15);
  }
  [data-theme="dark"] table.table tr.green, [data-theme="dark"] table.table tr.success {
    background: rgba(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.15);
  }
  [data-theme="dark"] .table thead th, [data-theme="dark"] .table tfoot th {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .accordion-tabs-minimal .tab-link, [data-theme="dark"] .accordion-tabs-minimal a.tab-link {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .accordion-tabs-minimal .tab-link:hover:not(.is-active), [data-theme="dark"] .accordion-tabs-minimal a.tab-link:hover:not(.is-active) {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .accordion-tabs-minimal .tab-link.is-active, [data-theme="dark"] .accordion-tabs-minimal a.tab-link.is-active {
    background-color: var(--color-bg);
    border-color: var(--color-contrast-lower);
    border-bottom-color: var(--color-bg);
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .accordion-tabs-minimal .tab-link.is-active:before, [data-theme="dark"] .accordion-tabs-minimal a.tab-link.is-active:before {
    background: var(--color-bg);
  }
  [data-theme="dark"] .accordion-tabs-minimal .tab-content {
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .tabs__control, [data-theme="dark"] a.tabs__control {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .tabs__control:hover, [data-theme="dark"] a.tabs__control:hover {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .tabs__control[aria-selected="true"], [data-theme="dark"] a.tabs__control[aria-selected="true"] {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .tabs-nav-v2__item, [data-theme="dark"] a.tabs-nav-v2__item {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .tabs-nav-v2__item:hover, [data-theme="dark"] a.tabs-nav-v2__item:hover {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .tabs-nav-v2__item[aria-selected="true"], [data-theme="dark"] a.tabs-nav-v2__item[aria-selected="true"] {
    color: var(--color-contrast-higher) !important;
    background-color: var(--color-bg) !important;
  }
  [data-theme="dark"] trix-editor {
    background-color: var(--color-bg-light);
    color: var(--color-contrast-higher);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .trix-content {
    background-color: transparent;
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] trix-toolbar {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] trix-toolbar .trix-button {
    background-color: var(--color-bg-light);
    color: var(--color-contrast-high);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] trix-toolbar .trix-button:hover {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] trix-toolbar .trix-button.trix-active {
    background-color: var(--color-bg-lighter);
  }
  [data-theme="dark"] .number-input__btn {
    background: rgba(255, 255, 255, 0.1);
  }
  [data-theme="dark"] .number-input__btn:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  [data-theme="dark"] .number-input__btn:focus {
    background-color: var(--color-primary);
  }
  [data-theme="dark"] .number-input__btn .icon {
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ts-wrapper {
    background: transparent;
  }
  [data-theme="dark"] .ts-control {
    background-color: var(--color-bg-light);
    border-color: transparent;
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ts-dropdown {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .ts-dropdown .option, [data-theme="dark"] .ts-dropdown .optgroup-header, [data-theme="dark"] .ts-dropdown .no-results, [data-theme="dark"] .ts-dropdown .create {
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ts-dropdown .active {
    background-color: var(--color-bg-lighter);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ts-dropdown .optgroup-header {
    background-color: var(--color-bg);
    color: var(--color-contrast-medium);
  }
  [data-theme="dark"] .ts-wrapper.multi .ts-control > div {
    background: var(--color-bg-lighter);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ts-dropdown, [data-theme="dark"] .ts-control, [data-theme="dark"] .ts-control input {
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] a:not(.btn):not(.button.primary):not(.button):not(.button) {
    color: var(--color-primary);
  }
  [data-theme="dark"] .card, [data-theme="dark"] .panel {
    background-color: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .sticky-header:before {
    background: var(--color-bg);
  }
  [data-theme="dark"] .radio--bg-green:checked + label {
    background-color: rgba(34, 197, 94, 0.15);
  }
  [data-theme="dark"] .radio--bg-green:checked:hover + label {
    background-color: rgba(34, 197, 94, 0.25);
  }
  [data-theme="dark"] footer code {
    background-color: var(--color-bg-lighter);
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
  }
  [data-theme="dark"] .badge.badge--primary-light {
    background-color: rgba(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  }
  [data-theme="dark"] .badge--success-light, [data-theme="dark"] .badge.green.light, [data-theme="dark"] .badge.success.light {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .badge--warning-light, [data-theme="dark"] .badge.yellow.light, [data-theme="dark"] .badge.warning.light {
    background-color: rgba(251, 191, 36, 0.2) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .badge--error-light, [data-theme="dark"] .badge.red.light, [data-theme="dark"] .badge.alert.light, [data-theme="dark"] .badge.danger.light {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .badge.orange.light {
    background-color: rgba(249, 115, 22, 0.25) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .badge.purple {
    background-color: rgba(168, 85, 247, 0.2) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .badge.warning:not(.light), [data-theme="dark"] .badge.yellow:not(.light), [data-theme="dark"] .badge.badge-needs_update, [data-theme="dark"] .badge.badge-draft, [data-theme="dark"] .badge.badge-cr_errored, [data-theme="dark"] .badge.badge-scheduled, [data-theme="dark"] .badge.badge-low_priority {
    background-color: hsl(46, 70%, 50%) !important;
    color: hsl(30, 50%, 15%) !important;
  }
  [data-theme="dark"] .badge.success:not(.light), [data-theme="dark"] .badge.green:not(.light), [data-theme="dark"] .badge.badge-applied, [data-theme="dark"] .badge.badge-cr_synced, [data-theme="dark"] .badge.badge-ready, [data-theme="dark"] .badge.badge-success, [data-theme="dark"] .badge.badge-high_priority {
    background-color: hsl(94, 45%, 35%) !important;
    color: white !important;
  }
  [data-theme="dark"] .badge.success:not(.light) svg path, [data-theme="dark"] .badge.green:not(.light) svg path, [data-theme="dark"] .badge.badge-applied svg path, [data-theme="dark"] .badge.badge-cr_synced svg path, [data-theme="dark"] .badge.badge-ready svg path, [data-theme="dark"] .badge.badge-success svg path, [data-theme="dark"] .badge.badge-high_priority svg path {
    fill: white !important;
  }
  [data-theme="dark"] .badge.alert:not(.light), [data-theme="dark"] .badge.red:not(.light), [data-theme="dark"] .badge.danger:not(.light), [data-theme="dark"] .badge.badge-cr_bad_id, [data-theme="dark"] .badge.badge-refunding_failed, [data-theme="dark"] .badge.badge-failed {
    background-color: hsl(349, 65%, 45%) !important;
    color: white !important;
  }
  [data-theme="dark"] .badge.primary {
    background-color: hsl(204, 70%, 45%) !important;
    color: white !important;
  }
  [data-theme="dark"] .badge.primary.light {
    background-color: rgba(56, 189, 248, 0.25) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .attendance-badge .badge, [data-theme="dark"] a.badge[href*="attendance_rate"] {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .ms-container .ms-selectable, [data-theme="dark"] .ms-container .ms-selection {
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ms-container .ms-list {
    background: var(--color-bg-light);
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .ms-container .ms-selectable li.ms-elem-selectable, [data-theme="dark"] .ms-container .ms-selection li.ms-elem-selection {
    border-bottom-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
  }
  [data-theme="dark"] .ms-container .ms-selectable li.ms-hover, [data-theme="dark"] .ms-container .ms-selection li.ms-hover {
    background-color: var(--color-primary);
    color: #fff;
  }
  [data-theme="dark"] .ms-container .ms-selectable li.disabled, [data-theme="dark"] .ms-container .ms-selection li.disabled {
    background-color: var(--color-bg);
    color: var(--color-contrast-low);
  }
  [data-theme="dark"] .ms-container .ms-optgroup-label {
    background: var(--color-bg);
    color: var(--color-contrast-medium);
  }
  [data-theme="dark"] #footer {
    background: var(--color-bg-light);
  }
  [data-theme="dark"] .accordion-v2__item, [data-theme="dark"] .callout.field-callout, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.callout-wannabe {
    background-color: var(--color-bg-light) !important;
  }
  [data-theme="dark"] .accordion-v2__item .accordion-v2__item, [data-theme="dark"] .accordion-v2__item .callout, [data-theme="dark"] .accordion-v2__item .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .accordion-v2__item .callout-wannabe, [data-theme="dark"] .callout.field-callout .accordion-v2__item, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.callout-wannabe .accordion-v2__item, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.callout-wannabe .accordion-v2__item, [data-theme="dark"] .callout.field-callout .callout, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.callout-wannabe .callout, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.callout-wannabe .callout, [data-theme="dark"] .callout.field-callout .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout.field-callout .callout-wannabe, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.callout-wannabe .callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.callout-wannabe .callout-wannabe {
    background-color: var(--color-bg-lighter) !important;
  }
  [data-theme="dark"] .callout .accordion-v2__item, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .accordion-v2__item, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .callout-wannabe .accordion-v2__item {
    background-color: var(--color-bg-lighter) !important;
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .accordion-v2__item.notes, [data-theme="dark"] .accordion-v2__item.warning, [data-theme="dark"] .callout.field-callout.notes, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.notes.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.notes.callout-wannabe, [data-theme="dark"] .callout.field-callout.warning, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.warning.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.warning.callout-wannabe {
    background-color: rgba(251, 191, 36, 0.12) !important;
  }
  [data-theme="dark"] .accordion-v2__item.alert, [data-theme="dark"] .accordion-v2__item.error-state, [data-theme="dark"] .callout.field-callout.alert, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.alert.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.alert.callout-wannabe, [data-theme="dark"] .callout.field-callout.error-state, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.error-state.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.error-state.callout-wannabe {
    background-color: rgba(239, 68, 68, 0.15) !important;
  }
  [data-theme="dark"] .accordion-v2__item.success, [data-theme="dark"] .callout.field-callout.success, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.success.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.success.callout-wannabe {
    background-color: rgba(34, 197, 94, 0.12) !important;
  }
  [data-theme="dark"] .accordion-v2__item.info, [data-theme="dark"] .callout.field-callout.info, [data-theme="dark"] .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .field-callout.info.callout-wannabe, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) [data-theme="dark"] .field-callout.info.callout-wannabe {
    background-color: rgba(56, 189, 248, 0.12) !important;
  }
  [data-theme="dark"] .bg-white, [data-theme="dark"] .xl\:bg-white {
    background-color: var(--color-bg-light) !important;
  }
  [data-theme="dark"] .bg-gray-50 {
    background-color: var(--color-bg-light) !important;
  }
  [data-theme="dark"] .bg-gray-100 {
    background-color: var(--color-bg-lighter) !important;
  }
  [data-theme="dark"] .border-gray-200, [data-theme="dark"] .border-gray-300, [data-theme="dark"] .xl\:border-gray-300 {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .hover\:border-gray-400:hover {
    border-color: var(--color-contrast-low) !important;
  }
  [data-theme="dark"] .text-gray-400 {
    color: var(--color-contrast-medium) !important;
  }
  [data-theme="dark"] .text-gray-600, [data-theme="dark"] .text-gray-700 {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .text-secondary, [data-theme="dark"] .text-gray {
    color: var(--color-contrast-medium) !important;
  }
  [data-theme="dark"] .bg-yellow-50 {
    background-color: rgba(251, 191, 36, 0.15) !important;
  }
  [data-theme="dark"] .bg-yellow-100 {
    background-color: rgba(251, 191, 36, 0.2) !important;
  }
  [data-theme="dark"] .border-yellow-400 {
    border-color: rgba(251, 191, 36, 0.5) !important;
  }
  [data-theme="dark"] .bg-blue-50 {
    background-color: rgba(56, 189, 248, 0.15) !important;
  }
  [data-theme="dark"] .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.15) !important;
  }
  [data-theme="dark"] .bg-green-50 {
    background-color: rgba(34, 197, 94, 0.15) !important;
  }
  [data-theme="dark"] .bg-purple-50 {
    background-color: rgba(168, 85, 247, 0.15) !important;
  }
  [data-theme="dark"] .text-yellow-900, [data-theme="dark"] .text-yellow-800 {
    color: rgb(255, 253, 245) !important;
  }
  [data-theme="dark"] .text-blue-900, [data-theme="dark"] .text-blue-800 {
    color: rgb(245, 250, 255) !important;
  }
  [data-theme="dark"] .text-red-900, [data-theme="dark"] .text-red-800 {
    color: rgb(255, 248, 248) !important;
  }
  [data-theme="dark"] .text-green-900, [data-theme="dark"] .text-green-800 {
    color: rgb(248, 255, 250) !important;
  }
  [data-theme="dark"] .text-purple-900, [data-theme="dark"] .text-purple-800 {
    color: rgb(252, 248, 255) !important;
  }
  [data-theme="dark"] .border-yellow-200 {
    border-color: rgba(251, 191, 36, 0.3) !important;
  }
  [data-theme="dark"] .border-blue-200 {
    border-color: rgba(56, 189, 248, 0.3) !important;
  }
  [data-theme="dark"] .border-red-200 {
    border-color: rgba(239, 68, 68, 0.3) !important;
  }
  [data-theme="dark"] .border-green-200 {
    border-color: rgba(34, 197, 94, 0.3) !important;
  }
  [data-theme="dark"] .border-purple-200 {
    border-color: rgba(168, 85, 247, 0.3) !important;
  }
  [data-theme="dark"] div.jsoneditor-tree {
    background: var(--color-bg) !important;
  }
  [data-theme="dark"] .jsoneditor-navigation-bar {
    background-color: var(--color-bg-light) !important;
    color: var(--color-contrast-high) !important;
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .jsoneditor-contextmenu .jsoneditor-menu {
    background: var(--color-bg) !important;
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .jsoneditor-contextmenu .jsoneditor-menu li button {
    color: var(--color-contrast-high) !important;
    background: transparent !important;
  }
  [data-theme="dark"] .jsoneditor-contextmenu .jsoneditor-menu li button:hover {
    background: var(--color-bg-light) !important;
  }
  [data-theme="dark"] .jsoneditor-value, [data-theme="dark"] .jsoneditor-field {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .jsoneditor-separator {
    color: var(--color-contrast-medium) !important;
  }
  [data-theme="dark"] .jsoneditor-readonly {
    color: var(--color-contrast-medium) !important;
  }
  [data-theme="dark"] .jsoneditor-wrapper {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .jsoneditor-outer {
    background: var(--color-bg) !important;
  }
  [data-theme="dark"] .sidebar__panel {
    background-color: var(--color-bg) !important;
  }
  [data-theme="dark"] .sidebar__header {
    background-color: var(--color-bg) !important;
  }
  [data-theme="dark"] .btn--subtle {
    background-color: var(--color-bg-light) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .btn--subtle:hover {
    background-color: var(--color-bg-lighter) !important;
  }
  [data-theme="dark"] .btn--subtle:focus {
    outline-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .btn--secondary {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .btn--secondary:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
  [data-theme="dark"] .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text), [data-theme="dark"] .button:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text) {
    background-color: transparent !important;
    color: var(--color-contrast-higher) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  [data-theme="dark"] .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text):hover, [data-theme="dark"] .button:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text):hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
  }
  [data-theme="dark"] .week-switcher .btn, [data-theme="dark"] .week-switcher .button, [data-theme="dark"] .week-switcher .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text) {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  [data-theme="dark"] .week-switcher .btn:hover, [data-theme="dark"] .week-switcher .button:hover, [data-theme="dark"] .week-switcher .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text):hover {
    background: transparent !important;
    border: none !important;
  }
  [data-theme="dark"] .week-switcher .btn:focus, [data-theme="dark"] .week-switcher .button:focus, [data-theme="dark"] .week-switcher .btn:active, [data-theme="dark"] .week-switcher .button:active, [data-theme="dark"] .week-switcher .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text):focus, [data-theme="dark"] .week-switcher .btn:not(.btn--primary):not(.button.primary):not(.btn--secondary):not(.btn--accent):not(.btn--danger):not( .btn--error ):not(.btn--alert):not(.btn--warning):not(.btn--subtle):not(.btn--text):active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }
  [data-theme="dark"] .search-input__input {
    background-color: var(--color-bg-light) !important;
    border-color: var(--color-contrast-lower) !important;
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .search-input__input::placeholder {
    color: var(--color-contrast-low) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] {
    background: var(--color-bg-light) !important;
    color: var(--color-contrast-higher) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    outline: 1px solid var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger:hover {
    background-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a.danger, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a.danger, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.danger {
    color: var(--color-error) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a.danger:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a.danger:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.danger:hover {
    background-color: rgba(239, 68, 68, 0.15) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a.selected, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a.selected, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.selected {
    color: var(--color-success) !important;
    background-color: rgba(34, 197, 94, 0.1) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > a.selected:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > span > a.selected:hover, [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content nav > .submenu-trigger.selected:hover {
    background-color: rgba(34, 197, 94, 0.18) !important;
  }
  [data-theme="dark"] .tippy-box[data-theme*="light"] .tippy-content hr {
    background: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] table.table {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] table.table thead th, [data-theme="dark"] table.table thead td, [data-theme="dark"] table.table tfoot th, [data-theme="dark"] table.table tfoot td {
    border-left-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] table.table tbody td {
    border-left-color: var(--color-contrast-lower) !important;
    border-top-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .fc {
    --fc-border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .fc-theme-standard td, [data-theme="dark"] .fc-theme-standard th {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .fc-scrollgrid {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .fc-timegrid-slot {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .fc-timegrid-axis {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .fc-col-header-cell {
    border-color: var(--color-contrast-lower) !important;
  }
  [data-theme="dark"] .calendars thead, [data-theme="dark"] .fc .fc-scrollgrid-section-sticky > * {
    background: var(--color-bg) !important;
  }
  [data-theme="dark"] .fc-event {
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
  [data-theme="dark"] .fc-timegrid-event, [data-theme="dark"] .fc-v-event {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
  }
  [data-theme="dark"] .fancybox-content {
    background: var(--color-bg-light) !important;
    color: var(--color-contrast-higher);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
  [data-theme="dark"] .fancybox-close-small {
    color: var(--color-contrast-high) !important;
  }
  [data-theme="dark"] .fancybox-close-small:hover {
    color: var(--color-contrast-higher) !important;
  }
  [data-theme="dark"] .round-badge.notes, [data-theme="dark"] .round-badge.warning {
    color: var(--color-contrast-higher);
    background-color: rgba(251, 191, 36, 0.25);
  }
  [data-theme="dark"] .round-badge.alert {
    color: var(--color-contrast-higher);
    background-color: rgba(239, 68, 68, 0.25);
  }
  [data-theme="dark"] .round-badge.secondary {
    color: var(--color-contrast-higher);
    background-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .notification-badge, [data-theme="dark"] .new-badge {
    background-color: var(--color-error) !important;
    color: white !important;
  }
  [data-theme="dark"] .dow-list__item {
    background: var(--color-bg-light);
  }
  .callout [data-theme="dark"] .dow-list__item, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe [data-theme="dark"] .dow-list__item {
    border-color: var(--color-contrast-lower);
  }
  [data-theme="dark"] .dow-list__item.status-failed {
    background: rgba(239, 68, 68, 0.2);
  }
  [data-theme="dark"] .video-wrapper {
    background: var(--color-contrast-lower);
  }
  [data-theme="dark"] .or-fields:before {
    background: rgba(168, 85, 247, 0.2);
  }
  [data-theme="dark"] .field-adder-betweener:hover {
    background: var(--color-bg-lighter);
  }
  .theme-mode-btn {
    color: var(--color-contrast-medium);
    transition: background-color 0.15s, color 0.15s;
  }
  .theme-mode-btn:hover {
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
  }
  .theme-mode-btn.active {
    background-color: var(--color-primary);
    color: white;
  }
  :root {
    --radius: 0.25em;
    --radius-sm: calc(var(--radius, 0.25em) / 2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em) * 2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014),
    0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038),
    0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085),
    0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012),
    0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035),
    0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07),
    0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117),
    0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  [data-theme="default"], [data-theme="april"] {
    --color-primary-darker: hsl(204, 100%, 10%);
    --color-primary-darker-h: 204;
    --color-primary-darker-s: 100%;
    --color-primary-darker-l: 10%;
    --color-primary-dark: hsl(204, 100%, 20%);
    --color-primary-dark-h: 204;
    --color-primary-dark-s: 100%;
    --color-primary-dark-l: 20%;
    --color-primary: hsl(204, 100%, 30%);
    --color-primary-h: 204;
    --color-primary-s: 100%;
    --color-primary-l: 30%;
    --color-primary-light: hsl(204, 100%, 40%);
    --color-primary-light-h: 204;
    --color-primary-light-s: 100%;
    --color-primary-light-l: 40%;
    --color-primary-lighter: hsl(204, 100%, 50%);
    --color-primary-lighter-h: 204;
    --color-primary-lighter-s: 100%;
    --color-primary-lighter-l: 50%;
    --color-accent-darker: hsl(9, 85%, 40%);
    --color-accent-darker-h: 9;
    --color-accent-darker-s: 85%;
    --color-accent-darker-l: 40%;
    --color-accent-dark: hsl(9, 85%, 50%);
    --color-accent-dark-h: 9;
    --color-accent-dark-s: 85%;
    --color-accent-dark-l: 50%;
    --color-accent: hsl(9, 85%, 60%);
    --color-accent-h: 9;
    --color-accent-s: 85%;
    --color-accent-l: 60%;
    --color-accent-light: hsl(9, 85%, 70%);
    --color-accent-light-h: 9;
    --color-accent-light-s: 85%;
    --color-accent-light-l: 70%;
    --color-accent-lighter: hsl(9, 85%, 80%);
    --color-accent-lighter-h: 9;
    --color-accent-lighter-s: 85%;
    --color-accent-lighter-l: 80%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46, 100%, 47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46, 100%, 50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(94, 48%, 42%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 42%;
    --color-success-dark: hsl(94, 48%, 48%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 48%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 65%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 65%;
    --color-success-lighter: hsl(94, 48%, 74%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 74%;
    --color-error-darker: hsl(349, 75%, 36%);
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 36%;
    --color-error-dark: hsl(349, 75%, 44%);
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 44%;
    --color-error: hsl(349, 75%, 51%);
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 51%;
    --color-error-light: hsl(349, 75%, 59%);
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 59%;
    --color-error-lighter: hsl(349, 75%, 67%);
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 67%;
    --color-bg-darker: hsl(0, 0%, 89%);
    --color-bg-darker-h: 0;
    --color-bg-darker-s: 0%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(0, 0%, 93%);
    --color-bg-dark-h: 0;
    --color-bg-dark-s: 0%;
    --color-bg-dark-l: 93%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-bg-light: hsl(0, 0%, 100%);
    --color-bg-light-h: 0;
    --color-bg-light-s: 0%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(0, 0%, 100%);
    --color-bg-lighter-h: 0;
    --color-bg-lighter-s: 0%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 83%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 83%;
    --color-contrast-low: hsl(0, 0%, 62%);
    --color-contrast-low-h: 0;
    --color-contrast-low-s: 0%;
    --color-contrast-low-l: 62%;
    --color-contrast-medium: hsl(0, 0%, 43%);
    --color-contrast-medium-h: 0;
    --color-contrast-medium-s: 0%;
    --color-contrast-medium-l: 43%;
    --color-contrast-high: hsl(0, 0%, 17%);
    --color-contrast-high-h: 0;
    --color-contrast-high-s: 0%;
    --color-contrast-high-l: 17%;
    --color-contrast-higher: hsl(0, 0%, 0%);
    --color-contrast-higher-h: 0;
    --color-contrast-higher-s: 0%;
    --color-contrast-higher-l: 0%;
  }
  @supports (--css: variables) {
    @media (min-width: 64rem) {
      :root {
        --space-unit: 1.25em;
      }
    }
  }
  :root {
    --radius: 0.25em;
  }
  .hover\:reduce-opacity {
    opacity: 1;
    transition: all 0.3s ease;
  }
  .hover\:reduce-opacity:hover {
    opacity: 0.8;
  }
  .hover\:scale {
    transition: transform 0.3s var(--ease-out-back);
  }
  .hover\:scale:hover {
    transform: scale(1.1);
  }
  .hover\:elevate {
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
  }
  .hover\:elevate:hover {
    box-shadow: var(--shadow-md);
  }
  .link-subtle {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
  }
  .link-subtle:hover {
    color: var(--color-primary);
  }
  .nomar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  [data-condition]:not(.visible) {
    display: none;
  }
  html body [data-wsx] {
    display: none;
  }
  body {
    display: flex;
    flex-direction: column;
  }
  body.staging {
    background: rgb(255, 247, 243) !important;
  }
  html[data-theme="april"] body {
    background: #fffcf5 !important;
  }
  body.is-native {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body.not-native {
    min-height: 100vh;
  }
  body > main {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  body #footer {
    margin-top: var(--component-padding);
    font-size: var(--text-sm);
  }
  .checkbox + label {
    font-size: inherit;
  }
  .hide {
    display: none !important;
    opacity: 0 !important;
  }
  .turbo-progress-bar {
    height: 3px;
    background-color: #ffcf00;
  }
  .space-between {
    display: flex;
    justify-content: space-between;
  }
  hr {
    height: 1px;
    border: 0;
    background: #a1a1a1;
    margin: 30px 0;
    opacity: 0.5;
  }
  hr.small, .callout hr, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe hr, .and-fields.callout hr, .or-fields.callout hr {
    margin: 0.25em 0;
  }
  .actions {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  @media (min-width: 768px) {
    .actions {
      align-items: center;
    }
  }
  .actions.scrollable {
    overflow-x: auto;
  }
  @media (max-width: 767px) {
    .actions.scrollable {
      margin-left: calc(var(--space-md) * -1);
      width: calc(100% + var(--space-md) * 2);
      padding-left: var(--space-md);
      padding-right: var(--space-md);
    }
  }
  form .actions {
    padding-bottom: var(--space-xxs);
  }
  .actions.header-actions {
    flex-direction: column;
  }
  @media (min-width: 768px) {
    .actions.header-actions {
      flex-direction: row;
      align-items: flex-start;
    }
  }
  .actions h1, .actions h2, .actions h3, .actions h4 {
    margin-bottom: 0;
  }
  .actions a:not(:last-child), .actions input:not(:last-child), .actions select:not(:last-child) {
    margin-right: 5px;
  }
  .actions .split-btn a {
    margin-right: 0 !important;
  }
  .actions .left {
    display: flex;
    align-items: flex-end;
  }
  @media (min-width: 767px) and (max-width: 1023px) {
    .actions .left {
      align-items: center;
    }
  }
  @media (min-width: 768px) {
    .actions .left:not(.flex-col) {
      align-items: center;
    }
  }
  @media (min-width: 768px) {
    .actions .left > * {
      margin-bottom: 0;
    }
  }
  .actions .left > *:not(:last-child) {
    margin-right: 15px;
  }
  .actions .right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  @media (min-width: 767px) and (max-width: 1023px) {
    .actions .right {
      align-items: center;
    }
  }
  @media (max-width: 767px) {
    .actions .left, .actions .right {
      width: 100%;
    }
  }
  .actions .button, .actions input[type="submit"] {
    margin-bottom: 0;
  }
  @keyframes fade-in-out {
    0% {
      opacity: 0.2;
    }
    50% {
      opacity: 0.6;
    }
    100% {
      opacity: 0.2;
    }
  }
  turbo-frame:has(> .loading-turbo-frame) {
    position: relative;
    opacity: 0.2;
    pointer-events: none;
    animation: fade-in-out ease-in-out 1.5s infinite;
  }
  turbo-frame:has(> .loading-turbo-frame) [type="submit"] {
    pointer-events: none;
    opacity: 0;
  }
  turbo-frame:has(> .loading-turbo-frame) .loading-spinner {
    z-index: 21;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 99px;
  }
  .loading-spinner {
    display: flex;
    align-items: center;
    height: 50px;
    padding-left: 50px;
    background: url(/assets/loading-spinner-acdb1607544f726664384f32349cf317e8656ac6c019d2e86ffbbd69edd61dfd.svg) center left no-repeat;
    background-size: auto 50px;
    margin-bottom: 16px;
  }
  .loading-spinner.small {
    height: 32px;
    padding-left: 32px;
    background-size: auto 32px;
  }
  .loading-spinner.big {
    height: 55px;
    padding-left: 105px;
    background-size: auto 105px;
  }
  .loading-spinner.tiny {
    padding: 0;
    min-height: 12px;
    height: 13px;
    background: url(/assets/loading-spinner-tiny-e0ada98b37fbc21a2107f7932e50f5f1710f6d02d84e83d02949d6bf1156cbdd.svg) center no-repeat;
  }
  .loading-spinner.tiny.right {
    background: url(/assets/loading-spinner-tiny-e0ada98b37fbc21a2107f7932e50f5f1710f6d02d84e83d02949d6bf1156cbdd.svg) center right no-repeat;
  }
  .loading-spinner.tiny.left {
    background: url(/assets/loading-spinner-tiny-e0ada98b37fbc21a2107f7932e50f5f1710f6d02d84e83d02949d6bf1156cbdd.svg) center left no-repeat;
  }
  .loading-spinner.center {
    background-position: center;
  }
  table .loading-spinner {
    margin-bottom: 0;
  }
  [data-cursor-question] {
    cursor: help;
  }
  .flex-h {
    display: flex;
  }
  .flex-h .left, .flex-h .right {
    display: flex;
    flex: 1 1 auto;
  }
  .flex-h > *:not(:last-child) {
    margin-right: 15px;
  }
  .align-center, .items-center {
    align-items: center;
  }
  .flex-end {
    display: flex;
    justify-content: flex-end;
  }
  .pre {
    white-space: pre-wrap;
  }
  .flexcol {
    display: flex;
    flex-direction: column;
  }
  .flexcol.reverse {
    flex-direction: column-reverse;
  }
  .float-right {
    float: right;
  }
  @media (min-width: 1024px) {
    .modal.fancybox-content.medium {
      width: 600px;
    }
  }
  @media (min-width: 1024px) {
    .modal.fancybox-content.large {
      width: 900px;
    }
  }
  @media (min-width: 1024px) {
    .modal.fancybox-content.xlarge {
      width: 100%;
      max-width: 1200px;
    }
  }
  .column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .loading-indicator {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 12px;
  }
  .loading-indicator.center {
    justify-content: center;
  }
  .loading-indicator img {
    width: 50px;
    height: auto;
  }
  .form-group .loading-indicator img {
    width: 38px;
  }
  .loading-indicator img:not(:last-child) {
    margin-right: 15px;
  }
  .loading-indicator p {
    margin-bottom: 0;
  }
  .xlsx-status {
    display: flex;
    align-items: flex-start;
  }
  .xlsx-status .button {
    margin-bottom: 0 !important;
  }
  .xlsx-status > *:not(:first-child) {
    margin-left: 10px;
  }
  .swatch {
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
  .swatch.small {
    border-radius: 99px;
    width: 15px;
    height: 15px;
  }
  .int-table__cell .swatch {
    margin-top: 4px;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .inline-text {
    display: flex;
    align-items: baseline;
  }
  .inline-text > *:not(:last-child) {
    margin-right: 0.5em;
  }
  .container-legacy {
    width: calc(100% - 1 * var(--component-padding));
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 768px) {
    .container-legacy {
      width: calc(100% - 2 * var(--component-padding));
    }
  }
  form.modified .hide-if-form-modified {
    display: none;
  }
  .half-donut {
    position: relative;
    width: 300px;
    height: 150px;
  }
  .half-donut canvas {
    position: absolute;
  }
  .half-donut .percent {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 20px;
    line-height: 1em;
    bottom: 0;
  }
  @media (max-width: 767px) {
    .hide-on-small {
      display: none !important;
    }
  }
  @media (min-width: 768px) {
    .hide-on-medium {
      display: none !important;
    }
  }
  @media (min-width: 1024px) {
    .hide-on-desktop {
      display: none !important;
    }
  }
  .int-table-actions {
    display: flex;
    justify-content: space-between;
  }
  [aria-controls] {
    cursor: pointer;
  }
  [data-toggle] {
    cursor: pointer;
  }
  .edi-test {
    font-family: monospace;
    overflow: scroll;
    max-height: 200vh;
  }
  .edi-test .spacer {
    min-width: 1em;
  }
  .edi-test p {
    display: flex;
    margin-bottom: 6px;
  }
  .edi-test p span {
    white-space: pre-wrap;
  }
  .edit_key_mapping {
    margin-bottom: var(--space-xs);
  }
  .edit_key_mapping .row {
    display: flex;
    align-items: center;
  }
  .row-actions {
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .row-actions .btn, .row-actions .button {
    margin-bottom: 0;
  }
  .dow-list__item {
    background: #f5f5f5;
  }
  .callout .dow-list__item, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .dow-list__item {
    border: 1px solid rgb(227.15, 227.15, 227.15);
  }
  .dow-list__item.status-failed {
    background: #ffe2e2;
  }
  @media only screen and (max-width: 767px) {
    .dow-list__item .button {
      margin: 0 0 10px;
      word-break: break-all;
    }
    .dow-list__item .button span {
      white-space: normal;
    }
  }
  @media (max-width: 767px) {
    .dow-list__metadata-list {
      flex-direction: column;
      align-items: flex-start;
      line-height: 1.2em;
    }
    .dow-list__metadata-list > li:after {
      display: none !important;
    }
  }
  #balance-stats {
    min-height: 94px;
  }
  .donut-stats {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
  }
  @media (min-width: 768px) {
    .donut-stats {
      flex-direction: row;
    }
  }
  .donut-stats .donut-wrapper {
    max-width: 200px;
    margin-bottom: 0;
    width: 50vw;
  }
  @media (min-width: 768px) {
    .donut-stats .donut-wrapper {
      width: 16vw;
    }
  }
  .donut-stats .donut-wrapper.small {
    max-width: 150px;
    width: 20vw;
  }
  @media (min-width: 768px) {
    .donut-stats .donut-wrapper.small {
      width: 12vw;
    }
  }
  .donut-stats .donut-info {
    line-height: 1.25em;
  }
  @media (min-width: 768px) {
    .fancybox-content.modal-medium {
      width: 100%;
      max-width: 600px;
    }
  }
  .fancybox-content.modal-checkin {
    max-width: 98vw;
  }
  @media (min-width: 768px) {
    .fancybox-content.modal-checkin {
      width: 100%;
      max-width: 660px;
    }
  }
  .fancybox-content.modal-large {
    width: 100%;
  }
  @media (min-width: 768px) {
    .fancybox-content.modal-large {
      width: 98vw;
      max-width: 940px;
    }
  }
  .fancybox-content.modal-xl {
    width: 100%;
  }
  @media (min-width: 768px) {
    .fancybox-content.modal-xl {
      width: 90vw;
      max-width: 1400px;
    }
  }
  .table-checkbox-wrapper {
    max-width: 18px;
  }
  .table-checkbox-wrapper label {
    margin-bottom: 0 !important;
    transform: translateY(1px);
  }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  .tbl__cell, .int-table__cell {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
    line-height: 1.25em;
  }
  .tbl__cell.shrink, .int-table__cell.shrink {
    width: 1px;
    white-space: nowrap;
  }
  .btn.btn--subtle:not(:hover), .btn--subtle.button:not(:hover) {
    box-shadow: none;
  }
  .btn.icon-toggle--locked, .icon-toggle--locked.button {
    background-color: #e0e7ff !important;
    color: #4f46e5 !important;
  }
  .circle-loader-wrapper {
    width: 50px;
    margin: 0 auto;
    overflow: hidden;
  }
  .circle-loader-wrapper.small {
    width: 30px;
  }
  .circle-loader-wrapper.small .loading-spinner {
    height: 30px;
    padding-left: 30px;
    background-size: auto 30px;
  }
  button.chevron-toggle {
    background-color: rgba(255, 255, 255, 0);
    background-image: url(/assets/icon-chevron-right-48cd4755fbc9bf9dfc2a9fb03267d638377c4fe16bdac6a588eaf9a49be4c449.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    transition: all ease-in-out 100ms;
  }
  button.chevron-toggle:not(.square) {
    border-radius: 99px;
  }
  button.chevron-toggle.warning {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
  }
  button.chevron-toggle.alert {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
  }
  button.chevron-toggle:hover {
    background-color: rgba(255, 255, 255, 0);
    background-size: 60%;
  }
  button.chevron-toggle.open {
    transform: rotate(90deg);
  }
  [data-theme="dark"] button.chevron-toggle {
    filter: invert(1);
  }
  .adv-filter {
    min-height: 100vh;
    position: relative;
  }
  .adv-filter #side-toggle {
    position: absolute;
    left: -32px;
    top: 0;
    width: 32px;
    height: 100%;
  }
  .adv-filter #side-toggle:hover:before {
    opacity: 0.2;
    border-radius: 7px;
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: var(--color-contrast-medium);
  }
  @media (min-width: 1024px) {
    .adv-filter main {
      width: 100%;
    }
  }
  .adv-filter #filter-toggle {
    display: inline-block;
  }
  #filter-toggle {
    display: none;
  }
  .radio-range {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .radio-range .radio + label {
    margin-bottom: 0;
  }
  .sticky-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0;
    z-index: 1;
  }
  .sticky-header:before {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    left: calc(-1 * var(--component-padding) / 2);
  }
  @media (min-width: 768px) {
    .sticky-header:before {
      left: calc(-1 * var(--component-padding));
    }
  }
  .sticky {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0;
    z-index: 1;
  }
  [disabled].disabled\:hidden, [disabled="disabled"].disabled\:hidden, [disabled="true"].disabled\:hidden {
    display: none;
  }
  [disabled] .ts-wrapper, [disabled] .button, [disabled] .btn, [disabled] input[type="submit"], [disabled] input[type="button"], [disabled] input[type="reset"], [disabled] input[type="search"], [disabled] input[type="text"], [disabled] select, [disabled="disabled"] .ts-wrapper, [disabled="disabled"] .button, [disabled="disabled"] .btn, [disabled="disabled"] input[type="submit"], [disabled="disabled"] input[type="button"], [disabled="disabled"] input[type="reset"], [disabled="disabled"] input[type="search"], [disabled="disabled"] input[type="text"], [disabled="disabled"] select, [disabled="true"] .ts-wrapper, [disabled="true"] .button, [disabled="true"] .btn, [disabled="true"] input[type="submit"], [disabled="true"] input[type="button"], [disabled="true"] input[type="reset"], [disabled="true"] input[type="search"], [disabled="true"] input[type="text"], [disabled="true"] select {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(0.5);
  }
  .empty\:hidden:empty {
    display: none;
  }
  @media (min-width: 1024px) {
    .toc-bottom {
      transform: translateX(-16vw);
      position: sticky;
      left: 0;
      max-width: 220px;
      bottom: var(--space-md);
    }
  }
  @media (min-width: 1441px) {
    .toc-bottom {
      transform: translateX(-250px);
    }
  }
  .nested-fields fieldset + fieldset:not([disabled="disabled"]):not(.mt-0), .nested-fields fieldset + .table-wrapper, .nested-fields .table-wrapper + fieldset:not([disabled="disabled"]):not(.mt-0), .nested-fields .table-wrapper + .table-wrapper {
    margin-top: var(--space-sm);
  }
  .video-wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    background: #ccc;
  }
  .video-wrapper embed, .video-wrapper object, .video-wrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .slick-slider {
    margin-left: -8px;
    width: calc(100% + 16px);
  }
  .slick-slider .slick-slide {
    width: 100%;
    padding: 0 8px;
  }
  .spacer {
    display: inline-block;
    width: 1rem;
  }
  .spacer.x2 {
    width: 2rem;
  }
  .display-block {
    display: block;
  }
  .nested-fields:first-of-type .logic-gates {
    display: none;
  }
  .logic-gates {
    margin-top: -8px;
    margin-bottom: var(--space-xxxs);
  }
  .or-fields {
    position: relative;
    overflow: visible;
  }
  .or-fields:last-of-type {
    margin-bottom: var(--space-sm) !important;
  }
  .or-fields:before {
    content: "OR";
    position: absolute;
    top: -25px;
    left: -15px;
    width: 32px;
    height: 32px;
    background: #f2e8fe;
    color: var(--color-contrast-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 99px;
    font-size: 1rem;
  }
  .or-fields.callout, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .or-fields.callout-wannabe {
    background-color: #f2e8fe;
    outline-color: rgb(198.6703296703, 176.9065934066, 216.5934065934);
    border-color: #e6daef;
  }
  .and-fields {
    position: relative;
    overflow: visible;
  }
  .and-fields:last-of-type {
    margin-bottom: var(--space-sm) !important;
  }
  .and-fields:before {
    content: "AND";
    position: absolute;
    top: -10px;
    left: -15px;
    width: 36px;
    height: 32px;
    background: #dbeafe;
    color: var(--color-contrast-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 99px;
    font-size: 0.85rem;
    opacity: 1 !important;
  }
  .and-fields.callout, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .and-fields.callout-wannabe {
    background-color: #dbeafe;
    outline-color: rgb(165.8923076923, 204.8769230769, 253.6076923077);
    border-color: #bfdbfe;
  }
  .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe {
    padding: 0;
    background-color: #f2e8fe;
    outline-color: rgb(198.6703296703, 176.9065934066, 216.5934065934);
    border-color: #e6daef;
  }
  .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .btn.btn--danger, .check-for-or-fields:has(.or-fields .destroy-field[value="false"]) .callout-wannabe .btn--danger.button {
    filter: grayscale(1) opacity(0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  fieldset.label-switcher {
    padding-top: 4px;
    margin-bottom: 3px;
  }
  .h-list {
    display: flex;
  }
  .h-list:not(.no-scroll) {
    overflow-x: auto;
  }
  .h-list > li {
    display: flex;
    flex-direction: column;
  }
  .h-list > li:not(:last-of-type) {
    margin-right: 1.5em;
  }
  .h-list > li label {
    margin-bottom: 0 !important;
    font-weight: normal;
    color: var(--color-contrast-high);
    white-space: nowrap;
  }
  .h-list > li p {
    line-height: 1.1em;
    font-family: monospace;
  }
  @media (max-width: 767px) {
    .h-scroll {
      padding: var(--space-sm);
      width: 100vw;
      margin-left: calc(var(--space-sm) * -1);
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      scrollbar-width: none;
    }
    .h-scroll::-webkit-scrollbar {
      display: none;
    }
  }
  .field-for-grid {
    display: none;
  }
  .field-kind-grid .field-for-grid {
    display: block;
  }
  .cell-selected {
    outline: 2px solid #055fbe !important;
    outline-offset: -2px;
    background-color: rgba(5, 95, 190, 0.08) !important;
  }
  .table-wrapper:has(.row-remove-icon) {
    padding-left: 16px;
    margin-left: -16px;
  }
  .row-remove-icon {
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: #fda4af;
  }
  .row-remove-icon:hover {
    color: #bf0d0d;
  }
  .cell-override-dot {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e9963e;
    cursor: pointer;
    z-index: 2;
  }
  .cell-loading-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 2px;
  }
  .cell-loading-overlay svg {
    color: #055fbe;
  }
  .cell-edit-mode td[data-cell-selector-target="cell"] {
    cursor: pointer;
    transition: outline 0.1s;
  }
  .cell-edit-mode td[data-cell-selector-target="cell"] input, .cell-edit-mode td[data-cell-selector-target="cell"] select, .cell-edit-mode td[data-cell-selector-target="cell"] textarea, .cell-edit-mode td[data-cell-selector-target="cell"] label, .cell-edit-mode td[data-cell-selector-target="cell"] .ts-wrapper {
    pointer-events: none;
    opacity: 0.5;
    user-select: none;
  }
  .cell-edit-mode td[data-cell-selector-target="cell"] input.checkbox, .cell-edit-mode td[data-cell-selector-target="cell"] input.radio {
    opacity: 0;
  }
  .cell-edit-mode td[data-cell-selector-target="cell"]:hover {
    outline: 2px dashed rgba(5, 95, 190, 0.4);
    outline-offset: -2px;
  }
  .cell-edit-mode th[data-col-id], .cell-edit-mode td[data-row-id]:not([data-col-id]) {
    cursor: pointer;
  }
  .cell-edit-mode th[data-col-id]:hover, .cell-edit-mode td[data-row-id]:not([data-col-id]):hover {
    background-color: rgba(5, 95, 190, 0.06);
  }
  .cell-override-toolbar {
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin-top: 8px;
  }
  [data-trigger-visibility] {
    cursor: pointer;
  }
  [data-trigger-visibility]:hover {
    background: rgba(5, 95, 190, 0.1);
  }
  .go-flex {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%;
  }
  .go-flex > * {
    width: auto;
    margin-bottom: 0;
  }
  .go-flex > *:not(:last-child) {
    margin-right: 20px;
  }
  .go-flex.flex-end {
    justify-content: flex-end;
  }
  .flex-h {
    display: flex;
    align-items: flex-start;
  }
  .flex-h.spaced > :not(:last-child) {
    margin-right: 10px;
  }
  .flex-h.center {
    align-items: center;
  }
  .flex-h.padded > *:not(:last-child) {
    margin-right: 16px;
  }
  .picmo__popupContainer {
    z-index: 99999;
  }
  .time-select {
    display: flex;
    overflow: hidden;
    align-items: center;
  }
  .time-select > * {
    width: auto;
    margin: 0;
  }
  .time-select select {
    margin: 0 4px;
  }
  .time-select label {
    margin-right: 15px;
  }
  #schduler-top-filters {
    margin-top: 10px;
  }
  @media (min-width: 1024px) {
    #schduler-top-filters {
      margin-top: 0;
    }
  }
  #back-to-current-week {
    position: absolute;
    left: 6px;
    opacity: 0.5;
    top: -25px;
  }
  #back-to-current-week:hover {
    opacity: 1;
  }
  .with-highlights i {
    background: rgba(255, 207, 0, 0.3);
  }
  .turbo-frame-error {
    font-family: monospace;
  }
  .progress-dashboard {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .horizontal-stats {
    display: flex;
  }
  .horizontal-stats > *:not(:last-child) {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
  }
  .for-patient-credits {
    display: none;
  }
  #patient_credits td.for-patient-credits {
    display: table-cell;
  }
  #patient_credits .for-patient-credits {
    display: block;
  }
  .for-insurance-credits {
    display: none;
  }
  #insurance_credits td.for-insurance-credits {
    display: table-cell;
  }
  #insurance_credits .for-insurance-credits {
    display: block;
  }
  #appointment-email-modal {
    max-width: 600px;
    width: 100%;
  }
  #appointment-email-modal textarea {
    margin: 12px 0;
  }
  #appointment-email-modal .btn-holder {
    display: flex;
    justify-content: end;
  }
  #appointment-email-modal table {
    width: 512px !important;
    max-width: 512px !important;
    margin: 0 !important;
    min-width: auto !important;
  }
  #appointment-email-modal table td {
    padding: 5px 0 !important;
  }
  #appointment-email-modal .mcnFollowContentContainer table {
    max-width: inherit !important;
    width: auto !important;
    padding: 0 10px !important;
  }
  .ar-datebox .actions {
    margin-top: 20px;
    justify-content: start;
  }
  .insurance-cards-id {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .insurance-cards-id label {
    display: block;
    margin: 0 0 10px;
    font-weight: bold;
  }
  .insurance-cards-id svg {
    font-size: 100px;
  }
  .insurance-cards-id .image-fields {
    width: 100%;
    max-width: 25%;
    min-width: 250px;
  }
  .insurance-cards-id .image-fields .img-holder {
    border: 5px dashed #ccc;
    padding: 12px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .insurance-cards-id .image-fields .img-holder img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .insurance-cards-id .image-fields .img-holder input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  .insurance-card {
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 12px;
  }
  .insurance-card p {
    border-bottom: 1px solid #ccc;
    padding: 0 0 12px;
    margin: 0 0 12px;
    font-weight: 500;
  }
  .insurance-card img {
    border-radius: 12px;
  }
  @media only screen and (max-width: 767px) {
    .insurance-card img {
      width: 100%;
      max-width: 100%;
      display: block;
    }
  }
  @media only screen and (max-width: 767px) {
    .insurance-card-images {
      flex-direction: column;
    }
  }
  .file-holder {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
    margin: 15px 0;
  }
  .file-holder .img-holder {
    border: 5px dashed #ccc;
    padding: 12px;
    min-height: 150px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 300px;
    overflow: hidden;
  }
  .file-holder .img-holder pre {
    height: 150px;
  }
  .file-holder .img-holder input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  .reverifyButton {
    background-color: red !important;
    color: white !important;
  }
  .break-word {
    word-break: break-all;
  }
  .btn-mobile {
    margin: 0 0 10px;
    margin-top: 8px;
    margin-right: 35px;
  }
  .btn-desktop {
    display: none;
  }
  @media only screen and (min-width: 767px) {
    .btn-mobile {
      display: none !important;
    }
    .btn-desktop {
      display: inline !important;
    }
  }
  .reverification_modal {
    max-width: 1000px;
  }
  .buttons-container {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
  }
  .button-white {
    background-color: white !important;
    color: black !important;
    border: 1px solid #ccc !important;
  }
  .reminder-btn {
    display: flex;
    justify-content: end;
  }
  .text-upper {
    text-transform: uppercase;
  }
  .edit-filter-set {
    display: inline-block;
    margin-right: 15px;
  }
  .import-btn-holder {
    justify-content: left;
    display: ruby;
  }
  .import-status {
    margin-left: 11px;
    margin-top: 11px;
  }
  .field-adder-betweener {
    display: flex;
    position: relative;
    height: 18px;
    border-radius: 6px;
    cursor: pointer;
  }
  .field-adder-betweener:hover {
    background: #eff2f5;
  }
  .user-nested-fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .condition-field-delete-btn {
    margin-bottom: 10px;
  }
  .attendance-badge {
    font-size: 16px;
    display: inline-block;
    margin-top: 2px;
    transform: scale(0.8);
    margin-left: -18px;
  }
  .ar-notification-rule {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .eligibility-date {
    position: relative;
  }
  .eligibility-date a {
    position: absolute;
    top: 5px;
    left: 135px;
  }
  .termination-date {
    position: relative;
  }
  .termination-date a {
    position: absolute;
    top: 5px;
    left: 115px;
  }
  .patient-notices {
    max-height: 400px;
    overflow-y: auto;
  }
  .ar-billing-tabs h3 {
    margin: 0 0 20px;
  }
  .ar-billing-tabs ul li {
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
  .chevron-left {
    transform: scaleX(-1);
  }
  .aba-pdf-logo {
    margin-bottom: 20px;
  }
  .ar-vbp-active .fancybox-slide--current {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ar-vbp-active .fancybox-content {
    max-width: 1440px;
  }
  #page-loader {
    background: rgba(0, 0, 0, 0.3);
  }
  turbo-frame[busy] .show-total-link {
    display: none;
  }
  turbo-frame[busy] .total-loader {
    display: block !important;
  }
  .public-appointment-confirmation {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
  }
  .public-appointment-confirmation__container {
    max-width: 600px;
    width: 100%;
  }
  .public-appointment-confirmation__header {
    text-align: center;
    margin-bottom: 2rem;
  }
  .public-appointment-confirmation__success-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background-color: #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .public-appointment-confirmation__success-icon svg {
    width: 48px;
    height: 48px;
    color: white;
  }
  .public-appointment-confirmation__title {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.2;
  }
  .public-appointment-confirmation__card {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .public-appointment-confirmation__details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .public-appointment-confirmation__detail-section {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 1.5rem;
  }
  .public-appointment-confirmation__detail-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .public-appointment-confirmation__label {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 0.5rem 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .public-appointment-confirmation__value {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.6;
  }
  .public-appointment-confirmation__value--light {
    font-weight: 400;
  }
  .public-appointment-confirmation__value--address {
    font-size: 1rem;
    color: #374151;
    line-height: 1.5;
  }
  .public-appointment-confirmation__value--with-spacing {
    margin-bottom: 0.25rem;
  }
  pre {
    white-space: pre-wrap;
  }
  .gmail-signature-preview {
    background: #f1f1f1;
    padding: 15px;
    border-radius: 8px;
    display: inline-block;
  }
}
@layer utilities {
  .resize-handle {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #4caf50;
    border: 1px solid #fff;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
    .resize-handle[data-resize-handle="bottom-right"] {
      right: -5px;
      bottom: -5px;
      cursor: nwse-resize;
    }
  .resizable-draggable {
    position: relative;
  }
      .resizable-draggable:hover .resize-handle, .resizable-draggable.resize-active .resize-handle {
        opacity: 1;
      }
    .resizable-draggable.resize-active {
      outline: 2px dashed #4caf50;
    }
  .interact-resize-handle {
    width: 10px !important;
    height: 10px !important;
    background: #4caf50 !important;
    border: 1px solid #fff !important;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
    .interact-resize-handle[data-resize-handle="bottom"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="right"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="top"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="left"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="top-left"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="top-right"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="bottom-left"] {
      display: none !important;
    }
    .interact-resize-handle[data-resize-handle="bottom-right"] {
      right: -5px !important;
      bottom: -5px !important;
      cursor: nwse-resize !important;
      opacity: 1 !important;
    }
  .resizable-draggable:hover .interact-resize-handle, .resize-active .interact-resize-handle {
    opacity: 1 !important;
  }
}
@layer utilities {
  :root {
    --accordion-border-width: 1px;
    --accordion-icon-size: 20px;
    --accordion-icon-stroke-width: 2px;
  }
  .accordion__item {
    border-style: solid;
    border-color: var(--color-contrast-lower);
    border-bottom-width: var(--accordion-border-width);
  }
    .accordion__item:first-child {
      border-top-width: var(--accordion-border-width);
    }
  .accordion__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
  }
    .accordion__header .icon {
      --size: var(--accordion-icon-size);
    }
      .accordion__header .icon .icon__group {
        stroke-width: var(--accordion-icon-stroke-width);
      }
    .accordion__icon-arrow .icon__group, .accordion__icon-arrow-v2 .icon__group, .accordion__icon-plus .icon__group {
      will-change: transform;
      transform-origin: 50% 50%;
    }
      .accordion__icon-arrow .icon__group > * {
        transform-origin: 10px 14px;
      }
    .accordion__icon-arrow-v2 .icon__group {
      transition: all ease-in-out 150ms;
      transform: rotate(-90deg);
    }
      .accordion__icon-arrow-v2 .icon__group > * {
        transition: all ease-in-out 150ms;
        transform-origin: 50% 50%;
        stroke-dasharray: 20;
        transform: translateY(4px);
      }
      .accordion__icon-arrow-v2 .icon__group > *:first-child {
        stroke-dashoffset: 10.15;
      }
      .accordion__icon-arrow-v2 .icon__group > *:last-child {
        stroke-dashoffset: 10.15;
      }
    .accordion__icon-plus .icon__group {
      transform: rotate(-90deg);
    }
      .accordion__icon-plus .icon__group > * {
        transform-origin: 50% 50%;
      }
      .accordion__icon-plus .icon__group > *:first-child {
        transform: rotate(-90deg);
      }
      .accordion__item--is-open > .accordion__header .accordion__icon-arrow .icon__group > *:first-child, .accordion-v2__item--is-open > .accordion-v2__header .accordion__icon-arrow .icon__group > *:first-child {
        transform: translateY(-8px) rotate(-90deg);
      }
      .accordion__item--is-open > .accordion__header .accordion__icon-arrow .icon__group > *:last-child, .accordion-v2__item--is-open > .accordion-v2__header .accordion__icon-arrow .icon__group > *:last-child {
        transform: translateY(-8px) rotate(90deg);
      }
    .accordion__item--is-open > .accordion__header .accordion__icon-arrow-v2 .icon__group, .accordion-v2__item--is-open > .accordion-v2__header .accordion__icon-arrow-v2 .icon__group {
      transform: rotate(-0deg);
    }
    .accordion__item--is-open > .accordion__header .accordion__icon-plus .icon__group, .accordion-v2__item--is-open > .accordion-v2__header .accordion__icon-plus .icon__group {
      transform: rotate(0);
    }
      .accordion__item--is-open > .accordion__header .accordion__icon-plus .icon__group > *:first-child, .accordion-v2__item--is-open > .accordion-v2__header .accordion__icon-plus .icon__group > *:first-child {
        transform: rotate(0);
      }
    .js .accordion__panel {
      display: none;
      will-change: height;
      transform: translateZ(0px);
    }
    .js .accordion__item--is-open > .accordion__panel {
      display: block;
    }
    .accordion[data-animation="on"] .accordion__item--is-open .accordion__panel > * {
      animation: accordion-entry-animation 0.4s var(--ease-out);
    }
      .accordion[data-animation="on"] .accordion__icon-arrow .icon__group, .accordion[data-animation="on"] .accordion__icon-arrow-v2 .icon__group, .accordion[data-animation="on"] .accordion__icon-plus .icon__group {
        transition: transform 0.3s var(--ease-out);
      }
        .accordion[data-animation="on"] .accordion__icon-arrow .icon__group > *, .accordion[data-animation="on"] .accordion__icon-arrow-v2 .icon__group > *, .accordion[data-animation="on"] .accordion__icon-plus .icon__group > * {
          transition: transform 0.3s, stroke-dashoffset 0.3s;
          transition-timing-function: var(--ease-out);
        }
  @keyframes accordion-entry-animation {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }
}
@layer utilities {
  .alert-card {
    position: relative;
    z-index: 1;
  }
  .alert-card__close-btn {
    --size: 32px;
    height: var(--size);
    width: var(--size);
    position: absolute;
    z-index: 1;
    top: var(--space-sm);
    right: var(--space-sm);
    display: flex;
    border-radius: 50%;
    transition: 0.2s;
  }
    .alert-card__close-btn .icon {
      margin: auto;
      display: block;
    }
    .alert-card__close-btn:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    }
}
@layer utilities {
  .badge {
    border: 0;
    color: inherit;
    line-height: 1;
    appearance: none;
    display: inline-flex;
    align-items: center;
    border-radius: 0.375em;
    background-color: var(--color-contrast-lower);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0.3125em 0.4375em;
  }
    .badge.text-xs {
      padding: 0.25em 0.375em;
    }
  .badge--outline {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25);
  }
  .badge--contrast-higher {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg);
  }
  .badge--primary {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .badge--primary-light {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--accent {
    background-color: var(--color-accent);
    color: var(--color-white);
  }
  .badge--accent-light {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    color: var(--color-contrast-higher);
  }
  a.badge--error {
    color: #fff;
  }
  .badge--error {
    background-color: var(--color-error);
    color: var(--color-white);
  }
  .badge--error-light {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--success {
    background-color: var(--color-success);
    color: var(--color-white);
  }
  .badge--success-light {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .badge--warning {
    background-color: var(--color-warning);
    color: var(--color-white);
  }
  .badge--warning-light {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
    color: var(--color-contrast-higher);
  }
}
@layer utilities {
  :root {
    --anim-menu-btn-size: 48px;
    --anim-menu-btn-transition-duration: 0.2s;
    --anim-menu-btn-icon-size: 32px;
    --anim-menu-btn-icon-stroke: 2px;
  }
  .anim-menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--anim-menu-btn-size);
    height: var(--anim-menu-btn-size);
  }
  .anim-menu-btn__icon {
    position: relative;
    display: block;
    font-size: var(--anim-menu-btn-icon-size);
    width: 1em;
    height: var(--anim-menu-btn-icon-stroke);
    color: inherit;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    transform: scale(1);
  }
    .anim-menu-btn__icon::before, .anim-menu-btn__icon::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: inherit;
      border-radius: inherit;
    }
  .anim-menu-btn__icon--close {
    background-size: 100% 100%;
    will-change: transform, background-size;
    transition-property: transform, background-size;
    transition-duration: var(--anim-menu-btn-transition-duration, 0.2s);
  }
    .anim-menu-btn:active .anim-menu-btn__icon--close {
      transform: scale(0.9);
    }
    .anim-menu-btn__icon--close::before, .anim-menu-btn__icon--close::after {
      will-change: inherit;
      transition: inherit;
    }
    .anim-menu-btn__icon--close::before {
      transform: translateY(-0.25em) rotate(0);
    }
    .anim-menu-btn__icon--close::after {
      transform: translateY(0.25em) rotate(0);
    }
    .anim-menu-btn--state-b .anim-menu-btn__icon--close {
      background-size: 0% 100%;
    }
      .anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
        transform: translateY(0) rotate(45deg);
      }
      .anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
        transform: translateY(0) rotate(-45deg);
      }
  .anim-menu-btn__icon--arrow-left, .anim-menu-btn__icon--arrow-right, .anim-menu-btn__icon--arrow-up, .anim-menu-btn__icon--arrow-down {
    border-radius: 50em;
    will-change: transform;
    transition-property: transform;
    transition-duration: var(--anim-menu-btn-transition-duration, 0.2s);
  }
    .anim-menu-btn:active .anim-menu-btn__icon--arrow-left, .anim-menu-btn:active .anim-menu-btn__icon--arrow-right, .anim-menu-btn:active .anim-menu-btn__icon--arrow-up, .anim-menu-btn:active .anim-menu-btn__icon--arrow-down {
      transform: scale(0.9);
    }
    .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn__icon--arrow-left::after, .anim-menu-btn__icon--arrow-right::before, .anim-menu-btn__icon--arrow-right::after, .anim-menu-btn__icon--arrow-up::before, .anim-menu-btn__icon--arrow-up::after, .anim-menu-btn__icon--arrow-down::before, .anim-menu-btn__icon--arrow-down::after {
      transform-origin: calc(var(--anim-menu-btn-icon-stroke) / 2) 50%;
      will-change: transform, width;
      transition-property: transform, width;
      transition-duration: var(--anim-menu-btn-transition-duration, 0.2s);
    }
    .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn__icon--arrow-right::before, .anim-menu-btn__icon--arrow-up::before, .anim-menu-btn__icon--arrow-down::before {
      transform: translateY(-0.25em) rotate(0);
    }
    .anim-menu-btn__icon--arrow-left::after, .anim-menu-btn__icon--arrow-right::after, .anim-menu-btn__icon--arrow-up::after, .anim-menu-btn__icon--arrow-down::after {
      transform: translateY(0.25em) rotate(0);
    }
  .anim-menu-btn__icon--arrow-right {
    transform: rotate(180deg);
  }
    .anim-menu-btn:active .anim-menu-btn__icon--arrow-right {
      transform: rotate(180deg) scale(0.9);
    }
      .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
        width: 50%;
      }
      .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before {
        transform: translateY(0) rotate(-45deg);
      }
      .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after, .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after {
        transform: translateY(0) rotate(45deg);
      }
    .anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up {
      transform: rotate(90deg) scale(0.9);
    }
    .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up {
      transform: rotate(90deg);
    }
    .anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down {
      transform: rotate(-90deg) scale(0.9);
    }
    .anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down {
      transform: rotate(-90deg);
    }
}
@layer utilities {
  :root {
    --avatar-sm: 1em;
    --avatar-md: 2em;
    --avatar-lg: 3em;
    --avatar-xl: 4.8em;
  }
  .avatar {
    font-size: 2em;
    position: relative;
  }
    .avatar a {
      display: flex;
    }
  .avatar__figure {
    width: 1em;
    height: 0;
    padding-bottom: 1em;
    border-radius: 50%;
    overflow: hidden;
  }
  .avatar__img, .avatar__placeholder {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    border-radius: inherit;
    overflow: hidden;
  }
  .avatar__placeholder {
    background-color: var(--color-contrast-low);
    color: var(--color-bg);
    fill: transparent;
  }
  .avatar--btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
    cursor: pointer;
  }
  .avatar--sm {
    font-size: var(--avatar-sm);
  }
  .avatar--md {
    font-size: var(--avatar-md);
  }
  .avatar--lg {
    font-size: var(--avatar-lg);
  }
  .avatar--xl {
    font-size: var(--avatar-xl);
  }
  .avatar__status {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 0.2em;
    height: 0.2em;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--color-bg);
    background-color: var(--color-contrast-medium);
  }
  .avatar__status--active {
    background-color: var(--color-success);
  }
  .avatar__status--busy {
    background-color: var(--color-error);
  }
  .avatar__initials, .avatar__users-counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    border-radius: inherit;
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .avatar__initials {
    text-align: center;
  }
    .avatar__initials span {
      font-size: 0.5em;
    }
    .avatar__users-counter span {
      font-size: 0.42em;
    }
  .avatar-group {
    display: flex;
  }
    .avatar-group .avatar {
      margin-left: -0.1em;
    }
    .avatar-group .avatar__figure {
      box-shadow: 0 0 0 3px var(--color-bg);
    }
}
@layer utilities {
  .btn .btn__content-a {
    display: inline-flex;
  }
  .btn .btn__content-b {
    display: none;
  }
  .btn__content-a, .btn__content-b {
    align-items: center;
  }
  .btn--state-b .btn__content-a {
    display: none;
  }
  .btn--state-b .btn__content-b {
    display: inline-block;
    display: inline-flex;
  }
  .btn--preserve-width .btn__content-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .btn--preserve-width.btn--state-b .btn__content-a {
    display: inline-block;
    display: inline-flex;
    visibility: hidden;
  }
}
@layer utilities {
  .chip {
    border: 0;
    color: inherit;
    line-height: 1;
    appearance: none;
    display: inline-flex;
    align-items: center;
    border-radius: 50em;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
  }
    .chip:not([class^="padding-"]):not([class*=" padding-"]) {
      padding: var(--space-xxxs);
    }
  .chip--outline {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25);
  }
  .chip--interactive {
    text-decoration: none;
    cursor: pointer;
    transition: background, box-shadow, transform;
    transition-duration: 0.2s;
  }
    .chip--interactive:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2 );
    }
    .chip--interactive:active {
      transform: translateY(1px);
    }
    .chip--interactive:focus {
      outline: none;
      box-shadow: 0 0 0 3px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3);
    }
    .chip--interactive:focus:not(:focus-visible) {
      box-shadow: none;
    }
  .chip--error {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .chip--success {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.2);
    color: var(--color-contrast-higher);
  }
    .chip--success:hover {
      background-color: hsla( var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), 0.2 );
    }
  .chip--warning {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), 0.2);
    color: var(--color-contrast-higher);
  }
  .chip__label {
    padding: 0 var(--space-xxs);
    font-size: 0.875em;
  }
  .chip__img {
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    object-fit: cover;
  }
  .chip__icon-wrapper {
    display: flex;
    min-width: 1.5em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95 );
    color: var(--color-bg);
  }
    .chip__icon-wrapper .icon {
      display: block;
      margin: auto;
    }
  .chip__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
    display: flex;
    width: 1.5em;
    height: 1.5em;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2 );
    border-radius: 50%;
    will-change: transform;
    transition: background, box-shadow, transform;
    transition-duration: 0.2s;
  }
    .chip__btn .icon {
      display: block;
      margin: auto;
    }
    .chip__btn:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3 );
    }
    .chip__btn:focus {
      outline: none;
      box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
    }
    .chip__btn:focus:not(:focus-visible) {
      box-shadow: none;
    }
    .chip__btn:active {
      transform: translateY(1px);
    }
}
@layer utilities {
  :root {
    --choice-accordion-border-width: 1px;
    --choice-accordion-border-radius: var(--radius-md);
    --choice-accordion-input-size: 20px;
    --choice-accordion-input-icon-size: 16px;
    --choice-accordion-input-border-width: 1px;
    --choice-accordion-input-margin-right: var(--space-xxs);
  }
  .choice-accordion {
    border-width: var(--choice-accordion-border-width);
    border-color: var(--color-contrast-lower);
    border-style: solid;
    border-radius: var(--choice-accordion-border-radius);
    overflow: hidden;
  }
  .choice-accordion__btn {
    display: none;
  }
    .js .choice-accordion__btn {
      display: block;
      display: grid;
      grid-template-columns: var(--choice-accordion-input-size) 1fr;
      grid-gap: var(--choice-accordion-input-margin-right);
      align-items: center;
      cursor: pointer;
      background-color: var(--color-bg-light);
      border-top-width: var(--choice-accordion-border-width);
      border-style: solid;
      border-color: var(--color-contrast-lower);
    }
  .js .choice-accordion__item:first-child .choice-accordion__btn {
    border-top: none;
  }
  .choice-accordion__panel {
    position: relative;
    background-color: var(--color-bg-dark);
    overflow: hidden;
    will-change: height;
    transform: translateZ(0px);
  }
    .choice-accordion__panel::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: var(--choice-accordion-border-width);
      background-color: var(--color-contrast-lower);
      pointer-events: none;
    }
  .choice-accordion__input {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-bg-light);
    width: var(--choice-accordion-input-size);
    height: var(--choice-accordion-input-size);
    border-width: var(--choice-accordion-input-border-width);
    border-style: solid;
    border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), 0.65);
    box-shadow: var(--shadow-xs);
    transition: 0.2s;
  }
    .choice-accordion__input .icon {
      color: var(--color-white);
      font-size: var(--choice-accordion-input-icon-size);
    }
    .choice-accordion__btn:hover .choice-accordion__input {
      border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), 1);
    }
    .choice-accordion__btn--checked .choice-accordion__input, .choice-accordion__btn--focus .choice-accordion__input, .choice-accordion__btn--checked:hover .choice-accordion__input, .choice-accordion__btn--focus:hover .choice-accordion__input {
      border-color: var(--color-primary);
    }
    .choice-accordion__btn--checked .choice-accordion__input {
      background-color: var(--color-primary);
    }
    .choice-accordion__btn--focus .choice-accordion__input {
      box-shadow: var(--shadow-xs), 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    }
  .choice-accordion__input--checkbox {
    border-radius: 4px;
  }
    .choice-accordion__input--checkbox .icon > * {
      transition: stroke-dashoffset 0.3s;
      stroke-dasharray: 18;
      stroke-dashoffset: 18;
    }
    .choice-accordion__btn--checked .choice-accordion__input--checkbox .icon > * {
      stroke-dasharray: 18;
      stroke-dashoffset: 0;
    }
  .choice-accordion__input--radio {
    border-radius: 50%;
  }
    .choice-accordion__input--radio .icon {
      transition: transform 0.3s var(--ease-out-back);
      transform: scale(0);
    }
    .choice-accordion__btn--checked .choice-accordion__input--radio .icon {
      transform: scale(1);
    }
    .js .choice-accordion__fallback {
      position: absolute;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      width: 1px;
      height: 1px;
      overflow: hidden;
      padding: 0;
      border: 0;
      white-space: nowrap;
    }
}
@layer utilities {
  :root {
    --circle-loader-v1-size: 48px;
    --circle-loader-v1-stroke-width: 4px;
    --circle-loader-v2-size: 64px;
    --circle-loader-v2-stroke-width: 2;
    --circle-loader-v3-size: 64px;
    --circle-loader-v4-size: 48px;
    --circle-loader-v5-size: 64px;
    --circle-loader-v6-size: 48px;
  }
  .circle-loader {
    position: relative;
    display: inline-block;
  }
  @supports (animation-name: this) {
    .circle-loader__label {
      position: absolute;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      width: 1px;
      height: 1px;
      overflow: hidden;
      padding: 0;
      border: 0;
      white-space: nowrap;
    }
  }
  @supports (animation-name: this) {
    .circle-loader--v1 {
      transform: rotate(45deg);
      will-change: transform;
      animation: circle-loader-1 0.75s infinite var(--ease-in-out);
    }
      .circle-loader--v1 .circle-loader__circle {
        width: var(--circle-loader-v1-size);
        height: var(--circle-loader-v1-size);
        border-width: var(--circle-loader-v1-stroke-width);
        border-style: solid;
        border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
        border-radius: 50%;
      }
        .circle-loader--v1 .circle-loader__circle::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-width: inherit;
          border-style: inherit;
          border-color: transparent;
          border-top-color: var(--color-primary);
          border-radius: inherit;
        }
  }
  @keyframes circle-loader-1 {
    0% {
      transform: rotate(45deg);
    }
    100% {
      transform: rotate(405deg);
    }
  }
  @supports (animation-name: this) {
    .circle-loader--v2 {
      will-change: transform;
      animation: circle-loader-spinning-main 1.4s infinite linear;
    }
      .circle-loader--v2 .circle-loader__svg {
        display: block;
        width: var(--circle-loader-v2-size);
        height: var(--circle-loader-v2-size);
        color: var(--color-primary);
      }
        .circle-loader--v2 .circle-loader__svg > * {
          stroke-width: var(--circle-loader-v2-stroke-width);
        }
      .circle-loader--v2 .circle-loader__base {
        opacity: 0.2;
      }
      .circle-loader--v2 .circle-loader__fill {
        stroke-linecap: round;
        stroke-dashoffset: 0;
        stroke-dasharray: 90 120;
        transform-origin: 50% 50%;
        transform: rotate(45deg);
        animation: circle-loader-dash 1.4s infinite;
      }
  }
  @keyframes circle-loader-dash {
    0%, 20% {
      stroke-dashoffset: 0;
      transform: rotate(0);
    }
    50%, 70% {
      stroke-dashoffset: 80;
      transform: rotate(270deg);
    }
    100% {
      stroke-dashoffset: 0;
      transform: rotate(360deg);
    }
  }
  @keyframes circle-loader-spinning-main {
    to {
      transform: rotate(360deg);
    }
  }
  @supports (animation-name: this) {
    .circle-loader--v3 {
      width: var(--circle-loader-v3-size);
      height: var(--circle-loader-v3-size);
    }
      .circle-loader--v3 .circle-loader__circle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: var(--color-primary);
        transform: scale(0);
        opacity: 0.8;
        will-change: transform, opacity;
        animation: circle-loader-3 1.2s infinite;
      }
      .circle-loader--v3 .circle-loader__circle--2nd {
        animation-delay: 0.6s;
      }
  }
  @keyframes circle-loader-3 {
    to {
      transform: scale(1);
      opacity: 0;
    }
  }
  @supports (animation-name: this) {
    .circle-loader--v4 {
      width: var(--circle-loader-v4-size);
      height: var(--circle-loader-v4-size);
      border-radius: 50%;
      overflow: hidden;
    }
      .circle-loader--v4 .circle-loader__mask, .circle-loader--v4 .circle-loader__circle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit;
      }
      .circle-loader--v4 .circle-loader__mask {
        clip-path: circle(calc(0.5 * var(--circle-loader-v4-size)));
      }
      .circle-loader--v4 .circle-loader__circle--1st {
        background-color: var(--color-contrast-low);
      }
      .circle-loader--v4 .circle-loader__circle--2nd {
        background-color: var(--color-primary);
        will-change: transform;
        transform-origin: 50% 100%;
        animation: circle-loader-4 1.2s infinite cubic-bezier(0.23, 0.9, 0.75, 0.1);
        transform: translateX(-100%);
      }
  }
  @keyframes circle-loader-4 {
    to {
      transform: translateX(100%);
    }
  }
  @supports (animation-name: this) {
    .circle-loader--v5 {
      font-size: var(--circle-loader-v5-size);
      width: 1em;
      height: 1em;
    }
      .circle-loader--v5 .circle-loader__label {
        font-size: 1rem;
      }
      .circle-loader--v5 .circle-loader__ball {
        position: absolute;
        top: 0;
        left: calc(50% - 0.140625em);
        width: 0.28125em;
        height: 0.28125em;
        background-color: var(--color-primary);
        border-radius: 50%;
        animation: circle-loader-5-ball 0.8s infinite;
      }
      .circle-loader--v5 .circle-loader__shadow {
        position: absolute;
        bottom: 0;
        left: calc(50% - 0.15625em);
        width: 0.3125em;
        height: 0.3125em;
        background-color: var(--color-contrast-lower);
        border-radius: 50%;
        transform: scaleY(0.4) scaleX(1.2);
        animation: circle-loader-5-shadow 0.8s infinite;
      }
  }
  @keyframes circle-loader-5-ball {
    0% {
      transform: translateY(0);
      animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
    }
    50% {
      transform: translateY(0.5625em);
      animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes circle-loader-5-shadow {
    0% {
      transform: scaleY(0.4) scaleX(1.2);
      background-color: var(--color-contrast-lower);
      animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
    }
    50% {
      transform: scaleY(0.2) scaleX(0.6);
      background-color: var(--color-contrast-low);
      animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
    }
    100% {
      transform: scaleY(0.4) scaleX(1.2);
      background-color: var(--color-contrast-lower);
    }
  }
  @supports (animation-name: this) {
      .circle-loader--v6 .circle-loader__svg {
        display: block;
        width: var(--circle-loader-v6-size);
        height: var(--circle-loader-v6-size);
        color: var(--color-primary);
      }
      .circle-loader--v6 .circle-loader__fill {
        stroke-width: 8px;
        stroke-dashoffset: 35;
        stroke-dasharray: 36 36;
        animation: circle-loader-6 1.5s infinite;
      }
  }
  @keyframes circle-loader-6 {
    0%, 100% {
      stroke-dashoffset: 35;
    }
    50% {
      stroke-dashoffset: -35;
    }
  }
}
@layer utilities {
  :root {
    --c-progress-bar-size: 100px;
    --c-progress-bar-stroke-width: 6;
  }
  .c-progress-bar {
    width: var(--c-progress-bar-size);
  }
  html:not(.js) .c-progress-bar__shape {
    display: none;
  }
  .c-progress-bar__shape {
    width: 100%;
    position: relative;
  }
    .c-progress-bar__shape svg {
      display: block;
      width: var(--c-progress-bar-size);
      height: var(--c-progress-bar-size);
      stroke-width: var(--c-progress-bar-stroke-width);
    }
  .c-progress-bar__bg {
    stroke: currentColor;
    opacity: 0.125;
  }
  .c-progress-bar__fill {
    stroke: currentColor;
  }
    .c-progress-bar__fill.color-red {
      stroke: var(--color-error);
    }
    .c-progress-bar__fill.color-orange {
      stroke: #e38b07;
    }
    .c-progress-bar__fill.color-yellow {
      stroke: #dbc92a;
    }
    .c-progress-bar__fill.color-light-green {
      stroke: #8bc34a;
    }
    .c-progress-bar__fill.color-green {
      stroke: #4caf50;
    }
  .c-progress-bar__value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
    .c-progress-bar__value i {
      font-size: 0.65em;
    }
    .js .c-progress-bar:not(.c-progress-bar--init) .c-progress-bar__fill, .js .c-progress-bar:not(.c-progress-bar--init) .c-progress-bar__value {
      visibility: hidden;
    }
  .c-progress-bar--color-update {
    --c-progress-bar-color-1: 30;
    --c-progress-bar-color-2: 65;
    --c-progress-bar-color-3: 100;
  }
    .c-progress-bar--color-update.c-progress-bar--init .c-progress-bar__fill {
      transition: stroke 0.2s;
    }
    .c-progress-bar--fill-color-1 .c-progress-bar__fill {
      stroke: var(--color-error);
    }
    .c-progress-bar--fill-color-2 .c-progress-bar__fill {
      stroke: var(--color-warning);
    }
    .c-progress-bar--fill-color-3 .c-progress-bar__fill {
      stroke: var(--color-success);
    }
}
@layer utilities {
  :root {
    --custom-checkbox-size: 20px;
    --custom-checkbox-radius: 3px;
    --custom-checkbox-border-width: 2px;
    --custom-checkbox-marker-size: 18px;
  }
  .custom-checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: var(--custom-checkbox-size);
  }
  .custom-checkbox__input {
    position: relative;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 1em;
    width: 1em;
    display: block;
    z-index: 1;
  }
  .custom-checkbox__control {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    transition: transform 0.2s;
    color: var(--color-contrast-medium);
  }
    .custom-checkbox__control::before, .custom-checkbox__control::after {
      content: "";
      position: absolute;
    }
    .custom-checkbox__control::before {
      width: 160%;
      height: 160%;
      background-color: currentColor;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      border-radius: 50%;
      will-change: transform;
      transition: transform 0.2s;
    }
    .custom-checkbox__control::after {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color-bg);
      border-radius: var(--custom-checkbox-radius);
      box-shadow: inset 0 0 0 var(--custom-checkbox-border-width) currentColor;
    }
    .custom-checkbox__input:checked ~ .custom-checkbox__control::after, .custom-checkbox__input:indeterminate ~ .custom-checkbox__control::after {
      background-color: currentColor;
      background-repeat: no-repeat;
      background-position: center;
      background-size: var(--custom-checkbox-marker-size);
      box-shadow: none;
    }
  .custom-checkbox__input:checked ~ .custom-checkbox__control {
    color: var(--color-primary);
  }
    .custom-checkbox__input:checked ~ .custom-checkbox__control::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    }
    .custom-checkbox__input:indeterminate ~ .custom-checkbox__control::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    }
  .custom-checkbox__input:active ~ .custom-checkbox__control {
    transform: scale(0.9);
  }
  .custom-checkbox__input:checked:active ~ .custom-checkbox__control, .custom-checkbox__input:indeterminate:active ~ .custom-checkbox__control {
    transform: scale(1);
  }
  .custom-checkbox__input:focus ~ .custom-checkbox__control::before {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1);
  }
  .custom-checkbox--icon {
    --custom-checkbox-size: 32px;
  }
    .custom-checkbox--icon .custom-checkbox__control::after {
      display: none;
    }
    .custom-checkbox--icon .icon {
      display: block;
      color: inherit;
      position: relative;
      z-index: 1;
    }
}
@layer utilities {
  :root {
    --app-ui-header-height: 50px;
    --app-ui-static-sidebar-width: 280px;
  }
    .app-ui .sidenav {
      --sidenav-list-item-padding-x: var(--space-md);
    }
  .app-ui__header {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    justify-content: space-between;
    height: var(--app-ui-header-height);
    z-index: 3;
  }
  .app-ui__logo-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .app-ui__logo {
    display: block;
    width: 104px;
    height: 30px;
  }
    .app-ui__logo svg {
      display: block;
      width: inherit;
      height: inherit;
    }
  .app-ui__menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--color-contrast-high);
    cursor: pointer;
    transition: 0.2s;
  }
    .app-ui__menu-btn .icon {
      display: block;
    }
    .app-ui__menu-btn .icon__group {
      stroke-width: 2px;
    }
      .app-ui__menu-btn .icon__group > * {
        stroke-dasharray: 24;
        transition: transform 0.3s var(--ease-in-out), stroke-dashoffset 0.3s, opacity 0.3s;
      }
      .app-ui__menu-btn .icon__group > *:nth-child(1) {
        transform-origin: 12px 6px;
      }
      .app-ui__menu-btn .icon__group > *:nth-child(2) {
        stroke-dashoffset: 0;
      }
      .app-ui__menu-btn .icon__group > *:nth-child(3) {
        transform-origin: 12px 18px;
      }
  .app-ui__nav {
    position: fixed;
    top: var(--app-ui-header-height);
    left: 0;
    width: 100%;
    height: calc(100% - var(--app-ui-header-height));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    background-color: var(--color-bg);
    z-index: 2;
    display: none;
  }
  .app-ui__body {
    position: relative;
    min-height: calc(100vh - var(--app-ui-header-height));
    z-index: 1;
    background-color: var(--color-contrast-lower);
  }
  .app-ui__header-btn, .app-ui__user-btn {
    background: #ccc;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-decoration: none;
  }
  .app-ui__header-btn {
    display: flex;
    transition: background-color 0.3s;
    color: var(--color-contrast-high);
  }
    .app-ui__header-btn .icon {
      font-size: 20px;
      display: block;
      margin: auto;
    }
    .app-ui__header-btn:hover {
      cursor: pointer;
      background-color: var(--color-contrast-lower);
    }
  .app-ui__notification-indicator {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    background-color: var(--color-accent);
    box-shadow: 0 1px 3px hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.4);
    border-radius: 50%;
  }
  .app-ui__user-btn {
    display: block;
    overflow: hidden;
    transition: 0.3s;
  }
    .app-ui__user-btn .avatar__initials {
      width: 100%;
      height: 100%;
      font-size: var(--text-lg);
    }
    .app-ui__user-btn img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .app-ui__user-btn:hover {
      opacity: 0.85;
    }
  .app-ui--nav-expanded .app-ui__nav {
    display: flex;
  }
    .app-ui--nav-expanded .app-ui__nav > * {
      animation: app-ui-nav-animation 0.5s var(--ease-out);
    }
  .app-ui--nav-expanded .app-ui__menu-btn .icon__group > *:nth-child(1) {
    transform: translateY(6px) rotate(-45deg);
  }
  .app-ui--nav-expanded .app-ui__menu-btn .icon__group > *:nth-child(2) {
    stroke-dashoffset: 24;
  }
  .app-ui--nav-expanded .app-ui__menu-btn .icon__group > *:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
  }
  @media (min-width: 64rem) {
    .app-ui .sidenav {
      --sidenav-list-item-padding-x: var(--space-sm);
    }
    .app-ui .expandable-search {
      --expandable-search-size-compact: 36px;
      --expandable-search-size-expanded: 220px;
      --expandable-search-icon-size: 20px;
    }
    .app-ui__nav {
      display: flex;
      width: var(--app-ui-static-sidebar-width);
      box-shadow: var(--shadow-xs);
    }
    .app-ui__logo-wrapper {
      width: var(--app-ui-static-sidebar-width);
    }
      .app-ui__logo-wrapper::after {
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        height: 70%;
        width: 1px;
        background-color: var(--color-contrast-lower);
      }
    .app-ui__body {
      min-height: 0;
      position: fixed;
      height: calc(100% - var(--app-ui-header-height));
      left: var(--app-ui-static-sidebar-width);
      width: calc(100% - var(--app-ui-static-sidebar-width));
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @keyframes app-ui-nav-animation {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }
}
@layer utilities {
  :root {
    --dropdown-item-padding: var(--space-xxs) var(--space-sm);
  }
  .dropdown {
    position: relative;
  }
  .dropdown__menu {
    width: 200px;
    border-radius: var(--radius-md);
    padding: var(--space-xxs) 0;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    z-index: var(--zindex-popover);
    position: absolute;
    left: 0;
    top: 100%;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s 0.2s;
  }
  @media (pointer: fine) {
    .dropdown__wrapper:hover > .dropdown__menu, .dropdown__sub-wrapper:hover > .dropdown__menu {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.2s;
    }
    .dropdown__sub-wrapper:hover > .dropdown__menu {
      left: 100%;
    }
  }
  @media not all and (pointer: fine) {
    .dropdown__trigger-icon {
      display: none;
    }
  }
  .dropdown__item {
    display: block;
    text-decoration: none;
    color: var(--color-contrast-high);
    padding: var(--dropdown-item-padding);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
    .dropdown__item:hover, .dropdown__item.dropdown__item--hover {
      background-color: var(--color-contrast-lower);
    }
  .dropdown__separator {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--dropdown-item-padding);
  }
  .dropdown__sub-wrapper {
    position: relative;
  }
    .dropdown__sub-wrapper > .dropdown__item {
      position: relative;
      padding-right: calc(var(--space-sm) + 12px);
    }
      .dropdown__sub-wrapper > .dropdown__item .icon {
        position: absolute;
        display: block;
        width: 12px;
        height: 12px;
        right: var(--space-xxs);
        top: calc(50% - 6px);
      }
    .dropdown__sub-wrapper > .dropdown__menu {
      top: calc(var(--space-xxs) * -1);
      box-shadow: var(--shadow-md);
    }
  .js .dropdown__menu {
    top: calc(100% + 4px);
  }
  .js .dropdown__sub-wrapper .dropdown__menu {
    top: calc(var(--space-xxs) * -1);
  }
  @media (pointer: fine) {
    .js .dropdown__menu--is-visible {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.2s;
    }
  }
  .js .dropdown__menu--is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s 0.2s;
  }
  .js .dropdown__sub-wrapper > .dropdown__menu--is-visible, .js .dropdown__sub-wrapper > .dropdown__menu--is-hidden {
    left: 100%;
  }
    .js .dropdown__sub-wrapper > .dropdown__menu--is-visible.dropdown__menu--left, .js .dropdown__sub-wrapper > .dropdown__menu--is-hidden.dropdown__menu--left {
      left: -100%;
    }
}
@layer utilities {
  :root {
    --dow-list-items-gap: var(--space-xs);
  }
  .dow-list {
    display: grid;
    gap: var(--dow-list-items-gap);
    list-style: none;
  }
  .dow-list__item {
    border-radius: var(--radius-md);
    background: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-xs);
  }
  .dow-list__metadata-list {
    display: flex;
    align-items: center;
    line-height: 1;
  }
    .dow-list__metadata-list > * {
      display: flex;
      align-items: center;
    }
    .dow-list__metadata-list > *:not(:last-child)::after {
      content: "";
      display: block;
      flex-shrink: 0;
      --size: 5px;
      width: var(--size);
      height: var(--size);
      border-radius: 50%;
      background-color: currentColor;
      margin: 0 var(--space-xs);
      opacity: 0.5;
    }
  .dow-list__btn {
    --hover-transition-duration: 0.3s;
    overflow: hidden;
  }
      .dow-list__btn:hover .dow-list__btn-label, .dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label {
        transform: scale(0.5);
        opacity: 0;
      }
      .dow-list__btn:hover .dow-list__icon-wrapper, .dow-list__btn.dow-list__btn--is-loading .dow-list__icon-wrapper {
        transform: translateY(0);
      }
    .dow-list__btn--reset .dow-list__btn-label, .dow-list__btn--reset:hover .dow-list__btn-label {
      transform: scale(1);
      opacity: 1;
    }
    .dow-list__btn--reset .dow-list__icon-wrapper, .dow-list__btn--reset:hover .dow-list__icon-wrapper {
      transform: translateY(100%);
    }
    .dow-list__btn--reset .dow-list__icon-group *, .dow-list__btn--reset:hover .dow-list__icon-group * {
      transition: none !important;
      animation: none !important;
    }
  .dow-list__btn-label {
    transition: opacity var(--hover-transition-duration), transform var(--hover-transition-duration);
  }
  .dow-list__icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(100%);
    transition: transform var(--hover-transition-duration);
  }
  .dow-list__icon {
    --size: 20px;
    display: block;
    width: 20px;
    height: 20px;
  }
      .dow-list__icon .dow-list__icon-group > *:nth-child(1) {
        stroke-dashoffset: 0;
        stroke-dasharray: 16;
        transition: stroke-dashoffset 0.4s 0.3s var(--ease-in);
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(2), .dow-list__icon .dow-list__icon-group *:nth-child(3) {
        opacity: 1;
        transform: rotate(0);
        transition: transform 0.3s var(--ease-out), opacity 0s 0.3s;
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(4) {
        stroke-dashoffset: 50;
        stroke-dasharray: 50;
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(5) {
        stroke-dashoffset: 38;
        stroke-dasharray: 38;
        transition: stroke-dashoffset 0.7s;
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(6) {
        stroke-dashoffset: 24;
        stroke-dasharray: 24;
        transition: stroke-dashoffset 0.5s 0.2s var(--ease-out);
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(7) {
        stroke-dashoffset: 25;
        stroke-dasharray: 25;
        transition: stroke-dashoffset 0.45s;
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(8) {
        stroke-dashoffset: 10;
        stroke-dasharray: 10;
        transition: stroke-dashoffset 0.3s 0.2s var(--ease-out);
      }
      .dow-list__icon .dow-list__icon-group > *:nth-child(9) {
        transform-origin: 10px 17.5px;
        transform: scale(0);
        transition: transform 0.3s 0.5s var(--ease-out-back);
      }
      .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(1) {
        stroke-dashoffset: 16;
      }
      .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(2), .dow-list__btn--is-loading .dow-list__icon-group *:nth-child(3) {
        opacity: 0;
        transform-origin: 10px 18px;
      }
      .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(2) {
        transform: rotate(45deg);
      }
      .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(3) {
        transform: rotate(-45deg);
      }
      .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(4) {
        animation: dow-list-obj-4-anim 1s 0.6s infinite;
      }
  @media not all and (pointer: fine) {
      .dow-list__icon .dow-list__icon-group > *:nth-child(1), .dow-list__icon .dow-list__icon-group > *:nth-child(2), .dow-list__icon .dow-list__icon-group > *:nth-child(3) {
        display: none;
      }
    .dow-list__btn--is-loading .dow-list__icon-group > *:nth-child(4) {
      animation-delay: 0s;
    }
    .dow-list__btn:hover .dow-list__btn-label {
      transform: scale(1);
      opacity: 1;
    }
    .dow-list__btn.dow-list__btn--is-loading .dow-list__btn-label {
      opacity: 0;
    }
  }
  @keyframes dow-list-obj-4-anim {
    from {
      stroke-dashoffset: 50;
    }
    to {
      stroke-dashoffset: 150;
    }
  }
      .dow-list__btn--success .dow-list__icon-group > *:nth-child(4) {
        display: none;
      }
      .dow-list__btn--success .dow-list__icon-group > *:nth-child(5) {
        stroke-dashoffset: 114;
      }
      .dow-list__btn--success .dow-list__icon-group > *:nth-child(6) {
        stroke-dashoffset: 0;
      }
  .dow-list__btn--error {
    animation: dow-list-btn-error-anim 0.4s 0.5s;
  }
      .dow-list__btn--error .dow-list__icon-group > *:nth-child(4) {
        display: none;
      }
      .dow-list__btn--error .dow-list__icon-group > *:nth-child(7) {
        stroke-dashoffset: 75;
      }
      .dow-list__btn--error .dow-list__icon-group > *:nth-child(8) {
        stroke-dashoffset: 0;
      }
      .dow-list__btn--error .dow-list__icon-group > *:nth-child(9) {
        transform: scale(1);
      }
  @keyframes dow-list-btn-error-anim {
    0%, 100% {
      transform: translateX(0);
    }
    20%, 60% {
      transform: translateX(4px);
    }
    40%, 80% {
      transform: translateX(-4px);
    }
  }
}
@layer utilities {
  .input-group {
    display: flex;
  }
    .input-group > * {
      position: relative;
    }
    .input-group > *:not(:last-child):not(:first-child) {
      border-radius: 0;
    }
    .input-group > *:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .input-group > *:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .input-group > *:focus, .input-group *:focus-within {
      z-index: 1;
    }
  .input-group__tag {
    display: flex;
    align-items: center;
    padding: 0 var(--space-sm);
    background-color: var(--color-bg);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-contrast-lower);
    white-space: nowrap;
    color: var(--color-contrast-medium);
  }
    .input-group__tag:first-child {
      border-right-width: 0px;
    }
    .input-group__tag:last-child {
      border-left-width: 0px;
    }
}
@layer utilities {
  .form-control-wrapper {
    --input-icon-size: 1em;
    --input-icon-text-gap: var(--space-xxs);
    position: relative;
  }
    .form-control-wrapper .form-control {
      width: 100%;
      height: 100%;
    }
    .form-control-wrapper .icon {
      display: block;
      position: absolute;
      width: var(--input-icon-size);
      height: var(--input-icon-size);
      top: calc(50% - var(--input-icon-size) / 2);
      pointer-events: none;
    }
      .fancybox-inner .form-control-wrapper .icon {
        z-index: 889;
      }
    .form-control-wrapper--icon-left .icon {
      left: var(--form-control-padding-x);
    }
    .form-control-wrapper--icon-left .form-control {
      padding-left: calc(var(--form-control-padding-x) + var(--input-icon-size) + var(--input-icon-text-gap));
    }
    .form-control-wrapper--icon-right .icon {
      right: var(--form-control-padding-x);
    }
    .form-control-wrapper--icon-right .form-control {
      padding-right: calc(var(--form-control-padding-x) + var(--input-icon-size) + var(--input-icon-text-gap));
    }
}
@layer utilities {
  :root {
    --list-space-y: var(--space-xxs);
    --list-offset: var(--space-xs);
    --list-line-height: var(--body-line-height);
  }
  .list, .text-component .list {
    padding-left: 0;
    list-style: none;
  }
    .list ul, .list ol, .text-component .list ul, .text-component .list ol {
      list-style: none;
      margin: 0;
      margin-top: calc(var(--list-space-y) / 2);
      padding-top: calc(var(--list-space-y) / 2);
      padding-left: var(--list-offset);
    }
    .list li, .text-component .list li {
      padding-bottom: calc(var(--list-space-y) / 2);
      margin-bottom: calc(var(--list-space-y) / 2);
      line-height: var(--list-line-height);
    }
    .list > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
      margin-bottom: 0;
    }
    .list:not(.list--border) > li:last-child, .list ul > li:last-child, .list ol > li:last-child, .text-component .list:not(.list--border) > li:last-child, .text-component .list ul > li:last-child, .text-component .list ol > li:last-child {
      padding-bottom: 0;
    }
  .list--ul, .text-component .list--ul, .list--ol, .text-component .list--ol {
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
  }
    .list--ul ul, .list--ul ol, .text-component .list--ul ul, .text-component .list--ul ol, .list--ol ul, .list--ol ol, .text-component .list--ol ul, .text-component .list--ol ol {
      padding-left: 0;
    }
      @supports (--css: variables) {
    .list--ul li, .text-component .list--ul li, .list--ol li, .text-component .list--ol li {
        padding-left: var(--list-offset) !important
    }
      }
    .list--ul li::before, .text-component .list--ul li::before, .list--ol li::before, .text-component .list--ol li::before {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: middle;
      position: relative;
      top: -0.1em;
    }
      @supports (--css: variables) {
    .list--ul li::before, .text-component .list--ul li::before, .list--ol li::before, .text-component .list--ol li::before {
        width: var(--list-bullet-size) !important;
        height: var(--list-bullet-size) !important;
        margin-left: calc(var(--list-bullet-size) * -1) !important;
        left: calc(var(--list-bullet-margin-right) * -1) !important
    }
      }
  .list--ul, .text-component .list--ul {
    --list-bullet-size: 7px;
    --list-bullet-margin-right: 12px;
  }
    .list--ul > li, .text-component .list--ul > li {
      padding-left: 19px;
    }
    .list--ul > li::before, .text-component .list--ul > li::before {
      content: "";
      border-radius: 50%;
      color: var(--color-primary);
      background-color: currentColor;
      width: 7px;
      height: 7px;
      margin-left: -7px;
      left: -12px;
    }
    .list--ul ul li::before, .text-component .list--ul ul li::before {
      background-color: transparent;
      box-shadow: inset 0 0 0 2px currentColor;
    }
  .list--ol, .text-component .list--ol {
    --list-bullet-size: 26px;
    --list-bullet-margin-right: 6px;
    --list-bullet-font-size: 14px;
    counter-reset: list-items;
  }
    .list--ol > li, .text-component .list--ol > li {
      counter-increment: list-items;
      padding-left: 32px;
    }
    .list--ol ol, .text-component .list--ol ol {
      counter-reset: list-items;
    }
    .list--ol > li::before, .text-component .list--ol > li::before {
      content: counter(list-items);
      font-size: var(--list-bullet-font-size, 14px);
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
      color: var(--color-contrast-high);
      line-height: 1;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      margin-left: -26px;
      left: -6px;
    }
    .list--ol ol > li::before, .text-component .list--ol ol > li::before {
      background-color: transparent;
      box-shadow: inset 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    }
    .list--border li:not(:last-child), .text-component .list--border li:not(:last-child) {
      border-bottom: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    }
    .list--border ul, .list--border ol, .text-component .list--border ul, .text-component .list--border ol {
      border-top: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    }
  .list--icons, .text-component .list--icons {
    --list-bullet-size: 24px;
    --list-bullet-margin-right: 8px;
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
  }
    .list--icons ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol {
      padding-left: 32px;
    }
      @supports (--css: variables) {
    .list--icons ul, .list--icons ol, .text-component .list--icons ul, .text-component .list--icons ol {
        padding-left: var(--list-offset)
    }
      }
  .list__icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
    .list__icon:not(.top-0) {
      top: calc((1em * var(--list-line-height) - 24px) / 2);
    }
    @supports (--css: variables) {
  .list__icon {
      width: var(--list-bullet-size);
      height: var(--list-bullet-size);
      margin-right: var(--list-bullet-margin-right)
  }
      .list__icon:not(.top-0) {
        top: calc((1em * var(--list-line-height) - var(--list-bullet-size)) / 2);
      }
    }
}
@layer utilities {
    .more-menu .submenu-trigger .submenu-chevron {
      margin-left: var(--space-sm);
      margin-right: -8px;
      opacity: 0.4;
      --size: 16px;
      fill: none;
    }
  .submenu-content {
    display: none;
  }
  .more-menu nav > .menu__separator {
    border: none;
    border-top: 1px solid var(--color-contrast-low, #e0e0e0);
    margin: var(--space-xxs) 0;
  }
  .more-menu nav > span.disabled {
    display: flex;
    align-items: center;
    padding: var(--menu-item-padding);
    color: var(--color-contrast-medium);
    opacity: 0.5;
    cursor: not-allowed;
  }
}
@layer utilities {
  :root {
    --menu-bar-button-size: 2.5em;
    --menu-bar-icon-size: 1em;
    --menu-bar-horizontal-gap: var(--space-xxs);
    --menu-bar-vertical-gap: 4px;
    --menu-bar-label-size: var(--text-xs);
  }
  .menu-bar {
    list-style: none;
    display: inline-flex;
    align-items: center;
  }
  .menu-bar__item {
    position: relative;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--menu-bar-button-size);
    width: var(--menu-bar-button-size);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s;
  }
    .menu-bar__item:not(:last-child) {
      margin-right: var(--menu-bar-horizontal-gap);
    }
    .menu-bar__item:hover, .menu-bar__item.menu-control--active {
      background-color: var(--color-contrast-lower);
    }
      .menu-bar__item:hover > .menu-bar__icon, .menu-bar__item.menu-control--active > .menu-bar__icon {
        color: var(--color-contrast-higher);
      }
      .menu-bar__item:hover > .menu-bar__label, .menu-bar__item.menu-control--active > .menu-bar__label {
        clip: auto;
        clip-path: none;
        height: auto;
        width: auto;
      }
    .menu-bar__item:focus {
      outline: none;
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    }
    .menu-bar__item:active {
      background-color: var(--color-contrast-low);
    }
    .menu-bar__item:focus:active {
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    }
  .menu-bar__item--trigger {
    display: none;
  }
  .menu-bar__icon {
    display: block;
    color: var(--color-contrast-high);
    font-size: var(--menu-bar-icon-size);
    transition: color 0.2s;
  }
  .menu-bar__label {
    position: absolute;
    z-index: var(--zindex-popover);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(var(--menu-bar-vertical-gap));
    padding: var(--space-xxs) var(--space-xs);
    color: var(--color-bg);
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.95 );
    border-radius: var(--radius-md);
    font-size: var(--menu-bar-label-size);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    user-select: none;
  }
  .menu-bar--collapsed .menu-bar__item--hide {
    display: none;
  }
  .menu-bar--collapsed .menu-bar__item--trigger {
    display: inline-block;
    display: flex;
  }
  .js .menu-bar {
    opacity: 0;
  }
    .js .menu-bar::before {
      display: none;
      content: "collapsed";
    }
  .js .menu-bar--loaded {
    opacity: 1;
  }
  @media (min-width: 32rem) {
    .js .menu-bar--expanded\@xs::before {
      content: "expanded";
    }
  }
  @media (min-width: 48rem) {
    .js .menu-bar--expanded\@sm::before {
      content: "expanded";
    }
  }
  @media (min-width: 64rem) {
    .js .menu-bar--expanded\@md::before {
      content: "expanded";
    }
  }
  @media (min-width: 80rem) {
    .js .menu-bar--expanded\@lg::before {
      content: "expanded";
    }
  }
  @media (min-width: 90rem) {
    .js .menu-bar--expanded\@xl::before {
      content: "expanded";
    }
  }
}
@layer utilities {
  :root {
    --notif-figure-size: 48px;
  }
  .notif {
    position: relative;
    z-index: 1;
  }
  .notif__item:not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower);
  }
  .notif__link {
    text-decoration: none;
    color: inherit;
    transition: 0.2s;
  }
    .notif__link:hover {
      background-color: hsla( var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0.5 );
    }
  .notif__figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--notif-figure-size) * 0.75);
    height: calc(var(--notif-figure-size) * 0.75);
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
  }
    @media (min-width: 64rem) {
  .notif__figure {
      width: var(--notif-figure-size);
      height: var(--notif-figure-size)
  }
    }
    .notif__figure > * {
      position: relative;
      z-index: 1;
    }
    .notif__figure img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .notif__figure::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      background-color: currentColor;
      opacity: 0.15;
    }
  .notif__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-primary);
    align-self: center;
    flex-shrink: 0;
  }
}
@layer utilities {
  .number-input__btn {
    display: none;
  }
      .js .number-input .form-control::-webkit-inner-spin-button, .js .number-input .form-control::-webkit-outer-spin-button {
        display: none;
      }
      .js .number-input .form-control {
        -moz-appearance: textfield;
        display: block;
      }
    .js .number-input__btn {
      display: flex;
      background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);
      transition: background ease-in-out 150ms;
    }
      .js .number-input__btn:hover {
        background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.25);
      }
      .js .number-input__btn:focus {
        outline: none;
        background-color: var(--color-primary);
      }
        .js .number-input__btn:focus .icon {
          color: var(--color-white);
        }
      .js .number-input__btn:active {
        background-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.9));
      }
      .js .number-input__btn .icon {
        --size: var(--number-input-icon-size, 12px);
        display: block;
        margin: auto;
      }
  .js .number-input--v1 {
    --number-input-btn-width: 1.75em;
    --number-input-btn-gap: 2px;
    --number-input-btn-input-gap: 4px;
    --number-input-icon-size: 8px;
    position: relative;
  }
    .js .number-input--v1 .form-control {
      padding-right: calc(var(--number-input-btn-width) + var(--number-input-btn-input-gap) * 2);
      width: 100%;
      height: 100%;
    }
    .js .number-input--v1 .number-input__btns {
      position: absolute;
      top: var(--number-input-btn-input-gap);
      right: var(--number-input-btn-input-gap);
      width: var(--number-input-btn-width);
      height: calc(100% - var(--number-input-btn-input-gap) * 2);
    }
    .js .number-input--v1 .number-input__btn {
      position: absolute;
      width: 100%;
      height: calc(50% - var(--number-input-btn-gap) / 2);
      border-radius: var(--radius-sm);
    }
      .js .number-input--v1 .number-input__btn.number-input__btn--plus {
        top: 0;
      }
      .js .number-input--v1 .number-input__btn.number-input__btn--minus {
        bottom: 0;
      }
  .js .number-input--v2 {
    --number-input-btn-width: 1.6em;
    --number-input-btn-input-gap: var(--space-xxxs);
    --number-input-icon-size: 12px;
    display: flex;
    align-items: center;
  }
    .js .number-input--v2 .form-control {
      margin: 0 var(--number-input-btn-input-gap);
      order: 1;
      flex-grow: 1;
      text-align: center;
    }
    .js .number-input--v2 .number-input__btn {
      width: var(--number-input-btn-width);
      height: var(--number-input-btn-width);
      border-radius: 50%;
      flex-shrink: 0;
    }
    .js .number-input--v2 .number-input__btn--plus {
      order: 2;
    }
}
@layer utilities {
  :root {
    --popover-width: 250px;
    --popover-control-gap: 4px;
    --popover-viewport-gap: 20px;
    --popover-transition-duration: 0.2s;
  }
  .popover {
    position: fixed;
    width: var(--popover-width);
    z-index: var(--z-index-popover, 5);
    margin-top: var(--popover-control-gap);
    margin-bottom: var(--popover-control-gap);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s var(--popover-transition-duration), opacity var(--popover-transition-duration);
  }
  .popover--is-visible {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity var(--popover-transition-duration);
  }
}
@layer utilities {
  :root {
    --progress-bar-width: 200px;
    --progress-bar-height: 8px;
    --progress-bar-radius: 50em;
  }
  .progress-bar--sm .progress-bar__bg {
    height: 6px;
  }
  .progress-bar--md .progress-bar__bg {
    height: 10px;
  }
  .progress-bar--lg .progress-bar__bg {
    height: 14px;
  }
  .progress-bar--full {
    flex-grow: 1;
    min-width: 0;
  }
  .progress-bar--full .progress-bar__bg {
    width: 100%;
  }
  .progress-bar__bg {
    position: relative;
    width: 100%;
    height: var(--progress-bar-height);
    border-radius: var(--progress-bar-radius);
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    flex-grow: 1;
    overflow: hidden;
  }
  .progress-bar__fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: currentColor;
  }
    .progress-bar__fill.color-red {
      background-color: var(--color-error);
    }
    .progress-bar__fill.color-orange {
      background-color: #e38b07;
    }
    .progress-bar__fill.color-yellow {
      background-color: #dbc92a;
    }
    .progress-bar__fill.color-light-green {
      background-color: #8bc34a;
    }
    .progress-bar__fill.color-green {
      background-color: #4caf50;
    }
    .progress-bar__fill.color-blue {
      background-color: var(--color-primary);
    }
  .progress-bar__value {
    flex-shrink: 0;
  }
  .progress-bar[data-animation="on"]:not(.progress-bar--init) .progress-bar__fill, .progress-bar[data-animation="on"]:not(.progress-bar--init) .progress-bar__value, .progress-bar--color-update:not(.progress-bar--init) .progress-bar__fill, .progress-bar--color-update:not(.progress-bar--init) .progress-bar__value {
    opacity: 0;
  }
  .progress-bar--color-update {
    --progress-bar-color-1: 30;
    --progress-bar-color-2: 65;
    --progress-bar-color-3: 100;
  }
  .progress-bar--color-update.progress-bar--init .progress-bar__fill {
    transition: background-color 0.3s;
  }
  .progress-bar--fill-color-1 .progress-bar__fill {
    background-color: var(--color-error);
  }
  .progress-bar--fill-color-2 .progress-bar__fill {
    background-color: var(--color-warning);
  }
  .progress-bar--fill-color-3 .progress-bar__fill {
    background-color: var(--color-success);
  }
}
@layer utilities {
  :root {
    --radio-switch-width: 300px;
    --radio-switch-height: 46px;
    --radio-switch-padding: 3px;
    --radio-switch-radius: 50em;
    --radio-switch-animation-duration: 0.3s;
  }
  .radio-switch {
    position: relative;
    display: inline-block;
    display: inline-flex;
    padding: var(--radio-switch-padding);
    border-radius: calc(var(--radio-switch-radius) * 1.4);
    background-color: var(--color-bg-darker);
  }
    .radio-switch:focus-within, .radio-switch:active {
      box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    }
  .radio-switch__item {
    position: relative;
    display: inline-block;
    height: calc(var(--radio-switch-height) - 2 * var(--radio-switch-padding));
    width: calc(var(--radio-switch-width) * 0.5 - var(--radio-switch-padding));
  }
  .radio-switch__label {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: var(--radio-switch-radius);
    cursor: pointer;
    font-size: var(--text-sm);
    user-select: none;
    transition: all var(--radio-switch-animation-duration);
  }
    .radio-switch__input:checked ~ .radio-switch__label {
      color: var(--color-white);
    }
    .radio-switch__input:focus ~ .radio-switch__label {
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 1);
    }
    .radio-switch__label :not(*):focus-within, .radio-switch__input:focus ~ .radio-switch__label {
      background-color: transparent;
    }
  .radio-switch__marker {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    border-radius: var(--radio-switch-radius);
    background-color: var(--color-primary);
    height: calc(var(--radio-switch-height) - 2 * var(--radio-switch-padding));
    width: calc(var(--radio-switch-width) * 0.5 - var(--radio-switch-padding));
    box-shadow: var(--shadow-md);
    transition: transform var(--radio-switch-animation-duration);
  }
    .radio-switch__input:checked ~ .radio-switch__marker {
      transform: translateX(100%);
    }
}
@layer utilities {
  :root {
    --radio-switch-v2-width: 52px;
    --radio-switch-v2-height: 30px;
    --radio-switch-v2-padding: 4px;
    --radio-switch-v2-radius: 50em;
    --radio-switch-v2-animation-duration: 0.3s;
  }
  .radio-switch-v2 {
    position: relative;
    display: inline-block;
    display: inline-flex;
  }
  .radio-switch-v2__item {
    position: relative;
    height: var(--radio-switch-v2-height);
    float: left;
  }
  .radio-switch-v2__input {
    position: relative;
    z-index: 2;
    height: 100%;
    width: calc(var(--radio-switch-v2-width) * 0.5);
    opacity: 0;
    cursor: pointer;
    transform: scaleX(2);
    transform-origin: 0 0;
  }
    .radio-switch-v2__item:last-of-type .radio-switch-v2__input {
      transform-origin: 100% 100%;
    }
    .radio-switch-v2__item:first-of-type .radio-switch-v2__input {
      order: 1;
    }
    .radio-switch-v2__input:checked {
      z-index: -1;
    }
  .radio-switch-v2__label {
    position: relative;
    z-index: 2;
    display: block;
    line-height: var(--radio-switch-v2-height);
    font-size: calc(var(--text-sm) * 1.2);
    transition: color var(--radio-switch-v2-animation-duration);
    user-select: none;
  }
    .radio-switch-v2__item:first-of-type .radio-switch-v2__label {
      float: left;
      margin-right: var(--space-xs);
    }
    .radio-switch-v2__item:last-of-type .radio-switch-v2__label {
      float: right;
      margin-left: var(--space-xs);
    }
    .radio-switch-v2__input:checked ~ .radio-switch-v2__label {
      color: var(--color-primary);
    }
    .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
      outline-offset: 2px;
    }
    .radio-switch-v2__label :not(*):focus-within, .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
      outline: none;
    }
  .radio-switch-v2__toggle {
    position: absolute;
    z-index: 1;
    width: var(--radio-switch-v2-width);
    height: var(--radio-switch-v2-height);
    top: 0;
    left: 0;
    transform: translateX(-50%);
    border-radius: var(--radio-switch-v2-radius);
    background-color: var(--color-bg-darker);
  }
    .radio-switch-v2:focus-within .radio-switch-v2__toggle, .radio-switch-v2:active .radio-switch-v2__toggle {
      box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    }
  .radio-switch-v2__marker {
    position: absolute;
    z-index: 1;
    top: var(--radio-switch-v2-padding);
    left: var(--radio-switch-v2-padding);
    width: calc(var(--radio-switch-v2-height) - var(--radio-switch-v2-padding) * 2);
    height: calc(var(--radio-switch-v2-height) - var(--radio-switch-v2-padding) * 2);
    border-radius: 50%;
    background-color: var(--color-primary);
    transition: left var(--radio-switch-v2-animation-duration);
    box-shadow: var(--shadow-sm);
    will-change: left;
  }
  .radio-switch-v2__input:checked ~ .radio-switch-v2__toggle .radio-switch-v2__marker {
    left: calc(var(--radio-switch-v2-width) - var(--radio-switch-v2-height) + var(--radio-switch-v2-padding));
  }
}
@layer utilities {
  :root {
    --checkbox-radio-size: 18px;
    --checkbox-radio-gap: var(--space-xxs);
    --checkbox-radio-border-width: 2px;
    --checkbox-radio-line-height: var(--body-line-height);
    --radio-marker-size: 8px;
    --checkbox-marker-size: 12px;
    --checkbox-radius: 4px;
  }
  .radio, .checkbox {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2);
    opacity: 0;
    height: var(--checkbox-radio-size);
    width: var(--checkbox-radio-size);
    pointer-events: none;
  }
  .radio + label, .radio + .checkbox-box, .checkbox + label, .checkbox + .checkbox-box {
    display: inline-block;
    line-height: var(--checkbox-radio-line-height);
    user-select: none;
    cursor: pointer;
    padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap));
    font-size: var(--text-sm);
  }
  .radio + label::before, .checkbox + label::before, .checkbox + .checkbox-box::before {
    content: "";
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -0.1em;
    margin-left: calc(-1 * (var(--checkbox-radio-size) + var(--checkbox-radio-gap)));
    flex-shrink: 0;
    width: var(--checkbox-radio-size);
    height: var(--checkbox-radio-size);
    background-color: var(--color-bg);
    border-width: var(--checkbox-radio-border-width);
    border-color: var(--color-contrast-low);
    border-style: solid;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: var(--checkbox-radio-gap);
    transition: transform 0.2s, border 0.2s;
  }
  .radio:not(:checked):not(:focus) + label:hover::before, .checkbox:not(:checked):not(:focus) + label:hover::before {
    border-color: hsl(var(--color-contrast-low-h), var(--color-contrast-low-s), calc(var(--color-contrast-low-l) * 0.7));
  }
  .radio + label::before, .radio + .checkbox-box::before {
    border-radius: 50%;
  }
  .checkbox + label::before, .checkbox + .checkbox-box::before {
    border-radius: var(--checkbox-radius);
  }
    .radio:checked + label::before, .radio:checked + .checkbox-box::before, .checkbox:checked + label::before, .checkbox:checked + .checkbox-box::before {
      background-color: var(--color-primary);
      box-shadow: none;
      border-color: var(--color-primary);
      transition: transform 0.2s;
    }
    .radio:checked + label.red::before, .checkbox:checked + label.red::before {
      background-color: #c92c2c;
      box-shadow: none;
      border-color: #c92c2c;
      transition: transform 0.2s;
    }
  .radio:checked + label.green::before, .checkbox:checked + label.green::before {
    background-color: green;
    border-color: green;
  }
  .radio:active + label::before, .checkbox:active + label::before {
    transform: scale(0.8);
    transition: transform 0.2s;
  }
  .radio:not(.radio--vertical):checked:active + label::before, .checkbox:not(.radio--vertical):checked:active + label::before {
    transform: none;
    transition: none;
  }
  .radio:checked + label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-size: var(--radio-marker-size);
  }
    .checkbox:checked + label::before, .checkbox:checked + .checkbox-box::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
      background-size: var(--checkbox-marker-size);
    }
    .checkbox:checked + label.red::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l10 10M7 17L17 7'/%3E%3C/svg%3E");
      background-size: calc(var(--checkbox-marker-size) * 2);
    }
  .radio:checked:active + label::before, .checkbox:checked:active + label::before, .radio:focus + label::before, .checkbox:focus + label::before {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  }
  .radio--bg + label, .checkbox--bg + label {
    padding: var(--space-xxxxs) var(--space-xxxs);
    padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap) + var(--space-xxxs));
    border-radius: var(--radius-lg);
    transition: background 0.2s;
  }
  .radio--bg + label:hover, .checkbox--bg + label:hover {
    background-color: var(--color-contrast-lower);
  }
  .radio--bg:active + label, .checkbox--bg:active + label, .radio--bg:focus + label, .checkbox--bg:focus + label {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
  }
  .radio--bg-green + label {
    --radio-bg: #dcfce7;
    --radio-bg-hover: #bbf7d0;
    --radio-marker: #15803d;
    --radio-ring: rgba(21, 128, 61, 0.2);
  }
  .radio--bg-yellow + label {
    --radio-bg: #fef9c3;
    --radio-bg-hover: #fef08a;
    --radio-marker: #ca8a04;
    --radio-ring: rgba(202, 138, 4, 0.2);
  }
  .radio--bg-orange + label {
    --radio-bg: #ffedd5;
    --radio-bg-hover: #fed7aa;
    --radio-marker: #c2410c;
    --radio-ring: rgba(194, 65, 12, 0.2);
  }
  .radio--bg-red + label {
    --radio-bg: #fee2e2;
    --radio-bg-hover: #fecaca;
    --radio-marker: #b91c1c;
    --radio-ring: rgba(185, 28, 28, 0.2);
  }
  [class*="radio--bg-"]:checked + label {
    background-color: var(--radio-bg);
  }
  [class*="radio--bg-"]:checked:hover + label {
    background-color: var(--radio-bg-hover);
  }
  [class*="radio--bg-"]:checked + label::before {
    background-color: var(--radio-marker);
    border-color: var(--radio-marker);
  }
  [class*="radio--bg-"]:focus + label::before, [class*="radio--bg-"]:checked:active + label::before {
    border-color: var(--radio-marker);
    box-shadow: 0 0 0 3px var(--radio-ring);
  }
    .radio.radio--vertical + label {
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 100%;
      padding: 0.5em 0.5em;
    }
      .radio.radio--vertical + label:before {
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        margin-left: 0;
      }
      .checkbox[disabled] + label, .checkbox[disabled] + .checkbox-box, .radio[disabled] + label, .radio[disabled] + .checkbox-box {
        pointer-events: none;
        opacity: 0.5;
        cursor: not-allowed;
      }
        .checkbox[disabled] + label::before, .checkbox[disabled] + .checkbox-box::before, .radio[disabled] + label::before, .radio[disabled] + .checkbox-box::before {
          opacity: 0.5;
          filter: grayscale(1);
        }
  .radio--bg-wrapper {
    margin-left: -5px;
  }
    .radio-content__description {
      display: block;
      font-size: var(--text-sm);
      color: var(--color-contrast-medium);
      margin-top: 1px;
      margin-bottom: var(--space-xxs);
    }
  .radio + label:has(.radio-content--middle) {
    display: flex;
    align-items: center;
  }
  .radio--bg + label:has(.radio-content) {
    padding: 0;
    padding-left: calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap));
  }
}
@layer utilities {
    .js .read-more {
      opacity: 0;
    }
    .js .read-more--loaded {
      opacity: 1;
    }
  .read-more__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
    cursor: pointer;
    color: var(--color-primary);
    text-decoration: underline;
  }
}
@layer utilities {
  .sidebar:not(.sidebar--static) {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index-fixed-element, 10);
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s 0.3s;
  }
    .sidebar:not(.sidebar--static)::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
      transition: background-color 0.3s;
      z-index: 1;
    }
    .sidebar:not(.sidebar--static) .sidebar__panel {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      max-width: 380px;
      height: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      background-color: var(--color-bg);
      transform: translateX(-100%);
      transition: box-shadow 0.3s, transform 0.3s;
    }
      .sidebar:not(.sidebar--static).sidebar--right-on-mobile .sidebar__panel {
        left: auto;
        right: 0;
        transform: translateX(100%);
      }
    .sidebar:not(.sidebar--static).sidebar--is-visible {
      visibility: visible;
      transition: none;
    }
      .sidebar:not(.sidebar--static).sidebar--is-visible.hide {
        display: block !important;
        opacity: 1 !important;
      }
      .sidebar:not(.sidebar--static).sidebar--is-visible::after {
        background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85);
      }
      .sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel {
        transform: translateX(0);
        box-shadow: var(--shadow-md);
        padding-top: 50px;
      }
        @media (min-width: 768px) {
      .sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel {
          padding-top: 70px
      }
        }
  .sidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
  }
  .sidebar__close-btn {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    display: flex;
    border-radius: 50%;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    transition: 0.2s;
    flex-shrink: 0;
  }
    .sidebar__close-btn .icon {
      display: block;
      margin: auto;
    }
    .sidebar__close-btn:hover {
      background-color: var(--color-bg-lighter);
      box-shadow: var(--inner-glow), var(--shadow-md);
    }
  .sidebar--static, html:not(.js) .sidebar {
    flex-shrink: 0;
    flex-grow: 1;
  }
    .sidebar--static .sidebar__header, html:not(.js) .sidebar .sidebar__header {
      display: none;
    }
  .sidebar--sticky-on-desktop {
    position: sticky;
    top: var(--space-sm);
    max-height: calc(100vh - var(--space-sm));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
    .js .sidebar, .js .sidebar-loaded\:show {
      opacity: 0;
    }
    .js .sidebar--loaded {
      opacity: 1;
    }
  html:not(.js) .sidebar {
    position: static;
  }
  [class*="sidebar--static"]::before {
    display: none;
  }
  .sidebar--static::before {
    content: "static";
  }
  .sidebar--static\@xs::before {
    content: "mobile";
  }
  @media (min-width: 32rem) {
    .sidebar--static\@xs::before {
      content: "static";
    }
  }
  .sidebar--static\@sm::before {
    content: "mobile";
  }
  @media (min-width: 48rem) {
    .sidebar--static\@sm::before {
      content: "static";
    }
  }
  .sidebar--static\@md::before {
    content: "mobile";
  }
  @media (min-width: 64rem) {
    .sidebar--static\@md::before {
      content: "static";
    }
  }
  .sidebar--static\@lg::before {
    content: "mobile";
  }
  @media (min-width: 80rem) {
    .sidebar--static\@lg::before {
      content: "static";
    }
  }
  .sidebar--static\@xl::before {
    content: "mobile";
  }
  @media (min-width: 90rem) {
    .sidebar--static\@xl::before {
      content: "static";
    }
  }
}
@layer utilities {
  :root {
    --search-input-btn-width: 2.5em;
    --search-input-icon-size: 1.25em;
  }
  .search-input {
    position: relative;
  }
  .search-input__input {
    width: 100%;
    height: 100%;
  }
    .search-input__input::-webkit-search-decoration, .search-input__input::-webkit-search-cancel-button, .search-input__input::-webkit-search-results-button, .search-input__input::-webkit-search-results-decoration {
      -webkit-appearance: none;
    }
    .search-input__input::-ms-clear, .search-input__input::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    .search-input--icon-right .search-input__input {
      padding-right: var(--search-input-btn-width);
    }
    .search-input--icon-left .search-input__input {
      padding-left: var(--search-input-btn-width);
    }
  .search-input__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: var(--search-input-btn-width);
  }
    .search-input__btn:active .icon {
      transform: translateY(2px);
    }
    .search-input__btn .icon {
      display: block;
      width: var(--search-input-icon-size);
      height: var(--search-input-icon-size);
      margin-left: auto;
      margin-right: auto;
      color: var(--color-contrast-medium);
      transition: 0.2s;
    }
    .search-input--icon-left .search-input__btn {
      left: 0;
      right: auto;
      pointer-events: none;
    }
  .search-input__btn:focus .icon, .search-input .search-input__input:focus + .search-input__btn .icon {
    color: var(--color-primary);
  }
}
@layer utilities {
  :root {
    --sidenav-list-item-height: 32px;
    --sidenav-list-item-padding-x: var(--space-sm);
    --sidenav-icon-size: 16px;
    --sidenav-icon-text-gap: 8px;
    --sidenav-sublist-control-size: 20px;
    --sidenav-sublist-control-icon-size: 12px;
    --sidenav-sublist-control-margin-right: 4px;
  }
  .sidenav__list .sidenav__list {
    display: none;
  }
    .sidenav__list .sidenav__list .sidenav__link {
      padding-left: calc( var(--sidenav-list-item-padding-x) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right) + var(--sidenav-icon-size) + var(--sidenav-icon-text-gap) );
    }
  .sidenav__item {
    position: relative;
  }
    .sidenav__item--expanded .sidenav__list {
      display: block;
    }
    .sidenav__item--expanded .sidenav__sublist-control .icon {
      transform: rotate(90deg);
    }
  .sidenav__link {
    display: flex;
    height: var(--sidenav-list-item-height);
    align-items: center;
    padding: 0 var(--sidenav-list-item-padding-x) 0 calc( var(--sidenav-list-item-padding-x) + var(--sidenav-sublist-control-size) + var(--sidenav-sublist-control-margin-right) );
    text-decoration: none;
    color: var(--color-contrast-high);
    transition: 0.2s;
  }
    .sidenav__link:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05 );
    }
  .sidenav__link[aria-current="page"], .sidenav__link--current {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    color: var(--color-primary);
  }
  .sidenav__icon {
    width: var(--sidenav-icon-size);
    height: var(--sidenav-icon-size);
    margin-right: var(--sidenav-icon-text-gap);
  }
  .sidenav__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--space-xxs);
  }
  .sidenav__counter {
    display: inline-block;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15 );
    color: var(--color-contrast-high);
    font-size: var(--text-xs);
    padding: var(--space-xxxxs) var(--space-xxs);
    border-radius: 50em;
    margin-left: auto;
  }
  .sidenav__sublist-control {
    display: block;
    width: var(--sidenav-sublist-control-size);
    height: var(--sidenav-sublist-control-size);
    border-radius: 50%;
    position: absolute;
    left: var(--sidenav-list-item-padding-x);
    top: calc((var(--sidenav-list-item-height) - var(--sidenav-sublist-control-size)) / 2);
    transition: 0.2s;
  }
    .sidenav__sublist-control .icon {
      display: block;
      width: var(--sidenav-sublist-control-icon-size);
      height: var(--sidenav-sublist-control-icon-size);
      margin: auto;
      transition: transform 0.2s;
    }
    .sidenav__sublist-control:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15 );
    }
  .sidenav__label {
    padding-left: var(--sidenav-list-item-padding-x);
  }
  .sidenav__divider {
    width: 100%;
    height: 1px;
    background-color: var(--color-contrast-lower);
  }
    .sidenav--basic .sidenav__link, .sidenav--basic .sidenav__label {
      padding-left: var(--sidenav-list-item-padding-x);
    }
  .sidenav--minified {
    --sidenav-list-item-height: auto;
  }
    .sidenav--minified .sidenav__list .sidenav__list {
      display: none !important;
    }
    .sidenav--minified .sidenav__link, .sidenav--minified .sidenav__label {
      padding-left: var(--sidenav-list-item-padding-x);
    }
    .sidenav--minified .sidenav__link {
      flex-direction: column;
      padding-top: var(--space-md);
      padding-bottom: var(--space-md);
    }
    .sidenav--minified .sidenav__icon {
      margin: 0 0 var(--sidenav-icon-text-gap);
    }
    .sidenav--minified .sidenav__text {
      padding: 0;
    }
    .sidenav--minified .sidenav__counter, .sidenav--minified .sidenav__sublist-control {
      display: none;
    }
}
@layer utilities {
  :root {
    --ske-animation-duration: 1s;
    --ske-radius: var(--radius-md);
  }
  .ske {
    position: relative;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    overflow: hidden;
  }
    .ske::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient( 90deg, hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0), hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1), hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0) );
      background-repeat: no-repeat;
      background-size: 500px 100%;
      background-position: -500px 0;
      will-change: background-position;
      animation: ske-background var(--ske-animation-duration) infinite;
    }
  @keyframes ske-background {
    from {
      background-position: -500px 0;
    }
    to {
      background-position: calc(100% + 500px) 0;
    }
  }
  .ske--circle {
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    clip-path: circle(50% at 50% 50%);
  }
  .ske--rect, [class*="ske--rect-"], .ske--square {
    border-radius: var(--ske-radius);
    clip-path: inset(0% 0% 0% 0% round var(--ske-radius));
  }
  [class*="ske--rect-"], .ske--square {
    height: 0;
    padding-bottom: calc(100% / (var(--ske-aspect-ratio)));
  }
  .ske--rect-16\:9 {
    --ske-aspect-ratio: 16 / 9;
  }
  .ske--rect-4\:3 {
    --ske-aspect-ratio: 4 / 3;
  }
  .ske--square, .ske--rect-1\:1 {
    --ske-aspect-ratio: 1 / 1;
  }
  .ske--text {
    height: 1em;
    border-radius: var(--ske-radius);
    clip-path: inset(0% 0% 0% 0% round var(--ske-radius));
  }
  .ske--table-text {
    min-height: 14px;
  }
}
@layer utilities {
  html {
    scroll-behavior: smooth;
  }
}
@layer utilities {
  :root {
    --switch-width: 64px;
    --switch-height: 32px;
    --switch-padding: 3px;
    --switch-animation-duration: 0.2s;
  }
  .switch {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    width: var(--switch-width);
    height: var(--switch-height);
    border-radius: 50em;
    padding: var(--switch-padding) 0;
  }
  .switch__input, .switch__label {
    position: absolute;
    left: 0;
    top: 0;
  }
  .switch__input {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
  }
    .switch__input:checked + .switch__label {
      background-color: var(--color-primary);
    }
    .switch__input:checked + .switch__label + .switch__marker {
      left: calc(100% - var(--switch-height) + var(--switch-padding));
    }
    .switch__input:focus + .switch__label, .switch__input:active + .switch__label {
      box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15);
    }
    .switch__input:checked:focus + .switch__label, .switch__input:checked:active + .switch__label {
      box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    }
  .switch__label {
    width: 100%;
    height: 100%;
    color: transparent;
    user-select: none;
    background-color: var(--color-bg-darker);
    border-radius: inherit;
    z-index: 1;
    transition: var(--switch-animation-duration);
    overflow: hidden;
  }
  .switch__marker {
    position: relative;
    background-color: var(--color-white);
    width: calc(var(--switch-height) - var(--switch-padding) * 2);
    height: calc(var(--switch-height) - var(--switch-padding) * 2);
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    box-shadow: var(--shadow-xs);
    left: var(--switch-padding);
    transition: left var(--switch-animation-duration);
    will-change: left;
  }
}
@layer utilities {
  .tabs-nav-v2 {
    --tabs-nav-border-width: 1px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: var(--tabs-nav-border-width) solid var(--color-contrast-lower);
  }
    .tabs-nav-v2 li {
      display: inline-block;
      margin-bottom: var(--space-xs);
    }
        @media not all and (min-width: 64rem) {
      .tabs-nav-v2 li:not(:last-child) {
          margin-right: var(--space-xs)
      }
        }
  .tabs-nav-v2__item {
    display: inline-block;
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-md);
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    color: inherit;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
  }
    .tabs-nav-v2__item[disabled] {
      opacity: 0.5;
      pointer-events: none;
    }
    .tabs-nav-v2__item:has(.subtext) {
      padding-bottom: 1em;
    }
      .tabs-nav-v2__item.highlight-dot:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 1px;
        transform: translateX(-50%);
        width: 6px;
        height: 6px;
        border-radius: 99px;
        background-color: var(--color-primary);
      }
    .tabs-nav-v2__item .subtext {
      position: absolute;
      left: 50%;
      font-size: var(--text-sm);
      color: var(--color-contrast-medium);
      bottom: 0;
      transform: translateX(-50%);
    }
    .tabs-nav-v2__item small {
      position: absolute;
      left: 50%;
      font-size: var(--text-xs);
      color: var(--color-contrast-low);
      bottom: 0;
      transform: translateX(-50%);
    }
      .tabs-nav-v2__item small.top {
        top: 0;
        bottom: auto;
      }
  .tabs-nav-v2__item--selected, .tabs-nav-v2__item[aria-selected="true"] {
    color: var(--color-bg);
    background-color: var(--color-contrast-higher);
  }
  @media (min-width: 64rem) {
      .tabs-nav-v2 li {
        margin: 0;
      }
    .tabs-nav-v2__item {
      border-radius: var(--radius-md) var(--radius-md) 0 0;
      background-color: transparent;
      border: var(--tabs-nav-border-width) solid transparent;
      border-bottom-width: 0;
      transition: 0.2s;
    }
      .tabs-nav-v2__item:hover {
        background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075 );
      }
    .tabs-nav-v2__item--selected, .tabs-nav-v2__item[aria-selected="true"] {
      position: relative;
      background-color: var(--color-bg);
      color: var(--color-primary);
      border-color: var(--color-contrast-low);
    }
      .tabs-nav-v2__item--selected::after, .tabs-nav-v2__item[aria-selected="true"]::after {
        content: "";
        position: absolute;
        bottom: calc(var(--tabs-nav-border-width) * -1);
        left: 0;
        width: 100%;
        height: var(--tabs-nav-border-width);
        background-color: var(--color-bg);
      }
      .tabs-nav-v2__item--selected:hover, .tabs-nav-v2__item[aria-selected="true"]:hover {
        background-color: var(--color-bg);
      }
  }
}
@layer utilities {
  .tbl {
    position: relative;
    z-index: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
    .tbl::-webkit-scrollbar {
      height: 8px;
      width: 8px;
    }
    .tbl::-webkit-scrollbar-track {
      background-color: var(--color-contrast-lower);
    }
    .tbl::-webkit-scrollbar-thumb {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.9 );
      border-radius: 50em;
    }
    .tbl::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-contrast-higher);
    }
  .tbl__table {
    width: 100%;
  }
    .tbl__body .tbl__row {
      border-bottom: 1px solid var(--color-contrast-lower);
      transition: 0.2s;
    }
      .tbl__body .tbl__row:hover {
        background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05 );
      }
      .tbl__body .tbl__row:last-child {
        border-bottom: none;
      }
  .tbl__cell {
    padding: var(--space-xs);
  }
}
@layer utilities {
  .tabs__control {
    text-decoration: none;
    color: var(--color-contrast-medium);
  }
    .tabs__control:focus {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
      outline-offset: 2px;
    }
    .tabs__control:hover {
      color: var(--color-contrast-high);
    }
    .js .tabs__control[aria-selected="true"] {
      color: var(--color-contrast-high);
      text-decoration: underline;
    }
}
@layer utilities {
  :root {
    --todo-list-checkbox-size: 20px;
    --todo-list-checkbox-icon-size: 16px;
    --todo-list-checkbox-margin-right: var(--space-xxs);
  }
  .todo__item {
    display: inline-block;
    position: relative;
    padding-left: calc(var(--todo-list-checkbox-size) + var(--todo-list-checkbox-margin-right));
    user-select: none;
  }
    @media (hover: hover) {
      .todo__item:hover {
        cursor: pointer;
      }
        .todo__item:hover .todo__checkbox {
          box-shadow: inset 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3);
        }
        .todo__item:hover .todo__input:checked ~ .todo__checkbox, .todo__item:hover .todo__input:focus ~ .todo__checkbox {
          box-shadow: inset 0 0 0 2px hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.75));
        }
        .todo__item:hover .todo__input:checked:focus ~ .todo__checkbox {
          box-shadow: inset 0 0 0 2px hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.75)), 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
        }
    }
  .todo__input {
    position: absolute;
    padding: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
  }
  .todo__checkbox {
    display: inline-flex;
    background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15 );
    width: var(--todo-list-checkbox-size);
    height: var(--todo-list-checkbox-size);
    border-radius: 4px;
    position: relative;
    vertical-align: middle;
    top: -0.1em;
    margin-left: calc(-1 * (var(--todo-list-checkbox-size) + var(--todo-list-checkbox-margin-right)));
    margin-right: var(--todo-list-checkbox-margin-right);
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
  }
    .todo__checkbox .icon {
      display: block;
      margin: auto;
      color: var(--color-white);
      font-size: var(--todo-list-checkbox-icon-size);
    }
    .todo__checkbox .icon > * {
      transition: stroke-dashoffset 0.3s;
      stroke-dasharray: 18;
      stroke-dashoffset: 18;
    }
  .todo__input:focus ~ .todo__checkbox {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.25);
  }
  .todo__input:checked ~ .todo__checkbox {
    background-color: var(--color-primary);
  }
    .todo__input:checked ~ .todo__checkbox .icon > * {
      stroke-dasharray: 18;
      stroke-dashoffset: 0;
    }
  .todo__input:checked:focus ~ .todo__checkbox {
    box-shadow: inset 0 0 0 0 hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.75)), 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
  }
  .todo__input:active ~ .todo__checkbox {
    transform: scale(0.9);
  }
  .todo__label {
    background-repeat: no-repeat;
    will-change: background-size;
    background-size: 0% 100%;
    background-image: linear-gradient( transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px) );
    transition: background-size 0.3s var(--ease-in-out), color 0.3s;
  }
  .todo__input:checked ~ .todo__label {
    background-size: 100% 100%;
    color: var(--color-contrast-medium);
  }
}
@layer utilities {
  :root {
    --accordion-v2-icon-size: 20px;
    --accordion-v2-icon-stroke-width: 2px;
  }
  @keyframes animateBg {
    0% {
      background-color: #f1f5f9;
      outline-color: #f1f5f9;
      outline-width: 0px;
    }
    0% {
      background-color: #eaeff6;
      outline-color: #eaeff6;
      outline-width: 3px;
    }
    100% {
      background-color: #f1f5f9;
      outline-color: #f1f5f9;
      outline-width: 0px;
    }
  }
  .callout.field-callout, .accordion-v2__item {
    border-radius: var(--radius-lg);
    transition: all ease-in-out 150ms;
  }
    .callout.field-callout:not(.glow-card), .accordion-v2__item:not(.glow-card) {
      background-color: #f1f5f9;
    }
    .callout.field-callout.notes, .callout.field-callout.warning, .accordion-v2__item.notes, .accordion-v2__item.warning {
      background-color: #f9f8f1;
    }
    .callout.field-callout.alert, .callout.field-callout.error-state, .accordion-v2__item.alert, .accordion-v2__item.error-state {
      background-color: #fbdcdc;
    }
    .callout.field-callout .callout, .callout.field-callout .accordion-v2__item, .accordion-v2__item .callout, .accordion-v2__item .accordion-v2__item {
      background-color: #f2e8fe;
      outline-color: #c5b0d7;
      border-color: #e6daef;
    }
      .callout.field-callout .callout .callout, .callout.field-callout .callout .accordion-v2__item, .callout.field-callout .accordion-v2__item .callout, .callout.field-callout .accordion-v2__item .accordion-v2__item, .accordion-v2__item .callout .callout, .accordion-v2__item .callout .accordion-v2__item, .accordion-v2__item .accordion-v2__item .callout, .accordion-v2__item .accordion-v2__item .accordion-v2__item {
        background-color: #e4f1e5;
        border-color: #c9e1d0;
        outline-color: #a9ceb3;
      }
        .callout.field-callout .callout .callout .callout, .callout.field-callout .callout .callout .accordion-v2__item, .callout.field-callout .callout .accordion-v2__item .callout, .callout.field-callout .callout .accordion-v2__item .accordion-v2__item, .callout.field-callout .accordion-v2__item .callout .callout, .callout.field-callout .accordion-v2__item .callout .accordion-v2__item, .callout.field-callout .accordion-v2__item .accordion-v2__item .callout, .callout.field-callout .accordion-v2__item .accordion-v2__item .accordion-v2__item, .accordion-v2__item .callout .callout .callout, .accordion-v2__item .callout .callout .accordion-v2__item, .accordion-v2__item .callout .accordion-v2__item .callout, .accordion-v2__item .callout .accordion-v2__item .accordion-v2__item, .accordion-v2__item .accordion-v2__item .callout .callout, .accordion-v2__item .accordion-v2__item .callout .accordion-v2__item, .accordion-v2__item .accordion-v2__item .accordion-v2__item .callout, .accordion-v2__item .accordion-v2__item .accordion-v2__item .accordion-v2__item {
          background-color: #f0f9ff;
          outline-color: #aac1d1;
        }
    .callout.field-callout.lvl2, .accordion-v2__item.lvl2 {
      background-color: #f2e8fe;
      outline-color: #c5b0d7;
      border-color: #e6daef;
    }
    .callout.field-callout.lvl3, .accordion-v2__item.lvl3 {
      background-color: #e4f1e5 !important;
      border-color: #c9e1d0 !important;
      outline-color: #a9ceb3 !important;
    }
  .callout .accordion-v2__item:not(.glow-card) {
    background-color: #f2e8fe;
    outline-color: #c5b0d7;
    border-color: #e6daef;
  }
  .accordion-v2__item {
    display: flex;
    flex-direction: column;
  }
    .callout .accordion-v2__item, .accordion-v2__item .accordion-v2__item {
      border-width: 2px;
      border-style: solid;
    }
  .accordion-v2__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
  }
    .accordion-v2__header label {
      margin-bottom: 0;
    }
    .accordion-v2__header:hover {
      background: linear-gradient(0deg, transparent, #00000008);
      border-radius: 8px;
    }
    .accordion-v2__header .icon {
      --size: var(--accordion-v2-icon-size);
    }
      .accordion-v2__header .icon .icon__group {
        stroke-width: var(--accordion-v2-icon-stroke-width);
      }
    .accordion-v2__icon-arrow .icon__group {
      will-change: transform;
      transform-origin: 50% 50%;
    }
      .accordion-v2__icon-arrow .icon__group > * {
        transform-origin: 50% 50%;
        stroke-dasharray: 20;
        transform: translateY(4px);
      }
      .accordion-v2__icon-arrow .icon__group > *:first-child {
        stroke-dashoffset: 10.15;
      }
      .accordion-v2__icon-arrow .icon__group > *:last-child {
        stroke-dashoffset: 10.15;
      }
    .accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group {
      transform: rotate(-90deg);
    }
      .accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group > *:first-child, .accordion-v2__item--is-open > .accordion-v2__header > .accordion-v2__icon-arrow .icon__group *:last-child {
        stroke-dashoffset: 0;
        transform: translateY(0px);
      }
    .js .accordion-v2__panel {
      display: none;
      will-change: height;
      z-index: 5;
    }
      .js .accordion-v2__panel .accordion-v2__panel {
        z-index: 22;
      }
        .js .accordion-v2__panel .accordion-v2__panel .accordion-v2__panel {
          z-index: 33;
        }
          .js .accordion-v2__panel .accordion-v2__panel .accordion-v2__panel .accordion-v2__panel {
            z-index: 44;
          }
    .js .accordion-v2__item--is-open > .accordion-v2__panel {
      display: block;
    }
      [aria-expanded="true"] .hide-when-expanded, [aria-expanded="true"] > * .hide-when-expanded, [aria-expanded="true"] > * > * .hide-when-expanded {
        display: none;
      }
      [aria-expanded="false"] .hide-when-collapsed, [aria-expanded="false"] > * .hide-when-collapsed, [aria-expanded="false"] > * > * .hide-when-collapsed {
        display: none;
      }
    .accordion-v2[data-animation="on"] .accordion-v2__item--is-open .accordion-v2__panel > * {
      animation: accordion-v2-entry-animation 0.4s var(--ease-out);
    }
      .accordion-v2[data-animation="on"] .accordion-v2__icon-arrow .icon__group {
        transition: transform 0.3s var(--ease-out);
      }
        .accordion-v2[data-animation="on"] .accordion-v2__icon-arrow .icon__group > * {
          transition: transform 0.3s, stroke-dashoffset 0.3s;
          transition-timing-function: var(--ease-out);
        }
  @keyframes accordion-v2-entry-animation {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }
}
@layer utilities {
  :root {
    --autocomplete-dropdown-vertical-gap: 4px;
    --autocomplete-dropdown-max-height: 150px;
    --autocomplete-dropdown-scrollbar-width: 6px;
  }
  .autocomplete__loader {
    --circle-loader-v1-size: 1em;
    --circle-loader-v1-stroke-width: 2px;
  }
  .autocomplete:not(.autocomplete--searching) .autocomplete__loader {
    display: none;
  }
  .autocomplete__results {
    position: absolute;
    z-index: var(--zindex-popover);
    width: 100%;
    left: 0;
    top: calc(100% + var(--autocomplete-dropdown-vertical-gap));
    transform: translateY(4px);
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0s 0.3s, transform 0.3s var(--ease-in);
    overflow: hidden;
  }
    .autocomplete--results-visible .autocomplete__results {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.3s, transform 0.3s var(--ease-out);
      transform: translateY(0);
    }
  .autocomplete__list {
    max-height: var(--autocomplete-dropdown-max-height);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
    .autocomplete__list::-webkit-scrollbar {
      width: var(--autocomplete-dropdown-scrollbar-width);
    }
    .autocomplete__list::-webkit-scrollbar-track {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.08 );
      border-radius: 0;
    }
    .autocomplete__list::-webkit-scrollbar-thumb {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.12 );
      border-radius: 0;
    }
      .autocomplete__list::-webkit-scrollbar-thumb:hover {
        background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2 );
      }
  .autocomplete__item {
    cursor: pointer;
    transition: 0.2s;
  }
    .autocomplete__item:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05 );
    }
    .autocomplete__item:focus {
      outline: none;
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.12);
    }
}
@layer utilities {
  :root {
    --comments-author-img-size: 1.8em;
    --comments-author-content-gap: var(--space-xs);
    --comments-gap: var(--space-xs);
  }
  .comments__sorting-label {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
  }
    .comments__sorting-label + label {
      color: var(--color-contrast-medium);
      cursor: pointer;
      user-select: none;
    }
      .comments__sorting-label + label:hover {
        color: var(--color-contrast-high);
      }
    .comments__sorting-label:checked + label {
      color: var(--color-contrast-higher);
      text-decoration: underline;
    }
    .comments__sorting-label:focus + label {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
      outline-offset: 2px;
    }
  .comments__comment {
    display: flex;
  }
  .comments__comment:not(:last-child) {
    margin-bottom: var(--comments-gap);
  }
  .comments__author-img {
    display: block;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    margin-right: var(--comments-author-content-gap);
    transition: opacity 0.2s;
    background-color: #ccc;
  }
    .comments__author-img img {
      display: block;
      width: var(--comments-author-img-size);
      height: var(--comments-author-img-size);
    }
    .comments__author-img:hover {
      opacity: 0.75;
    }
  .comments__author-name {
    font-weight: bold;
    text-decoration: none;
    color: var(--color-contrast-higher);
  }
    .comments__author-name:hover {
      text-decoration: underline;
    }
  .comments__readmore-btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    appearance: none;
    color: var(--color-contrast-medium);
  }
    .comments__readmore-btn:hover {
      cursor: pointer;
      color: var(--color-contrast-higher);
      text-decoration: underline;
    }
  .comments__vote-btn {
    display: inline-flex;
    align-items: center;
    color: var(--color-contrast-medium);
  }
    .comments__vote-btn:hover {
      color: var(--color-contrast-higher);
      cursor: pointer;
    }
  .comments__vote-btn--pressed {
    color: var(--color-accent);
  }
    .comments__vote-btn--pressed:hover {
      color: var(--color-accent);
    }
      .comments__vote-btn--pressed .comments__vote-icon-wrapper .icon {
        animation: comments-vote-icon 0.3s;
      }
      .comments__vote-btn--pressed .comments__vote-icon-wrapper::before {
        animation: comments-vote-icon-circle 0.6s;
      }
  .comments__vote-icon-wrapper {
    position: relative;
  }
    .comments__vote-icon-wrapper .icon {
      position: relative;
      z-index: 2;
      transition: transform 0.3s;
    }
    .comments__vote-icon-wrapper::before {
      content: "";
      width: 2em;
      height: 2em;
      border-radius: 50%;
      position: absolute;
      z-index: 1;
      top: calc(50% - 1em);
      left: calc(50% - 1em);
      background-color: currentColor;
      opacity: 1;
      transform: scale(0);
      pointer-events: none;
    }
  @keyframes comments-vote-icon {
    0%, 100% {
      transform: scale(1);
    }
    30% {
      transform: scale(0.8);
    }
  }
  @keyframes comments-vote-icon-circle {
    from {
      opacity: 1;
      transform: scale(0);
    }
    to {
      opacity: 0;
      transform: scale(1);
    }
  }
  .comments__label-btn {
    color: var(--color-contrast-medium);
  }
    .comments__label-btn:hover {
      color: var(--color-contrast-higher);
      cursor: pointer;
      text-decoration: underline;
    }
  .comments__time {
    color: var(--color-contrast-medium);
  }
  .comments__inline-divider {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--color-contrast-low);
  }
  .comments__details {
    margin-top: var(--space-sm);
    margin-left: calc(var(--comments-author-img-size) + var(--comments-author-content-gap));
    padding-left: var(--comments-author-content-gap);
    border-left: 3px solid var(--color-contrast-lower);
  }
    .comments__details .details__content > ul {
      margin-top: var(--space-sm);
    }
  .comments--no-profile-img {
    --comments-author-img-size: 0;
  }
    .comments--no-profile-img .comments__author-img {
      display: none;
    }
}
@layer utilities {
    .settings-tbl .switch {
      --switch-width: 48px;
      --switch-height: 24px;
      --switch-padding: 2px;
      --switch-animation-duration: 0.2s;
    }
}
@layer utilities {
    .split-btn > .btn:first-child, .split-btn > a.btn:first-child {
      height: 100%;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none;
    }
    .split-btn > form:first-child button {
      height: 100%;
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-right: none;
    }
    .split-btn button[type="submit"].btn--secondary, .split-btn > form button[type="submit"].btn--secondary {
      background: transparent !important;
      color: var(--color-contrast-higher) !important;
      border: 1px solid var(--color-contrast-lower);
      border-right: none;
    }
      .split-btn button[type="submit"].btn--secondary:hover, .split-btn > form button[type="submit"].btn--secondary:hover {
        background: rgba(0, 0, 0, 0.02) !important;
        border-color: var(--color-contrast-low);
      }
    .split-btn > button.btn:not(:first-child), .split-btn > a.btn:not(:first-child) {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-left: none;
    }
  .split-btn__separator {
    width: 1px;
    background-color: var(--color-contrast-lower);
  }
  .split-btn-popover {
    position: fixed;
    width: 250px;
    background-color: var(--color-bg-light);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    box-shadow: var(--inner-glow), var(--shadow-md);
    z-index: 1000;
  }
  .split-btn-popover__list {
    list-style: none;
  }
  .split-btn-popover__item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: var(--space-xxxs) var(--space-xs);
    text-decoration: none;
    color: var(--color-contrast-high);
    transition: 0.2s;
  }
  p.split-btn-popover__item {
    justify-content: center;
  }
  a.split-btn-popover__item {
    cursor: pointer;
  }
    a.split-btn-popover__item:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075 );
    }
    a.split-btn-popover__item:focus {
      outline: none;
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15);
    }
}
@layer utilities {
  select {
    width: 100%;
  }
  :root {
    --select-dropdown-gap: 4px;
  }
  .select__button {
    width: 100%;
  }
  .select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-height: 1px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    margin-top: var(--select-dropdown-gap);
    margin-bottom: var(--select-dropdown-gap);
    overflow: auto;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s;
  }
  .select__dropdown--right {
    right: 0;
    left: auto;
  }
  .select__dropdown--up {
    bottom: 100%;
    top: auto;
  }
  .select__button[aria-expanded="true"] + .select__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s;
  }
  .select__list {
    list-style: none !important;
  }
  .select__list:not(:first-of-type) {
    padding-top: var(--space-xxs);
  }
  .select__list:not(:last-of-type) {
    border-bottom: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);
    padding-bottom: var(--space-xxs);
  }
  .select__item {
    display: block;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: var(--color-contrast-high);
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .select__item--optgroup {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium);
  }
  .select__item--option {
    cursor: pointer;
  }
    .select__item--option:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05 );
    }
    .select__item--option:focus {
      outline: none;
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    }
    .select__item--option[aria-selected="true"] {
      background-color: var(--color-primary);
      color: var(--color-white);
      position: relative;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
      .select__item--option[aria-selected="true"]::after {
        content: "";
        display: block;
        position: absolute;
        right: var(--space-sm);
        top: calc(50% - 0.5em);
        height: 1em;
        width: 1em;
        background-color: currentColor;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
      }
      .select__item--option[aria-selected="true"]:focus {
        box-shadow: inset 0 0 0 2px var(--color-primary-dark);
      }
}
@layer utilities {
    .adv-filter .sidebar--static {
      width: 320px;
      max-width: 320px;
    }
    .adv-filter .accordion {
      --accordion-icon-size: 16px;
      --accordion-icon-stroke-width: 2.5;
    }
    .adv-filter .slider {
      --slider-width: 80%;
    }
  @media (min-width: 64rem) {
    .adv-filter__checkbox-list, .adv-filter__radio-list {
      font-size: var(--text-sm);
      --checkbox-radio-size: 1.25em;
      --checkbox-radio-translate-y: 0.25em;
    }
  }
}
@layer utilities {
  .drop-menu {
    --drop-menu-item-height: 40px;
    --drop-menu-gap-y: 4px;
    --drop-menu-transition-duration: 0.3s;
    --drop-menu-width-desktop: 300px;
    display: inline-block;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: var(--zindex-fixed-element);
    pointer-events: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateY(10px);
    transform-origin: center top;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--drop-menu-transition-duration), visibility 0s var(--drop-menu-transition-duration), transform var(--drop-menu-transition-duration) var(--ease-out);
  }
    .drop-menu::before {
      display: none;
      content: "mobile";
    }
  .drop-menu--is-visible {
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    transition: opacity var(--drop-menu-transition-duration), transform var(--drop-menu-transition-duration) var(--ease-out);
  }
  .drop-menu__inner {
    position: relative;
    overflow: hidden;
    height: 100%;
    flex-shrink: 0;
  }
  .drop-menu__close-btn {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: var(--drop-menu-item-height);
    text-align: center;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    flex-shrink: 0;
    transition: 0.3s;
    margin-top: auto;
    position: sticky;
    z-index: 1;
    bottom: 0;
  }
    .drop-menu__close-btn:hover {
      box-shadow: var(--shadow-sm);
    }
  .drop-menu__list .drop-menu__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
  }
  .drop-menu__list {
    transition: var(--drop-menu-transition-duration) var(--ease-out);
  }
    .drop-menu__list.drop-menu__list--in, .drop-menu__list.drop-menu__list--out {
      visibility: visible;
      opacity: 1;
      transform: translateX(0%);
    }
      .drop-menu__list.drop-menu__list--out > li > .drop-menu__search, .drop-menu__list.drop-menu__list--out > li > .drop-menu__btn, .drop-menu__list.drop-menu__list--out > li > .drop-menu__link {
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
      }
  .drop-menu__search-input, .drop-menu__btn, .drop-menu__link {
    height: var(--drop-menu-item-height);
    line-height: var(--drop-menu-item-height);
    width: 100%;
    padding: 0 var(--space-xs);
  }
  .drop-menu__search, .drop-menu__search-input, .drop-menu__btn, .drop-menu__link {
    transition: background 0.2s, color 0.2s, transform var(--drop-menu-transition-duration) var(--ease-out), opacity var(--drop-menu-transition-duration), visibility var(--drop-menu-transition-duration);
  }
  .drop-menu__search {
    position: relative;
  }
  .drop-menu__search-input {
    padding-left: calc(var(--space-xs) + 1em + var(--space-xxxs));
  }
    .drop-menu__search-input::-webkit-search-decoration, .drop-menu__search-input::-webkit-search-cancel-button, .drop-menu__search-input::-webkit-search-results-button, .drop-menu__search-input::-webkit-search-results-decoration {
      -webkit-appearance: none;
    }
    .drop-menu__search-input::-ms-clear, .drop-menu__search-input::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
    }
    .drop-menu__search-input:focus {
      outline: none;
    }
    .drop-menu__search-input:focus + .drop-menu__search-icon {
      color: var(--color-primary);
    }
  .drop-menu__search-icon {
    position: absolute;
    left: var(--space-xs);
    top: calc(50% - 0.5em);
    pointer-events: none;
    transition: 0.2s;
  }
  .drop-menu--searching .drop-menu__search-item ~ * {
    display: none;
  }
  .drop-menu__btn, .drop-menu__link {
    cursor: pointer;
    min-width: 0;
  }
    .drop-menu__btn > *, .drop-menu__link > * {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .drop-menu__btn:focus, .drop-menu__link:focus {
      outline: none;
      color: var(--color-primary);
    }
    .drop-menu__btn:hover, .drop-menu__link:hover {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.05 );
    }
    .drop-menu__btn:active, .drop-menu__link:active {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    }
  .drop-menu__btn {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .drop-menu__link {
    display: block;
    color: inherit;
    text-decoration: none;
  }
  .drop-menu:not(.drop-menu--searching) .drop-menu__search-list {
    display: none;
  }
  .drop-menu__search-list {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  @media (min-width: 48rem) {
    .drop-menu {
      min-height: 0;
      max-width: var(--drop-menu-width-desktop);
      border-radius: var(--radius-md);
    }
      .drop-menu::before {
        content: "desktop";
      }
    .drop-menu__inner {
      width: 100%;
    }
    .drop-menu__close-btn {
      display: none;
    }
  }
}
@layer utilities {
  .int-table {
    overflow: hidden;
    border-bottom: 2px solid var(--color-contrast-low);
  }
  .int-table__inner {
    position: relative;
    overflow: auto;
  }
    .int-table__inner::-webkit-scrollbar {
      height: 8px;
      width: 8px;
    }
    .int-table__inner::-webkit-scrollbar-track {
      background-color: var(--color-contrast-lower);
    }
    .int-table__inner::-webkit-scrollbar-thumb {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.9 );
      border-radius: 50em;
    }
    .int-table__inner::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-contrast-higher);
    }
  .int-table__table {
    width: 100%;
  }
    .int-table__header .int-table__cell {
      display: table-cell;
      background-color: var(--color-bg);
      box-shadow: 0 2px 0 var(--color-contrast-low);
    }
      .int-table__header .int-table__cell.flex {
        display: flex;
      }
    .int-table__body .int-table__row {
      border-bottom: 1px solid var(--color-contrast-lower);
    }
        .int-table__body .int-table__row:hover td, .int-table__body .int-table__row:hover th {
          background-color: rgba(5, 95, 190, 0.1);
        }
      .int-table__body .int-table__row:last-child {
        border-bottom: none;
      }
    .int-table__body .int-table__row--checked {
      background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
      border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.25);
    }
  .int-table__cell {
    padding: var(--space-xs);
  }
  .int-table__cell--th {
    font-weight: 500;
  }
  .int-table__cell--sort {
    user-select: none;
  }
    .int-table__cell--sort:hover, .int-table__cell--sort:focus-within {
      background-color: var(--color-contrast-lower);
    }
    .int-table__cell--sort:hover {
      cursor: pointer;
    }
  .int-table__cell--focus {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.15);
  }
    .int-table__sort-icon .arrow-up, .int-table__sort-icon .arrow-down {
      fill: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3);
    }
  .int-table__cell--asc .int-table__sort-icon .arrow-up, .int-table__cell--desc .int-table__sort-icon .arrow-down {
    fill: var(--color-contrast-higher);
  }
  .int-table__checkbox {
    --custom-checkbox-size: 18px;
    --custom-checkbox-marker-size: 16px;
    display: block;
    width: var(--custom-checkbox-size);
    height: var(--custom-checkbox-size);
  }
  .int-table__menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75em;
    height: 1.75em;
  }
    .shrink.nopad .int-table__menu-btn {
      border-radius: 0;
    }
    .int-table__menu-btn:not(.square) {
      border-radius: 50%;
    }
    .int-table__menu-btn .icon {
      display: block;
      width: 16px;
      height: 16px;
    }
    .int-table__menu-btn:hover, .int-table__menu-btn.menu-control--active {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1 );
    }
    .int-table__menu-btn:active {
      background-color: hsla( var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25 );
    }
  .int-table--sticky-header {
    position: relative;
    z-index: 1;
  }
    .int-table--sticky-header .int-table__inner {
      max-height: 480px;
    }
      .int-table--sticky-header .int-table__header .int-table__cell {
        position: sticky;
        top: 0;
        z-index: 2;
      }
    .int-table-actions .menu-bar {
      --menu-bar-button-size: 38px;
      --menu-bar-icon-size: 16px;
      --menu-bar-horizontal-gap: var(--space-xxxxs);
      --menu-bar-vertical-gap: 4px;
      --menu-bar-label-size: var(--text-xs);
    }
    .int-table-actions .menu-bar__icon {
      color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5);
    }
}
@layer utilities {
  :root {
    --f-header-height: 50px;
    --f-header-logo-width: 74px;
  }
    @media (min-width: 64rem) {
  :root {
      --f-header-height: 70px
  }
    }
  .f-header {
    position: relative;
  }
    .f-header:not(.at-top) {
      margin-bottom: var(--component-padding);
    }
    .f-header.at-top {
      position: fixed;
    }
      .f-header.at-top + * {
        margin-top: calc(var(--f-header-height) + var(--component-padding));
      }
    .f-header{
    top: 0;
    left: 0;
    max-width: 100%;
    height: var(--f-header-height);
    width: 100vw;
    z-index: 100;
    color: var(--color-contrast-lower);
  }
    body.env-development .f-header {
      background: var(--color-contrast-high);
    }
    body.staging .f-header {
      background: #2e1700;
    }
    body.playwright .f-header {
      background: var(--color-contrast-high);
      color: #45ba4b;
    }
    .f-header body.playwright .f-header__list > .f-header__item > .f-header__link {
      color: #45ba4b;
    }
      .f-header body.playwright .f-header__list > .f-header__item > .f-header__link path:not([stroke]) {
        fill: #45ba4b;
      }
      .f-header body.playwright .f-header__list > .f-header__item > .f-header__link:hover, .f-header body.playwright .f-header__list > .f-header__item > .f-header__link[aria-current="page"] {
        color: #5fd464;
      }
        .f-header body.playwright .f-header__list > .f-header__item > .f-header__link:hover path:not([stroke]), .f-header body.playwright .f-header__list > .f-header__item > .f-header__link[aria-current="page"] path:not([stroke]) {
          fill: #5fd464;
        }
    body.env-development.blueprint .f-header {
      background: #1e3a5f;
      background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.02) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 2px, transparent 2px);
      background-size: 20px 20px, 20px 20px, 100px 100px, 100px 100px;
      background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
      border-bottom: 2px solid #4a6fa5;
    }
    html[data-theme="april"] .f-header {
      background: #ebd8b0 !important;
      color: #2e1700;
    }
      html[data-theme="april"] .f-header a {
        color: currentColor;
      }
        html[data-theme="april"] .f-header a path:not([stroke]) {
          fill: currentColor;
        }
        html[data-theme="april"] .f-header a:hover, html[data-theme="april"] .f-header a[aria-current="page"] {
          color: var(--color-accent);
        }
          html[data-theme="april"] .f-header a:hover path:not([stroke]), html[data-theme="april"] .f-header a:hover g, html[data-theme="april"] .f-header a[aria-current="page"] path:not([stroke]), html[data-theme="april"] .f-header a[aria-current="page"] g {
            fill: var(--color-accent);
          }
    .f-header{
    background: var(--color-primary-dark);
  }
  .f-header--expanded {
    color: var(--color-contrast-high);
  }
  .f-header__mobile-content {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
  }
    .f-header__mobile-content svg path:not([stroke]) {
      fill: currentColor;
    }
      .f-header--expanded .f-header__mobile-content svg path:not([stroke]) {
        fill: currentColor;
      }
    .f-header__mobile-content a {
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      height: 40px;
      min-width: 40px;
    }
    .f-header__mobile-content .f-header__link {
      padding: 0;
    }
    .f-header__mobile-content .f-header__item {
      border-bottom: none;
    }
  .f-header__logo {
    display: block;
    width: var(--f-header-logo-width);
    flex-shrink: 0;
    text-decoration: none;
    height: 40px;
    background: url(/assets/westside-logo-small-b9ec8f3666dc4da456f2d64ab5824ba9867a090389f15dccbf0fc3f10d5e1d0f.png) center center no-repeat;
    background-size: contain !important;
  }
    .apr-01 .f-header__logo, .apr-02 .f-header__logo, .apr-03 .f-header__logo, .apr-04 .f-header__logo, .apr-05 .f-header__logo, .apr-06 .f-header__logo, .apr-07 .f-header__logo {
      background: url(/assets/westside-logo-small-cute-c31bef530190cc2094b251f3c2933da3ded0ed90b2fe2b8cc48d12bd36cf7026.png) center center no-repeat;
    }
      @media (min-width: 768px) {
    .apr-01 .f-header__logo, .apr-02 .f-header__logo, .apr-03 .f-header__logo, .apr-04 .f-header__logo, .apr-05 .f-header__logo, .apr-06 .f-header__logo, .apr-07 .f-header__logo {
        transform: scale(1.2)
    }
      }
    .f-header__logo svg, .f-header__logo img {
      display: block;
    }
  .f-header__nav-control {
    --anim-menu-btn-size: 40px;
    --anim-menu-btn-icon-size: 28px;
    --anim-menu-btn-icon-stroke: 2px;
  }
    [data-theme="dark"] .f-header__nav-control {
      color: white;
    }
  .f-header__nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - var(--f-header-offset, 0px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0 0 var(--space-md);
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-1em);
  }
    .f-header__nav::before {
      content: "";
      display: block;
      position: sticky;
      top: 0;
      height: var(--f-header-height);
      background-color: #fff;
      z-index: 999;
      border-bottom: 1px solid var(--color-contrast-lower);
    }
      [data-theme="dark"] .f-header__nav::before {
        background-color: var(--color-bg);
      }
    .f-header__nav svg:not([stroke]), .f-header__nav path:not([stroke]) {
      fill: currentColor;
    }
  .f-header__nav--is-visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: visibility 0s, opacity 0.3s, transform 0.3s;
  }
  .f-header__nav-logo-wrapper {
    display: none;
  }
  .f-header__item {
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-contrast-lower);
  }
    @media (max-width: 1023px) {
  .f-header__item {
      position: relative
  }
    }
  .f-header__dropdown-icon {
    display: none;
  }
  .f-header__mobile-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
    color: currentColor;
    text-decoration: none;
    padding: var(--space-xs) 0;
    font-size: 0.9125rem;
  }
    @media (min-width: 64rem) {
  .f-header__mobile-icon {
      display: none
  }
    }
    .f-header__mobile-icon .icon {
      float: right;
    }
  .f-header__link, .f-header__dropdown-link {
    display: block;
    display: flex;
    align-items: center;
    color: currentColor;
    text-decoration: none;
    padding: var(--space-sm) 0;
    font-size: 0.9125rem;
  }
    @media (min-width: 768px) {
  .f-header__link, .f-header__dropdown-link {
      padding: var(--space-xs) 0
  }
    }
    @media (max-width: 64rem) {
      .f-header__link.hidden, .f-header__dropdown-link.hidden {
        display: none;
      }
    }
    .f-header__link path:not([stroke]), .f-header__dropdown-link path:not([stroke]) {
      fill: currentColor;
    }
    .f-header__link.disabled, .f-header__dropdown-link.disabled {
      opacity: 0.3;
      pointer-events: none;
    }
    .f-header__link:hover, .f-header__link[aria-current="page"], .f-header__dropdown-link:hover, .f-header__dropdown-link[aria-current="page"] {
      color: var(--color-accent);
    }
      .f-header__link:hover path:not([stroke]), .f-header__link[aria-current="page"] path:not([stroke]), .f-header__dropdown-link:hover path:not([stroke]), .f-header__dropdown-link[aria-current="page"] path:not([stroke]) {
        fill: var(--color-accent);
      }
    .f-header__link .icon, .f-header__dropdown-link .icon {
      flex-shrink: 0;
    }
    @media (max-width: 1023px) {
  .f-header__link {
      justify-content: space-between
  }
    }
  .f-header__btn, .f-header__form-control {
    width: 100%;
    margin: var(--space-xs) 0;
  }
  .f-header__dropdown {
    padding-left: var(--space-md);
  }
    @media (max-width: 1023px) {
  .f-header__dropdown {
      display: none
  }
      .f-header__dropdown.open {
        display: block;
        position: relative;
        z-index: 10;
      }
    }
    .hide-dropdowns .f-header__dropdown {
      display: none !important;
    }
    .f-header__dropdown.mob-show {
      display: block !important;
    }
  @media (min-width: 64rem) {
    .f-header__mobile-content {
      display: none;
    }
    .f-header__nav {
      position: static;
      padding: 0;
      background-color: transparent;
      box-shadow: none;
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      transition: none;
      max-height: none;
      overflow: visible;
      overscroll-behavior: auto;
      height: var(--f-header-height);
      font-size: 0.7em;
    }
      @media (min-width: 1024px) {
    .f-header__nav {
        font-size: 0.8125rem
    }
      }
      @media (min-width: 1441px) {
    .f-header__nav {
        font-size: 0.9375rem
    }
      }
      .f-header__nav::before {
        display: none;
      }
    .f-header__nav-logo-wrapper {
      display: block;
      display: flex;
    }
    .f-header__nav-grid, .f-header__list {
      display: flex;
      align-items: center;
    }
    .f-header__nav-grid {
      height: 100%;
    }
    .f-header__item {
      display: inline-block;
      position: relative;
      border-bottom: none;
      margin-right: var(--space-xxs);
    }
      .is-dev .f-header__item {
        margin-right: 0;
      }
      .f-header__item:last-child {
        margin-right: 0;
      }
        .f-header__item:last-child .f-header__link {
          padding-right: 0;
        }
    .f-header__dropdown-icon {
      display: block;
      margin-left: var(--space-xxxxs);
      width: 12px;
      height: 12px;
      flex-shrink: 0;
    }
    .f-header__link {
      padding: var(--space-xxxs) var(--space-xxs);
      color: currentColor;
    }
      .f-header__link path:not([stroke]) {
        fill: currentColor;
      }
      .f-header__link--icon span {
        display: none;
      }
    .f-header__btn, .f-header__form-control {
      margin: 0;
    }
    .f-header__dropdown {
      font-size: 1rem;
      position: absolute;
      top: 100%;
      width: 202px;
      left: calc(50% - 100px);
      padding: var(--space-xxxs) 0;
      background-color: var(--color-bg);
      border-radius: var(--radius-md);
      box-shadow: var(--shadow-md);
      z-index: var(--zindex-popover);
    }
      .f-header__dropdown hr {
        margin: var(--space-xxxs) 0;
      }
      .f-header__dropdown{
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.05s 0.05s, opacity 0.2s 0s;
    }
      .f-header__dropdown.rightmost {
        left: calc(50% - 120px);
      }
      .f-header__item:hover .f-header__dropdown {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.2s 0s, opacity 0.2s 0s;
      }
    .f-header__dropdown-link {
      color: var(--color-contrast-high) !important;
      text-decoration: none !important;
      padding: var(--space-xxs) var(--space-sm);
    }
      .f-header__dropdown-link.new {
        position: relative;
      }
        .f-header__dropdown-link.new:before {
          content: "";
          background: url(/assets/icons/new-533c8bfe9b9825e7e2bbbe9da9023bf255080f814a0096632a64bca807fa7dcd.svg) no-repeat center center;
          background-size: contain;
          position: absolute;
          top: calc(50% - 2px);
          transform: translateY(-50%);
          right: 12px;
          width: 24px;
          height: 24px;
        }
      .f-header__dropdown-link:hover {
        background-color: var(--color-contrast-lower);
      }
  }
    html:not(.js) .f-header {
      height: auto;
    }
    html:not(.js) .f-header__nav-control {
      display: none;
    }
    html:not(.js) .f-header__nav {
      position: static;
      padding: var(--space-xxs) 0 var(--space-md);
      box-shadow: none;
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
    }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
  code:not(pre code) {
    padding: 0.125em 0.35em;
    background-color: currentcolor;
  }
    @supports (color: color-mix(in lab, red, red)) {
  code:not(pre code) {
      background-color: color-mix(in srgb, currentcolor 5%, transparent);
  }
    }
    code:not(pre code){
    border-radius: 0.25rem;
    font-size: 0.875em;
  }
}
pre ins {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: rgb(252, 165, 165) !important;
  text-decoration: none !important;
}
pre mark {
  background-color: rgba(245, 158, 11, 0.2) !important;
  color: rgb(251, 191, 36) !important;
  text-decoration: none !important;
}
@keyframes field-filled-pop {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1.015, 1);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes field-filled-highlight {
  0% {
    background-color: rgb(254 243 199);
  }
  100% {
    background-color: transparent;
  }
}
.field-filled {
  animation: field-filled-pop 0.3s ease-out,
    field-filled-highlight 0.6s ease-out;
}
@keyframes field-scroll-highlight {
  0% {
    box-shadow: inset 4px 0 0 rgb(251 191 36), 
      0 0 0 2px rgb(251 191 36 / 0.3);
    background-color: rgb(254 243 199 / 0.25);
  }
  70% {
    box-shadow: inset 4px 0 0 rgb(251 191 36 / 0.4),
      0 0 0 2px rgb(251 191 36 / 0.1);
    background-color: rgb(254 243 199 / 0.08);
  }
  100% {
    box-shadow: inset 0 0 0 transparent,
      0 0 0 0 transparent;
    background-color: transparent;
  }
}
.field-scroll-highlight {
  animation: field-scroll-highlight 2s ease-out forwards;
  border-radius: 0.375rem;
}
.field-scroll-highlight > * {
  position: relative;
  z-index: 1;
}
.trix-inline-options {
  position: relative;
  display: inline-block;
}
.trix-inline-options [data-option-selector-target="dropdown"] {
  position: absolute;
  z-index: 50;
}
body.field-selection-mode {
  cursor: crosshair;
}
.field-selectable {
  cursor: pointer !important;
  transition: all 0.2s ease;
  position: relative;
}
.field-selectable::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 3px dashed var(--color-blue-400);
  border-radius: calc(var(--btn-radius, 0.4em) + 8px);
  pointer-events: none;
  opacity: 0.25;
  transition: opacity 0.2s ease;
}
.field-selectable:hover::after {
  opacity: 0.6;
}
.field-selectable[data-linked-status="linked"]::after {
  border-style: solid;
  border-color: var(--color-green-500);
  opacity: 1;
}
.field-selectable * {
  pointer-events: none;
}
.field-selectable[data-linked-status="linked"]::before {
  content: "Linked";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #22c55e !important;
  color: white !important;
  padding: 2px 12px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  z-index: 10;
  opacity: 1 !important;
}
.field-linker-done-btn {
  position: fixed !important;
}
.field-change-highlight {
  background-color: #fef3c7;
  border-left: 4px solid #fbbf24;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.field-change-highlight .radio--bg-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.is-hidden-field h2,
.is-hidden-field h3,
.is-hidden-field h4,
.is-hidden-field > fieldset > div > label,
.is-hidden-field [data-hidden-content] {
  opacity: 0.2;
  filter: grayscale(1);
}
.is-hidden-field [data-controller="conditional-class"] {
  opacity: 0.3;
}
.is-hidden-field [data-controller="conditional-class"]:hover {
  opacity: 1;
}
.hidden-field-overlay {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: not-allowed;
}
.is-hidden-field .hidden-field-overlay {
  display: block;
}
.is-hidden-field [data-hidden-content] > fieldset {
  pointer-events: none;
}
@keyframes egg-shake {
  0% {
    transform: rotate(0deg) scale(1);
  }
  4% {
    transform: rotate(10deg) scale(1.1);
  }
  8% {
    transform: rotate(-10deg) scale(1.1);
  }
  12% {
    transform: rotate(8deg) scale(1.08);
  }
  16% {
    transform: rotate(-8deg) scale(1.08);
  }
  20% {
    transform: rotate(4deg) scale(1.04);
  }
  24% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.animate-egg-shake {
  display: inline-block;
  animation: egg-shake 3s ease-in-out infinite;
}
@layer base {
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
  }
    input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([type='radio']) {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([type='radio']):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
    @media (forced-colors: active) {
  input:where([type='checkbox']):checked {
      appearance: auto
  }
    }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
    @media (forced-colors: active) {
  input:where([type='radio']):checked {
      appearance: auto
  }
    }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
    @media (forced-colors: active) {
  input:where([type='checkbox']):indeterminate {
      appearance: auto
  }
    }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-border-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }
  }
}