/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-zinc-50: oklch(98.5% 0 none);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.1;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --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-2xl: 1rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-body: "Public Sans", ui-sans-serif, system-ui, sans-serif;
    --color-body-bg: var(--color-default-50);
    --color-body-color: var(--color-default-600);
    --color-card: var(--color-white);
    --color-primary: #0c6b62;
    --color-success: #0f7a55;
    --color-info: #245fb3;
    --color-warning: #a4560a;
    --color-danger: #b42318;
    --color-default-50: var(--color-zinc-50);
    --color-default-100: var(--color-zinc-100);
    --color-default-150: var(--color-zinc-100);
    --color-default-200: var(--color-zinc-200);
    --color-default-300: var(--color-zinc-300);
    --color-default-400: var(--color-zinc-400);
    --color-default-500: var(--color-zinc-500);
    --color-default-600: var(--color-zinc-600);
    --color-default-700: var(--color-zinc-700);
    --color-default-800: var(--color-zinc-800);
    --color-default-900: var(--color-zinc-900);
    --color-default-950: var(--color-zinc-950);
    --spacing-sidenav-width: 248px;
    --spacing-sidenav-width-md: 175px;
    --spacing-sidenav-width-sm: 70px;
    --spacing-topbar-height: 60px;
    --sidenav-link-padding-x: 12px;
    --sidenav-link-padding-y: 8px;
    --sidenav-item-icon-size: 18px;
    --sidenav-item-font-size: 14px;
    --font-display: "Rota Pro", "Public Sans", ui-sans-serif, sans-serif;
    --font-doc: "EB Garamond", Georgia, serif;
    --color-primary-strong: #09554e;
    --color-primary-soft: #e6f2f0;
    --color-ink: #13201f;
    --color-success-soft: #e7f4ee;
    --color-danger-soft: #fdf0ee;
    --color-info-soft: #eaf1fb;
    --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-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 {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .\!static {
    position: static !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-\[42\%\] {
    top: 42%;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-mt-20 {
    margin-top: calc(var(--spacing) * -20);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .form-checkbox {
    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;
    border-radius: 0px;
    &: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);
    }
    &:checked {
      border-color: transparent;
      background-color: currentColor;
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
    }
    &: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) {
        appearance: auto;
      }
    }
    &:checked:hover {
      border-color: transparent;
      background-color: currentColor;
    }
    &:checked:focus {
      border-color: transparent;
      background-color: currentColor;
    }
    &: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) {
        appearance: auto;
      }
    }
    &:indeterminate:hover {
      border-color: transparent;
      background-color: currentColor;
    }
    &:indeterminate:focus {
      border-color: transparent;
      background-color: currentColor;
    }
  }
  .iconify {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .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;
    &: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);
    }
    &::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 {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-year-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-month-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-day-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-hour-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-minute-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-second-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-millisecond-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-meridiem-field {
      padding-top: 0;
      padding-bottom: 0;
    }
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-full {
    height: 100%;
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-topbar-height {
    min-height: var(--spacing-topbar-height);
  }
  .\!w-\[min\(620px\,calc\(100vw-32px\)\)\] {
    width: min(620px, calc(100vw - 32px)) !important;
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[16ch\] {
    max-width: 16ch;
  }
  .max-w-\[18ch\] {
    max-width: 18ch;
  }
  .max-w-\[22ch\] {
    max-width: 22ch;
  }
  .max-w-\[34ch\] {
    max-width: 34ch;
  }
  .max-w-\[38ch\] {
    max-width: 38ch;
  }
  .max-w-\[40ch\] {
    max-width: 40ch;
  }
  .max-w-\[42ch\] {
    max-width: 42ch;
  }
  .max-w-\[44ch\] {
    max-width: 44ch;
  }
  .max-w-\[46ch\] {
    max-width: 46ch;
  }
  .max-w-\[48ch\] {
    max-width: 48ch;
  }
  .max-w-\[56ch\] {
    max-width: 56ch;
  }
  .max-w-\[58ch\] {
    max-width: 58ch;
  }
  .max-w-\[60ch\] {
    max-width: 60ch;
  }
  .max-w-\[64ch\] {
    max-width: 64ch;
  }
  .max-w-\[80ch\] {
    max-width: 80ch;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[148px\] {
    min-width: 148px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[1_1_300px\] {
    flex: 1 1 300px;
  }
  .flex-\[1_1_360px\] {
    flex: 1 1 360px;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .list-none {
    list-style-type: none;
  }
  .form-textarea {
    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;
    &: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);
    }
    &::placeholder {
      color: oklch(55.1% 0.027 264.364);
      opacity: 1;
    }
  }
  .\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .\!flex-col {
    flex-direction: column !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .\!justify-between {
    justify-content: space-between !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-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-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-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * 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-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  :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-default-100 > :not(:last-child)) {
    border-color: var(--color-default-100);
  }
  :where(.divide-default-200 > :not(:last-child)) {
    border-color: var(--color-default-200);
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-default-200 {
    border-color: var(--color-default-200);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/35 {
    border-color: color-mix(in srgb, #fff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[\#0e1817\] {
    background-color: #0e1817;
  }
  .bg-danger {
    background-color: var(--color-danger);
  }
  .bg-danger-soft {
    background-color: var(--color-danger-soft);
  }
  .bg-default-50 {
    background-color: var(--color-default-50);
  }
  .bg-default-100 {
    background-color: var(--color-default-100);
  }
  .bg-default-150 {
    background-color: var(--color-default-150);
  }
  .bg-ink {
    background-color: var(--color-ink);
  }
  .bg-ink\/40 {
    background-color: color-mix(in srgb, #13201f 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ink) 40%, transparent);
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[50\%_60\%\] {
    object-position: 50% 60%;
  }
  .object-\[50\%_62\%\] {
    object-position: 50% 62%;
  }
  .\!p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .\!p-7 {
    padding: calc(var(--spacing) * 7) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .\!pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .\!pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5) !important;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .\!pb-0 {
    padding-bottom: 0px !important;
  }
  .\!pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .\!text-\[13px\] {
    font-size: 13px !important;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16\.5px\] {
    font-size: 16.5px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[44px\] {
    font-size: 44px;
  }
  .text-\[56px\] {
    font-size: 56px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-danger {
    color: var(--color-danger) !important;
  }
  .\!text-ink {
    color: var(--color-ink) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#9fb3b0\] {
    color: #9fb3b0;
  }
  .text-\[\#b9c7c4\] {
    color: #b9c7c4;
  }
  .text-\[\#c9d6d3\] {
    color: #c9d6d3;
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-default-400 {
    color: var(--color-default-400);
  }
  .text-default-500 {
    color: var(--color-default-500);
  }
  .text-default-600 {
    color: var(--color-default-600);
  }
  .text-default-700 {
    color: var(--color-default-700);
  }
  .text-info {
    color: var(--color-info);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .not-italic {
    font-style: normal;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .\!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)) !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-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-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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-white {
    --tw-ring-color: var(--color-white);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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-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));
  }
  .tabler--activity {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h4l3 8l4-16l3 8h4'/%3E%3C/svg%3E");
  }
  .tabler--alert-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01'/%3E%3C/svg%3E");
  }
  .tabler--alert-triangle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01'/%3E%3C/svg%3E");
  }
  .tabler--arrow-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E");
  }
  .tabler--arrow-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E");
  }
  .tabler--arrow-up-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 7L7 17M8 7h9v9'/%3E%3C/svg%3E");
  }
  .tabler--arrows-left-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 17H3m3-7L3 7l3-3M3 7h18m-3 13l3-3l-3-3'/%3E%3C/svg%3E");
  }
  .tabler--bell {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E");
  }
  .tabler--bolt {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 3v7h6l-8 11v-7H5z'/%3E%3C/svg%3E");
  }
  .tabler--book {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E");
  }
  .tabler--briefcase {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01'/%3E%3Cpath d='M3 13a20 20 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--building {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M9 8h1m-1 4h1m-1 4h1m4-8h1m-1 4h1m-1 4h1M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16'/%3E%3C/svg%3E");
  }
  .tabler--building-bank {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E");
  }
  .tabler--calendar {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3'/%3E%3C/svg%3E");
  }
  .tabler--certificate {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15a3 3 0 1 0 6 0a3 3 0 1 0-6 0'/%3E%3Cpath d='M13 17.5V22l2-1.5l2 1.5v-4.5'/%3E%3Cpath d='M10 19H5a2 2 0 0 1-2-2V7c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-1 1.73M6 9h12M6 12h3m-3 3h2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
  }
  .tabler--chevron-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
  }
  .tabler--chevron-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");
  }
  .tabler--chevron-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
  }
  .tabler--circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/svg%3E");
  }
  .tabler--circle-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--clipboard-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 9l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--clock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--command {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 9a2 2 0 1 1 2-2v10a2 2 0 1 1-2-2h10a2 2 0 1 1-2 2V7a2 2 0 1 1 2 2z'/%3E%3C/svg%3E");
  }
  .tabler--copy {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--database {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--device-desktop {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3C/svg%3E");
  }
  .tabler--device-mobile {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm5-1h2m-1 13v.01'/%3E%3C/svg%3E");
  }
  .tabler--dots {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
  }
  .tabler--download {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");
  }
  .tabler--edit {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1'/%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--external-link {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E");
  }
  .tabler--eye {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--eye-off {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--file-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='m9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--file-text {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--filter {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z'/%3E%3C/svg%3E");
  }
  .tabler--fingerprint {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'/%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8M8 15a18 18 0 0 0 1.8 6m-4.9-2a22 22 0 0 1-.9-7v-1a8 8 0 0 1 12-6.95'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--flag {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1-7 0a5 5 0 0 0-7 0zm0 16v-7'/%3E%3C/svg%3E");
  }
  .tabler--folder {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
  }
  .tabler--gavel {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13 10l7.383 7.418c.823.82.823 2.148 0 2.967a2.11 2.11 0 0 1-2.976 0L10 13M6 9l4 4m3-3L9 6M3 21h7'/%3E%3Cpath d='m6.793 15.793l-3.586-3.586a1 1 0 0 1 0-1.414L5.5 8.5L6 9l3-3l-.5-.5l2.293-2.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414L13.5 10.5L13 10l-3 3l.5.5l-2.293 2.293a1 1 0 0 1-1.414 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--help-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9 4v.01'/%3E%3Cpath d='M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--history {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 8v4l2 2'/%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--home {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--hourglass {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7h11m-11 10h11M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1'/%3E%3Cpath d='M6 4v2a6 6 0 1 0 12 0V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--id {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z'/%3E%3Cpath d='M7 10a2 2 0 1 0 4 0a2 2 0 1 0-4 0m8-2h2m-2 4h2M7 16h10'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--inbox {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 13h3l3 3h4l3-3h3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--info-circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--key {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301l-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144l-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01'/%3E%3C/svg%3E");
  }
  .tabler--list {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/svg%3E");
  }
  .tabler--list-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.5 5.5L5 7l2.5-2.5m-4 7L5 13l2.5-2.5m-4 7L5 19l2.5-2.5M11 6h9m-9 6h9m-9 6h9'/%3E%3C/svg%3E");
  }
  .tabler--lock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--logout {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--mail {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--map-pin {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657L13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--menu-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  }
  .tabler--message-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9h8m-8 4h6m-5 5H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-3l-3 3z'/%3E%3C/svg%3E");
  }
  .tabler--notes {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm4 2h6m-6 4h6m-6 4h4'/%3E%3C/svg%3E");
  }
  .tabler--paperclip {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13'/%3E%3C/svg%3E");
  }
  .tabler--phone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
  }
  .tabler--player-play {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 4v16l13-8z'/%3E%3C/svg%3E");
  }
  .tabler--player-skip-forward {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5v14l12-7zm16 0v14'/%3E%3C/svg%3E");
  }
  .tabler--plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E");
  }
  .tabler--presentation {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 4h18M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4m-8 12v4m-3 0h6'/%3E%3Cpath d='m8 12l3-3l2 2l3-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--receipt {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2zM9 7h6m-6 4h6m-2 4h2'/%3E%3C/svg%3E");
  }
  .tabler--refresh {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E");
  }
  .tabler--rotate {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.95 11a8 8 0 1 0-.5 4m.5 5v-5h-5'/%3E%3C/svg%3E");
  }
  .tabler--rubber-stamp {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 17.85H3c0-4.05 1.421-4.05 3.79-4.05C12 13.8 8 9.21 8 7a4 4 0 1 1 8 0c0 2.21-4 6.8 1.21 6.8c2.369 0 3.79 0 3.79 4.05M5 21h14'/%3E%3C/svg%3E");
  }
  .tabler--scale {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 20h10M6 6l6-1l6 1m-6-3v17m-3-8L6 6l-3 6a3 3 0 0 0 6 0m12 0l-3-6l-3 6a3 3 0 0 0 6 0'/%3E%3C/svg%3E");
  }
  .tabler--school {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 9L12 5L2 9l10 4zv6'/%3E%3Cpath d='M6 10.6V16a6 3 0 0 0 12 0v-5.4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
  }
  .tabler--send {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%3E%3C/svg%3E");
  }
  .tabler--server {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm4-7v.01M7 16v.01'/%3E%3C/svg%3E");
  }
  .tabler--settings {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--shield-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.46 20.846A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3a12 12 0 0 0 8.5 3a12 12 0 0 1-.09 7.06M15 19l2 2l4-4'/%3E%3C/svg%3E");
  }
  .tabler--shield-exclamation {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.04 19.745c-.942.551-1.964.976-3.04 1.255A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 .195 6.015M19 16v3m0 3v.01'/%3E%3C/svg%3E");
  }
  .tabler--shield-lock {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3'/%3E%3Cpath d='M11 11a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1 1v2.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--signature {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 17q5-5 5-8c0-3-1-3-2-3S3.968 7.085 4 9c.034 2.048 1.658 4.877 2.5 6C8 17 9 17.5 10 16l2-3q.5 4 3 4c.53 0 2.639-2 3-2q.776 0 3 2'/%3E%3C/svg%3E");
  }
  .tabler--sparkles {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2m0-12a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2M9 18a6 6 0 0 1 6-6a6 6 0 0 1-6-6a6 6 0 0 1-6 6a6 6 0 0 1 6 6'/%3E%3C/svg%3E");
  }
  .tabler--stack-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4L4 8l8 4l8-4zm-8 8l8 4l8-4M4 16l8 4l8-4'/%3E%3C/svg%3E");
  }
  .tabler--target {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M7 12a5 5 0 1 0 10 0a5 5 0 1 0-10 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--trash {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");
  }
  .tabler--upload {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");
  }
  .tabler--user {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
  }
  .tabler--user-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4m1 4l2 2l4-4'/%3E%3C/svg%3E");
  }
  .tabler--user-minus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4q.523.002 1.009.128M16 19h6'/%3E%3C/svg%3E");
  }
  .tabler--user-plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0m8 12h6m-3-3v6M6 21v-2a4 4 0 0 1 4-4h4'/%3E%3C/svg%3E");
  }
  .tabler--users {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E");
  }
  .tabler--world {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E");
  }
  .tabler--writing-sign {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19q5-3 5-6c0-3-1-3-2-3s-2.032 1.085-2 3c.034 2.048 1.658 2.877 2.5 4C8 19 9 19.5 10 18q1-1.5 1.5-2.5q1.5 3.5 4 3.5H18m2-2V5c0-1.121-.879-2-2-2s-2 .879-2 2v12l2 2zM16 7h4'/%3E%3C/svg%3E");
  }
  .tabler--x {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  }
  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
  }
  .before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .first-of-type\:border-t-0:first-of-type {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  @media (hover: hover) {
    .hover\:border-default-300:hover {
      border-color: var(--color-default-300);
    }
    .hover\:bg-\[\#e8eeec\]:hover {
      background-color: #e8eeec;
    }
    .hover\:bg-default-50:hover {
      background-color: var(--color-default-50);
    }
    .hover\:bg-default-150:hover {
      background-color: var(--color-default-150);
    }
    .hover\:bg-white\/10:hover {
      background-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .hover\:text-ink:hover {
      color: var(--color-ink);
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .focus\:fixed:focus {
    position: fixed;
  }
  .focus\:top-2:focus {
    top: calc(var(--spacing) * 2);
  }
  .focus\:left-2:focus {
    left: calc(var(--spacing) * 2);
  }
  .focus\:z-\[100\]:focus {
    z-index: 100;
  }
  .focus\:rounded:focus {
    border-radius: 0.25rem;
  }
  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }
  .focus\:px-3:focus {
    padding-inline: calc(var(--spacing) * 3);
  }
  .focus\:py-2:focus {
    padding-block: calc(var(--spacing) * 2);
  }
  @media (width < 64rem) {
    .max-lg\:hidden {
      display: none;
    }
    .max-lg\:max-w-\[420px\] {
      max-width: 420px;
    }
    .max-lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-lg\:\!flex-row {
      flex-direction: row !important;
    }
    .max-lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-lg\:overflow-x-auto {
      overflow-x: auto;
    }
    .max-lg\:text-\[46px\] {
      font-size: 46px;
    }
    .max-lg\:text-\[52px\] {
      font-size: 52px;
    }
  }
  @media (width < 48rem) {
    .max-md\:ms-0 {
      margin-inline-start: 0px;
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:h-28 {
      height: calc(var(--spacing) * 28);
    }
    .max-md\:h-\[180px\] {
      height: 180px;
    }
    .max-md\:w-full {
      width: 100%;
    }
    .max-md\:min-w-0 {
      min-width: 0px;
    }
    .max-md\:\!p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }
    .max-md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .max-md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .max-md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }
    .max-md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .max-md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .max-md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .max-md\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }
    .max-md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .max-md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .max-md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .max-md\:text-left {
      text-align: left;
    }
    .max-md\:text-\[17px\] {
      font-size: 17px;
    }
    .max-md\:text-\[28px\] {
      font-size: 28px;
    }
    .max-md\:text-\[30px\] {
      font-size: 30px;
    }
    .max-md\:text-\[32px\] {
      font-size: 32px;
    }
    .max-md\:text-\[36px\] {
      font-size: 36px;
    }
    .max-md\:text-\[38px\] {
      font-size: 38px;
    }
  }
  @media (width < 40rem) {
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1\.25fr_1fr\] {
      grid-template-columns: 1.25fr 1fr;
    }
    .md\:grid-cols-\[150px_1fr\] {
      grid-template-columns: 150px 1fr;
    }
    .md\:grid-cols-\[180px_1fr\] {
      grid-template-columns: 180px 1fr;
    }
  }
  @media (width >= 64rem) {
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
      grid-template-columns: 240px minmax(0,1fr);
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .lg\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0,1fr) 320px;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:sticky {
      position: sticky;
    }
    .\32 xl\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0,1fr) 300px;
    }
  }
  .\[\&_a\]\:font-medium a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_a\]\:text-primary a {
    color: var(--color-primary);
  }
  .\[\&_a\:hover\]\:underline a:hover {
    text-decoration-line: underline;
  }
  .\[\&_li\]\:mb-1 li {
    margin-bottom: var(--spacing);
  }
  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }
  .\[\&_ul\]\:ps-5 ul {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
}
:root {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-body-bg: var(--color-zinc-950);
  --color-body-color: var(--color-zinc-400);
  --color-card: var(--color-zinc-900);
  --color-default-50: var(--color-zinc-950);
  --color-default-100: var(--color-zinc-900);
  --color-default-150: var(--color-zinc-800);
  --color-default-200: var(--color-zinc-800);
  --color-default-300: var(--color-zinc-700);
  --color-default-400: var(--color-zinc-600);
  --color-default-500: var(--color-zinc-500);
  --color-default-600: var(--color-zinc-400);
  --color-default-700: var(--color-zinc-300);
  --color-default-800: var(--color-zinc-200);
  --color-default-900: var(--color-zinc-100);
  --color-default-950: var(--color-zinc-50);
  --topbar-background: var(--color-default-100);
}
html[data-theme="light"], html[data-sidenav-color="light"] {
  --sidenav-background: var(--color-white);
  --sidenav-item-color: var(--color-zinc-600);
  --sidenav-item-active-color: #0c6b62;
  --sidenav-item-active-bg: color-mix(in oklab, #0c6b62 10%, transparent);
  --sidenav-item-hover-color: #0c6b62;
  --sidenav-item-hover-bg: color-mix(in oklab, #0c6b62 10%, transparent);
}
html[data-sidenav-color="dark"], html[data-theme="dark"][data-sidenav-color="light"] {
  --sidenav-background: var(--color-zinc-900);
  --sidenav-item-color: var(--color-zinc-400);
  --sidenav-item-active-color: var(--color-zinc-50);
  --sidenav-item-active-bg: var(--color-zinc-800);
  --sidenav-item-hover-color: var(--color-zinc-300);
  --sidenav-item-hover-bg: var(--color-zinc-800);
}
.group\/menu-link:hover, .animate {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  stroke-dasharray: 10;
}
.animate-icons {
  -webkit-animation: iconsAnimation 50s;
  animation: iconsAnimation 50s;
}
.wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.page-content {
  display: flex;
  height: 100vh;
  width: 100%;
  flex-grow: 1;
  flex-direction: column;
  overflow: auto;
  transition-property: width,margin;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
main {
  width: 100%;
  flex-grow: 1;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 6);
}
.app-menu {
  position: relative;
  top: 0px;
  bottom: 0px;
  z-index: 40;
  display: flex;
  max-height: 100vh;
  width: var(--spacing-sidenav-width);
  min-width: var(--spacing-sidenav-width);
  flex-direction: column;
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, currentcolor 10%, transparent);
  }
  background-color: var(--sidenav-background);
  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: 300ms;
  transition-duration: 300ms;
  transition-property: width, min-width, margin;
}
.side-nav {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing);
  .menu-title {
    margin-top: calc(var(--spacing) * 1.5);
    display: flex;
    height: calc(var(--spacing) * 8);
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--sidenav-item-color);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidenav-item-color) 75%, transparent);
    }
    text-transform: uppercase;
    opacity: 100%;
    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: 300ms;
    transition-duration: 300ms;
    &:first-of-type {
      margin-top: 0px;
    }
  }
  .menu-item {
    .menu-link {
      position: relative;
      display: flex;
      align-items: center;
      column-gap: calc(var(--spacing) * 3);
      border-radius: 0.25rem;
      background-color: transparent;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      white-space: nowrap;
      color: var(--color-default-600);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      color: var(--sidenav-item-color);
      font-size: var(--sidenav-item-font-size);
      line-height: var(--sidenav-item-font-size);
      padding: var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);
      >.menu-icon {
        width: var(--sidenav-item-icon-size);
        height: var(--sidenav-item-icon-size);
        font-size: var(--sidenav-item-icon-size);
        line-height: var(--sidenav-item-icon-size);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        svg {
          width: var(--sidenav-item-icon-size);
          height: var(--sidenav-item-icon-size);
        }
      }
      >.menu-text {
        white-space: nowrap;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
      >.menu-arrow {
        margin-inline-start: auto;
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: currentColor;
        -webkit-mask-image: var(--svg);
        mask-image: var(--svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
        &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
          rotate: 180deg;
        }
        &.hs-accordion.active {
          rotate: 90deg;
        }
        .hs-accordion.active>& {
          rotate: 90deg;
        }
        .hs-accordion.active>.hs-accordion-toggle & {
          rotate: 90deg;
        }
        .hs-accordion.active>.hs-accordion-heading>.hs-accordion-toggle & {
          rotate: 90deg;
        }
        &.hs-accordion-toggle {
          .hs-accordion.active>& {
            rotate: 90deg;
          }
        }
        &.hs-accordion-toggle {
          .hs-accordion.active>.hs-accordion-heading>& {
            rotate: 90deg;
          }
        }
        &.hs-accordion-force-active {
          .hs-accordion.active & {
            rotate: 90deg;
          }
        }
      }
      &:is(.open, .active, :active, :focus) {
        color: var(--sidenav-item-active-color);
      }
      &:is(:hover) {
        color: var(--sidenav-item-hover-color);
      }
      .badge {
        margin-inline-start: auto;
        display: flex;
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        align-items: center;
        justify-content: center;
        font-size: .75em;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
    &.active .menu-link.active .menu-arrow {
      rotate: 90deg;
    }
  }
  >.menu-item {
    >.menu-link {
      &:is(.open, .active, :active, :focus) {
        background-color: var(--sidenav-item-active-bg);
      }
      &:is(:hover) {
        background-color: var(--sidenav-item-hover-bg);
      }
    }
    &.active>.menu-link {
      background-color: var(--sidenav-item-active-bg);
      color: var(--sidenav-item-active-color);
    }
  }
  .sub-menu {
    margin-top: var(--spacing);
    width: 100%;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow: hidden;
    padding-inline-start: calc(var(--spacing) * 7.5);
    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: 300ms;
    transition-duration: 300ms;
    .sub-menu {
      margin-inline-start: calc(var(--sidenav-item-icon-size) * -1);
    }
    .menu-link::before {
      position: absolute;
      inset-inline-start: calc(var(--spacing) * -3);
      display: inline-block;
      width: var(--spacing);
      height: var(--spacing);
      border-radius: calc(infinity * 1px);
      background-color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, currentcolor 50%, transparent);
      }
      --tw-content: '';
      content: var(--tw-content);
    }
    .menu-link.active {
      background-color: transparent;
      color: var(--sidenav-item-active-color);
      &::before {
        content: var(--tw-content);
        background-color: currentcolor;
      }
    }
  }
}
#button-hover-toggle {
  position: relative;
  display: none;
  height: var(--spacing-topbar-height);
  align-items: center;
  justify-content: center;
  color: var(--sidenav-item-color);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--sidenav-item-color) 50%, transparent);
  }
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) {
  width: var(--spacing-sidenav-width-sm);
  min-width: var(--spacing-sidenav-width-sm);
  .logo-box {
    .logo-lg {
      display: none;
    }
    .logo-sm {
      display: flex;
    }
  }
  #button-hover-toggle {
    display: none;
  }
  .menu-item {
    .menu-link {
      .menu-text, .menu-arrow, .badge {
        visibility: hidden;
      }
    }
    .sub-menu {
      margin-top: 0;
      visibility: hidden !important;
      height: 0;
    }
  }
  .menu-title {
    visibility: hidden;
    margin: 0px;
    margin-top: calc(var(--spacing) * -1) !important;
    height: 0px;
    padding: 0px;
    opacity: 0%;
  }
  .simplebar-track.simplebar-vertical {
    visibility: hidden !important;
  }
}
html[data-sidenav-size="hover"] .app-menu {
  position: fixed;
  bottom: 0px;
  .simplebar-track.simplebar-horizontal {
    visibility: hidden !important;
  }
}
html[data-sidenav-size="hover"] .page-content {
  margin-inline-start: var(--spacing-sidenav-width-sm);
}
html[data-sidenav-size="hover"] #button-hover-toggle {
  display: flex;
}
html[data-sidenav-size="hover"] #button-toggle-menu {
  display: none;
}
html[data-sidenav-size="hover-active"] #button-toggle-menu {
  display: none;
}
html[data-sidenav-size="hover-active"] #button-hover-toggle {
  display: flex;
  &::before {
    content: "";
    position: absolute;
    width: var(--spacing);
    height: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: currentcolor;
    --tw-content: '';
    content: var(--tw-content);
  }
}
html[data-sidenav-size="hover-active"] .page-content {
  margin-inline-start: var(--spacing-sidenav-width);
}
html[data-sidenav-size="hover-active"] .app-menu {
  position: fixed;
  bottom: 0px;
}
html[data-sidenav-size="sm"] .app-menu {
  width: var(--spacing-sidenav-width-sm);
  min-width: var(--spacing-sidenav-width-sm);
  height: unset;
  max-height: unset;
  .simplebar-mask, .simplebar-content-wrapper {
    overflow: visible !important;
  }
  .logo-box {
    background: var(--sidenav-background);
    z-index: 40;
    .logo-lg {
      display: none;
    }
    .logo-sm {
      display: flex;
    }
  }
  .side-nav {
    .menu-title {
      display: none;
    }
    .menu-item {
      position: relative;
      >.menu-link {
        transition: none;
        &::before, >.menu-text, >.menu-arrow, >.badge {
          transition: none;
          display: none;
        }
      }
      .sub-menu {
        margin-top: 0;
        display: none !important;
        height: inherit !important;
      }
      &:hover {
        >.sub-menu {
          display: block !important;
          inset-inline-start: 100%;
          overflow: visible;
          position: absolute;
          height: inherit !important;
          transition: none;
          padding-inline-start: 0;
          background: var(--sidenav-background);
          width: calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: currentcolor;
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, currentcolor 10%, transparent);
          }
          >.menu-item {
            >.menu-link {
              z-index: 5;
              >.menu-arrow, >.menu-text {
                display: block;
              }
            }
            .sub-menu {
              top: 0;
              margin-inline-start: 0px;
            }
          }
        }
      }
    }
    >.menu-item {
      >.menu-link {
        display: flex;
        justify-content: center;
        text-align: center;
      }
      &:hover {
        >.menu-link {
          color: var(--sidenav-item-hover-color);
          background-color: var(--sidenav-item-hover-bg);
        }
        >.menu-link {
          &::after {
            content: "";
            inset: 0;
            position: absolute;
            width: var(--spacing-sidenav-width);
          }
          >.menu-text {
            background: var(--sidenav-background);
            line-height: var(--sidenav-item-icon-size);
            width: calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));
            padding: var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);
            inset-inline-start: 100%;
            position: absolute;
            display: flex;
            align-items: center;
            border-style: var(--tw-border-style);
            border-width: 1px;
            --tw-border-style: solid;
            border-style: solid;
            border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              border-color: color-mix(in oklab, var(--color-default-500) 20%, transparent);
            }
          }
        }
      }
      >.menu-link {
        &.hs-accordion-toggle {
          >.menu-text {
            border-top-left-radius: var(--radius-md);
            border-top-right-radius: var(--radius-md);
          }
        }
        &:not(.hs-accordion-toggle) {
          >.menu-text {
            border-radius: var(--radius-md);
          }
        }
      }
      >.sub-menu {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
        .sub-menu {
          border-radius: var(--radius-md);
        }
      }
      >.menu-link>.menu-text, .sub-menu {
        margin-inline-start: calc(var(--spacing) * 4.5);
      }
    }
  }
}
html[data-sidenav-size="sm"] .page-content {
  height: 100%;
  min-height: 100vh;
  overflow: visible;
}
html[data-sidenav-size="md"] .app-menu {
  width: var(--spacing-sidenav-width-md);
  min-width: var(--spacing-sidenav-width-md);
  .side-nav {
    .menu-title {
      justify-content: center;
      text-decoration-line: underline;
      text-decoration-style: dashed;
    }
    .menu-link {
      flex-direction: column;
      text-align: center;
      .badge, .menu-arrow {
        display: none;
      }
    }
    .sub-menu {
      padding-inline-start: 0px;
      .menu-link {
        .menu-arrow {
          margin-inline-start: 0px;
          display: block;
        }
      }
      .menu-text {
        padding-inline-start: 0px;
      }
    }
  }
}
html[data-sidenav-size="offcanvas"] .app-menu {
  position: fixed;
  margin-inline-start: calc(var(--spacing-sidenav-width) * -1);
  opacity: 0%;
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
html[data-sidenav-size="offcanvas"].sidenav-enable .app-menu {
  z-index: 50;
  margin-inline-start: 0px;
  opacity: 100%;
}
html[data-sidenav-size="hidden"] .app-menu {
  margin-inline-start: calc(var(--spacing-sidenav-width) * -1);
}
.logo-box .logo-sm {
  display: none;
}
.logo-box .logo-light {
  display: none;
}
:is(html[data-theme="dark"], html[data-sidenav-color="dark"]) .app-menu .logo-box .logo-light {
  display: block;
}
:is(html[data-theme="dark"], html[data-sidenav-color="dark"]) .app-menu .logo-box .logo-dark {
  display: none;
}
.app-header .topbar-item {
  display: flex;
  height: calc(var(--spacing) * 9.5);
  align-items: center;
}
@layer base {
  html {
    position: relative;
    scroll-behavior: smooth;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    background-color: var(--color-body-bg);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-body-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
code {
  color: var(--color-primary);
}
input, textarea, button, select, a {
  -webkit-tap-highlight-color: transparent;
}
.container {
  margin-inline: auto;
  max-width: 1280px;
  padding-inline: calc(var(--spacing) * 4);
}
.hs-overlay-backdrop {
  background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-default-900) 20%, transparent) !important;
  }
}
@layer components {
  .btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    column-gap: calc(var(--spacing) * 2);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.75);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &.btn-lg {
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &.btn-sm {
      padding-inline: calc(var(--spacing) * 3.5);
      padding-block: calc(var(--spacing) * 1.5);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    &.btn-icon {
      width: calc(var(--spacing) * 9.25);
      height: calc(var(--spacing) * 9.25);
      padding: 0px;
    }
  }
  .btn[class*="size-"] {
    padding: 0;
  }
  button:not(:disabled) {
    cursor: pointer;
  }
  button:disabled {
    cursor: not-allowed;
  }
}
@layer base {
  .card {
    position: relative;
    display: flex;
    height: fit-content;
    flex-direction: column;
    border-radius: 0.3rem;
    background-color: var(--color-card);
    background-clip: border-box;
    overflow-wrap: break-word;
    --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);
    &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
      background-color: var(--color-default-100);
    }
    .card-header {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-default-200);
      padding-inline: calc(var(--spacing) * 5);
      &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
        border-color: color-mix(in srgb, #fff 14%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
        }
      }
    }
    .card-footer {
      display: flex;
      min-height: calc(var(--spacing) * 14);
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-default-200);
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .card-body {
    padding: calc(var(--spacing) * 5);
  }
  .card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-800);
  }
  .hs-dropdown-menu {
    z-index: 30;
    margin-top: calc(var(--spacing) * 2);
    display: none;
    min-width: calc(var(--spacing) * 40);
    border-radius: 0.3rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-default-300) 40%, transparent);
    }
    background-color: var(--color-card);
    padding: calc(var(--spacing) * 2);
    opacity: 0%;
    --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);
    transition-property: opacity,margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &.hs-dropdown-menu.open {
      opacity: 100%;
    }
    .hs-dropdown.open>& {
      opacity: 100%;
    }
    .hs-dropdown.open>.hs-dropdown-toggle & {
      opacity: 100%;
    }
    .hs-dropdown.open>.hs-dropdown-menu>& {
      opacity: 100%;
    }
  }
}
.form-input {
  display: block;
  height: calc(var(--spacing) * 9.25);
  width: 100%;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  padding-block: 0px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &::placeholder {
    color: var(--color-default-400);
  }
  &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
    border-color: color-mix(in srgb, #fff 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
  &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
    &::placeholder {
      color: var(--color-default-600);
    }
  }
  &:focus-visible {
    border-color: var(--color-default-300);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-default-300) 30%, transparent);
    }
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 70%;
  }
  &[readonly] {
    cursor: not-allowed;
  }
  &[readonly] {
    background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-100) 80%, transparent);
    }
  }
  &[readonly] {
    color: color-mix(in srgb, oklch(44.2% 0.017 285.786) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
    }
  }
  &::file-selector-button {
    height: 100%;
  }
  &[type=file] {
    padding-block: 0px;
  }
  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  &::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  &::file-selector-button {
    --tw-border-style: solid;
    border-style: solid;
  }
  &::file-selector-button {
    border-color: var(--color-default-200);
  }
  &::file-selector-button {
    background-color: transparent;
  }
  &::file-selector-button {
    padding: 0px;
  }
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  &::file-selector-button {
    color: var(--color-default-800);
  }
  &::file-selector-button {
    font-style: normal;
  }
  &[aria-invalid="true"] {
    border-color: color-mix(in srgb, #b42318 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
  &[aria-invalid="true"] {
    --tw-ring-color: color-mix(in srgb, #b42318 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
    }
  }
  transition-property: color, box-shadow;
}
.form-input-sm {
  height: calc(var(--spacing) * 7.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.form-textarea {
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  padding-block: 0px;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &::placeholder {
    color: var(--color-default-400);
  }
  &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
    border-color: color-mix(in srgb, #fff 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
  &:where([data-theme=dark], [data-theme=dark] *, .dark, .dark *) {
    &::placeholder {
      color: var(--color-default-600);
    }
  }
  &:focus-visible {
    border-color: var(--color-default-300);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(87.1% 0.006 286.286) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-default-300) 30%, transparent);
    }
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 70%;
  }
  &[readonly] {
    cursor: not-allowed;
  }
  &[readonly] {
    background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-default-100) 80%, transparent);
    }
  }
  &[readonly] {
    color: color-mix(in srgb, oklch(44.2% 0.017 285.786) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
    }
  }
  &::file-selector-button {
    height: 100%;
  }
  &[type=file] {
    padding-block: 0px;
  }
  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  &::file-selector-button {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  &::file-selector-button {
    --tw-border-style: solid;
    border-style: solid;
  }
  &::file-selector-button {
    border-color: var(--color-default-200);
  }
  &::file-selector-button {
    background-color: transparent;
  }
  &::file-selector-button {
    padding: 0px;
  }
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  &::file-selector-button {
    color: var(--color-default-800);
  }
  &::file-selector-button {
    font-style: normal;
  }
  &[aria-invalid="true"] {
    border-color: color-mix(in srgb, #b42318 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
  &[aria-invalid="true"] {
    --tw-ring-color: color-mix(in srgb, #b42318 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
    }
  }
  transition-property: color, box-shadow;
}
select.form-input {
  min-width: calc(var(--spacing) * 28);
}
.form-radio, .form-checkbox {
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: currentcolor;
  background-color: currentcolor;
  --tw-ring-offset-color: var(--color-white);
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  &: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 {
    --tw-ring-color: inherit;
  }
  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 90%;
  }
  &[aria-invalid="true"] {
    border-color: color-mix(in srgb, #b42318 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
  &[aria-invalid="true"] {
    --tw-ring-color: color-mix(in srgb, #b42318 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
    }
  }
  cursor: pointer;
  &:checked {
    border-color: inherit;
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:checked {
    border-color: transparent;
  }
  &:checked {
    background-color: currentcolor;
  }
}
.form-radio:not([class*="text-"]), .form-checkbox:not([class*="text-"]) {
  border-color: var(--color-default-300);
  background-color: transparent;
  &:checked {
    border-color: transparent;
  }
  &:checked {
    background-color: var(--color-primary);
  }
}
.form-checkbox {
  border-radius: var(--radius-sm);
}
.form-radio:not([class*="size-"]), .form-checkbox:not([class*="size-"]) {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.form-checkbox[class*="rounded-full"] {
  border-radius: calc(infinity * 1px);
}
.form-checkbox-sm {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.form-radio-sm {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.form-radio-lg {
  width: calc(var(--spacing) * 5.5);
  height: calc(var(--spacing) * 5.5);
}
.form-switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  appearance: none;
  background-color: var(--color-default-200);
  &:checked {
    background-image: none;
  }
  &: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 {
    --tw-ring-color: var(--color-default-300);
  }
  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:focus-visible {
    --tw-ring-offset-color: var(--color-card);
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  &:disabled {
    cursor: not-allowed;
  }
  &:disabled {
    opacity: 50%;
  }
  &[aria-invalid="true"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  &[aria-invalid="true"] {
    border-color: color-mix(in srgb, #b42318 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
  &[aria-invalid="true"] {
    --tw-ring-color: color-mix(in srgb, #b42318 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
    }
  }
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:before {
    pointer-events: none;
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 0);
    top: calc(1 / 2 * 100%);
    display: flex;
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-card);
    --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);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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));
    --tw-content: "";
    content: var(--tw-content);
  }
  &:checked, &[aria-checked='true'] {
    background-color: var(--color-primary);
  }
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 9.5);
  border-radius: calc(infinity * 1px);
  &:before {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  &:checked, &[aria-checked='true'] {
    &:before {
      --tw-translate-x: calc(var(--spacing) * 5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.form-checkicon-switch {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 9.5);
  border-radius: calc(infinity * 1px);
  &:before {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  &::after {
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 1.25);
    top: var(--spacing);
    margin-inline-start: auto;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    background-color: var(--color-default-500);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-content: "";
    content: var(--tw-content);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  }
  &:checked, &[aria-checked='true'] {
    &:before {
      --tw-translate-x: calc(var(--spacing) * 5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &::after {
      position: absolute;
      inset-inline-start: calc(var(--spacing) * 1);
      top: var(--spacing);
      margin-inline-start: auto;
      display: inline-block;
      width: 1em;
      height: 1em;
      background-color: currentColor;
      -webkit-mask-image: var(--svg);
      mask-image: var(--svg);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
      --tw-translate-x: calc(var(--spacing) * 4.25);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-color: var(--color-default-500);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-content: "";
      content: var(--tw-content);
      --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
    }
  }
}
.form-switch-sm {
  height: calc(var(--spacing) * 4.5);
  width: calc(var(--spacing) * 6.5);
  border-radius: calc(infinity * 1px);
  &:before {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  &:checked, &[aria-checked='true'] {
    &:before {
      --tw-translate-x: calc(var(--spacing) * 3);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.form-square-switch, .form-square-switch:before {
  border-radius: 0 !important;
}
.form-switch-lg {
  height: calc(var(--spacing) * 5.5);
  width: calc(var(--spacing) * 8.5);
  border-radius: calc(infinity * 1px);
  &:before {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  &:checked, &[aria-checked='true'] {
    &:before {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
[dir='rtl'] .form-switch:before {
  --tw-translate-x: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is([dir='rtl'] .form-switch:checked, [dir='rtl'] .form-switch[aria-checked='true']):before {
  --tw-translate-x: calc(var(--spacing) * -3.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is([dir='rtl'] .form-switch.form-switch-sm:checked, [dir='rtl'] .form-switch.form-switch-sm[aria-checked='true']):before {
  --tw-translate-x: calc(var(--spacing) * -3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is([dir='rtl'] .form-switch.form-switch-lg:checked, [dir='rtl'] .form-switch.form-switch-lg[aria-checked='true']):before {
  --tw-translate-x: calc(var(--spacing) * -4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.card-radio {
  position: relative;
  input:checked+.form-label {
    &::after {
      content: '';
      position: absolute;
      inset-inline-end: calc(var(--spacing) * 2);
      bottom: calc(var(--spacing) * 8);
      margin-inline-start: auto;
      display: inline-block;
      width: 1em;
      height: 1em;
      background-color: currentColor;
      -webkit-mask-image: var(--svg);
      mask-image: var(--svg);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-success);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
    }
  }
}
input:checked+.form-label.btn {
  background-color: color-mix(in srgb, #0c6b62 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
  }
  color: var(--color-primary);
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  opacity: 1;
}
input[type=number] {
  -moz-appearance: textfield;
}
.flatpickr-day {
  color: var(--color-default-600);
}
.form-input.flatpickr-input {
  background-color: var(--color-card) !important;
}
.flatpickr-calendar {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-150);
  background-color: var(--color-card);
  --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);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
span.flatpickr-weekday {
  color: var(--color-body-color);
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  border-color: transparent;
  background-color: var(--color-default-200);
  color: var(--color-body-color);
}
.flatpickr-day.inRange {
  color: var(--color-default-950);
  box-shadow: -5px 0 0 var(--color-default-200), 5px 0 0 var(--color-default-200);
}
.flatpickr-prev-month svg, .flatpickr-next-month svg {
  fill: var(--color-default-700) !important;
}
.flatpickr-monthDropdown-months, .numInput {
  color: var(--color-default-700) !important;
}
.flatpickr-calendar.arrowBottom:after {
  background-color: var(--color-card);
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--color-default-200);
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--color-default-400) !important;
}
.multi-wrapper {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  border-color: var(--color-default-200) !important;
}
.multi-wrapper .non-selected-wrapper {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
  scrollbar-width: thin;
}
.multi-wrapper .item:hover {
  background-color: var(--color-default-150) !important;
}
.multi-wrapper .selected-wrapper {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
}
.multi-wrapper .search-input {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 0px !important;
  border-color: var(--color-default-200) !important;
  background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-default-200) 20%, transparent) !important;
  }
  color: var(--color-default-800) !important;
}
.pcr-app {
  border-radius: 0.25rem !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
}
.pcr-app .pcr-interaction input {
  background-color: color-mix(in srgb, oklch(92% 0.004 286.32) 70%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-default-200) 70%, transparent) !important;
  }
  color: var(--color-default-800) !important;
}
@font-face {
  font-family: "Public Sans";
  src: url(../assets/fonts/public-sans-latin-400-normal.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url(../assets/fonts/public-sans-latin-500-normal.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url(../assets/fonts/public-sans-latin-600-normal.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url(../assets/fonts/public-sans-latin-700-normal.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Rota Pro";
  src: url(../assets/fonts/GCRotaPro-Regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Rota Pro";
  src: url(../assets/fonts/GCRotaPro-Medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Rota Pro";
  src: url(../assets/fonts/GCRotaPro-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Rota Pro";
  src: url(../assets/fonts/GCRotaPro-Bold.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url(../assets/fonts/eb-garamond-latin-400-normal.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url(../assets/fonts/eb-garamond-latin-600-normal.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url(../assets/fonts/eb-garamond-latin-400-italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
html[data-sidenav-color="light"] {
  --sidenav-background: #f6f7f7;
  --sidenav-item-color: var(--color-zinc-600);
  --sidenav-item-active-color: var(--color-ink);
  --sidenav-item-active-bg: var(--color-white);
  --sidenav-item-hover-color: var(--color-ink);
  --sidenav-item-hover-bg: rgb(19 32 31 / 0.05);
}
.page-content {
  height: auto;
  min-height: 100dvh;
  overflow: visible;
}
html:not([data-sidenav-size="offcanvas"]) .app-menu {
  position: sticky;
  top: 0;
  height: 100dvh;
}
#main {
  padding: 28px 32px 112px;
  max-width: 1320px;
}
.mk main {
  padding: 0;
}
@media (max-width: 768px) {
  #main {
    padding: 18px 16px 120px;
  }
}
@layer base {
  body {
    font-size: 14px;
    --tw-leading: 1.55;
    line-height: 1.55;
    color: var(--color-default-700);
    font-feature-settings: "tnum" 0;
  }
  h1, h2, h3, h4 {
    color: var(--color-ink);
  }
  h1 {
    font-family: var(--font-display);
    letter-spacing: -0.015em;
  }
  ::selection {
    background: color-mix(in srgb, #0c6b62 22%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-primary) 22%, white);
    }
    color: var(--color-ink);
  }
  :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: 4px;
  }
  input, textarea, select {
    caret-color: var(--color-primary);
  }
  a {
    text-underline-offset: 3px;
  }
  html {
    scrollbar-color: #c9cfce transparent;
  }
}
@layer components {
  .tnum {
    font-variant-numeric: tabular-nums;
  }
  .display {
    font-family: var(--font-display);
  }
  .btn {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .14s var(--ease-out-strong), box-shadow .15s ease;
    white-space: nowrap;
    position: relative;
  }
  .btn:active:not(:disabled) {
    transform: scale(.97);
  }
  .btn:disabled, .btn[aria-disabled="true"] {
    opacity: .45;
  }
  .btn-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-strong);
      }
    }
  }
  .btn-ink {
    background-color: var(--color-ink);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .btn-outline {
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    color: var(--color-default-800);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-default-400);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-default-50);
      }
    }
  }
  .btn-ghost {
    background-color: transparent;
    color: var(--color-default-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-default-150);
      }
    }
  }
  .btn-danger {
    border-color: color-mix(in srgb, #b42318 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-danger) 40%, transparent);
    }
    background-color: var(--color-white);
    color: var(--color-danger);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-danger-soft);
      }
    }
  }
  .btn .iconify {
    font-size: 16px;
  }
  .btn-sm .iconify {
    font-size: 14px;
  }
  .btn.is-loading {
    color: transparent !important;
    pointer-events: none;
  }
  .btn.is-loading::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgb(255 255 255 / .9);
    border-right-color: transparent;
    animation: spin .6s linear infinite;
  }
  .btn-outline.is-loading::after, .btn-ghost.is-loading::after {
    border-color: var(--color-default-600);
    border-right-color: transparent;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .st {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
  }
  .st .iconify {
    font-size: 15px;
  }
  .st-red {
    color: var(--color-danger);
  }
  .st-amber {
    color: var(--color-warning);
  }
  .st-green {
    color: var(--color-success);
  }
  .st-teal {
    color: var(--color-primary);
  }
  .st-blue {
    color: var(--color-info);
  }
  .st-muted {
    color: var(--color-default-500);
  }
  .lbl {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    align-items: center;
    border-radius: 3px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-default-600);
  }
  .page-title {
    font-family: var(--font-display);
    font-size: 26px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--color-ink);
    letter-spacing: -0.018em;
  }
  .sec-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-ink);
    letter-spacing: -0.005em;
  }
  .meta {
    font-size: 13px;
    color: var(--color-default-500);
  }
  .summary {
    display: flex;
    max-width: 72ch;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    row-gap: var(--spacing);
    font-size: 15px;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-default-700);
  }
  .summary b {
    color: var(--color-ink);
    font-weight: 600;
  }
  .queue {
    overflow: hidden;
    border-radius: 0.3rem;
    background-color: var(--color-card);
    --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);
  }
  .queue-group {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
  }
  .queue-item {
    display: grid;
    cursor: pointer;
    align-items: center;
    column-gap: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    grid-template-columns: minmax(0,1fr) auto;
    transition: background-color .15s ease;
  }
  .queue-group + .queue-item {
    border-top: 0;
  }
  @media (hover: hover) {
    .queue-item:hover {
      background: #fafbfb;
    }
  }
  .queue-item .kind {
    margin-bottom: var(--spacing);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 12.5px;
    color: var(--color-default-500);
  }
  .queue-item .co {
    font-size: 15.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
    letter-spacing: -0.006em;
  }
  .queue-item .why {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 14px;
    color: var(--color-default-600);
  }
  .queue-item .due {
    text-align: right;
    font-size: 13px;
    color: var(--color-default-500);
    --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,);
    min-width: 104px;
  }
  .queue-item .due b {
    display: block;
    font-size: 13.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .queue-item .due.soon b {
    color: var(--color-danger);
  }
  .queue-item.flash {
    animation: flash 1.8s var(--ease-out-strong);
  }
  @keyframes flash {
    from {
      background: var(--color-info-soft);
    }
    to {
      background: transparent;
    }
  }
  @media (max-width: 760px) {
    .queue-item {
      grid-template-columns: 1fr;
      row-gap: 12px;
    }
    .queue-item .right {
      justify-content: space-between;
      margin-top: 10px;
    }
    .queue-item .due {
      text-align: left;
    }
  }
  .figures {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 0.3rem;
    --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);
    gap: 1px;
    background: var(--color-default-200);
  }
  .figures a {
    display: block;
    background-color: var(--color-card);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    transition: background-color .15s ease;
  }
  .figures a:hover {
    background: #fafbfb;
    text-decoration: none;
  }
  .figures .n {
    font-family: var(--font-display);
    font-size: 28px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
    --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-height: 1.1;
  }
  .figures .l {
    margin-top: var(--spacing);
    font-size: 13px;
    color: var(--color-default-500);
  }
  .rows > * {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
  }
  .rows > *:first-child {
    border-top: 0;
  }
  a.row-link {
    color: inherit;
    transition: background-color .15s ease;
  }
  a.row-link:hover {
    background: #fafbfb;
    text-decoration: none;
  }
  .tbl {
    width: 100%;
    text-align: left;
    font-size: 14px;
  }
  .tbl th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-card);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 12.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-default-500);
  }
  .tbl td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.5);
    vertical-align: middle;
  }
  .tbl tr:last-child td {
    border-bottom: 0;
  }
  .tbl tbody tr.click {
    cursor: pointer;
    transition: background-color .12s ease;
  }
  .tbl tbody tr.click:hover {
    background: #fafbfb;
  }
  .tbl .name {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .tbl .sub {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 12.5px;
    color: var(--color-default-500);
  }
  .seg {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--spacing);
    border-radius: var(--radius-md);
    background-color: var(--color-default-100);
    padding: var(--spacing);
  }
  .seg button {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-default-600);
    transition: background-color .15s ease, color .15s ease;
  }
  .seg button:hover {
    color: var(--color-ink);
  }
  .seg button[aria-pressed="true"] {
    background-color: var(--color-white);
    color: var(--color-ink);
    --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);
  }
  .seg .c {
    font-size: 12px;
    color: var(--color-default-400);
    --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,);
  }
  .tabs {
    display: flex;
    gap: calc(var(--spacing) * 6);
    overflow-x: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    scrollbar-width: none;
  }
  .tabs a {
    margin-bottom: -1px;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: transparent;
    padding-block: calc(var(--spacing) * 3);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-default-500);
    transition: color .15s ease, border-color .15s ease;
  }
  .tabs a:hover {
    color: var(--color-ink);
    text-decoration: none;
  }
  .tabs a[aria-current="page"] {
    color: var(--color-ink);
    border-color: var(--color-ink);
  }
  .facts {
    display: grid;
    column-gap: calc(var(--spacing) * 8);
    row-gap: calc(var(--spacing) * 3);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-default-200);
    padding-block: calc(var(--spacing) * 4);
    grid-template-columns: repeat(auto-fill, minmax(150px, max-content));
  }
  .facts dt {
    font-size: 12.5px;
    color: var(--color-default-500);
  }
  .facts dd {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-ink);
  }
  .kv {
    display: grid;
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 2.5);
    font-size: 14px;
    grid-template-columns: max-content 1fr;
  }
  .kv dt {
    color: var(--color-default-500);
  }
  .kv dd {
    min-width: 0px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink);
    overflow-wrap: anywhere;
  }
  .steps {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
  }
  .step {
    display: grid;
    column-gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.5);
    grid-template-columns: 24px minmax(0,1fr) auto;
  }
  .step + .step {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-100);
  }
  .step .ico {
    margin-top: 1px;
    display: grid;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    place-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    font-size: 13px;
    color: var(--color-default-400);
    transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s var(--ease-out-strong);
  }
  .step.done .ico {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
  }
  .step.current .ico {
    border-color: var(--color-ink);
    border-width: 2px;
  }
  .step.current .ico::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: var(--color-ink);
  }
  .step.missing .ico {
    border-color: var(--color-danger);
    color: var(--color-danger);
  }
  .step.waiting .ico {
    border-color: var(--color-info);
    color: var(--color-info);
  }
  .step.responded .ico {
    background: var(--color-info);
    border-color: var(--color-info);
    color: #fff;
  }
  .step .t {
    font-size: 14.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .step.done .t {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-default-600);
  }
  .step.locked .t {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-default-400);
  }
  .step .d {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 13.5px;
    color: var(--color-default-500);
  }
  .step.missing .d {
    color: var(--color-danger);
  }
  .step .act {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .step.pop {
    animation: pop .7s var(--ease-out-strong);
  }
  .step.pop .ico {
    transform: scale(1.12);
  }
  @keyframes pop {
    from {
      background: var(--color-primary-soft);
    }
    to {
      background: transparent;
    }
  }
  @media (max-width: 760px) {
    .step {
      grid-template-columns: 24px minmax(0,1fr);
    }
    .step .act {
      grid-column: 2;
      justify-content: flex-start;
      margin-top: 8px;
    }
    .step .act:empty {
      display: none;
    }
  }
  .progress {
    height: var(--spacing);
    overflow: hidden;
    background-color: var(--color-default-150);
  }
  .progress i {
    display: block;
    height: 100%;
    background: var(--color-primary);
    transform-origin: left;
    transition: transform .6s var(--ease-out-strong);
  }
  .sublist {
    margin-top: calc(var(--spacing) * 3);
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--color-default-200);
    }
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-white);
  }
  .sublist > div {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 13.5px;
  }
  .sublist .v {
    color: var(--color-default-500);
  }
  .sublist .old {
    color: var(--color-default-400);
    text-decoration-line: line-through;
  }
  .tl {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
  }
  .tl li {
    position: relative;
    display: grid;
    column-gap: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: 13.5px;
    grid-template-columns: 66px 12px 1fr;
  }
  .tl li::before {
    content: "";
    position: absolute;
    left: 83px;
    top: 16px;
    bottom: 0;
    width: 1px;
    background: var(--color-default-200);
  }
  .tl li:last-child::before {
    display: none;
  }
  .tl .when {
    padding-top: 1px;
    text-align: right;
    font-size: 12.5px;
    color: var(--color-default-400);
    --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,);
  }
  .tl .pt {
    position: relative;
    z-index: 10;
    margin-top: 5px;
    width: 9px;
    height: 9px;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
  }
  .tl li.client .pt {
    border-color: var(--color-info);
  }
  .tl li.good .pt {
    border-color: var(--color-primary);
    background: var(--color-primary);
  }
  .tl li.warn .pt {
    border-color: var(--color-danger);
  }
  .tl li.sys .pt {
    border-color: var(--color-default-200);
  }
  .tl .what {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-default-600);
  }
  .tl .what b {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .tl li.new {
    animation: tlin .45s var(--ease-out-strong);
  }
  @keyframes tlin {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .tl-day {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
  }
  .wizard {
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    grid-template-columns: 220px minmax(0,1fr);
  }
  .wz-rail {
    position: sticky;
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    top: calc(var(--spacing-topbar-height) + 20px);
  }
  .wz-rail button {
    display: grid;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    color: var(--color-default-600);
    grid-template-columns: 24px 1fr;
    transition: background-color .15s ease;
  }
  .wz-rail button:hover:not(:disabled) {
    background-color: var(--color-default-100);
  }
  .wz-rail button:disabled {
    cursor: default;
    color: var(--color-default-400);
  }
  .wz-rail button[aria-current="step"] {
    background-color: var(--color-white);
    color: var(--color-ink);
    --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);
  }
  .wz-rail .n {
    display: grid;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    place-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
    --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,);
  }
  .wz-rail .done .n {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
  }
  .wz-rail [aria-current="step"] .n {
    border-color: var(--color-ink);
    color: var(--color-ink);
    border-width: 2px;
  }
  .wz-rail .l {
    font-size: 14px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .wz-rail .s {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 12.5px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-default-500);
  }
  .wz-main {
    animation: wzin .28s var(--ease-out-strong);
  }
  @keyframes wzin {
    from {
      opacity: 0;
      transform: translateX(8px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @media (max-width: 1100px) {
    .wizard {
      grid-template-columns: 1fr;
    }
    .wz-rail {
      position: static;
      display: flex;
      overflow-x: auto;
      gap: 4px;
    }
    .wz-rail button {
      white-space: nowrap;
    }
    .wz-rail .s {
      display: none;
    }
  }
  .choice {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3.5);
    text-align: left;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  }
  .choice:hover {
    border-color: var(--color-default-500);
  }
  .choice[aria-pressed="true"], .choice[aria-checked="true"] {
    border-color: var(--color-primary);
    background: var(--color-primary-soft);
    box-shadow: inset 0 0 0 1px var(--color-primary);
  }
  .choice .ci {
    margin-top: 1px;
    font-size: 18px;
    color: var(--color-default-500);
  }
  .choice[aria-pressed="true"] .ci, .choice[aria-checked="true"] .ci {
    color: var(--color-primary);
  }
  .choice b {
    display: block;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .choice span.s {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 13px;
    color: var(--color-default-500);
  }
  .chip {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    font-size: 13.5px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  }
  .chip:hover {
    border-color: var(--color-default-500);
  }
  .chip[aria-pressed="true"] {
    background: var(--color-ink);
    border-color: var(--color-ink);
    color: #fff;
  }
  .req {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--color-default-200);
    }
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-white);
  }
  .req-row {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    grid-template-columns: minmax(0,1fr) 120px auto;
  }
  .req-row .n {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .req-row .d {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 13px;
    color: var(--color-default-500);
  }
  @media (max-width: 760px) {
    .req-row {
      grid-template-columns: 1fr auto;
    }
    .req-row > :nth-child(2) {
      grid-row: 2;
      grid-column: 1;
    }
  }
  .doc-stage {
    display: flex;
    justify-content: center;
    border-radius: var(--radius-md);
    background-color: var(--color-default-100);
    padding: calc(var(--spacing) * 7);
  }
  .doc {
    background: #fff;
    width: 100%;
    max-width: 640px;
    padding: 56px 60px 64px;
    font-family: var(--font-doc);
    color: #1b1b1b;
    font-size: 15.5px;
    line-height: 1.6;
    box-shadow: 0 1px 2px rgb(19 32 31 / .08), 0 12px 32px -8px rgb(19 32 31 / .14);
  }
  .doc .dh {
    text-align: center;
    margin-bottom: 26px;
  }
  .doc .dh .co {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .doc .dh .meta {
    font-family: var(--font-doc);
    font-size: 13.5px;
    color: #444;
  }
  .doc h4 {
    font-family: var(--font-doc);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 16px 0 18px;
    color: #1b1b1b;
  }
  .doc p {
    margin: 0 0 12px;
  }
  .doc .res {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 6px;
    margin-bottom: 12px;
  }
  .doc .sigs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 44px;
  }
  .doc .sig {
    border-top: 1px solid #333;
    padding-top: 6px;
    font-size: 13.5px;
    position: relative;
    min-height: 50px;
  }
  .doc .sig .signed {
    position: absolute;
    bottom: 100%;
    left: 0;
    font-family: var(--font-doc);
    font-style: italic;
    font-size: 26px;
    color: #1d3a73;
    margin-bottom: 2px;
  }
  .doc .fill {
    background: #fbf1cf;
    border-radius: 2px;
    padding: 0 2px;
  }
  .doc .fill.new {
    background: #d9efe9;
  }
  .doc[contenteditable="true"] {
    outline: 2px dashed color-mix(in srgb, #0c6b62 50%, white);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px dashed color-mix(in oklab, var(--color-primary) 50%, white);
    }
    outline-offset: 6px;
  }
  @media (max-width: 760px) {
    .doc {
      padding: 32px 22px;
      font-size: 14.5px;
    }
    .doc-stage {
      padding: 12px 6px;
    }
    .doc .sigs {
      grid-template-columns: 1fr;
    }
  }
  .scrim {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgb(19 32 31 / .28);
    opacity: 0;
    transition: opacity .2s ease;
  }
  .scrim.in {
    opacity: 1;
  }
  .drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(560px, 100vw);
    z-index: 61;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -12px 0 48px -12px rgb(19 32 31 / .25);
    transform: translateX(100%);
    transition: transform .3s var(--ease-drawer);
  }
  .drawer.wide {
    width: min(780px, 100vw);
  }
  .drawer.in {
    transform: none;
  }
  .drawer.out {
    transition-duration: .2s;
  }
  .dr-head {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 4);
  }
  .dr-head h2 {
    font-size: 18px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .dr-head .sub {
    margin-top: var(--spacing);
    font-size: 13.5px;
    color: var(--color-default-500);
  }
  .dr-body {
    flex: 1;
    overflow: auto;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
  }
  .dr-foot {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-default-50);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
  }
  .modal {
    position: fixed;
    left: 50%;
    top: 12vh;
    width: min(560px, calc(100vw - 32px));
    max-height: 78vh;
    z-index: 61;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 64px -16px rgb(19 32 31 / .35);
    transform: translate(-50%, 0) scale(.97);
    opacity: 0;
    transition: transform .2s var(--ease-out-strong), opacity .2s ease;
  }
  .modal.in {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
  .modal.out {
    transition-duration: .14s;
  }
  .modal .m-head {
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 5);
  }
  .modal .m-head h2 {
    font-size: 18px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .modal .m-head p {
    margin-top: var(--spacing);
    font-size: 13.5px;
    color: var(--color-default-500);
  }
  .modal .m-body {
    overflow: auto;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }
  .modal .m-foot {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 5);
  }
  .modal.cmd {
    top: 11vh;
    width: min(640px, calc(100vw - 32px));
    transition: none;
    transform: translate(-50%, 0);
    opacity: 1;
  }
  @media (max-width: 760px) {
    .modal {
      top: auto;
      bottom: 0;
      width: 100vw;
      max-height: 90vh;
      border-radius: 12px 12px 0 0;
      transform: translate(-50%, 16px);
    }
    .modal.in {
      transform: translate(-50%, 0);
    }
    .modal.cmd {
      top: 0;
      bottom: auto;
      border-radius: 0 0 10px 10px;
    }
  }
  .cmd-input {
    display: flex;
    height: calc(var(--spacing) * 14);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 4);
  }
  .cmd-input input {
    height: 100%;
    flex: 1;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    font-size: 16px;
    --tw-outline-style: none;
    outline-style: none;
    box-shadow: none !important;
  }
  .cmd-list {
    overflow: auto;
    padding: calc(var(--spacing) * 2);
    max-height: min(440px, 60vh);
  }
  .cmd-group {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: var(--spacing);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
  }
  .cmd-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-ink);
  }
  .cmd-item .iconify {
    font-size: 17px;
    color: var(--color-default-400);
  }
  .cmd-item .s {
    margin-inline-start: auto;
    font-size: 12.5px;
    white-space: nowrap;
    color: var(--color-default-500);
  }
  .cmd-item[aria-selected="true"] {
    background-color: var(--color-default-100);
  }
  .cmd-item mark {
    background: none;
    color: var(--color-ink);
    font-weight: 700;
  }
  .cmd-foot {
    display: flex;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 12px;
    color: var(--color-default-500);
  }
  kbd {
    box-shadow: inset 0 -1px 0 var(--color-default-300);
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    align-items: center;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
    font-family: var(--font-body);
  }
  .pop {
    position: fixed;
    z-index: 65;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--color-default-200);
    box-shadow: 0 12px 32px -8px rgb(19 32 31 / .22);
    min-width: 220px;
    padding: 6px;
    opacity: 0;
    transform: scale(.97);
    transition: transform .16s var(--ease-out-strong), opacity .16s ease;
  }
  .pop.in {
    opacity: 1;
    transform: scale(1);
  }
  .pop .pi {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: 14px;
    color: var(--color-ink);
  }
  .pop .pi:hover, .pop .pi:focus-visible {
    background-color: var(--color-default-100);
    outline: none;
  }
  .pop .ph {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: var(--spacing);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
  }
  .pop hr {
    margin-block: var(--spacing);
    border-color: var(--color-default-200);
  }
  .notif {
    display: grid;
    cursor: pointer;
    gap: calc(var(--spacing) * 3);
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 13.5px;
    grid-template-columns: 8px 1fr;
  }
  .notif:hover {
    background-color: var(--color-default-100);
  }
  .notif .u {
    margin-top: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
  }
  .notif.unread .u {
    background: var(--color-info);
  }
  .notif .w {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 12px;
    color: var(--color-default-500);
  }
  .toasts {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 90;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    pointer-events: none;
  }
  .toast {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    color: var(--color-ink);
    border: 1px solid var(--color-default-200);
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 14px;
    box-shadow: 0 12px 32px -10px rgb(19 32 31 / .28);
    max-width: 420px;
    transform: translateY(12px);
    opacity: 0;
    transition: transform .35s var(--ease-out-strong), opacity .35s ease;
  }
  .toast.in {
    transform: none;
    opacity: 1;
  }
  .toast.out {
    transform: translateY(8px);
    opacity: 0;
    transition-duration: .2s;
  }
  .toast .iconify {
    font-size: 18px;
    color: var(--color-primary);
    flex: none;
  }
  .toast.info .iconify {
    color: var(--color-info);
  }
  .toast button {
    margin-inline-start: calc(var(--spacing) * 2);
    font-size: 13.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-primary);
  }
  @media (max-width: 760px) {
    .toasts {
      left: 12px;
      right: 12px;
      bottom: 12px;
      align-items: stretch;
    }
  }
  body:has(.drawer.in) .toasts {
    bottom: 80px;
  }
  @media (max-width: 1100px) {
    body:has(.demo-bar) .toasts {
      bottom: 140px;
    }
  }
  .veil {
    position: fixed;
    inset: 0;
    z-index: 95;
    display: grid;
    place-items: center;
    background: var(--color-ink);
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }
  .veil.in {
    opacity: 1;
    pointer-events: auto;
  }
  .veil .v {
    display: flex;
    align-items: center;
    gap: 16px;
    transform: translateY(6px);
    transition: transform .4s var(--ease-out-strong);
  }
  .veil.in .v {
    transform: none;
  }
  .veil img {
    width: 56px;
    height: 56px;
    border-radius: 999px;
    object-fit: cover;
  }
  .veil span {
    display: block;
    font-size: 13px;
    color: #9fb3b0;
  }
  .veil b {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 600;
  }
  .demo-bar {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 80;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: min(620px, calc(100vw - 32px));
    background: var(--color-ink);
    color: #e6ecea;
    border-radius: 10px;
    padding: 10px 10px 10px 16px;
    box-shadow: 0 16px 40px -12px rgb(0 0 0 / .45);
    font-size: 13.5px;
    animation: dbin .35s var(--ease-out-strong);
  }
  @keyframes dbin {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  .demo-bar .lbl2 {
    font-size: 12px;
    color: #8fa6a3;
    white-space: nowrap;
  }
  .demo-bar .hint {
    color: #fff;
    line-height: 1.4;
  }
  .demo-bar .btn {
    height: 32px;
  }
  .demo-bar .next {
    background: #fff;
    color: var(--color-ink);
  }
  .demo-bar .next:hover {
    background: #e8eeec;
  }
  .demo-bar .x {
    color: #8fa6a3;
  }
  .demo-bar .x:hover {
    color: #fff;
    background: rgb(255 255 255 / .08);
  }
  @media (max-width: 760px) {
    .demo-bar {
      left: 10px;
      right: 10px;
      bottom: 10px;
      flex-wrap: wrap;
      animation: none;
    }
    .demo-bar .hint {
      flex: 1 1 100%;
    }
  }
  .spot {
    outline: 2px solid #e9b949 !important;
    outline-offset: 3px;
    border-radius: 6px;
  }
  .clocks {
    display: grid;
    border-radius: 0.3rem;
    background-color: var(--color-card);
    --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);
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .clocks > div {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .clocks > div:first-child {
    border-inline-start: 0;
  }
  .clocks .k {
    font-size: 12.5px;
    color: var(--color-default-500);
  }
  .clocks .v {
    font-family: var(--font-display);
    margin-top: var(--spacing);
    font-size: 20px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
    --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-height: 1.2;
  }
  .clocks .v.red {
    color: var(--color-danger);
  }
  .clocks .s {
    margin-top: var(--spacing);
    font-size: 12.5px;
    color: var(--color-default-500);
  }
  @media (max-width: 900px) {
    .clocks {
      grid-template-columns: 1fr;
    }
    .clocks > div {
      border-inline-start: 0;
      border-top: 1px solid var(--color-default-200);
    }
    .clocks > div:first-child {
      border-top: 0;
    }
  }
  .assess {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-200);
    background-color: var(--color-default-200);
    grid-template-columns: 1fr 1fr;
  }
  .assess > section {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
  }
  .assess > section.full {
    grid-column: 1 / -1;
  }
  .assess h3 {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .assess ul {
    margin: 0px;
    list-style-type: none;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding: 0px;
    font-size: 14px;
    color: var(--color-default-600);
  }
  .assess li {
    position: relative;
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .assess li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 7px;
    height: 1.5px;
    background: var(--color-default-400);
  }
  @media (max-width: 760px) {
    .assess {
      grid-template-columns: 1fr;
    }
  }
  .cal {
    display: grid;
    overflow: hidden;
    border-radius: 0.3rem;
    background-color: var(--color-card);
    --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);
    grid-template-columns: repeat(7, minmax(0,1fr));
  }
  .cal .dow {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-500);
  }
  .cal .day {
    display: flex;
    min-height: calc(var(--spacing) * 24);
    min-width: 0px;
    flex-direction: column;
    gap: var(--spacing);
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding: calc(var(--spacing) * 1.5);
    font-size: 12px;
  }
  .cal .day:nth-child(7n) {
    border-inline-end: 0;
  }
  .cal .day.other {
    background-color: var(--color-default-50);
  }
  .cal .day .dn {
    padding-inline: var(--spacing);
    color: var(--color-default-500);
    --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,);
  }
  .cal .day.today .dn {
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    color: var(--color-white);
    background: var(--color-ink);
  }
  .cal .ev {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0.25rem;
    background-color: var(--color-default-100);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    text-align: left;
    font-size: 11.5px;
    color: var(--color-ink);
  }
  .cal .ev:hover {
    background-color: var(--color-default-150);
  }
  .cal .ev.dpo {
    background: var(--color-primary-soft);
  }
  .cal .ev.red {
    background: var(--color-danger-soft);
    color: var(--color-danger);
  }
  @media (max-width: 760px) {
    .cal .day {
      min-height: 56px;
    }
    .cal .ev {
      font-size: 0;
      height: 5px;
      padding: 0;
    }
  }
  .file-drop {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-default-300);
    background-color: var(--color-default-50);
    padding: calc(var(--spacing) * 4);
    text-align: left;
  }
  .file-drop.has {
    --tw-border-style: solid;
    border-style: solid;
    border-color: color-mix(in srgb, #0c6b62 40%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-primary) 40%, white);
    }
    background: var(--color-primary-soft);
  }
  .success {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
  }
  .success .ring {
    margin-bottom: calc(var(--spacing) * 4);
    display: grid;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    place-items: center;
    border-radius: calc(infinity * 1px);
    font-size: 24px;
    color: var(--color-white);
    background: var(--color-primary);
    animation: ring .45s var(--ease-out-strong);
  }
  @keyframes ring {
    from {
      transform: scale(.8);
      opacity: 0;
    }
    to {
      transform: none;
      opacity: 1;
    }
  }
  .success h3 {
    font-size: 19px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .success p {
    margin-top: calc(var(--spacing) * 1.5);
    max-width: 46ch;
    color: var(--color-default-500);
  }
  .avatar {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex: none;
    place-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-default-150);
    object-fit: cover;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-600);
  }
  .avatar.sm {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    font-size: 10px;
  }
  .avatar.lg {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    font-size: 14px;
  }
  .portal {
    min-height: 100dvh;
    background-color: var(--color-default-50);
  }
  .preview-bar {
    position: sticky;
    top: 0px;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 13.5px;
    color: var(--color-white);
    background: var(--color-ink);
  }
  .p-wrap {
    margin-inline: auto;
    max-width: 860px;
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 20);
  }
  .p-top {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 5);
  }
  .p-status h1 {
    font-size: 28px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    line-height: 1.15;
  }
  .p-todo {
    margin-top: calc(var(--spacing) * 5);
    border-radius: 0.3rem;
    background-color: var(--color-card);
    --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);
  }
  .p-todo-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .p-todo-item:first-child {
    border-top: 0;
  }
  .p-todo-item .ic {
    display: grid;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    flex: none;
    place-items: center;
    border-radius: calc(infinity * 1px);
    font-size: 19px;
    background: var(--color-primary-soft);
    color: var(--color-primary);
  }
  .p-todo-item.done .ic {
    background: var(--color-success-soft);
    color: var(--color-success);
  }
  .p-todo-item .t {
    font-size: 15.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink);
  }
  .p-todo-item .d {
    font-size: 14px;
    color: var(--color-default-500);
  }
  @media (max-width: 640px) {
    .p-todo-item {
      flex-wrap: wrap;
    }
    .p-todo-item .btn {
      width: 100%;
      margin-left: 56px;
      width: calc(100% - 56px);
    }
    .p-status h1 {
      font-size: 23px;
    }
  }
  .sign-pad {
    display: grid;
    height: calc(var(--spacing) * 24);
    place-items: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-default-300);
    background-color: var(--color-default-50);
    font-family: var(--font-doc);
    font-style: italic;
    font-size: 30px;
    color: #1d3a73;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .scrim, .modal, .toast, .pop, .veil {
    transition: opacity .12s ease !important;
  }
}
@layer components {
  .mk {
    font-size: 16px;
  }
  .mk-nav {
    background: rgb(255 255 255 / .86);
    backdrop-filter: saturate(1.4) blur(12px);
    transition: box-shadow .2s ease;
  }
  .mk-nav.scrolled {
    box-shadow: 0 1px 0 var(--color-default-200);
  }
  .mk .btn {
    height: 40px;
    padding-inline: 16px;
    font-size: 14.5px;
  }
  .mk .btn.h-11 {
    height: 44px;
  }
  .mk-compare {
    border-collapse: collapse;
    font-size: 15.5px;
  }
  .mk-compare thead th {
    font-size: 13px;
    font-weight: 600;
    color: #8fa6a3;
    padding: 0 16px 14px 0;
  }
  .mk-compare tbody th {
    font-weight: 600;
    color: #fff;
    padding: 18px 16px 18px 0;
    vertical-align: top;
  }
  .mk-compare tbody td {
    padding: 18px 16px 18px 0;
    vertical-align: top;
    color: #8fa6a3;
    line-height: 1.5;
  }
  .mk-compare tbody td:last-child {
    color: #e6ecea;
  }
  .mk-compare tbody tr {
    border-top: 1px solid rgb(255 255 255 / .1);
  }
  @media (max-width: 760px) {
    .mk-compare thead {
      display: none;
    }
    .mk-compare tbody tr {
      display: grid;
      grid-template-columns: 1fr;
      padding: 14px 0;
    }
    .mk-compare tbody th, .mk-compare tbody td {
      padding: 2px 0;
    }
    .mk-compare tbody td:nth-of-type(1)::before {
      content: "Today: ";
      color: #6f8784;
    }
    .mk-compare tbody td:nth-of-type(2)::before {
      content: "Clearline: ";
      color: #9ed6cd;
    }
  }
  .mk-rules dt {
    font-family: var(--font-display);
    font-size: 30px;
    font-weight: 600;
    color: var(--color-ink);
    letter-spacing: -0.02em;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
  }
  .mk-rules dd {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--color-default-600);
    max-width: 36ch;
  }
  .mk-ticks li {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 8px;
  }
  .mk-ticks li .iconify {
    color: var(--color-primary);
    font-size: 18px;
    margin-top: 2px;
  }
  .mk-shot {
    border-radius: 12px;
    box-shadow: 0 2px 6px rgb(19 32 31 / .08), 0 28px 56px -28px rgb(19 32 31 / .32);
  }
  .mk-person {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    aspect-ratio: 4 / 5;
    background: var(--color-default-100);
  }
  .mk-person img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s var(--ease-out-strong);
  }
  @media (hover: hover) and (pointer: fine) {
    .mk-person:hover img {
      transform: scale(1.03);
    }
  }
  .mk-person > span {
    position: absolute;
    inset: auto 0 0 0;
    padding: 48px 16px 14px;
    color: #d4dedc;
    font-size: 13.5px;
    background: linear-gradient(180deg, transparent, rgb(19 32 31 / .82));
  }
  .mk-person b {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
  }
  .mk-motion .reveal, .mk-motion .mk-shot, .mk-motion .mk-person {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease, transform .7s var(--ease-out-strong);
    transition-delay: var(--d, 0ms);
  }
  .mk-motion .reveal.in, .mk-motion .mk-shot.in, .mk-motion .mk-person.in {
    opacity: 1;
    transform: none;
  }
  .pr-list li {
    position: relative;
    padding-left: 18px;
  }
  .pr-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .72em;
    width: 8px;
    height: 1.5px;
    background: var(--color-default-400);
  }
}
@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;
    &: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;
    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) {
      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) {
      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) {
      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-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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-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-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;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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: "";
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-outline-style: solid;
    }
  }
}