@import "https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
/* [project]/src/assets/css/app.css [app-client] (css) */
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-outline-style: solid;
      --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-space-x-reverse: 0;
    }
  }
}

@layer base {
  svg {
    -ms-touch-action: none;
    touch-action: none;
  }

  image, text, .jvm-zoomin, .jvm-zoomout {
    -webkit-user-select: none;
    user-select: none;
  }

  .jvm-container {
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .jvm-tooltip {
    white-space: nowrap;
    color: #fff;
    background-color: #5c5cff;
    border-radius: 3px;
    padding: 3px 5px;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    display: none;
    position: absolute;
    box-shadow: 1px 2px 12px #0003;
  }

  .jvm-zoom-btn {
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    background-color: #292929;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    padding: 3px;
    line-height: 10px;
    position: absolute;
    left: 10px;
  }

  .jvm-zoom-btn.jvm-zoomout {
    top: 30px;
  }

  .jvm-zoom-btn.jvm-zoomin {
    top: 10px;
  }

  .jvm-series-container {
    position: absolute;
    right: 15px;
  }

  .jvm-series-container.jvm-series-h {
    bottom: 15px;
  }

  .jvm-series-container.jvm-series-v {
    top: 15px;
  }

  .jvm-series-container .jvm-legend {
    float: left;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .25rem;
    margin-left: .75rem;
    padding: .6rem;
    box-shadow: 0 1px 2px #0000000d;
  }

  .jvm-series-container .jvm-legend .jvm-legend-title {
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: .575rem;
    padding-bottom: .5rem;
    line-height: 1;
  }

  .jvm-series-container .jvm-legend .jvm-legend-inner {
    overflow: hidden;
  }

  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
    min-width: 40px;
    overflow: hidden;
  }

  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
    margin-top: .575rem;
  }

  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
    float: left;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    margin-right: .65rem;
  }

  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
    text-align: center;
    float: left;
    font-size: 12px;
  }

  .jvm-line[animation="true"] {
    animation: 10s linear infinite forwards jvm-line-animation;
  }

  @keyframes jvm-line-animation {
    from {
      stroke-dashoffset: 250px;
    }
  }

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

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

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

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

  abbr:where([title]) {
    -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;
    -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;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  html {
    scroll-behavior: smooth;
    position: relative;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    line-height: 1.5 !important;
  }

  body {
    -webkit-tap-highlight-color: transparent;
    background-color: var(--color-body-bg);
    width: 100%;
    height: 100%;
    font-family: var(--font-body);
    font-size: var(--text-body);
    --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;
    overflow-x: hidden;
  }

  small {
    font-size: .85em;
  }

  label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    display: block;
  }

  b, strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  button:not(:disabled), [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  code {
    color: var(--color-rose-400);
  }

  svg.lucide {
    width: 1em;
    height: 1em;
  }

  .input-group {
    flex-wrap: wrap;
    align-items: stretch;
    display: flex;
    position: relative;
  }

  .input-icon-group {
    align-items: stretch;
    display: flex;
    position: relative;
  }

  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;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #6a7282;
    border-color: lab(47.7841% -.393182 -10.0268);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  :is(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):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #155dfc;
    --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: #155dfc;
    border-color: lab(44.0605% 29.0279 -86.0352);
    outline: 2px solid #0000;
  }

  @supports (color: lab(0% 0 0)) {
    :is(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):focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

  input::placeholder, textarea::placeholder {
    color: #6a7282;
    color: lab(47.7841% -.393182 -10.0268);
    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;
  }

  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    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 .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }

  select:where([multiple]), select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: .75rem;
  }

  input:where([type="checkbox"]), input:where([type="radio"]) {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #155dfc;
    color: lab(44.0605% 29.0279 -86.0352);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: #6a7282;
    border-color: lab(47.7841% -.393182 -10.0268);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }

  input:where([type="checkbox"]) {
    border-radius: 0;
  }

  input:where([type="radio"]) {
    border-radius: 100%;
  }

  input:where([type="checkbox"]):focus, input:where([type="radio"]):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #155dfc;
    --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);
    outline: 2px solid #0000;
  }

  @supports (color: lab(0% 0 0)) {
    input:where([type="checkbox"]):focus, input:where([type="radio"]):focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

  input:where([type="checkbox"]):checked, input:where([type="radio"]):checked {
    background-color: currentColor;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  input:where([type="checkbox"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):checked {
      appearance: auto;
    }
  }

  input:where([type="radio"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }

  @media (forced-colors: active) {
    input:where([type="radio"]):checked {
      appearance: auto;
    }
  }

  input:where([type="checkbox"]):checked:hover, input:where([type="checkbox"]):checked:focus, input:where([type="radio"]):checked:hover, input:where([type="radio"]):checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="checkbox"]):indeterminate {
    background-color: currentColor;
    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");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  @media (forced-colors: active) {
    input:where([type="checkbox"]):indeterminate {
      appearance: auto;
    }
  }

  input:where([type="checkbox"]):indeterminate:hover, input:where([type="checkbox"]):indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  input:where([type="file"]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  input:where([type="file"]):focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: #fb2c36;
    --color-lime-300: #bbf451;
    --color-lime-400: #9de500;
    --color-lime-500: #80cd00;
    --color-emerald-600: #009767;
    --color-cyan-400: #00d2ef;
    --color-blue-600: #155dfc;
    --color-violet-600: #7f22fe;
    --color-rose-400: #ff667f;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cad5e2;
    --color-slate-600: #45556c;
    --color-slate-700: #314158;
    --color-slate-800: #1d293d;
    --color-slate-900: #0f172b;
    --color-slate-950: #020618;
    --color-gray-600: #4a5565;
    --color-zinc-50: #fafafa;
    --color-zinc-100: #f4f4f5;
    --color-zinc-200: #e4e4e7;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #9f9fa9;
    --color-zinc-800: #27272a;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-lg: 32rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: .8125rem;
    --text-xs--line-height: 1.5;
    --text-sm: .875rem;
    --text-sm--line-height: 1.5;
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: 1.5;
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.5;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.5;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.5;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.5;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.5;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-loose: 2;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: 0 .0625rem .125rem #4c4c5c26;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --shadow: 0px 1px 4px 0px #828fa326;
    --radius: 4px;
    --font-body: "Nunito", sans-serif;
    --font-secondary: "Google Sans", sans-serif;
    --text-body: .875rem;
    --color-body-bg: #f6f7fb;
    --color-body-color: #4c4c5c;
    --color-card: var(--color-white);
    --color-primary: #236dc9;
    --color-secondary: #7b70ef;
    --color-success: #02bc9c;
    --color-primary-hover: #1e5dab;
    --color-info: #5bc3e1;
    --color-warning: #f9bf59;
    --color-danger: #f7577e;
    --color-purple: #7b70ef;
    --color-light: #eef2f7;
    --color-dark: #313a46;
    --color-success-hover: #02a085;
    --color-info-hover: #4da6bf;
    --color-danger-hover: #d24a6b;
    --color-default-50: var(--color-slate-50);
    --color-default-100: #f6f7fb;
    --color-default-200: #eef2f7;
    --color-default-300: #e7e9eb;
    --color-default-400: #9ba6b7;
    --color-default-500: #a1a9b1;
    --color-default-600: #8a969c;
    --color-default-700: #6c757d;
    --color-default-800: #343a40;
    --color-default-900: #313a46;
    --text-2xs: 11px;
    --text-md: 15px;
    --text-2xs--line-height: 1.5;
    --text-md--line-height: 1.5;
    --tw-shadow: var(--shadow);
    --spacing-base: 20px;
    --topbar-height: 65px;
    --logo-lg-height: 22px;
    --logo-sm-height: 26px;
    --sidenav-width: 245px;
    --sidenav-width-md: 200px;
    --sidenav-width-sm: 75px;
    --sidenav-link-padding-x: 12px;
    --sidenav-link-padding-y: 8px;
    --sidenav-item-icon-size: 1.125rem;
    --sidenav-item-font-size: .875rem;
    --sidenav-item-gap: 12px;
    --sidenav-item-padding-x: 10px;
    --sidenav-item-padding-y: 10px;
    --sidenav-item-font-weight: 500;
    --sidenav-sub-item-font-size: .8125rem;
    --sidenav-sub-item-font-weight: 400;
    --sidenav-sub-item-padding-x: 10px;
    --sidenav-sub-item-padding-y: 7px;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-lime-300: lab(89.9218% -35.6546 68.5254);
      --color-lime-400: lab(83.7876% -45.0447 88.4738);
      --color-lime-500: lab(75.3197% -46.6547 86.1778);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-rose-400: lab(64.4125% 63.0291 19.2068);
      --color-slate-50: lab(98.1434% -.369519 -1.05966);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-200: lab(91.7353% -.998765 -4.76968);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-slate-600: lab(35.5623% -1.74978 -15.4316);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
      --color-slate-800: lab(16.132% -.318035 -14.6672);
      --color-slate-900: lab(7.78673% 1.82345 -15.0537);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-zinc-50: lab(98.26% 0 0);
      --color-zinc-100: lab(96.1634% .0993311 -.364041);
      --color-zinc-200: lab(90.6853% .399232 -1.45452);
      --color-zinc-300: lab(84.9837% .601262 -2.17986);
      --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
      --color-zinc-800: lab(15.7305% .613764 -2.16959);
    }
  }
}

@layer components {
  .btn {
    z-index: 10;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    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));
    border-width: 1px;
    border-color: #0000;
    display: inline-flex;
    position: relative;
  }

  .btn.btn-lg {
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.25);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .btn.btn-icon {
    width: calc(var(--spacing) * 9.25);
    height: calc(var(--spacing) * 9.25);
    padding: 0;
  }

  .btn.btn-sm {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.25);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .btn.btn-sm.btn-icon {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
    padding: 0;
  }

  .btn[class*="size-"] {
    padding: 0 !important;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .badge {
    justify-content: center;
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius);
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: .75em;
    font-weight: var(--font-weight-semibold);
    padding-block: .15em;
    padding-inline: .5em;
    display: inline-flex;
  }

  .badge.rounded-full {
    padding-inline: .75em;
  }

  .badge-label {
    padding-inline: .8em;
    padding-block: calc(var(--spacing) * .5);
    border-radius: 0;
  }

  .card {
    border-radius: var(--radius);
    background-color: var(--color-card);
    overflow-wrap: break-word;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    height: fit-content;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .card .card-header {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-bottom-width: 1px;
    border-color: var(--color-default-300);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.75);
    flex-wrap: wrap;
    display: flex;
  }

  .card .card-footer {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-light);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.75);
    flex-wrap: wrap;
    display: flex;
  }

  .card [data-action="card-toggle"] i {
    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-duration: .2s;
    transition-duration: .2s;
  }

  .card-body {
    padding: calc(var(--spacing) * 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: .3s;
    flex: auto;
    transition-duration: .3s;
  }

  .card-title {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-body-color);
  }

  .card-body.collapsing {
    margin-block: calc(var(--spacing) * -5);
    opacity: 0;
    height: 0 !important;
  }

  .card-collapse .card-header {
    border-bottom: 0;
  }

  .card.card-collapsed {
    overflow: hidden;
  }

  .card.card-collapsed .card-header {
    border-bottom: 0;
  }

  .card.card-collapsed .card-body {
    margin-bottom: -2.5rem;
  }

  .card.card-collapsed .card-footer {
    margin-top: -1.875rem;
    margin-bottom: -1.875rem;
  }

  .card.card-collapsed [data-action="card-toggle"] i {
    rotate: -180deg;
  }

  .card-overlay {
    z-index: 10;
    border-radius: var(--radius);
    background-color: #236dc926;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .card-overlay {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }

  .card-overlay {
    --tw-backdrop-blur: blur(2px);
    -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, );
  }

  .nav-tabs {
    margin-block: calc(var(--spacing) * -3.75);
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    height: 100%;
    margin-inline-end: calc(var(--spacing) * -3);
    display: flex;
  }

  .nav-tabs .nav-link {
    margin-bottom: calc(var(--spacing) * -1);
    border-bottom-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3.75);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-body-color);
    border-color: #0000;
    border-bottom-width: 1px;
  }

  .hs-dropdown-menu {
    z-index: 30;
    margin-top: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: var(--color-card);
  }

  .hs-dropdown-menu.hs-dropdown-menu.open, .hs-dropdown.open > .hs-dropdown-menu, .hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-menu, .hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-menu {
    opacity: 1;
  }

  .hs-dropdown-menu {
    min-width: calc(var(--spacing) * 44);
    border-radius: var(--radius);
    padding: var(--spacing);
    text-wrap: wrap;
    opacity: 0;
    --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: opacity, margin;
    display: none;
  }

  .dropdown-item {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) * .5);
    width: 100%;
    padding-inline: calc(var(--spacing) * 3.75);
    padding-block: calc(var(--spacing) * 1.5);
    color: var(--color-body-color);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  @media (hover: hover) {
    .dropdown-item:hover {
      background-color: var(--color-default-100);
    }
  }

  .dropdown-item.active {
    background-color: var(--color-default-100);
  }

  .dropdown-divider {
    margin-inline: calc(var(--spacing) * -1);
    border-top-style: var(--tw-border-style);
    border-color: #0000;
    border-top-width: 1px;
    border-top-color: var(--color-default-300);
    overflow: hidden;
    margin-block: var(--spacing) !important;
  }

  .\[--trigger\:hover\] .hs-dropdown-menu:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * -4);
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
    content: var(--tw-content);
    width: 100%;
    position: absolute;
  }

  .\[--trigger\:hover\] .hs-dropdown-menu:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * -4);
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
    content: var(--tw-content);
    width: 100%;
    position: absolute;
  }

  .table-wrapper {
    width: 100%;
    position: relative;
    overflow: auto;
  }

  .table {
    border-collapse: collapse;
    vertical-align: bottom;
    width: 100%;
    color: var(--color-body-color);
    caption-side: bottom;
  }

  .table tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-light);
  }

  .table caption {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-default-400);
  }

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

  .table thead th {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 3);
    text-align: start;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-body-color);
  }

  .table .thead-sm th {
    padding: calc(var(--spacing) * 2);
  }

  :is(.table th, .table td):first-child {
    padding-inline-start: calc(var(--spacing) * 4.5);
  }

  :is(.table th, .table td):last-child {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }

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

  .table tbody td {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: middle;
  }

  .table tfoot {
    border-top-style: var(--tw-border-style);
    background-color: #9ba6b780;
    border-top-width: 1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table tfoot {
      background-color: color-mix(in oklab, var(--color-default-400) 50%, transparent);
    }
  }

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

  .table tfoot:last-child > tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .table tfoot th {
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 2.5);
    vertical-align: middle;
    color: var(--color-default-700);
  }

  .table.table-bordered {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-light);
  }

  .table.table-bordered td, .table.table-bordered th {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--color-light);
  }

  :is(.table.table-bordered td, .table.table-bordered th):last-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }

  .table.table-borderless tr {
    --tw-border-style: none;
    border-style: none;
  }

  .table.table-striped tbody tr:where(:nth-child(odd)) {
    background-color: #eef2f773 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table.table-striped tbody tr:where(:nth-child(odd)) {
      background-color: color-mix(in oklab, var(--color-light) 45%, transparent) !important;
    }
  }

  .table.table-hover tbody tr:hover {
    background-color: #eef2f773 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table.table-hover tbody tr:hover {
      background-color: color-mix(in oklab, var(--color-light) 45%, transparent) !important;
    }
  }

  .table.table-sm thead th {
    padding: calc(var(--spacing) * 2);
  }

  .table.table-sm tbody td {
    padding: calc(var(--spacing) * 2);
  }

  .table:has(.form-checkbox:checked) tr:has(.form-checkbox:checked) {
    background-color: #f9bf591a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table:has(.form-checkbox:checked) tr:has(.form-checkbox:checked) {
      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
    }
  }

  .table-custom th {
    white-space: nowrap;
  }

  .pagination {
    align-items: center;
    display: inline-flex;
  }

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

  .pagination > .btn {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    padding-inline: 0;
  }

  .page-item .page-link {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-default-300);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-item.active .page-link {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white);
  }

  .page-item.disabled .page-link {
    pointer-events: none;
    opacity: .6;
  }
}

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

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

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: 0;
  }

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

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

  .start-2\/25 {
    inset-inline-start: 8%;
  }

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

  .-end-px {
    inset-inline-end: -1px;
  }

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

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

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

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

  .top-0 {
    top: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

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

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

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

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

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

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

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

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

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

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

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

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

  .m-0 {
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.5 {
    margin-top: calc(var(--spacing) * 7.5);
  }

  .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-18 {
    margin-top: calc(var(--spacing) * 18);
  }

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

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

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

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

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

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

  .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\.5 {
    margin-bottom: calc(var(--spacing) * 7.5);
  }

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

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

  .form-checkbox {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #155dfc;
    color: lab(44.0605% 29.0279 -86.0352);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: #6a7282;
    border-color: lab(47.7841% -.393182 -10.0268);
    border-radius: 0;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }

  .form-checkbox:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #155dfc;
    --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);
    outline: 2px solid #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-checkbox:focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

  .form-checkbox:checked {
    background-color: currentColor;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  .form-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) {
    .form-checkbox:checked {
      appearance: auto;
    }
  }

  .form-checkbox:checked:hover, .form-checkbox:checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  .form-checkbox:indeterminate {
    background-color: currentColor;
    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");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }

  @media (forced-colors: active) {
    .form-checkbox:indeterminate {
      appearance: auto;
    }
  }

  .form-checkbox:indeterminate:hover, .form-checkbox:indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }

  .form-input {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #6a7282;
    border-color: lab(47.7841% -.393182 -10.0268);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .form-input:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #155dfc;
    --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: #155dfc;
    border-color: lab(44.0605% 29.0279 -86.0352);
    outline: 2px solid #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-input:focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

  .form-input::placeholder {
    color: #6a7282;
    color: lab(47.7841% -.393182 -10.0268);
    opacity: 1;
  }

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

  .form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
  }

  .form-input::-webkit-date-and-time-value {
    text-align: inherit;
  }

  .form-input::-webkit-datetime-edit {
    display: inline-flex;
  }

  .form-input::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .flex\! {
    display: flex !important;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

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

  .table {
    display: table;
  }

  .size-0 {
    width: 0;
    height: 0;
  }

  .size-3\.25 {
    width: calc(var(--spacing) * 3.25);
    height: calc(var(--spacing) * 3.25);
  }

  .size-3\.75 {
    width: calc(var(--spacing) * 3.75);
    height: calc(var(--spacing) * 3.75);
  }

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

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

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

  .size-4\.25\! {
    width: calc(var(--spacing) * 4.25) !important;
    height: calc(var(--spacing) * 4.25) !important;
  }

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

  .size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }

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

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

  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.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\.5 {
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
  }

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

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

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

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

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

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

  .size-full {
    width: 100%;
    height: 100%;
  }

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

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

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

  .h-full {
    height: 100%;
  }

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

  .max-w-87\.5 {
    max-width: calc(var(--spacing) * 87.5);
  }

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

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

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

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

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .form-select {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #6a7282;
    border-color: lab(47.7841% -.393182 -10.0268);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .form-select:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #155dfc;
    --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: #155dfc;
    border-color: lab(44.0605% 29.0279 -86.0352);
    outline: 2px solid #0000;
  }

  @supports (color: lab(0% 0 0)) {
    .form-select:focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

  .form-select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    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 .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }

  .form-select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: .75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-0 {
    gap: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }

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

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

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

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

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

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

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

  :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-dashed > :not(:last-child)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }

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

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-e {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius);
  }

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

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

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

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

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

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

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

  .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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(--topbar-search-border\)\! {
    border-color: var(--topbar-search-border) !important;
  }

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

  .border-danger\/20 {
    border-color: #f7577e33;
  }

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

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

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

  .border-default-900\/10 {
    border-color: #313a461a;
  }

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

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

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

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

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

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

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

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

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

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

  .bg-\(--topbar-search-bg\)\! {
    background-color: var(--topbar-search-bg) !important;
  }

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

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

  .bg-danger\/5 {
    background-color: #f7577e0d;
  }

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

  .bg-danger\/15 {
    background-color: #f7577e26;
  }

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

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

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

  .bg-default-100\/20 {
    background-color: #f6f7fb33;
  }

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

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

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

  .bg-default-900\/50 {
    background-color: #313a4680;
  }

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

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

  .bg-info\/10 {
    background-color: #5bc3e11a;
  }

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

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

  .bg-light\/25 {
    background-color: #eef2f740;
  }

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

  .bg-light\/50 {
    background-color: #eef2f780;
  }

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

  .bg-lime-500\/15 {
    background-color: #80cd0026;
  }

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

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

  .bg-primary\/10 {
    background-color: #236dc91a;
  }

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

  .bg-primary\/15 {
    background-color: #236dc926;
  }

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

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

  .bg-secondary\/90 {
    background-color: #7b70efe6;
  }

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

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

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

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

  .bg-slate-900\/70 {
    background-color: #0f172bb3;
  }

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

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

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

  .bg-success\/15 {
    background-color: #02bc9c26;
  }

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

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

  .bg-warning\/15 {
    background-color: #f9bf5926;
  }

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

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

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

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

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

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

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

  .via-zinc-800\/80 {
    --tw-gradient-via: #27272acc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-zinc-800\/80 {
      --tw-gradient-via: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
    }
  }

  .via-zinc-800\/80 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

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

  .to-zinc-800\/50 {
    --tw-gradient-to: #27272a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-zinc-800\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
    }
  }

  .to-zinc-800\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

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

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

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-4 {
    padding-block: calc(var(--spacing) * 4);
  }

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

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

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

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

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

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

  .pb-0 {
    padding-bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-xs\/none {
    font-size: var(--text-xs);
    line-height: 1;
  }

  .leading-0 {
    --tw-leading: 0;
    line-height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .text-\(--topbar-item-color\)\! {
    color: var(--topbar-item-color) !important;
  }

  .text-\(--topbar-item-color\)\/50\! {
    color: var(--topbar-item-color) !important;
  }

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

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

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

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

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

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

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

  .text-default-400\! {
    color: var(--color-default-400) !important;
  }

  .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-default-800 {
    color: var(--color-default-800);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-transparent {
    color: #0000;
  }

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

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

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

  .text-white\/75 {
    color: #ffffffbf;
  }

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

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

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

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

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

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .shadow-lg {
    --tw-shadow: 0 .25rem 1rem var(--tw-shadow-color, #4c4c5c33);
    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 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-sm {
    box-shadow: var(--shadow-sm);
  }

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

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

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

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

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

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

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

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

  .\[--adaptive\:none\] {
    --adaptive: none;
  }

  .\[--auto-close\:inside\] {
    --auto-close: inside;
  }

  .\[--is-collapse\:true\] {
    --is-collapse: true;
  }

  .\[--placement\:bottom-right\] {
    --placement: bottom-right;
  }

  .\[--strategy\:static\] {
    --strategy: static;
  }

  .\[--trigger\:hover\] {
    --trigger: hover;
  }

  .\[background\:linear-gradient\(to_top\,\#313a46\,rgba\(49\,58\,70\,\.8\)\,rgba\(49\,58\,70\,\.5\)\)\] {
    background: linear-gradient(to top, #313a46, #313a46cc, #313a4680);
  }

  .group-\[\.fullscreen-active\]\:hidden:is(:where(.group).fullscreen-active *) {
    display: none;
  }

  .group-\[\.fullscreen-active\]\:inline-block:is(:where(.group).fullscreen-active *) {
    display: inline-block;
  }

  .peer-checked\:bg-default-100:is(:where(.peer):checked ~ *) {
    background-color: var(--color-default-100);
  }

  .peer-checked\:bg-warning:is(:where(.peer):checked ~ *) {
    background-color: var(--color-warning);
  }

  .peer-checked\:text-white:is(:where(.peer):checked ~ *) {
    color: var(--color-white);
  }

  .placeholder\:opacity-50::placeholder {
    opacity: .5;
  }

  .before\:h-4\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4.5);
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:bg-default-700\/35:before {
    content: var(--tw-content);
    background-color: #6c757d59;
  }

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

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

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

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

  .after\:start-3\.5:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 3.5);
  }

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

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

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

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }

  .after\:h-0\.75:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .75);
  }

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

  .after\:-translate-x-\[0\.5px\]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:border-s:after {
    content: var(--tw-content);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

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

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

  .after\:border-dashed:after {
    content: var(--tw-content);
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .after\:border-default-300:after {
    content: var(--tw-content);
    border-color: var(--color-default-300);
  }

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

  @media (hover: hover) {
    .hover\:border-cyan-400:hover {
      border-color: var(--color-cyan-400);
    }
  }

  @media (hover: hover) {
    .hover\:border-default-400:hover {
      border-color: var(--color-default-400);
    }
  }

  @media (hover: hover) {
    .hover\:border-primary\/40:hover {
      border-color: #236dc966;
    }

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

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

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

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

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

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

  @media (hover: hover) {
    .hover\:bg-primary\/5:hover {
      background-color: #236dc90d;
    }

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

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

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

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

  @media (hover: hover) {
    .hover\:text-default-400:hover {
      color: var(--color-default-400);
    }
  }

  @media (hover: hover) {
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
  }

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

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

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

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

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

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

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

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-2\/3 {
      width: 66.6667%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-6xl {
      max-width: var(--container-6xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

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

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

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:size-64 {
      width: calc(var(--spacing) * 64);
      height: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-118 {
      max-width: calc(var(--spacing) * 118);
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-3xl {
      min-width: var(--container-3xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-106 {
      min-width: calc(var(--spacing) * 106);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-base {
      gap: var(--spacing-base);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-0 {
      padding-block: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:py-4\.25 {
      padding-block: calc(var(--spacing) * 4.25);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-end {
      text-align: end;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-start {
      text-align: start;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:me-3 {
      margin-inline-end: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-3\/4 {
      width: 75%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-75 {
      width: calc(var(--spacing) * 75);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-0 {
      padding: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--adaptive\:adaptive\] {
      --adaptive: adaptive;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--is-collapse\:false\] {
      --is-collapse: false;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--strategy\:absolute\] {
      --strategy: absolute;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--strategy\:fixed\] {
      --strategy: fixed;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--trigger\:hover\] {
      --trigger: hover;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }
  }

  @media (min-width: 80rem) {
    .xl\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-5\/6 {
      width: 83.3333%;
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-xs {
      max-width: var(--container-xs);
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 80rem) {
    .xl\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 80rem) {
    .xl\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 80rem) {
    .xl\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:w-4\/10 {
      width: 40%;
    }
  }

  .rtl\:-translate-x-full:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }

  .dark\:flex:where([data-theme="dark"], [data-theme="dark"] *) {
    display: flex;
  }

  .dark\:hidden:where([data-theme="dark"], [data-theme="dark"] *) {
    display: none;
  }

  .hs-tab-active\:border-primary[data-hs-tab].active, [data-hs-tab].active .hs-tab-active\:border-primary {
    border-color: var(--color-primary);
  }

  .hs-tab-active\:font-semibold[data-hs-tab].active, [data-hs-tab].active .hs-tab-active\:font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .hs-tab-active\:text-primary[data-hs-tab].active, [data-hs-tab].active .hs-tab-active\:text-primary {
    color: var(--color-primary);
  }

  .hs-overlay-open\:flex.open, .open .hs-overlay-open\:flex {
    display: flex;
  }

  .hs-overlay-open\:translate-x-0.open, .open .hs-overlay-open\:translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .hs-overlay-open\:scale-100.open, .open .hs-overlay-open\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .hs-overlay-open\:opacity-100.open, .open .hs-overlay-open\:opacity-100 {
    opacity: 1;
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --color-chart-primary: #236dc9;
  --color-chart-secondary: #7b70ef;
  --color-chart-alpha: #02bc9c;
  --color-chart-beta: #f7577e;
  --color-chart-gamma: #f9bf59;
  --color-chart-delta: #5bc3e1;
  --color-chart-zeta: #db9052;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #1a57a1;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-body-bg: #17181e;
  --color-body-color: #aab8c5;
  --color-card: #1e1f27;
  --color-light: #252630;
  --color-light-hover: #8a969c;
  --color-dark: #4b4d5c;
  --color-dark-hover: #343a40;
  --color-chart-border-color: #242c31;
  --color-chart-gray: #40424f;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-50: #22232c;
  --color-default-100: #272832;
  --color-default-200: var(--color-zinc-800);
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-default-500: #a1a9b1;
  --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);
}

[data-theme="dark"] .text-dark {
  color: #dce0fb !important;
}

html[data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: var(--color-default-300);
  --sidenav-item-color: #667787;
  --sidenav-item-hover-color: var(--color-primary);
  --sidenav-item-hover-bg: transparent;
  --sidenav-item-active-color: var(--color-primary);
  --sidenav-item-active-bg: transparent;
}

html[data-menu-color="dark"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #1e1f27;
  --sidenav-item-color: #7a8ea7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-menu-color="gray"] {
  --sidenav-bg: #f1f2f7;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: var(--color-primary);
  --sidenav-item-hover-bg: #e8f7f4;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e8e8ed;
}

html[data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #195274, #3b215c);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-theme="dark"][data-menu-color="dark"], html[data-theme="dark"][data-menu-color="gray"], html[data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: var(--color-primary);
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: var(--color-primary);
  --topbar-search-bg: #ecedf3;
  --topbar-search-border: #ecedf3;
}

html[data-topbar-color="dark"] {
  --topbar-bg: #1e1f27;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #272937;
  --topbar-search-border: #272937;
}

html[data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #1a455f, #262549);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-theme="dark"][data-topbar-color="light"], html[data-theme="dark"][data-topbar-color="dark"], html[data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="minimal"] {
  --font-body: "Hanken Grotesk", sans-serif;
  --font-secondary: "Hanken Grotesk", sans-serif;
  --text-body: .875rem;
  --color-body-bg: #f1f1f5;
  --color-card: #fff;
  --color-primary: #4557a3;
  --color-primary-hover: #34417a;
  --color-secondary: #c1785a;
  --color-secondary-hover: #915a44;
  --color-success: #8abe9f;
  --color-success-hover: #688f77;
  --color-info: #6acfc9;
  --color-info-hover: #509b97;
  --color-warning: #ffaa40;
  --color-warning-hover: #bf8030;
  --color-danger: #e5513e;
  --color-danger-hover: #ac3d2f;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --radius: 10px;
  --spacing-base: .75rem;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="minimal"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #4557a3;
  --sidenav-item-hover-bg: #4557a3;
  --sidenav-item-active-color: #4557a3;
  --sidenav-item-active-bg: #f6f7fa;
}

html[data-skin="minimal"][data-menu-color="gray"] {
  --sidenav-bg: #f1f1f5;
  --sidenav-border-color: #dce0e3;
  --sidenav-item-color: #526270;
  --sidenav-item-hover-color: #4557a3;
  --sidenav-item-hover-bg: transparent;
  --sidenav-item-active-color: #4557a3;
  --sidenav-item-active-bg: transparent;
}

html[data-skin="minimal"][data-menu-color="dark"] {
  --sidenav-bg: #1b2e4a;
  --sidenav-border-color: #1b2e4a;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #243754;
}

html[data-skin="minimal"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #195274, #3b215c);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="minimal"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="minimal"][data-theme="dark"][data-menu-color="dark"], html[data-skin="minimal"][data-theme="dark"][data-menu-color="gray"], html[data-skin="minimal"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="minimal"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4557a3;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="minimal"][data-topbar-color="gray"] {
  --topbar-bg: #f1f1f5;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4557a3;
  --topbar-search-bg: #f7f8fd;
  --topbar-search-border: #e8e9ef;
}

html[data-skin="minimal"][data-topbar-color="dark"] {
  --topbar-bg: #1b2e4a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #32435c;
  --topbar-search-border: #32435c;
}

html[data-skin="minimal"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="minimal"][data-theme="dark"][data-topbar-color="light"], html[data-skin="minimal"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="minimal"] {
  --color-chart-primary: #4557a3;
  --color-chart-secondary: #f54c36;
  --color-chart-alpha: #8abe9f;
  --color-chart-beta: #c1785a;
  --color-chart-gamma: #ffaa40;
  --color-chart-delta: #6acfc9;
  --color-chart-zeta: #6b3f69;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="minimal"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --color-light-hover: #8a969c;
  --shadow: 0px 0px 30px #0000004d;
  --color-border-color: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="minimal"] .app-menu, html[data-skin="minimal"] .app-header, html[data-skin="minimal"] .card {
  box-shadow: none;
}

html[data-skin="minimal"] .app-menu {
  border-inline-end: 1px dashed var(--sidenav-border-color);
}

html[data-skin="minimal"] .app-header.topbar-active {
  box-shadow: var(--shadow-sm);
}

html[data-skin="minimal"] .card {
  border: 0;
  border-radius: 10px;
}

html[data-skin="minimal"] .card .card-title {
  font-size: 16px;
  font-weight: 600;
}

html[data-skin="minimal"] .page-content main {
  padding-inline: calc(var(--spacing) * 4);
}

html[data-skin="minimal"] .footer {
  background-color: #0000;
  border: none;
}

html[data-skin="minimal"] .page-title-head {
  background-color: #e9e9ef;
  border-radius: 10px;
  height: auto;
  min-height: 10px;
  margin: .75rem 0;
  padding: .5rem .75rem;
}

html[data-skin="minimal"] .page-title-head .page-main-title {
  text-transform: none;
}

html[data-skin="minimal"][data-topbar-color="gray"]:not([data-theme="dark"]) .page-title-head {
  margin-top: 0;
}

html[data-skin="minimal"][data-theme="dark"] .page-title-head {
  background-color: #0000;
}

html[data-skin="modern"] {
  --font-body: "Jost", sans-serif;
  --font-secondary: "Jost", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f6f7fb;
  --color-card: #fff;
  --color-primary: #6c84e5;
  --color-primary-hover: #5163ac;
  --color-secondary: #b3827d;
  --color-secondary-hover: #86625e;
  --color-success: #28d77e;
  --color-success-hover: #1ea15f;
  --color-info: #2dd4bf;
  --color-info-hover: #229f8f;
  --color-warning: #ffae02;
  --color-warning-hover: #bf8302;
  --color-danger: #ef4444;
  --color-danger-hover: #b33333;
  --color-purple: #6070cc;
  --color-purple-hover: #485499;
  --shadow: 0 1px 2px #393e5026;
  --text-sm: 13px;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .9375rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .9375rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="modern"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6c84e5;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #6c84e5;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="modern"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6c84e5;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="modern"][data-menu-color="dark"] {
  --sidenav-bg: #222b40;
  --sidenav-border-color: #222b40;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #30394d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #222b40;
}

html[data-skin="modern"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #141e30, #243b55);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="modern"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="modern"][data-theme="dark"][data-menu-color="dark"], html[data-skin="modern"][data-theme="dark"][data-menu-color="gray"], html[data-skin="modern"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="modern"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6c84e5;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="modern"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6c84e5;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="modern"][data-topbar-color="dark"] {
  --topbar-bg: #222b40;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #1b2c42;
  --topbar-search-border: #1b2c42;
}

html[data-skin="modern"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="modern"][data-theme="dark"][data-topbar-color="light"], html[data-skin="modern"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="modern"] {
  --color-chart-primary: #6c84e5;
  --color-chart-secondary: #b3827d;
  --color-chart-alpha: #28d77e;
  --color-chart-beta: #ef4444;
  --color-chart-gamma: #ffae02;
  --color-chart-delta: #2dd4bf;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="modern"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="modern"] .card, html[data-theme="dark"][data-skin="modern"] .hs-dropdown-menu {
  border: 1px solid #293036 !important;
}

html[data-skin="modern"] .app-header, html[data-skin="modern"] .card {
  box-shadow: 0 1px 2px #393e5026;
}

html[data-skin="modern"] .card {
  position: relative;
}

html[data-skin="modern"] .card .card-title {
  font-size: 16px;
}

html[data-skin="modern"] .card:after {
  content: "";
  top: -5px;
  border-radius: var(--radius);
  background-color: #5bc3e126;
  width: 25px;
  height: 25px;
  position: absolute;
  inset-inline-end: -5px;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-skin="modern"] .card:after {
    background-color: color-mix(in oklab, var(--color-info) 15%, transparent);
  }
}

html[data-skin="modern"] .card:after {
  pointer-events: none;
  z-index: -1;
}

html[data-skin="modern"] .card:before {
  content: "";
  top: 5px;
  background-color: #236dc9bf;
  width: 6px;
  height: 6px;
  position: absolute;
  inset-inline-end: 5px;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-skin="modern"] .card:before {
    background-color: color-mix(in oklab, var(--color-primary) 75%, transparent);
  }
}

html[data-skin="modern"] .card:before {
  border-radius: 50%;
}

html[data-skin="modern"]:not([data-sidenav-size="sm"]) .side-nav .menu-item .menu-link .menu-icon {
  background-color: var(--sidenav-item-hover-bg);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 26px;
  display: flex;
}

html[data-skin="material"] {
  --font-body: "Google Sans", sans-serif;
  --font-secondary: "Google Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #fefbff;
  --color-card: #fff;
  --color-primary: #6750a4;
  --color-primary-hover: #4d3c7b;
  --color-secondary: #625b71;
  --color-secondary-hover: #4a4455;
  --color-success: #6b9a7e;
  --color-success-hover: #50745f;
  --color-info: #76c2c3;
  --color-info-hover: #599292;
  --color-warning: #f88c00;
  --color-warning-hover: #ba6900;
  --color-danger: #b3261e;
  --color-danger-hover: #861d17;
  --color-light: #e2e0f9;
  --color-light-hover: #aaa8bb;
  --color-default-100: #efe8f1;
  --color-default-300: #dbd5dd;
  --color-default-400: #7e7591;
  --shadow: 0 1px 2px #393e5026;
  --text-sm: 13px;
  --radius: 8px;
  --spacing-base: 12px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: .84375rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: .84375rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="material"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #f8f2fa;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6750a4;
  --sidenav-item-hover-bg: #f7f7ff;
  --sidenav-item-active-color: #6750a4;
  --sidenav-item-active-bg: #f7f7ff;
}

html[data-skin="material"][data-menu-color="gray"] {
  --sidenav-bg: #eee6f1;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6750a4;
  --sidenav-item-hover-bg: #ded4e1;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #ded4e1;
}

html[data-skin="material"][data-menu-color="dark"] {
  --sidenav-bg: #383131;
  --sidenav-border-color: #383131;
  --sidenav-item-color: #9f9f9f;
  --sidenav-item-hover-color: #d5d5d5;
  --sidenav-item-hover-bg: #312a2a;
  --sidenav-item-active-color: #d5d5d5;
  --sidenav-item-active-bg: #312a2a;
}

html[data-skin="material"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #294461;
}

html[data-skin="material"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #1e3447;
}

html[data-skin="material"][data-theme="dark"][data-menu-color="dark"], html[data-skin="material"][data-theme="dark"][data-menu-color="gray"], html[data-skin="material"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="material"][data-topbar-color="light"] {
  --topbar-bg: #fefbff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6750a4;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="material"][data-topbar-color="gray"] {
  --topbar-bg: #f8f2fa;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6750a4;
  --topbar-search-bg: #eee6f1;
  --topbar-search-border: #eee6f1;
}

html[data-skin="material"][data-topbar-color="dark"] {
  --topbar-bg: #6750a4;
  --topbar-item-color: #e9ecf1;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #7662ad;
  --topbar-search-border: #7662ad;
}

html[data-skin="material"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #6750a4, #3a3052);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="material"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="material"][data-theme="dark"][data-topbar-color="light"], html[data-skin="material"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="material"] {
  --color-chart-primary: #6750a4;
  --color-chart-secondary: #625b71;
  --color-chart-alpha: #6b9a7e;
  --color-chart-beta: #b3261e;
  --color-chart-gamma: #f88c00;
  --color-chart-delta: #76c2c3;
  --color-chart-zeta: #6b3f69;
  --color-chart-gray: #e2daed;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="material"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="material"] .card, html[data-theme="dark"][data-skin="material"] .hs-dropdown-menu {
  background-color: #1b1c22;
  border: 1px solid #293036;
}

html[data-theme="dark"][data-skin="material"] input, html[data-theme="dark"][data-skin="material"] textarea, html[data-theme="dark"][data-skin="material"] select, html[data-theme="dark"][data-skin="material"] .form-input, html[data-theme="dark"][data-skin="material"] .form-textarea, html[data-theme="dark"][data-skin="material"] .form-select, html[data-theme="dark"][data-skin="material"] .bg-card, html[data-theme="dark"][data-skin="material"] .bg-card#theme-customization, html[data-theme="dark"][data-skin="material"] .jstree-wholerow, html[data-theme="dark"][data-skin="material"] .flatpickr-calendar, html[data-theme="dark"][data-skin="material"] .choices__inner, html[data-theme="dark"][data-skin="material"] .select2-selection--single, html[data-theme="dark"][data-skin="material"] .select2-selection--multiple, html[data-theme="dark"][data-skin="material"] .choices__input {
  background-color: #1b1c22;
}

html[data-skin="material"] .page-title-head, html[data-skin="material"] .container-fluid, html[data-skin="material"] .container {
  max-width: 1448px;
  margin-inline: auto;
}

html[data-skin="material"] .app-header .container-fluid {
  padding-inline: 0;
}

html[data-skin="material"] .app-menu, html[data-skin="material"] .app-header, html[data-skin="material"] .card {
  box-shadow: none;
}

html[data-skin="material"] .footer {
  background-color: #0000;
  border: none;
}

html[data-skin="material"] .card, html[data-skin="material"] .flatpickr-calendar {
  border-radius: 12px;
}

html[data-skin="material"] .card, html[data-skin="material"] .flatpickr-calendar, html[data-skin="material"] input, html[data-skin="material"] textarea, html[data-skin="material"] select, html[data-skin="material"] .form-input, html[data-skin="material"] .form-textarea, html[data-skin="material"] .form-select, html[data-skin="material"] .bg-card, html[data-skin="material"] .jstree-wholerow, html[data-skin="material"] .choices__inner, html[data-skin="material"] .select2-selection--single, html[data-skin="material"] .select2-selection--multiple, html[data-skin="material"] .choices__input {
  background-color: #f8f2fa;
}

html[data-skin="material"] .bg-card#theme-customization, html[data-skin="material"] .hs-dropdown-menu {
  background-color: #fff;
}

html[data-skin="material"] .side-nav > .menu-item > .menu-link.active {
  border-radius: 50px;
}

html[data-skin="saas"] {
  --font-body: "Poppins", sans-serif;
  --font-secondary: "Poppins", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f2f6fb;
  --color-card: #fff;
  --color-primary: #0a74ff;
  --color-primary-hover: #0857bf;
  --color-secondary: #7b5af7;
  --color-secondary-hover: #5c44b9;
  --color-success: #6fcd1f;
  --color-success-hover: #539a17;
  --color-info: #1aa0e8;
  --color-info-hover: #1478ae;
  --color-warning: #ff8f1f;
  --color-warning-hover: #bf6b17;
  --color-danger: #f43f5e;
  --color-danger-hover: #b72f47;
  --color-default-300: #edf2f9;
  --shadow: 0 1px 2px #393e5026;
  --text-sm: 13px;
  --radius: 4px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.25rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: .9285rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: .9285rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="saas"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: white;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #0a74ff;
  --sidenav-item-hover-bg: #f2f8ff;
  --sidenav-item-active-color: #0a74ff;
  --sidenav-item-active-bg: #f2f8ff;
}

html[data-skin="saas"][data-menu-color="gray"] {
  --sidenav-bg: #e7edf5;
  --sidenav-border-color: #e7edf5;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #0a74ff;
  --sidenav-item-hover-bg: #e1e7ef;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e1e7ef;
}

html[data-skin="saas"][data-menu-color="dark"] {
  --sidenav-bg: #1b2e4a;
  --sidenav-border-color: #1b2e4a;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #243754;
}

html[data-skin="saas"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #294461;
}

html[data-skin="saas"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #1e3447;
}

html[data-skin="saas"][data-theme="dark"][data-menu-color="dark"], html[data-skin="saas"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="saas"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #0a74ff;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="saas"][data-topbar-color="gray"] {
  --topbar-bg: #e7edf5;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #0a74ff;
  --topbar-search-bg: #e1e7ef;
  --topbar-search-border: #e1e7ef;
}

html[data-skin="saas"][data-topbar-color="dark"] {
  --topbar-bg: #1b2e4a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #32435c;
  --topbar-search-border: #32435c;
}

html[data-skin="saas"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #1a455f, #262549);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="saas"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="saas"][data-theme="dark"][data-topbar-color="light"], html[data-skin="saas"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="saas"] {
  --color-chart-primary: #0a74ff;
  --color-chart-secondary: #7b5af7;
  --color-chart-alpha: #6fcd1f;
  --color-chart-beta: #f43f5e;
  --color-chart-gamma: #ff8f1f;
  --color-chart-delta: #1aa0e8;
  --color-chart-zeta: #6b3f69;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="saas"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #17171b;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="saas"] .card, html[data-theme="dark"][data-skin="saas"] .hs-dropdown-menu {
  border: 1px solid #293036 !important;
}

html[data-theme="dark"][data-skin="saas"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="saas"] {
  font-size: 14px;
}

html[data-skin="saas"] .wrapper {
  width: auto;
  margin: 20px;
}

@layer base {
  html[data-skin="saas"] .card .card-body {
    padding-block: 25px;
    padding-inline: 25px;
  }

  html[data-skin="saas"] .card .card-header {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
  }

  html[data-skin="saas"] .card .card-title {
    font-size: 15px;
    font-weight: 600;
  }
}

html[data-skin="saas"] .app-header, html[data-skin="saas"] .card {
  box-shadow: 0 .5rem 1.5rem #12262408;
}

html[data-skin="saas"] .app-menu {
  border-radius: 10px;
  top: 20px;
  bottom: 20px !important;
}

html[data-skin="saas"] .app-menu .logo-box {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

html[data-skin="saas"] .app-header {
  border-radius: 10px;
  margin-inline-start: calc(20px + var(--sidenav-width));
}

html[data-skin="saas"] .app-header .topbar-menu {
  border-radius: 10px;
}

html[data-skin="saas"] .footer {
  border-radius: 10px;
  margin-inline: 16px;
}

html[data-skin="flat"] {
  --font-body: "IBM Plex Sans", sans-serif;
  --font-secondary: "IBM Plex Sans", sans-serif;
  --text-body: .875rem;
  --color-body-bg: #f6f8fa;
  --color-card: #fff;
  --color-primary: #3b6cff;
  --color-primary-hover: #2c51bf;
  --color-secondary: #4f7cff;
  --color-secondary-hover: #3b5dbf;
  --color-success: #6a8cff;
  --color-success-hover: #5069bf;
  --color-info: #9bb4ff;
  --color-info-hover: #7487bf;
  --color-warning: #7f9bff;
  --color-warning-hover: #5f74bf;
  --color-danger: #5f82ff;
  --color-danger-hover: #4762bf;
  --shadow: 0px 1px 3px 0px #828fa317;
  --color-default-300: #eef1f5;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 6px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 5px;
}

html[data-skin="flat"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #f1f4f9;
  --sidenav-item-color: #3c4241;
  --sidenav-item-hover-color: #3b6cff;
  --sidenav-item-hover-bg: #f7f7fb;
  --sidenav-item-active-color: #3b6cff;
  --sidenav-item-active-bg: #f7f7fb;
}

html[data-skin="flat"][data-menu-color="gray"] {
  --sidenav-bg: #e6ebf1;
  --sidenav-border-color: #e6ebf1;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #3b6cff;
  --sidenav-item-hover-bg: #f4f0ff;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e8e8ed;
}

html[data-skin="flat"][data-menu-color="dark"] {
  --sidenav-bg: #1b2e4a;
  --sidenav-border-color: #1b2e4a;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #243754;
}

html[data-skin="flat"][data-theme="dark"][data-menu-color="dark"], html[data-skin="flat"][data-theme="dark"][data-menu-color="light"], html[data-skin="flat"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="flat"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #3b6cff;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="flat"][data-topbar-color="gray"] {
  --topbar-bg: #f1f2f7;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #3b6cff;
  --topbar-search-bg: #e8e9ef;
  --topbar-search-border: #e8e9ef;
}

html[data-skin="flat"][data-topbar-color="dark"] {
  --topbar-bg: #1b2e4a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #32435c;
  --topbar-search-border: #32435c;
}

html[data-skin="flat"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="flat"][data-theme="dark"][data-topbar-color="light"], html[data-skin="flat"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="flat"] {
  --color-chart-primary: #3b6cff;
  --color-chart-secondary: #15be7b;
  --color-chart-alpha: #6a8cff;
  --color-chart-beta: #20c080;
  --color-chart-gamma: #7f9bff;
  --color-chart-delta: #25df94;
  --color-chart-zeta: #c4b3ed;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #46348b;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="flat"] .card, html[data-skin="flat"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300);
  box-shadow: 0 1px 3px #828fa317;
}

html[data-theme="dark"][data-skin="flat"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="galaxy"] {
  --font-body: "Play", sans-serif;
  --font-secondary: "Play", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f6f8fa;
  --color-card: #fff;
  --color-primary: #6c7cff;
  --color-primary-hover: #515dbf;
  --color-secondary: #aca181;
  --color-secondary-hover: #817961;
  --color-success: #3ce6c2;
  --color-success-hover: #2dad92;
  --color-info: #4fd1ff;
  --color-info-hover: #3b9dbf;
  --color-warning: #ffb84d;
  --color-warning-hover: #bf8a3a;
  --color-danger: #ff5c8a;
  --color-danger-hover: #bf4568;
  --shadow: 2px 8px 16px #393e5012;
  --color-default-300: #edf2f9;
  --text-sm: 13px;
  --radius: 6px;
  --font-weight-medium: 700;
  --font-weight-semibold: 700;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .9125rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .8125rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="galaxy"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6c7cff;
  --sidenav-item-hover-bg: #eaf2ff;
  --sidenav-item-active-color: #6c7cff;
  --sidenav-item-active-bg: #f1f3f1;
}

html[data-skin="galaxy"][data-menu-color="gray"] {
  --sidenav-bg: #f1f2f7;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #6c7cff;
  --sidenav-item-hover-bg: #e8f7f4;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e8e8ed;
}

html[data-skin="galaxy"][data-menu-color="dark"] {
  --sidenav-bg: #1a2b41;
  --sidenav-border-color: #1a2b41;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #1f3149;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #1f3149;
}

html[data-skin="galaxy"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #193146, #1e5262);
  --sidenav-border-color: null;
  --sidenav-item-color: #7e92a3;
  --sidenav-item-hover-color: #aac4cf;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #aac4cf;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="galaxy"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #262c3a), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="galaxy"][data-theme="dark"][data-menu-color="dark"], html[data-skin="galaxy"][data-theme="dark"][data-menu-color="gray"], html[data-skin="galaxy"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1c1f2e;
  --sidenav-border-color: #ffffff08;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #ffffff0d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #ffffff0d;
}

html[data-skin="galaxy"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6c7cff;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="galaxy"][data-topbar-color="gray"] {
  --topbar-bg: #f3eff3;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #6c7cff;
  --topbar-search-bg: #ebe7eb;
  --topbar-search-border: #ebe7eb;
}

html[data-skin="galaxy"][data-topbar-color="dark"] {
  --topbar-bg: #0f2139;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #1b2c42;
  --topbar-search-border: #1b2c42;
}

html[data-skin="galaxy"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #193146, #1e5262);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="galaxy"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="galaxy"][data-theme="dark"][data-topbar-color="light"], html[data-skin="galaxy"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #e5f3ff1a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #e5f3ff1a;
  --topbar-search-border: #e5f3ff1a;
}

html[data-skin="galaxy"] {
  --color-chart-primary: #6c7cff;
  --color-chart-secondary: #3ce6c2;
  --color-chart-alpha: #aca181;
  --color-chart-beta: #e0e8d8;
  --color-chart-gamma: #a8998a;
  --color-chart-delta: #ffb84d;
  --color-chart-zeta: #c17b52;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="galaxy"] .btn {
  font-weight: normal;
}

html[data-skin="galaxy"] .card, html[data-skin="galaxy"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300);
  box-shadow: 2px 8px 16px #393e5012;
}

html[data-theme="dark"][data-skin="galaxy"] {
  --color-body-bg: #17181e;
  --color-card: #192033;
  --color-light: #2c3340;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #e5f3ff0d;
  --color-default-300: #e5f3ff17;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="galaxy"] body {
  background-color: #0000;
  background-image: linear-gradient(to bottom right, #10101ed9, #0a142b), url("../media/galaxy.10~mqf2.po1s1.jpg");
  background-position: 0 0, center;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: fixed;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

html[data-theme="dark"][data-skin="galaxy"] .card, html[data-theme="dark"][data-skin="galaxy"] .footer, html[data-theme="dark"][data-skin="galaxy"] .form-input, html[data-theme="dark"][data-skin="galaxy"] .form-textarea, html[data-theme="dark"][data-skin="galaxy"] .form-select, html[data-theme="dark"][data-skin="galaxy"] .card-bg, html[data-theme="dark"][data-skin="galaxy"] .choices__inner, html[data-theme="dark"][data-skin="galaxy"] .select2-container .select2-selection--single, html[data-theme="dark"][data-skin="galaxy"] .select2-container .select2-selection--multiple, html[data-theme="dark"][data-skin="galaxy"] .dropzone, html[data-theme="dark"][data-skin="galaxy"] .filepond--panel-root {
  background-color: #ffffff0f;
}

html[data-theme="dark"][data-skin="galaxy"] .card {
  border-style: dashed;
}

html[data-theme="dark"][data-skin="galaxy"] .app-menu .logo-box {
  background: none !important;
}

html[data-theme="dark"][data-skin="galaxy"] .app-header {
  --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);
}

html[data-theme="dark"][data-skin="galaxy"] .app-header.topbar-active {
  background-color: #232737;
}

html[data-skin="galaxy"] body {
  background-attachment: fixed;
}

html[data-skin="galaxy"] .card .card-title {
  font-size: 14px;
}

html[data-skin="luxe"] {
  --font-body: "TikTok Sans", sans-serif;
  --font-secondary: "TikTok Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f9f5f5;
  --color-card: #fff;
  --color-primary: #e9635a;
  --color-primary-hover: #af4a44;
  --color-secondary: #9b1f8c;
  --color-secondary-hover: #741769;
  --color-success: #39c37d;
  --color-success-hover: #2b925e;
  --color-info: #2dd4bf;
  --color-info-hover: #229f8f;
  --color-warning: #fea142;
  --color-warning-hover: #bf7932;
  --color-danger: #da4545;
  --color-danger-hover: #a43434;
  --color-purple: #6070cc;
  --color-purple-hover: #485499;
  --shadow: 0 4px 9px #22071f0d;
  --color-default-300: #edf2f9;
  --text-sm: 13px;
  --text-base: 15px;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="luxe"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #e9635a;
  --sidenav-item-hover-bg: #f1f1f1;
  --sidenav-item-active-color: #e9635a;
  --sidenav-item-active-bg: #fdf1f0;
}

html[data-skin="luxe"][data-menu-color="gray"] {
  --sidenav-bg: #f1eded;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #e9635a;
  --sidenav-item-hover-bg: #e9e2e2;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e9e2e2;
}

html[data-skin="luxe"][data-menu-color="dark"] {
  --sidenav-bg: #22071f;
  --sidenav-border-color: #22071f;
  --sidenav-item-color: #938691;
  --sidenav-item-hover-color: #d5c9d4;
  --sidenav-item-hover-bg: #382035;
  --sidenav-item-active-color: #d5c9d4;
  --sidenav-item-active-bg: #311c2e;
}

html[data-skin="luxe"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #393a66, #361732);
  --sidenav-border-color: null;
  --sidenav-item-color: #8782a9;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="luxe"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #22071f), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="luxe"][data-theme="dark"][data-menu-color="dark"], html[data-skin="luxe"][data-theme="dark"][data-menu-color="gray"], html[data-skin="luxe"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="luxe"][data-topbar-color="light"] {
  --topbar-bg: #f7f3f3;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #e9635a;
  --topbar-search-bg: transparent;
  --topbar-search-border: #dbdfe3;
}

html[data-skin="luxe"][data-topbar-color="gray"] {
  --topbar-bg: #e9e0e2;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #e9635a;
  --topbar-search-bg: #e1d0d4;
  --topbar-search-border: #e1d0d4;
}

html[data-skin="luxe"][data-topbar-color="dark"] {
  --topbar-bg: #22071f;
  --topbar-item-color: #bbb0b9;
  --topbar-item-hover-color: #f9e5f5;
  --topbar-search-bg: #392035;
  --topbar-search-border: #392035;
}

html[data-skin="luxe"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to right, #393a66, #6c2063, #52174b);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="luxe"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="luxe"][data-theme="dark"][data-topbar-color="light"], html[data-skin="luxe"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="luxe"] {
  --color-chart-primary: #e9635a;
  --color-chart-secondary: #9b1f8c;
  --color-chart-alpha: #39c37d;
  --color-chart-beta: #da4545;
  --color-chart-gamma: #fea142;
  --color-chart-delta: #2dd4bf;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #9b1f8c;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="luxe"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="luxe"] .card, html[data-theme="dark"][data-skin="luxe"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu #button-hover-toggle {
  color: var(--sidenav-item-color) !important;
}

html[data-skin="luxe"] .app-header {
  box-shadow: none;
}

html[data-skin="luxe"] .page-title-head {
  position: relative;
}

html[data-skin="luxe"] .page-title-head:before {
  content: "";
  background: var(--topbar-bg);
  top: 0;
  z-index: -1;
  height: 150px;
  position: absolute;
  inset-inline: -20px;
}

html[data-skin="luxe"] .pro-username {
  font-size: 13px;
}

html[data-skin="luxe"] .hs-dropdown-menu, html[data-skin="luxe"] .card {
  box-shadow: 0 4px 9px #22071f0d;
}

html[data-skin="luxe"]:not([data-sidenav-size="sm"]) .side-nav .menu-item .menu-link .menu-icon {
  background-color: var(--sidenav-item-hover-bg);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  line-height: 26px;
  display: flex;
}

html[data-skin="luxe"]:not([data-sidenav-size="sm"]) .side-nav .sub-menu {
  margin-inline-start: 8px;
}

html[data-skin="luxe"]:not([data-sidenav-size="sm"]) .side-nav .sub-menu .sub-menu {
  padding-inline-start: 12px;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .logo-box {
  background: var(--sidenav-bg);
  width: 100%;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .sidenav-user {
  margin-top: 0;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .button-on-hover {
  color: var(--sidenav-item-color) !important;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .button-on-hover:hover {
  color: var(--sidenav-item-hover-color) !important;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .logo.logo-light {
  display: none !important;
}

:is(html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="luxe"][data-menu-color="light"][data-topbar-color="gradient"]) .logo.logo-dark {
  display: block !important;
}

:is(html[data-skin="luxe"][data-topbar-color="dark"], html[data-skin="luxe"][data-topbar-color="gradient"]) .page-title-head .page-main-title {
  color: #fff !important;
}

:is(html[data-skin="luxe"][data-topbar-color="dark"], html[data-skin="luxe"][data-topbar-color="gradient"]) .page-title-head a {
  color: #ffffff80 !important;
}

html[data-skin="retro"] {
  --font-body: "Alan Sans", sans-serif;
  --font-secondary: "Alan Sans", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f8f7f1;
  --color-card: #f8f7f1;
  --color-primary: #4b6cb7;
  --color-primary-hover: #385189;
  --color-secondary: #8b5e83;
  --color-secondary-hover: #684762;
  --color-success: #6fa36f;
  --color-success-hover: #537a53;
  --color-info: #5fa8a3;
  --color-info-hover: #477e7a;
  --color-warning: #d9a441;
  --color-warning-hover: #a37b31;
  --color-danger: #c94c4c;
  --color-danger-hover: #973939;
  --color-light: #e9e8e3;
  --color-light-hover: #afaeaa;
  --shadow: 0 4px 9px #22071f0d;
  --color-default-300: #e3e3e1;
  --text-sm: 14px;
  --radius: 10px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="retro"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #4b6cb7;
  --sidenav-item-hover-bg: #e4eded;
  --sidenav-item-active-color: #4b6cb7;
  --sidenav-item-active-bg: #e4eded;
}

html[data-skin="retro"][data-menu-color="gray"] {
  --sidenav-bg: #efeee9;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #4b6cb7;
  --sidenav-item-hover-bg: #e5e5e5;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e5e5e5;
}

html[data-skin="retro"][data-menu-color="dark"] {
  --sidenav-bg: #2c2c2c;
  --sidenav-border-color: #2c2c2c;
  --sidenav-item-color: #718088;
  --sidenav-item-hover-color: #e3f5ff;
  --sidenav-item-hover-bg: #4b6cb7;
  --sidenav-item-active-color: #e3f5ff;
  --sidenav-item-active-bg: #4b6cb7;
}

html[data-skin="retro"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #405586, #1f5a58);
  --sidenav-border-color: null;
  --sidenav-item-color: #97b5b3;
  --sidenav-item-hover-color: #d5efed;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #d5efed;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="retro"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #4b6cb7), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="retro"][data-theme="dark"][data-menu-color="dark"], html[data-skin="retro"][data-theme="dark"][data-menu-color="gray"], html[data-skin="retro"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="retro"][data-topbar-color="light"] {
  --topbar-bg: #f3f2ee;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4b6cb7;
  --topbar-search-bg: #e9e8e3;
  --topbar-search-border: #e9e8e3;
}

html[data-skin="retro"][data-topbar-color="gray"] {
  --topbar-bg: #ebe9e1;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4b6cb7;
  --topbar-search-bg: #e1e0d9;
  --topbar-search-border: #e1e0d9;
}

html[data-skin="retro"][data-topbar-color="dark"] {
  --topbar-bg: #353638;
  --topbar-item-color: #aaafb9;
  --topbar-item-hover-color: #dde6f9;
  --topbar-search-bg: #434448;
  --topbar-search-border: #494a4e;
}

html[data-skin="retro"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #4b6cb7, #262549);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="retro"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="retro"][data-theme="dark"][data-topbar-color="light"], html[data-skin="retro"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="retro"] {
  --color-chart-primary: #4b6cb7;
  --color-chart-secondary: #d9a441;
  --color-chart-alpha: #6fa36f;
  --color-chart-beta: #c94c4c;
  --color-chart-gamma: #5fa8a3;
  --color-chart-delta: #8b5e83;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #e9e8e3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="retro"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="retro"] .card, html[data-theme="dark"][data-skin="retro"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-theme="dark"][data-skin="retro"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="retro"] .card, html[data-skin="retro"] .app-header, html[data-skin="retro"] .app-menu {
  box-shadow: none;
}

html[data-skin="retro"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="retro"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="retro"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="retro"] .card {
  border: 1px solid var(--color-default-300);
  background-color: var(--color-body-bg);
}

html[data-skin="retro"] .hs-dropdown-menu {
  background-color: #fff;
}

html[data-skin="retro"] .btn {
  font-weight: normal;
}

html[data-skin="neon"] {
  --font-body: "Outfit", sans-serif;
  --font-secondary: "Outfit", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f6f6f6;
  --color-card: #fff;
  --color-primary: #d65db1;
  --color-primary-hover: #a14685;
  --color-secondary: #845ec2;
  --color-secondary-hover: #634792;
  --color-success: #00c9a7;
  --color-success-hover: #00977d;
  --color-info: #48c3d7;
  --color-info-hover: #3692a1;
  --color-warning: #ffc75f;
  --color-warning-hover: #bf9547;
  --color-danger: #ff6f91;
  --color-danger-hover: #bf536d;
  --shadow: 0 1px 2px #393e501a;
  --color-default-300: #edf2f9;
  --spacing-base: 8px;
  --text-sm: 14px;
  --radius: 12px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="neon"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #312a2f;
  --sidenav-item-hover-bg: #f6f6f6;
  --sidenav-item-active-color: #312a2f;
  --sidenav-item-active-bg: #f6f6f6;
}

html[data-skin="neon"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #d65db1;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="neon"][data-menu-color="dark"] {
  --sidenav-bg: #222b40;
  --sidenav-border-color: #222b40;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #30394d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #222b40;
}

html[data-skin="neon"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #141e30, #243b55);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="neon"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="neon"][data-theme="dark"][data-menu-color="dark"], html[data-skin="neon"][data-theme="dark"][data-menu-color="gray"], html[data-skin="neon"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="neon"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #d65db1;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="neon"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #d65db1;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="neon"][data-topbar-color="dark"] {
  --topbar-bg: #222b40;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #1b2c42;
  --topbar-search-border: #1b2c42;
}

html[data-skin="neon"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="neon"][data-theme="dark"][data-topbar-color="light"], html[data-skin="neon"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="neon"] {
  --color-chart-primary: #d65db1;
  --color-chart-secondary: #845ec2;
  --color-chart-alpha: #00c9a7;
  --color-chart-beta: #ff6f91;
  --color-chart-gamma: #ffc75f;
  --color-chart-delta: #48c3d7;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="neon"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="neon"] .card, html[data-theme="dark"][data-skin="neon"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-theme="dark"][data-skin="neon"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="neon"] .page-content main {
  padding-inline: calc(var(--spacing) * 3.5);
}

html[data-skin="neon"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  border: 1px solid var(--topbar-search-border);
  border-radius: 5px;
  width: 32px;
  height: 32px;
}

html[data-skin="neon"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="neon"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="neon"] .footer {
  padding-inline: calc(var(--spacing) * 4);
  background-color: #0000;
  border: none;
}

html[data-skin="neon"] .card {
  box-shadow: none;
}

html[data-skin="neon"] .card .card-title {
  font-size: 16px;
  font-weight: 600;
}

html[data-skin="neon"] .hs-dropdown-menu {
  background-color: #fff;
}

html[data-skin="neon"] .btn {
  font-weight: normal;
}

html[data-skin="pixel"] {
  --font-body: "Vend Sans", sans-serif;
  --font-secondary: "Vend Sans", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f3f2ee;
  --color-card: #fff;
  --color-primary: #095f59;
  --color-primary-hover: #074743;
  --color-secondary: #344bbd;
  --color-secondary-hover: #27388e;
  --color-success: #2fa76a;
  --color-success-hover: #237d50;
  --color-info: #56c1b3;
  --color-info-hover: #419186;
  --color-warning: #fdcf6e;
  --color-warning-hover: #be9b53;
  --color-danger: #da4545;
  --color-danger-hover: #a43434;
  --shadow: 0 4px 9px #22071f0d;
  --color-default-300: #edf2f9;
  --text-sm: 14px;
  --radius: 10px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .875rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .875rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="pixel"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #095f59;
  --sidenav-item-hover-bg: #e4eded;
  --sidenav-item-active-color: #095f59;
  --sidenav-item-active-bg: #e4eded;
}

html[data-skin="pixel"][data-menu-color="gray"] {
  --sidenav-bg: #f1eded;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #095f59;
  --sidenav-item-hover-bg: #e9e2e2;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e9e2e2;
}

html[data-skin="pixel"][data-menu-color="dark"] {
  --sidenav-bg: #095f59;
  --sidenav-border-color: #095f59;
  --sidenav-item-color: #83afac;
  --sidenav-item-hover-color: #a7dbd8;
  --sidenav-item-hover-bg: #0e6d66;
  --sidenav-item-active-color: #a7dbd8;
  --sidenav-item-active-bg: #0e6d66;
}

html[data-skin="pixel"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #095f59, #0c4644);
  --sidenav-border-color: null;
  --sidenav-item-color: #809b99;
  --sidenav-item-hover-color: #b4d3d1;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #b4d3d1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="pixel"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #095f59), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="pixel"][data-theme="dark"][data-menu-color="dark"], html[data-skin="pixel"][data-theme="dark"][data-menu-color="gray"], html[data-skin="pixel"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="pixel"][data-topbar-color="light"] {
  --topbar-bg: #f3f2ee;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #095f59;
  --topbar-search-bg: #e9e8e3;
  --topbar-search-border: #e9e8e3;
}

html[data-skin="pixel"][data-topbar-color="gray"] {
  --topbar-bg: #ebe9e1;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #095f59;
  --topbar-search-bg: #e1e0d9;
  --topbar-search-border: #e1e0d9;
}

html[data-skin="pixel"][data-topbar-color="dark"] {
  --topbar-bg: #095f59;
  --topbar-item-color: #94b3b1;
  --topbar-item-hover-color: #b7dddb;
  --topbar-search-bg: #0e6d66;
  --topbar-search-border: #0e6d66;
}

html[data-skin="pixel"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #095f59, #262549);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="pixel"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="pixel"][data-theme="dark"][data-topbar-color="light"], html[data-skin="pixel"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="pixel"] {
  --color-chart-primary: #095f59;
  --color-chart-secondary: #fdcf6e;
  --color-chart-alpha: #2fa76a;
  --color-chart-beta: #da4545;
  --color-chart-gamma: #56c1b3;
  --color-chart-delta: #344bbd;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="pixel"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="pixel"] .card, html[data-theme="dark"][data-skin="pixel"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-theme="dark"][data-skin="pixel"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="pixel"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="pixel"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="pixel"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="pixel"] .card, html[data-skin="pixel"] .app-header {
  box-shadow: none;
}

html[data-skin="pixel"] .card .card-title {
  font-weight: 600;
}

html[data-skin="soft"] {
  --font-body: "Open Sans", sans-serif;
  --font-secondary: "Open Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f1f2f7;
  --color-card: #fff;
  --color-primary: #8196e0;
  --color-primary-hover: #6171a8;
  --color-secondary: #8d82c0;
  --color-secondary-hover: #6a6290;
  --color-success: #70c79b;
  --color-success-hover: #549574;
  --color-info: #7fcad1;
  --color-info-hover: #5f989d;
  --color-warning: #e6b96f;
  --color-warning-hover: #ad8b53;
  --color-danger: #e28a8a;
  --color-danger-hover: #aa6868;
  --shadow: 0 2px 4px #38414a33;
  --color-default-300: #e1e7ef;
  --text-sm: 13px;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="soft"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #8196e0;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #8196e0;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="soft"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #8196e0;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="soft"][data-menu-color="dark"] {
  --sidenav-bg: #25313d;
  --sidenav-border-color: #25313d;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #34404d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #34404d;
}

html[data-skin="soft"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #3d4888, #52588e);
  --sidenav-border-color: null;
  --sidenav-item-color: #9ba0c9;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="soft"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="soft"][data-theme="dark"][data-menu-color="dark"], html[data-skin="soft"][data-theme="dark"][data-menu-color="gray"], html[data-skin="soft"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="soft"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #8196e0;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="soft"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #8196e0;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="soft"][data-topbar-color="dark"] {
  --topbar-bg: #25313d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #313f4c;
  --topbar-search-border: #313f4c;
}

html[data-skin="soft"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #3d4888, #52588e);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="soft"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="soft"][data-theme="dark"][data-topbar-color="light"], html[data-skin="soft"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="soft"] {
  --color-chart-primary: #8196e0;
  --color-chart-secondary: #8d82c0;
  --color-chart-alpha: #70c79b;
  --color-chart-beta: #e28a8a;
  --color-chart-gamma: #e6b96f;
  --color-chart-delta: #7fcad1;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="soft"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="soft"] .card, html[data-theme="dark"][data-skin="soft"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-theme="dark"][data-skin="soft"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="soft"] .card, html[data-skin="soft"] .app-header {
  box-shadow: none;
}

html[data-skin="soft"] .pro-username {
  font-size: 13px;
  font-weight: 700;
}

html[data-skin="soft"] .app-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-default-300);
}

html[data-skin="soft"] .app-menu {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-color: var(--color-default-300);
}

html[data-skin="soft"] .card {
  border: 1px solid var(--color-default-300);
}

html[data-skin="soft"] .card .card-title {
  font-weight: 600;
}

html[data-skin="mono"] {
  --font-body: "Montserrat", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f2f7ff;
  --color-card: #f4f9ff;
  --color-primary: #395d94;
  --color-primary-hover: #2b466f;
  --color-secondary: #b56576;
  --color-secondary-hover: #884c59;
  --color-success: #71b47c;
  --color-success-hover: #55875d;
  --color-info: #76c2c3;
  --color-info-hover: #599292;
  --color-warning: #d9b96a;
  --color-warning-hover: #a38b50;
  --color-danger: #d64646;
  --color-danger-hover: #a13535;
  --color-light: #d5dfef;
  --color-light-hover: #a0a7b3;
  --shadow: 1px .1rem .5rem 0 #94acd133;
  --color-default-100: #dee9f9;
  --color-default-300: #d5dfef;
  --color-default-400: #7e7591;
  --text-sm: 13px;
  --radius: 8px;
  --spacing-base: .75rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: .8125rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: .8125rem;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="mono"][data-menu-color="light"] {
  --sidenav-bg: #fff;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #395d94;
  --sidenav-item-hover-bg: #f2f7ff;
  --sidenav-item-active-color: #395d94;
  --sidenav-item-active-bg: #f2f7ff;
}

html[data-skin="mono"][data-menu-color="gray"] {
  --sidenav-bg: #ebf2fa;
  --sidenav-border-color: #ebf2fa;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #395d94;
  --sidenav-item-hover-bg: #e0e7f1;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #e0e7f1;
}

html[data-skin="mono"][data-menu-color="dark"] {
  --sidenav-bg: #383131;
  --sidenav-border-color: #383131;
  --sidenav-item-color: #9f9f9f;
  --sidenav-item-hover-color: #d5d5d5;
  --sidenav-item-hover-bg: #312a2a;
  --sidenav-item-active-color: #d5d5d5;
  --sidenav-item-active-bg: #312a2a;
}

html[data-skin="mono"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #39568a, #262549);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #ffffff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #ffffff0d;
}

html[data-skin="mono"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #ffffff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #ffffff0d;
}

html[data-skin="mono"][data-theme="dark"][data-menu-color="dark"], html[data-skin="mono"][data-theme="dark"][data-menu-color="gray"], html[data-skin="mono"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="mono"][data-topbar-color="light"] {
  --topbar-bg: #fefbff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #395d94;
  --topbar-search-bg: #f2f7ff;
  --topbar-search-border: #eaeef5;
}

html[data-skin="mono"][data-topbar-color="gray"] {
  --topbar-bg: #f2f7ff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #395d94;
  --topbar-search-bg: #e8eef7;
  --topbar-search-border: #e8eef7;
}

html[data-skin="mono"][data-topbar-color="dark"] {
  --topbar-bg: #395d94;
  --topbar-item-color: #bcc8dd;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #44679d;
  --topbar-search-border: #44679d;
}

html[data-skin="mono"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #395d94, #3a3052);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="mono"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="mono"][data-theme="dark"][data-topbar-color="light"], html[data-skin="mono"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="mono"] {
  --color-chart-primary: #395d94;
  --color-chart-secondary: #d9b96a;
  --color-chart-alpha: #71b47c;
  --color-chart-beta: #d64646;
  --color-chart-gamma: #b56576;
  --color-chart-delta: #76c2c3;
  --color-chart-zeta: #6b3f69;
  --color-chart-gray: #d5dfef;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="mono"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="mono"] .card, html[data-theme="dark"][data-skin="mono"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-theme="dark"][data-skin="mono"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-theme="dark"][data-skin="mono"] .card {
  border: 1px solid #293036;
  border-radius: 12px;
  box-shadow: 0 0 30px #0000004d;
  background-image: linear-gradient(90deg, #395d940d, #2c8a2800) !important;
}

html[data-theme="dark"][data-skin="mono"] .card .card-title {
  font-weight: 600;
}

html[data-skin="mono"] .page-title-head, html[data-skin="mono"] .container-fluid {
  max-width: 1448px;
  margin-inline: auto;
}

html[data-skin="mono"] .page-content main {
  padding-inline: calc(var(--spacing) * 4);
}

html[data-skin="mono"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="mono"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="mono"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="mono"] .app-header .container-fluid {
  padding: 0 !important;
}

html[data-skin="mono"] .card {
  background-image: linear-gradient(90deg, #395d940d, #2c8a2800);
  border: 1px solid #dee9f9;
  border-radius: 12px;
  box-shadow: 1px .1rem .5rem #94acd133;
}

html[data-skin="mono"] .card .card-title {
  font-weight: 600;
}

html[data-skin="mono"] .pro-username {
  font-size: 13px;
  font-weight: 600;
}

html[data-skin="mono"] .side-nav > .menu-item > .menu-link.active {
  border-radius: 50px;
}

html[data-skin="mono"] .footer {
  background-color: #0000;
  border: none;
}

html[data-skin="mono"] .btn[class*="size-"] {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: .4532rem;
}

html[data-skin="mono"] .btn-sm[class*="size-"] {
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: .3125rem;
}

html[data-skin="zen"] {
  --font-body: "Roboto Condensed", sans-serif;
  --font-secondary: "Roboto Condensed", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f2f2f2;
  --color-card: #fff;
  --color-primary: #8bb7a2;
  --color-primary-hover: #68897a;
  --color-secondary: #4d4e8d;
  --color-secondary-hover: #3a3b6a;
  --color-success: #6fbf9c;
  --color-success-hover: #538f75;
  --color-info: #7cc5c5;
  --color-info-hover: #5d9494;
  --color-warning: #dfcc9d;
  --color-warning-hover: #a79976;
  --color-danger: #e76c5d;
  --color-danger-hover: #ad5146;
  --shadow: 1px .1rem .5rem 0 #94acd133;
  --color-default-400: #9ba6b7;
  --radius: 15px;
  --spacing-base: 1.5rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .8725rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .8725rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="zen"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #8bb7a2;
  --sidenav-item-hover-bg: #f1f6f4;
  --sidenav-item-active-color: #8bb7a2;
  --sidenav-item-active-bg: #f1f6f4;
}

html[data-skin="zen"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #8bb7a2;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="zen"][data-menu-color="dark"] {
  --sidenav-bg: #354152;
  --sidenav-border-color: #354152;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2c3849;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #2c3849;
}

html[data-skin="zen"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #1a5c5f, #254449);
  --sidenav-border-color: null;
  --sidenav-item-color: #73a6ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="zen"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="zen"][data-theme="dark"][data-menu-color="dark"], html[data-skin="zen"][data-theme="dark"][data-menu-color="gray"], html[data-skin="zen"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="zen"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #8bb7a2;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="zen"][data-topbar-color="gray"] {
  --topbar-bg: #f2f2f2;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #8bb7a2;
  --topbar-search-bg: #e4e6ed;
  --topbar-search-border: #e4e6ed;
}

html[data-skin="zen"][data-topbar-color="dark"] {
  --topbar-bg: #354152;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2c3849;
  --topbar-search-border: #2c3849;
}

html[data-skin="zen"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #1a5c5f, #254449);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="zen"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="zen"][data-theme="dark"][data-topbar-color="light"], html[data-skin="zen"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="zen"] {
  --color-chart-primary: #8bb7a2;
  --color-chart-secondary: #4d4e8d;
  --color-chart-alpha: #6fbf9c;
  --color-chart-beta: #e76c5d;
  --color-chart-gamma: #dfcc9d;
  --color-chart-delta: #7cc5c5;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="zen"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="zen"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-theme="dark"][data-skin="zen"] .card {
  border: 1px solid #293036;
}

html[data-theme="dark"][data-skin="zen"] .app-header {
  box-shadow: 0 1px 2px #393e5026;
}

html[data-skin="zen"] .app-menu:before {
  content: "";
  top: 0;
  background: var(--sidenav-bg);
  width: 20px;
  height: 20px;
  position: absolute;
  inset-inline-end: -20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.95431 0 0 8.95431 0 20V0H20Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C8.95431 0 0 8.95431 0 20V0H20Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-skin="zen"] .app-menu:after {
  content: "";
  bottom: 0;
  background: var(--sidenav-bg);
  width: 20px;
  height: 20px;
  position: absolute;
  inset-inline-end: -20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-skin="zen"] .app-header {
  border-top-left-radius: 20px;
}

html[data-skin="zen"] .app-header .container-fluid {
  padding-inline: 0;
}

html[data-skin="zen"] .page-title-head {
  max-width: 1376px;
  margin: 0 auto;
}

html[data-skin="zen"] .container-fluid {
  max-width: 1376px;
}

html[data-skin="zen"] .card {
  box-shadow: none;
}

html[data-skin="zen"] .card .card-title {
  font-size: 16px;
}

html[data-skin="zen"] .btn {
  font-weight: var(--font-weight-normal);
}

html[data-skin="zen"] .footer {
  background-color: #0000;
  border: none;
  padding: 0 0 1.5rem;
}

html[data-skin="zen"][data-topbar-color="gray"] .app-header {
  box-shadow: none;
}

:is(html[data-skin="zen"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="zen"][data-menu-color="light"][data-topbar-color="gradient"]) .app-header {
  border-radius: 0;
}

:is(html[data-skin="zen"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="zen"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu:before {
  display: none;
}

html[data-skin="silver"] {
  --font-body: "Public Sans", sans-serif;
  --font-secondary: "Public Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #eef2f5;
  --color-card: #fff;
  --color-primary: #4f66c3;
  --color-primary-hover: #3b4d92;
  --color-secondary: #fb6d9d;
  --color-secondary-hover: #bc5276;
  --color-success: #22d9bb;
  --color-success-hover: #1aa38c;
  --color-info: #2fcde8;
  --color-info-hover: #239aae;
  --color-warning: #fea142;
  --color-warning-hover: #bf7932;
  --color-danger: #ff5f3b;
  --color-danger-hover: #bf472c;
  --color-default-300: #edf2f9;
  --shadow: 0 2px 5px #393e500d;
  --text-sm: 13px;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 15px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="silver"][data-menu-color="light"] {
  --sidenav-bg: #fff;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #4f66c3;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #4f66c3;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="silver"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #4f66c3;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="silver"][data-menu-color="dark"] {
  --sidenav-bg: #3d4552;
  --sidenav-border-color: #3d4552;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #34404d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #34404d;
}

html[data-skin="silver"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #1e2238, #2e3758);
  --sidenav-border-color: null;
  --sidenav-item-color: #727995;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="silver"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="silver"][data-theme="dark"][data-menu-color="dark"], html[data-skin="silver"][data-theme="dark"][data-menu-color="gray"], html[data-skin="silver"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="silver"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4f66c3;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="silver"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4f66c3;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="silver"][data-topbar-color="dark"] {
  --topbar-bg: #3d4552;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #444d5b;
  --topbar-search-border: #444d5b;
}

html[data-skin="silver"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #3d4888, #71528e);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="silver"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="silver"][data-theme="dark"][data-topbar-color="light"], html[data-skin="silver"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="silver"] {
  --color-chart-primary: #4f66c3;
  --color-chart-secondary: #fb6d9d;
  --color-chart-alpha: #2fcde8;
  --color-chart-beta: #ff5f3b;
  --color-chart-gamma: #fea142;
  --color-chart-delta: #22d9bb;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-theme="dark"][data-skin="silver"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --color-light: #252630;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-theme="dark"][data-skin="silver"] .card, html[data-theme="dark"][data-skin="silver"] .hs-dropdown-menu, html[data-theme="dark"][data-skin="silver"] .app-header, html[data-theme="dark"][data-skin="silver"] .app-menu {
  border-color: #293036 !important;
}

html[data-theme="dark"][data-skin="silver"] .hs-dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="silver"] .pro-username {
  font-size: 13px;
  font-weight: 700;
}

html[data-skin="silver"] .card {
  border: 1px solid #e5eaf1;
  box-shadow: 0 2px 5px #393e500d;
}

html[data-skin="silver"] .card .card-title {
  font-weight: 600;
}

html[data-skin="silver"] .app-header {
  border-bottom: 1px solid #e5eaf1;
}

html[data-skin="silver"] .app-menu {
  border-inline-end: 1px solid #e5eaf1;
}

html[data-skin="silver"] .side-nav {
  padding-inline: 0 !important;
}

html[data-skin="silver"] .menu-title {
  padding: var(--sidenav-item-padding-y) var(--sidenav-item-padding-x);
}

html[data-skin="silver"] .side-nav .menu-item .menu-link {
  border-radius: 0;
}

html[data-skin="silver"][data-topbar-color="dark"] .app-header {
  border-color: #3d4552;
}

html[data-skin="silver"][data-menu-color="dark"] .app-menu {
  border-color: #3d4552;
}

html[data-skin="prism"] {
  --font-body: "Momo Trust Sans", sans-serif;
  --font-secondary: "Hanken Grotesk", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f2f2f2;
  --color-card: #fff;
  --color-primary: #376aed;
  --color-primary-hover: #2950b2;
  --color-secondary: #9b48c6;
  --color-secondary-hover: #743695;
  --color-success: #22b07d;
  --color-success-hover: #1a845e;
  --color-info: #32a7e2;
  --color-info-hover: #267daa;
  --color-warning: #ff8700;
  --color-warning-hover: #bf6500;
  --color-danger: #e76c5d;
  --color-danger-hover: #ad5146;
  --shadow: 0 1px 20px #393e5014;
  --color-default-100: #edf2f9;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 15px;
  --radius: 8px;
  --spacing-base: 1.5rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .8725rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .8725rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="prism"][data-menu-color="light"] {
  --sidenav-bg: #ffffff1a;
  --sidenav-border-color: transparent;
  --sidenav-item-color: #687179;
  --sidenav-item-hover-color: #18191c;
  --sidenav-item-hover-bg: #2b313b;
  --sidenav-item-active-color: #fff;
  --sidenav-item-active-bg: #2b313b;
}

html[data-skin="prism"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #e7e9eb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #376aed;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="prism"][data-menu-color="dark"] {
  --sidenav-bg: #354152;
  --sidenav-border-color: #354152;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2c3849;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #2c3849;
}

html[data-skin="prism"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #1e162e, #3a222e);
  --sidenav-border-color: null;
  --sidenav-item-color: #726f87;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="prism"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #421852), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #827195;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="prism"][data-theme="dark"][data-menu-color="dark"], html[data-skin="prism"][data-theme="dark"][data-menu-color="gray"], html[data-skin="prism"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1b286e1a;
  --sidenav-border-color: #ffffff0d;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #ffffff08;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #ffffff08;
}

html[data-skin="prism"][data-topbar-color="light"] {
  --topbar-bg: #ffffff80;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #376aed;
  --topbar-search-bg: transparent;
  --topbar-search-border: #dfe5eb;
}

html[data-skin="prism"][data-topbar-color="gray"] {
  --topbar-bg: #fbf6ff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #376aed;
  --topbar-search-bg: #f2ecf7;
  --topbar-search-border: #f2ecf7;
}

html[data-skin="prism"][data-topbar-color="dark"] {
  --topbar-bg: #354152;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2c3849;
  --topbar-search-border: #2c3849;
}

html[data-skin="prism"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #593d6e, #543a27);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="prism"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="prism"][data-theme="dark"][data-topbar-color="light"], html[data-skin="prism"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #1b286e1a;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #ffffff0d;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="prism"] {
  --color-chart-primary: #376aed;
  --color-chart-secondary: #32a7e2;
  --color-chart-alpha: #ff8700;
  --color-chart-beta: #e76c5d;
  --color-chart-gamma: #9b48c6;
  --color-chart-delta: #22b07d;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="prism"] .page-content main {
  padding-inline: calc(var(--spacing) * 5.5);
}

html[data-skin="prism"] body {
  background-image: linear-gradient(30deg, #f3f5ff 0, #f7edff 35%, #f3faff 55%, #f6dfe8 75%, #fbf7ff 100%);
  background-attachment: fixed;
}

html[data-skin="prism"] .app-header, html[data-skin="prism"] .app-menu {
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
}

html[data-skin="prism"] .app-header {
  border: 1px solid #fff;
  border-radius: 10px;
  margin-inline-start: calc(20px + var(--sidenav-width));
  margin-inline-end: 20px;
  top: 5px;
}

html[data-skin="prism"] .pro-username {
  font-size: 14px;
}

html[data-skin="prism"] .card {
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px) saturate();
  backdrop-filter: blur(10px) saturate();
  border: 1px solid #fff;
}

html[data-skin="prism"] .card .card-title {
  font-size: 16px;
}

html[data-skin="prism"] .card, html[data-skin="prism"] .footer, html[data-skin="prism"] .form-input, html[data-skin="prism"] .form-select, html[data-skin="prism"] .card-bg, html[data-skin="prism"] .choices__inner, html[data-skin="prism"] .select2-container .select2-selection--single, html[data-skin="prism"] .select2-container .select2-selection--multiple, html[data-skin="prism"] .dropzone, html[data-skin="prism"] .filepond--panel-root {
  background-color: #ffffff80;
}

html[data-skin="prism"] [data-hs-stepper-nav-item].success > a, html[data-skin="prism"] [data-hs-stepper-nav-item].active > a, html[data-skin="prism"] .nav-link.active {
  border-color: var(--color-default-300) !important;
  background-color: #0000 !important;
}

html[data-skin="prism"] .btn {
  font-weight: var(--font-weight-normal);
}

html[data-skin="prism"] .footer {
  background-color: #0000;
  border: none;
  padding: 0 1.75rem 1.5rem;
}

html[data-skin="prism"][data-theme="dark"] {
  --color-card: #1b1c22;
  --color-light: #252630;
  --color-default-100: #202930;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="prism"][data-theme="dark"] body {
  background-image: linear-gradient(30deg, #0f2027 0, #1d2e35 25%, #0d181c 45%, #261333 65%, #100923 85%, #0c1321 100%);
}

html[data-skin="prism"][data-theme="dark"] .app-header, html[data-skin="prism"][data-theme="dark"] .card {
  border-color: #ffffff0d;
}

html[data-skin="prism"][data-theme="dark"] .card, html[data-skin="prism"][data-theme="dark"] .footer, html[data-skin="prism"][data-theme="dark"] .form-input, html[data-skin="prism"][data-theme="dark"] .form-select, html[data-skin="prism"][data-theme="dark"] .card-bg, html[data-skin="prism"][data-theme="dark"] .choices__inner, html[data-skin="prism"][data-theme="dark"] .select2-container .select2-selection--single, html[data-skin="prism"][data-theme="dark"] .select2-container .select2-selection--multiple, html[data-skin="prism"][data-theme="dark"] .dropzone, html[data-skin="prism"][data-theme="dark"] .filepond--panel-root {
  background-color: #1b286e1a;
}

html[data-skin="prism"][data-sidenav-size="on-hover"] .app-header {
  margin-inline-start: calc(20px + var(--sidenav-width-sm));
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .logo-box {
  background: none;
  border-radius: 10px 10px 0 0;
  width: 100%;
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .sidenav-user {
  margin-top: 0;
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .button-on-hover {
  color: var(--sidenav-item-color) !important;
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .button-on-hover:hover {
  color: var(--sidenav-item-hover-color) !important;
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]):not([data-theme="dark"]) .logo-box .logo-light {
  display: none;
}

:is(html[data-skin="prism"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="prism"][data-menu-color="light"][data-topbar-color="gradient"]):not([data-theme="dark"]) .logo-box .logo-dark {
  display: block;
}

html[data-skin="nova"] {
  --font-body: "Roboto", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f5f4f4;
  --color-card: #fff;
  --color-primary: #3f51b5;
  --color-primary-hover: #2f3d88;
  --color-secondary: #673ab7;
  --color-secondary-hover: #4d2c89;
  --color-success: #009688;
  --color-success-hover: #007166;
  --color-info: #03a9f4;
  --color-info-hover: #027fb7;
  --color-warning: #ff9800;
  --color-warning-hover: #bf7200;
  --color-danger: #f44336;
  --color-danger-hover: #b73229;
  --shadow: 0 2px 3px 0px #3c404333;
  --color-default-100: #f5f4f4;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --radius: 3px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="nova"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #3f51b5;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #3f51b5;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="nova"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #3f51b5;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="nova"][data-menu-color="dark"] {
  --sidenav-bg: #14191e;
  --sidenav-border-color: #14191e;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #1d242b;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #1d242b;
}

html[data-skin="nova"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(90deg, #2b3670 0%, #182848 100%);
  --sidenav-border-color: null;
  --sidenav-item-color: #9ba0c9;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="nova"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="nova"][data-theme="dark"][data-menu-color="dark"], html[data-skin="nova"][data-theme="dark"][data-menu-color="gray"], html[data-skin="nova"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="nova"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #3f51b5;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="nova"][data-topbar-color="gray"] {
  --topbar-bg: #f5f4f4;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #3f51b5;
  --topbar-search-bg: #ededed;
  --topbar-search-border: #ededed;
}

html[data-skin="nova"][data-topbar-color="dark"] {
  --topbar-bg: #25313d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #313f4c;
  --topbar-search-border: #313f4c;
}

html[data-skin="nova"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #3d4888, #52588e);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="nova"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="nova"][data-theme="dark"][data-topbar-color="light"], html[data-skin="nova"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="nova"] {
  --color-chart-primary: #3f51b5;
  --color-chart-secondary: #673ab7;
  --color-chart-alpha: #009688;
  --color-chart-beta: #f44336;
  --color-chart-gamma: #ff9800;
  --color-chart-delta: #03a9f4;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="nova"] .pro-username {
  font-size: 13px;
  font-weight: 700;
}

html[data-skin="nova"] .btn, html[data-skin="nova"] .form-select, html[data-skin="nova"] .form-input, html[data-skin="nova"] .badge, html[data-skin="nova"] .form-check-input, html[data-skin="nova"] .input-group-text, html[data-skin="nova"] .choices__inner, html[data-skin="nova"] .select2-container .select2-selection--single, html[data-skin="nova"] .select2-container .select2-selection--multiple, html[data-skin="nova"] .dropzone, html[data-skin="nova"] .filepond--panel-root {
  box-shadow: var(--shadow) !important;
}

html[data-skin="nova"] .hs-dropdown-menu, html[data-skin="nova"] .btn, html[data-skin="nova"] .form-select, html[data-skin="nova"] .form-input {
  border-width: 0;
}

html[data-skin="nova"] .topbar-link, html[data-skin="nova"] .dropdown-item .btn {
  box-shadow: none !important;
}

html[data-skin="nova"] .card {
  box-shadow: 0 1px 2px #3c404333;
}

html[data-skin="nova"] .input-group[data-touchspin] > .form-input {
  box-shadow: none !important;
}

html[data-skin="nova"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="nova"][data-theme="dark"] .card, html[data-skin="nova"][data-theme="dark"] .dropdown-menu, html[data-skin="nova"][data-theme="dark"] .btn, html[data-skin="nova"][data-theme="dark"] .form-select, html[data-skin="nova"][data-theme="dark"] .form-control {
  border-width: 1px !important;
}

html[data-skin="elegant"] {
  --font-body: "Host Grotesk", sans-serif;
  --font-secondary: "Host Grotesk", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f7f7f5;
  --color-card: #fff;
  --color-primary: #f2c175;
  --color-primary-hover: #b69158;
  --color-secondary: #c19178;
  --color-secondary-hover: #916d5a;
  --color-success: #86ab4a;
  --color-success-hover: #658038;
  --color-info: #7ccdd0;
  --color-info-hover: #5d9a9c;
  --color-warning: #f90;
  --color-warning-hover: #bf7300;
  --color-danger: #db7474;
  --color-danger-hover: #a45757;
  --shadow: 0 4px 9px #22071f0d;
  --radius: 8px;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1.25rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 14px;
  --sidenav-sub-item-font-weight: 500;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="elegant"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #213648;
  --sidenav-item-hover-bg: #f7f7f5;
  --sidenav-item-active-color: #213648;
  --sidenav-item-active-bg: #f7f7f5;
}

html[data-skin="elegant"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #212b29;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="elegant"][data-menu-color="dark"] {
  --sidenav-bg: #1f1e30;
  --sidenav-border-color: #1f1e30;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #f2c175;
  --sidenav-item-active-color: #fff;
  --sidenav-item-active-bg: #f2c175;
}

html[data-skin="elegant"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(90deg, #3a1b0f 0%, #3a1c0c 100%);
  --sidenav-border-color: null;
  --sidenav-item-color: #81736c;
  --sidenav-item-hover-color: #ddb9a7;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #ddb9a7;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="elegant"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="elegant"][data-theme="dark"][data-menu-color="dark"], html[data-skin="elegant"][data-theme="dark"][data-menu-color="gray"], html[data-skin="elegant"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="elegant"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: #909ba5;
  --topbar-item-hover-color: #3d4247;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="elegant"][data-topbar-color="gray"] {
  --topbar-bg: #f7f7f5;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #f2c175;
  --topbar-search-bg: #ededed;
  --topbar-search-border: #ededed;
}

html[data-skin="elegant"][data-topbar-color="dark"] {
  --topbar-bg: #25313d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #313f4c;
  --topbar-search-border: #313f4c;
}

html[data-skin="elegant"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #2c1f0c, #56180d);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="elegant"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="elegant"][data-theme="dark"][data-topbar-color="light"], html[data-skin="elegant"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="elegant"] {
  --color-chart-primary: #f2c175;
  --color-chart-secondary: #c19178;
  --color-chart-alpha: #86ab4a;
  --color-chart-beta: #db7474;
  --color-chart-gamma: #f90;
  --color-chart-delta: #7ccdd0;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="elegant"] .app-header, html[data-skin="elegant"] .card {
  box-shadow: none;
}

html[data-skin="elegant"] .app-header.topbar-active {
  box-shadow: var(--shadow);
}

html[data-skin="elegant"] .pro-username {
  font-size: 14px;
  font-weight: 600;
}

html[data-skin="elegant"] .side-nav > .menu-item > .menu-link.active {
  border-radius: 50px;
}

html[data-skin="elegant"] .card .card-title {
  font-size: 16px;
  font-weight: 700;
}

html[data-skin="elegant"] h1, html[data-skin="elegant"] h2, html[data-skin="elegant"] h3, html[data-skin="elegant"] h4, html[data-skin="elegant"] h5, html[data-skin="elegant"] h6, html[data-skin="elegant"] .h1, html[data-skin="elegant"] .h2, html[data-skin="elegant"] .h3, html[data-skin="elegant"] .h4, html[data-skin="elegant"] .h5, html[data-skin="elegant"] .h6 {
  font-weight: 600;
}

html[data-skin="elegant"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="elegant"][data-theme="dark"] .card {
  border: 1px solid #293036;
}

html[data-skin="elegant"][data-theme="dark"] .card, html[data-skin="elegant"][data-theme="dark"] .hs-dropdown-menu, html[data-skin="elegant"][data-theme="dark"] .btn, html[data-skin="elegant"][data-theme="dark"] .form-select, html[data-skin="elegant"][data-theme="dark"] .form-input {
  border-width: 1px !important;
}

html[data-skin="vivid"] {
  --font-body: "Google Sans", sans-serif;
  --font-secondary: "Google Sans", sans-serif;
  --text-body: 13px;
  --color-body-bg: #fffaf4;
  --color-card: #fbf7f3;
  --color-primary: #37718e;
  --color-primary-hover: #29556b;
  --color-secondary: #f38ba0;
  --color-secondary-hover: #b66878;
  --color-success: #89aa97;
  --color-success-hover: #678071;
  --color-info: #5eabd6;
  --color-info-hover: #4780a1;
  --color-warning: #fab57a;
  --color-warning-hover: #bc885c;
  --color-danger: #c33c54;
  --color-danger-hover: #922d3f;
  --color-light: #f1ebe5;
  --color-light-hover: #b5b0ac;
  --shadow: 1px .1rem .5rem 0 #302d3b26;
  --color-default-300: #e7e3de;
  --color-default-400: #7e7591;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --radius: 8px;
  --radius-sm: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 12px;
  --sidenav-item-padding-x: 10px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: .84375rem;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: .84375rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="vivid"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fffaf4;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #37718e;
  --sidenav-item-hover-bg: #f7f7ff;
  --sidenav-item-active-color: #37718e;
  --sidenav-item-active-bg: #f7f7ff;
}

html[data-skin="vivid"][data-menu-color="gray"] {
  --sidenav-bg: #f3efea;
  --sidenav-border-color: #f3efea;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #212b29;
  --sidenav-item-hover-bg: #ebe6e0;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #ebe6e0;
}

html[data-skin="vivid"][data-menu-color="dark"] {
  --sidenav-bg: #383131;
  --sidenav-border-color: #383131;
  --sidenav-item-color: #9f9f9f;
  --sidenav-item-hover-color: #d5d5d5;
  --sidenav-item-hover-bg: #312a2a;
  --sidenav-item-active-color: #d5d5d5;
  --sidenav-item-active-bg: #312a2a;
}

html[data-skin="vivid"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(135deg, #1a455f, #262549);
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #294461;
}

html[data-skin="vivid"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #1e3447;
}

html[data-skin="vivid"][data-theme="dark"][data-menu-color="dark"], html[data-skin="vivid"][data-theme="dark"][data-menu-color="gray"], html[data-skin="vivid"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="vivid"][data-topbar-color="light"] {
  --topbar-bg: #f5f1ee;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #37718e;
  --topbar-search-bg: #edeae7;
  --topbar-search-border: #edeae7;
}

html[data-skin="vivid"][data-topbar-color="gray"] {
  --topbar-bg: #fffaf4;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #37718e;
  --topbar-search-bg: #f3f1ed;
  --topbar-search-border: #f3f1ed;
}

html[data-skin="vivid"][data-topbar-color="dark"] {
  --topbar-bg: #383131;
  --topbar-item-color: #e9ecf1;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #443f3f;
  --topbar-search-border: #443f3f;
}

html[data-skin="vivid"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #37718e, #3a3052);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="vivid"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="vivid"][data-theme="dark"][data-topbar-color="light"], html[data-skin="vivid"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="vivid"] {
  --color-chart-primary: #37718e;
  --color-chart-secondary: #f38ba0;
  --color-chart-alpha: #89aa97;
  --color-chart-beta: #c33c54;
  --color-chart-gamma: #fab57a;
  --color-chart-delta: #5eabd6;
  --color-chart-zeta: #6b3f69;
  --color-chart-gray: #f1eeea;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="vivid"] .card {
  border: 1px dashed var(--color-default-300);
  border-radius: 12px;
}

html[data-skin="vivid"] .app-menu, html[data-skin="vivid"] .app-header, html[data-skin="vivid"] .card {
  box-shadow: none;
}

html[data-skin="vivid"] .footer {
  background-color: #0000;
  border: none;
}

html[data-skin="vivid"] .dropdown-menu, html[data-skin="vivid"] .offcanvas {
  background-color: #fff;
}

@layer base {
  html[data-skin="vivid"] .btn {
    padding-block: .4532rem;
    padding-inline: 1rem;
  }

  html[data-skin="vivid"] .btn-sm {
    padding-block: .3125rem;
    padding-inline: .625rem;
  }
}

html[data-skin="vivid"] .side-nav > .menu-item > .menu-link.active {
  border-radius: 50px;
}

html[data-skin="vivid"] .pro-username {
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

html[data-skin="vivid"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="vivid"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="vivid"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="vivid"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-default-400: #8391a2;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="vivid"][data-theme="dark"] .dropdown-menu {
  background-color: #1b1c22;
}

html[data-skin="matrix"] {
  --font-body: "Nunito Sans", sans-serif;
  --font-secondary: "Nunito Sans", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f6f7fb;
  --color-card: #fff;
  --color-primary: #276ff0;
  --color-primary-hover: #1d53b4;
  --color-secondary: #4d4e8d;
  --color-secondary-hover: #3a3b6a;
  --color-success: #49ac9f;
  --color-success-hover: #378177;
  --color-info: #11afd5;
  --color-info-hover: #0d83a0;
  --color-warning: #f87153;
  --color-warning-hover: #ba553e;
  --color-danger: #e14f62;
  --color-danger-hover: #a93b4a;
  --color-default-300: #eaeef3;
  --radius: 8px;
  --shadow: 0 2px 5px #393e501a;
  --spacing-base: 1.5rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 8px;
  --sidenav-item-font-size: .8725rem;
  --sidenav-item-font-weight: 400;
  --sidenav-sub-item-font-size: .8725rem;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="matrix"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #276ff0;
  --sidenav-item-hover-bg: #fff;
  --sidenav-item-active-color: #1d2022;
  --sidenav-item-active-bg: #fff;
}

html[data-skin="matrix"][data-menu-color="gray"] {
  --sidenav-bg: #f7f7f7;
  --sidenav-border-color: #f7f7f7;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #212b29;
  --sidenav-item-hover-bg: #fff;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #fff;
}

html[data-skin="matrix"][data-menu-color="dark"] {
  --sidenav-bg: #262f3c;
  --sidenav-border-color: #262f3c;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2c3849;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #2c3849;
}

html[data-skin="matrix"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #1a5c5f, #254449);
  --sidenav-border-color: null;
  --sidenav-item-color: #73a6ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="matrix"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="matrix"][data-theme="dark"][data-menu-color="dark"], html[data-skin="matrix"][data-theme="dark"][data-menu-color="gray"], html[data-skin="matrix"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="matrix"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #276ff0;
  --topbar-search-bg: #f1f4f9;
  --topbar-search-border: #f1f4f9;
}

html[data-skin="matrix"][data-topbar-color="gray"] {
  --topbar-bg: #f2f2f2;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #276ff0;
  --topbar-search-bg: #eff3f9;
  --topbar-search-border: #eff3f9;
}

html[data-skin="matrix"][data-topbar-color="dark"] {
  --topbar-bg: #354152;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2c3849;
  --topbar-search-border: #2c3849;
}

html[data-skin="matrix"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #1a5c5f, #254449);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="matrix"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="matrix"][data-theme="dark"][data-topbar-color="light"], html[data-skin="matrix"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="matrix"] {
  --color-chart-primary: #276ff0;
  --color-chart-secondary: #4d4e8d;
  --color-chart-alpha: #49ac9f;
  --color-chart-beta: #e14f62;
  --color-chart-gamma: #f87153;
  --color-chart-delta: #11afd5;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="matrix"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-primary: #456882;
  --color-primary: #456882;
  --color-primary-hover: #344e62;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="matrix"][data-theme="dark"] .card, html[data-skin="matrix"][data-theme="dark"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

html[data-skin="matrix"] .card {
  border: 1px solid var(--color-default-300);
  box-shadow: 0 2px 5px #393e501a;
}

html[data-skin="matrix"] .page-content {
  border: 1px solid var(--color-default-300);
  border-top: 0;
}

html[data-skin="matrix"] .page-content main {
  padding-inline: calc(var(--spacing) * 5.5);
}

html[data-skin="matrix"] .wrapper {
  border-inline-end-style: var(--tw-border-style);
  background-color: var(--color-card);
  border-inline-end-width: 15px;
  border-right-color: var(--sidenav-bg);
  box-shadow: var(--shadow);
}

html[data-skin="matrix"] .wrapper:after {
  content: "";
  background-color: var(--sidenav-bg);
  width: 100%;
  height: 15px;
  position: fixed;
  bottom: 0;
  left: 0;
}

html[data-skin="matrix"] .wrapper:before {
  content: "";
  background: var(--sidenav-bg);
  z-index: 1;
  width: 20px;
  height: 20px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  transform: rotate(270deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-skin="matrix"] .app-menu {
  z-index: 50;
  box-shadow: none;
  border-right: none;
}

html[data-skin="matrix"] .app-menu:after {
  content: "";
  background: var(--sidenav-bg);
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 15px;
  right: -20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C0 11.0457 8.95431 20 20 20H0V0Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-skin="matrix"] .app-header {
  background: var(--sidenav-bg);
  border-top: 15px solid var(--sidenav-bg);
  box-shadow: none;
}

html[data-skin="matrix"] .app-header > .container-fluid {
  height: var(--topbar-height);
  background: var(--topbar-bg);
  border: 1px solid var(--color-default-300);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

html[data-skin="matrix"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="matrix"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="matrix"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="matrix"] .side-nav > .menu-item > .menu-link.active {
  box-shadow: var(--shadow);
  border-radius: 50px;
}

html[data-skin="matrix"] .pro-username {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}

html[data-skin="matrix"] .card .card-title {
  font-weight: var(--font-weight-bold);
}

html[data-skin="matrix"] .btn {
  font-weight: var(--font-weight-normal);
}

html[data-skin="matrix"] .footer {
  background-color: #0000;
  border: none;
  padding: 0 .75rem calc(1.5rem + 15px);
}

:is(html[data-skin="matrix"][data-topbar-color="dark"], html[data-skin="matrix"][data-topbar-color="gradient"]) .app-header > .container-fluid {
  border: 0;
}

:is(html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="dark"]:not([data-theme="dark"]), html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="gradient"]:not([data-theme="dark"])) .app-header {
  border-radius: 0;
}

:is(html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="dark"]:not([data-theme="dark"]), html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="gradient"]:not([data-theme="dark"])) .app-menu .logo-box {
  background: none;
}

:is(html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="dark"]:not([data-theme="dark"]), html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="gradient"]:not([data-theme="dark"])) .app-menu .logo-box .logo-light {
  display: none;
}

:is(html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="dark"]:not([data-theme="dark"]), html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="gradient"]:not([data-theme="dark"])) .app-menu .logo-box .logo-dark {
  display: block;
}

:is(html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="dark"]:not([data-theme="dark"]), html[data-skin="matrix"][data-menu-color="light"][data-topbar-color="gradient"]:not([data-theme="dark"])) .app-menu .button-on-hover {
  color: var(--sidenav-item-color) !important;
}

html[data-skin="neo"] {
  --font-body: "Inter", sans-serif;
  --font-secondary: "Inter", sans-serif;
  --text-body: 13px;
  --color-body-bg: #fff;
  --color-card: #fff;
  --color-primary: #4f7fb3;
  --color-primary-hover: #3b5f86;
  --color-secondary: #97a9bd;
  --color-secondary-hover: #717f8e;
  --color-success: #6fbfa5;
  --color-success-hover: #538f7c;
  --color-info: #6db6e6;
  --color-info-hover: #5289ad;
  --color-warning: #e6c06f;
  --color-warning-hover: #ad9053;
  --color-danger: #e38c8c;
  --color-danger-hover: #aa6969;
  --shadow: 0 4px 9px #22071f0d;
  --text-sm: 13px;
  --radius: 4px;
  --spacing-base: .75rem;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.25rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 13px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="neo"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #e2e7ec;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #213648;
  --sidenav-item-hover-bg: #f7f7f5;
  --sidenav-item-active-color: #213648;
  --sidenav-item-active-bg: #f7f7f5;
}

html[data-skin="neo"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #e9eaf1;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #212b29;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="neo"][data-menu-color="dark"] {
  --sidenav-bg: #1f1e30;
  --sidenav-border-color: #1f1e30;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2e2d3e;
  --sidenav-item-active-color: #c0cedf;
  --sidenav-item-active-bg: #2e2d3e;
}

html[data-skin="neo"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(90deg, #4f7fb3 0%, #3b5f86 100%);
  --sidenav-border-color: null;
  --sidenav-item-color: #99b8d9;
  --sidenav-item-hover-color: #cee4fb;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cee4fb;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="neo"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="neo"][data-theme="dark"][data-menu-color="dark"], html[data-skin="neo"][data-theme="dark"][data-menu-color="gray"], html[data-skin="neo"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="neo"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: #909ba5;
  --topbar-item-hover-color: #3d4247;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="neo"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #4f7fb3;
  --topbar-search-bg: #eaecf3;
  --topbar-search-border: #eaecf3;
}

html[data-skin="neo"][data-topbar-color="dark"] {
  --topbar-bg: #25313d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #313f4c;
  --topbar-search-border: #313f4c;
}

html[data-skin="neo"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #4f7fb3, #3b5f86);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="neo"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="neo"][data-theme="dark"][data-topbar-color="light"], html[data-skin="neo"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="neo"] {
  --color-chart-primary: #4f7fb3;
  --color-chart-secondary: #97a9bd;
  --color-chart-alpha: #6fbfa5;
  --color-chart-beta: #e38c8c;
  --color-chart-gamma: #e6c06f;
  --color-chart-delta: #6db6e6;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="neo"] .app-header, html[data-skin="neo"] .card, html[data-skin="neo"] .app-menu {
  box-shadow: none;
}

html[data-skin="neo"] .app-menu {
  border-inline-end: 1px solid var(--color-default-300);
}

html[data-skin="neo"] .app-header {
  border-bottom: 1px solid var(--color-default-300);
}

html[data-skin="neo"] .app-header.topbar-active {
  box-shadow: var(--shadow);
}

html[data-skin="neo"] .pro-username {
  font-weight: 600;
}

html[data-skin="neo"] .btn {
  font-weight: normal;
}

html[data-skin="neo"] .btn, html[data-skin="neo"] [class*=" bg-"], html[data-skin="neo"] [class^="bg-"], html[data-skin="neo"] .page-link, html[data-skin="neo"] .nav-pills .nav-link.active, html[data-skin="neo"] .nav-pills .show > .nav-link, html[data-skin="neo"] [data-hs-stepper-nav-item] button.active, html[data-skin="neo"] .special-menu, html[data-skin="neo"] .noUi-connect {
  box-shadow: var(--shadow-sm);
  background-image: linear-gradient(#ffffff4d, #fff0);
}

html[data-skin="neo"] .card {
  border: 1px dashed var(--color-default-300);
}

html[data-skin="neo"] .card .card-title {
  font-weight: 600;
}

html[data-skin="neo"] .topbar-link, html[data-skin="neo"] .dropdown-item .btn {
  box-shadow: none !important;
  background-image: none !important;
}

html[data-skin="neo"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="neo"][data-theme="dark"] .card, html[data-skin="neo"][data-theme="dark"] .hs-dropdown-menu, html[data-skin="neo"][data-theme="dark"] .btn, html[data-skin="neo"][data-theme="dark"] .form-select, html[data-skin="neo"][data-theme="dark"] .form-input {
  border-width: 1px !important;
}

html[data-skin="neo"][data-theme="dark"] .btn, html[data-skin="neo"][data-theme="dark"] [class*="bg-"], html[data-skin="neo"][data-theme="dark"] [class^="bg-"], html[data-skin="neo"][data-theme="dark"] .page-link, html[data-skin="neo"][data-theme="dark"] .nav-pills .nav-link.active, html[data-skin="neo"][data-theme="dark"] [data-hs-stepper-nav-item] button.active, html[data-skin="neo"][data-theme="dark"] .nav-pills .show > .nav-link, html[data-skin="neo"][data-theme="dark"] .special-menu, html[data-skin="neo"][data-theme="dark"] .noUi-connect {
  box-shadow: none;
  background-image: linear-gradient(#ffffff0d, #fff0);
}

html[data-skin="xenon"] {
  --font-body: "IBM Plex Mono", sans-serif;
  --font-secondary: "IBM Plex Mono", sans-serif;
  --text-body: 13px;
  --color-body-bg: #f4f6f9;
  --color-card: #fff;
  --color-primary: #2d3c59;
  --color-primary-hover: #222d43;
  --color-secondary: #1d546d;
  --color-secondary-hover: #163f52;
  --color-success: #5f9598;
  --color-success-hover: #477072;
  --color-info: #3f9aae;
  --color-info-hover: #2f7483;
  --color-warning: #d97d55;
  --color-warning-hover: #a35e40;
  --color-danger: #d34e4e;
  --color-danger-hover: #9e3b3b;
  --shadow: 0 1px 3px #393e5033;
  --text-sm: 13px;
  --spacing-base: .5rem;
  --font-weight-medium: 600;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 13px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="xenon"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #2d3c59;
  --sidenav-item-hover-bg: #f4f6f9;
  --sidenav-item-active-color: #2d3c59;
  --sidenav-item-active-bg: #f4f6f9;
}

html[data-skin="xenon"][data-menu-color="gray"] {
  --sidenav-bg: #e4e9f1;
  --sidenav-border-color: #e4e9f1;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #212b29;
  --sidenav-item-hover-bg: #dadfe5;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #dadfe5;
}

html[data-skin="xenon"][data-menu-color="dark"] {
  --sidenav-bg: #061e29;
  --sidenav-border-color: #061e29;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #ffffff0d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #ffffff0d;
}

html[data-skin="xenon"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #2d3c59, #1d546d);
  --sidenav-border-color: null;
  --sidenav-item-color: #7386a3;
  --sidenav-item-hover-color: #b3c9eb;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="xenon"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="xenon"][data-theme="dark"][data-menu-color="dark"], html[data-skin="xenon"][data-theme="dark"][data-menu-color="gray"], html[data-skin="xenon"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="xenon"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #2d3c59;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="xenon"][data-topbar-color="gray"] {
  --topbar-bg: #f2f2f2;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #2d3c59;
  --topbar-search-bg: #e4e6ed;
  --topbar-search-border: #e4e6ed;
}

html[data-skin="xenon"][data-topbar-color="dark"] {
  --topbar-bg: #354152;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2c3849;
  --topbar-search-border: #2c3849;
}

html[data-skin="xenon"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #2d3c59, #1d546d);
  --topbar-item-color: #a7b8d1;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="xenon"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="xenon"][data-theme="dark"][data-topbar-color="light"], html[data-skin="xenon"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="xenon"] {
  --color-chart-primary: #2d3c59;
  --color-chart-secondary: #d97d55;
  --color-chart-alpha: #5f9598;
  --color-chart-beta: #d34e4e;
  --color-chart-gamma: #1d546d;
  --color-chart-delta: #3f9aae;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="xenon"] .page-content main {
  padding-inline: calc(var(--spacing) * 3.5);
}

html[data-skin="xenon"] .card {
  box-shadow: none;
}

html[data-skin="xenon"] .card .card-title {
  font-weight: 700;
}

html[data-skin="xenon"] .btn {
  font-weight: var(--font-weight-normal);
}

html[data-skin="xenon"] .app-header {
  box-shadow: none;
}

html[data-skin="xenon"] .app-header.topbar-active {
  box-shadow: var(--shadow-sm);
}

html[data-skin="xenon"] .sidenav-menu {
  box-shadow: none;
  border-right: 1px solid var(--sidenav-border-color);
}

html[data-skin="xenon"] .page-title-head {
  height: 50px;
}

html[data-skin="xenon"] .footer {
  background-color: #0000;
  border: none;
  padding: 0 .5rem .5rem;
}

html[data-skin="xenon"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-300: #293036;
  --color-chart-primary: #456882;
  --color-chart-gray: #40424f;
  --color-primary: #456882;
  --color-primary-hover: #344e62;
  --color-chart-border-color: #242c31;
}

html[data-skin="xenon"][data-theme="dark"] .card, html[data-skin="xenon"][data-theme="dark"] .hs-dropdown-menu {
  border: 1px solid var(--color-default-300) !important;
}

:is(html[data-skin="xenon"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="xenon"][data-menu-color="light"][data-topbar-color="gradient"]) .app-haeder {
  border-radius: 0;
}

:is(html[data-skin="xenon"][data-menu-color="light"][data-topbar-color="dark"], html[data-skin="xenon"][data-menu-color="light"][data-topbar-color="gradient"]) .app-menu:before {
  display: none;
}

html[data-skin="xenon"][dir="rtl"] .app-menu:before {
  transform: rotate(-90deg);
}

html[data-skin="xenon"][dir="rtl"] .app-menu:after {
  transform: rotate(90deg);
}

html[data-skin="crystal"] {
  --font-body: "Cabin", sans-serif;
  --font-secondary: "Cabin", sans-serif;
  --text-body: 14px;
  --color-body-bg: #fcfdff;
  --color-card: #fff;
  --color-primary: #2c5784;
  --color-primary-hover: #214163;
  --color-secondary: #568f87;
  --color-secondary-hover: #416b65;
  --color-success: #49bf88;
  --color-success-hover: #378f66;
  --color-info: #78c3de;
  --color-info-hover: #5a92a7;
  --color-warning: #f9c271;
  --color-warning-hover: #bb9255;
  --color-danger: #e68879;
  --color-danger-hover: #ad665b;
  --color-default-300: #e5eaf1;
  --shadow: 0 2px 5px #393e500d;
  --text-sm: 13px;
  --text-base: 15px;
  --radius: 8px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 18px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 14px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="crystal"][data-menu-color="light"] {
  --sidenav-bg: #fff;
  --sidenav-border-color: #edf4ff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #2c5784;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #2c5784;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="crystal"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #2c5784;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="crystal"][data-menu-color="dark"] {
  --sidenav-bg: #373e46;
  --sidenav-border-color: #373e46;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #3d444c;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #3d444c;
}

html[data-skin="crystal"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #1f3f60, #2e3758);
  --sidenav-border-color: null;
  --sidenav-item-color: #6d86a3;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="crystal"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repea;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="crystal"][data-theme="dark"][data-menu-color="dark"], html[data-skin="crystal"][data-theme="dark"][data-menu-color="gray"], html[data-skin="crystal"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="crystal"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #2c5784;
  --topbar-search-bg: transparent;
  --topbar-search-border: #e7e9eb;
}

html[data-skin="crystal"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #2c5784;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="crystal"][data-topbar-color="dark"] {
  --topbar-bg: #373e46;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #3f4751;
  --topbar-search-border: #3f4751;
}

html[data-skin="crystal"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #224262, #345864);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="crystal"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="crystal"][data-theme="dark"][data-topbar-color="light"], html[data-skin="crystal"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="crystal"] {
  --color-chart-primary: #2c5784;
  --color-chart-secondary: #568f87;
  --color-chart-alpha: #f9c271;
  --color-chart-beta: #e68879;
  --color-chart-gamma: #78c3de;
  --color-chart-delta: #49bf88;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="crystal"] .pro-username {
  font-size: 13px;
  font-weight: 700;
}

html[data-skin="crystal"] .app-header {
  border-bottom: 1px solid var(--color-default-300);
}

html[data-skin="crystal"] .card {
  border: 1px solid var(--color-default-300);
}

html[data-skin="crystal"] .card .card-header {
  background-color: #eef2f780;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-skin="crystal"] .card .card-header {
    background-color: color-mix(in oklab, var(--color-light) 50%, transparent);
  }
}

html[data-skin="crystal"] .card .card-title {
  font-size: 16px;
  font-weight: 600;
}

html[data-skin="crystal"] .nav-link.active {
  background-color: #0000 !important;
}

html[data-skin="crystal"] .side-nav > .menu-item > .menu-link.active {
  background-image: linear-gradient(#ffffff0d, #2c57841a);
}

html[data-skin="crystal"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="crystal"][data-theme="dark"] .card {
  border: 1px solid #293036;
}

html[data-skin="crystal"][data-theme="dark"] .card, html[data-skin="crystal"][data-theme="dark"] .hs-dropdown-menu, html[data-skin="crystal"][data-theme="dark"] .btn, html[data-skin="crystal"][data-theme="dark"] .form-select, html[data-skin="crystal"][data-theme="dark"] .form-input {
  border-width: 1px !important;
}

html[data-skin="aurora"] {
  --font-body: "Be Vietnam Pro", sans-serif;
  --font-secondary: "Be Vietnam Pro", sans-serif;
  --text-body: 14px;
  --color-body-bg: #ecf2f7;
  --color-card: #fff;
  --color-primary: #67406c;
  --color-primary-hover: #4d3051;
  --color-secondary: #8f85c5;
  --color-secondary-hover: #6b6494;
  --color-success: #6fbf9c;
  --color-success-hover: #538f75;
  --color-info: #a3c6db;
  --color-info-hover: #7a95a4;
  --color-warning: #d3c090;
  --color-warning-hover: #9e906c;
  --color-danger: #df9888;
  --color-danger-hover: #a77266;
  --shadow: 0 4px 9px #22071f0d;
  --text-sm: 13px;
  --text-base: 15px;
  --radius: 8px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1.125rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 10px;
  --sidenav-item-font-size: 13px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 13px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="aurora"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #edf2f9;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #67406c;
  --sidenav-item-hover-bg: #ede8ed;
  --sidenav-item-active-color: #67406c;
  --sidenav-item-active-bg: #ede8ed;
}

html[data-skin="aurora"][data-menu-color="gray"] {
  --sidenav-bg: #e5ecf1;
  --sidenav-border-color: #e5ecf1;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #67406c;
  --sidenav-item-hover-bg: #dbe3e9;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #dbe3e9;
}

html[data-skin="aurora"][data-menu-color="dark"] {
  --sidenav-bg: #2a132d;
  --sidenav-border-color: #2a132d;
  --sidenav-item-color: #af8fb3;
  --sidenav-item-hover-color: #d1aed5;
  --sidenav-item-hover-bg: #351d39;
  --sidenav-item-active-color: #d1aed5;
  --sidenav-item-active-bg: #351d39;
}

html[data-skin="aurora"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #3a243c, #55305a);
  --sidenav-border-color: null;
  --sidenav-item-color: #907095;
  --sidenav-item-hover-color: #e2b4e9;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #e2b4e9;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="aurora"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="aurora"][data-theme="dark"][data-menu-color="dark"], html[data-skin="aurora"][data-theme="dark"][data-menu-color="gray"], html[data-skin="aurora"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="aurora"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #67406c;
  --topbar-search-bg: #f0f5f9;
  --topbar-search-border: #f0f5f9;
}

html[data-skin="aurora"][data-topbar-color="gray"] {
  --topbar-bg: #ecf2f7;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #67406c;
  --topbar-search-bg: #dfe8ef;
  --topbar-search-border: #dfe8ef;
}

html[data-skin="aurora"][data-topbar-color="dark"] {
  --topbar-bg: #2a132d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #3d2240;
  --topbar-search-border: #3d2240;
}

html[data-skin="aurora"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #3a243c, #55305a);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="aurora"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="aurora"][data-theme="dark"][data-topbar-color="light"], html[data-skin="aurora"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="aurora"] {
  --color-chart-primary: #67406c;
  --color-chart-secondary: #8f85c5;
  --color-chart-alpha: #6fbf9c;
  --color-chart-beta: #df9888;
  --color-chart-gamma: #d3c090;
  --color-chart-delta: #a3c6db;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="aurora"] {
  --spacing-base: .75rem;
}

html[data-skin="aurora"] .page-title-head, html[data-skin="aurora"] .container-fluid {
  max-width: 1400px;
  margin-inline: auto;
}

html[data-skin="aurora"] .app-header, html[data-skin="aurora"] .card {
  box-shadow: none;
}

html[data-skin="aurora"] .app-header.topbar-active {
  box-shadow: var(--shadow-sm);
}

html[data-skin="aurora"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) {
  background-color: var(--topbar-search-bg);
  border-radius: 50rem;
  width: 32px;
  height: 32px;
}

html[data-skin="aurora"] .app-header .topbar-item .topbar-link:has(.topbar-link-icon) .topbar-link-icon {
  font-size: 18px;
}

html[data-skin="aurora"] .app-header .topbar-item .badge {
  top: calc(var(--spacing) * -2) !important;
  padding-top: var(--spacing) !important;
}

html[data-skin="aurora"] .app-header .topbar-item .topbar-link {
  outline-style: var(--tw-outline-style) !important;
  outline-width: 0 !important;
}

html[data-skin="aurora"] .app-header .container-fluid {
  padding: 0 !important;
}

html[data-skin="aurora"] .card {
  box-shadow: none;
}

html[data-skin="aurora"] .card .card-title {
  font-size: 15px;
}

html[data-skin="aurora"] .footer {
  background-color: #0000;
  border: none;
  padding: 0 0 .75rem;
}

html[data-skin="aurora"] .side-nav > .menu-item > .menu-link.active {
  border-radius: 50px;
}

html[data-skin="aurora"] .btn {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-color: currentColor !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-skin="aurora"] .btn {
    outline-color: color-mix(in oklab, currentcolor 50%, transparent) !important;
  }
}

html[data-skin="aurora"] .btn {
  --tw-outline-style: dashed;
  outline-offset: -4px;
  outline-style: dashed;
  font-weight: normal;
}

html[data-skin="aurora"] .btn.bg-light {
  outline-color: #313a4640 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-skin="aurora"] .btn.bg-light {
    outline-color: color-mix(in oklab, var(--color-dark) 25%, transparent) !important;
  }
}

html[data-skin="aurora"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="aurora"][data-theme="dark"] .card {
  border: 1px solid #293036;
}

html[data-skin="aurora"][data-theme="dark"] .card, html[data-skin="aurora"][data-theme="dark"] .hs-dropdown-menu, html[data-skin="aurora"][data-theme="dark"] .btn, html[data-skin="aurora"][data-theme="dark"] .form-select, html[data-skin="aurora"][data-theme="dark"] .form-input {
  border-width: 1px !important;
}

html[data-skin="orbit"] {
  --font-body: "Supreme", sans-serif;
  --font-secondary: "Supreme", sans-serif;
  --text-body: 14px;
  --color-body-bg: #f3f6f9;
  --color-card: #fff;
  --color-primary: #39379e;
  --color-primary-hover: #2b2977;
  --color-secondary: #888fdf;
  --color-secondary-hover: #666ba7;
  --color-success: #57b78a;
  --color-success-hover: #418968;
  --color-info: #7fd1cd;
  --color-info-hover: #5f9d9a;
  --color-warning: #e6a66f;
  --color-warning-hover: #ad7d53;
  --color-danger: #fb764a;
  --color-danger-hover: #bc5938;
  --color-default-300: #e5eaf1;
  --shadow: 0 2px 4px #38414a33;
  --radius: 6px;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --sidenav-item-icon-size: 1rem;
  --sidenav-item-gap: 10px;
  --sidenav-item-padding-x: 12px;
  --sidenav-item-padding-y: 9px;
  --sidenav-item-font-size: 14px;
  --sidenav-item-font-weight: 500;
  --sidenav-sub-item-font-size: 14px;
  --sidenav-sub-item-font-weight: 400;
  --sidenav-sub-item-gap: 4px;
  --sidenav-sub-item-padding-x: 10px;
  --sidenav-sub-item-padding-y: 7px;
}

html[data-skin="orbit"][data-menu-color="light"] {
  --sidenav-bg: white;
  --sidenav-border-color: #fff;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #39379e;
  --sidenav-item-hover-bg: #eff1fc;
  --sidenav-item-active-color: #39379e;
  --sidenav-item-active-bg: #eff1fc;
}

html[data-skin="orbit"][data-menu-color="gray"] {
  --sidenav-bg: #f6f7fb;
  --sidenav-border-color: #f6f7fb;
  --sidenav-item-color: var(--color-default-700);
  --sidenav-item-hover-color: #39379e;
  --sidenav-item-hover-bg: #eaecf3;
  --sidenav-item-active-color: #212b29;
  --sidenav-item-active-bg: #eaecf3;
}

html[data-skin="orbit"][data-menu-color="dark"] {
  --sidenav-bg: #2b3845;
  --sidenav-border-color: #2b3845;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #34404d;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #34404d;
}

html[data-skin="orbit"][data-menu-color="gradient"] {
  --sidenav-bg: linear-gradient(to right, #2d2c70, #5f7191);
  --sidenav-border-color: null;
  --sidenav-item-color: #9ba0c9;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #dbecff0d;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="orbit"][data-menu-color="image"] {
  --sidenav-bg: linear-gradient(to bottom right, #10101ed9, #183c52), url("../media/sidenav-bg.0alj0p69vsuny.jpg") center/cover no-repeat;
  --sidenav-border-color: null;
  --sidenav-item-color: #799cb7;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #cfdff1;
  --sidenav-item-active-bg: #dbecff0d;
}

html[data-skin="orbit"][data-theme="dark"][data-menu-color="dark"], html[data-skin="orbit"][data-theme="dark"][data-menu-color="gray"], html[data-skin="orbit"][data-theme="dark"][data-menu-color="light"] {
  --sidenav-bg: #1e1f27;
  --sidenav-border-color: #2c2d38;
  --sidenav-item-color: #8495ab;
  --sidenav-item-hover-color: #bccee4;
  --sidenav-item-hover-bg: #2f3742;
  --sidenav-item-active-color: #ced6df;
  --sidenav-item-active-bg: #22232c;
}

html[data-skin="orbit"][data-topbar-color="light"] {
  --topbar-bg: #fff;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #39379e;
  --topbar-search-bg: #f3f6f9;
  --topbar-search-border: #f3f6f9;
}

html[data-skin="orbit"][data-topbar-color="gray"] {
  --topbar-bg: #f6f7fb;
  --topbar-item-color: var(--color-default-700);
  --topbar-item-hover-color: #39379e;
  --topbar-search-bg: #eceef5;
  --topbar-search-border: #eceef5;
}

html[data-skin="orbit"][data-topbar-color="dark"] {
  --topbar-bg: #25313d;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #313f4c;
  --topbar-search-border: #313f4c;
}

html[data-skin="orbit"][data-topbar-color="gradient"] {
  --topbar-bg: linear-gradient(to bottom, #3d4888, #52588e);
  --topbar-item-color: #ffffffb3;
  --topbar-item-hover-color: #fff;
  --topbar-search-bg: #ffffff1a;
  --topbar-search-border: #ffffff1a;
}

html[data-skin="orbit"][data-theme="dark"][data-topbar-color="dark"], html[data-skin="orbit"][data-theme="dark"][data-topbar-color="light"], html[data-skin="orbit"][data-theme="dark"][data-topbar-color="gray"] {
  --topbar-bg: #252630;
  --topbar-item-color: #adb5bf;
  --topbar-item-hover-color: #e0eeff;
  --topbar-search-bg: #2d2e3c;
  --topbar-search-border: #2d2e3c;
}

html[data-skin="orbit"] {
  --color-chart-primary: #57b78a;
  --color-chart-secondary: #7fd1cd;
  --color-chart-alpha: #39379e;
  --color-chart-beta: #fb764a;
  --color-chart-gamma: #e6a66f;
  --color-chart-delta: #888fdf;
  --color-chart-zeta: #6070cc;
  --color-chart-gray: #edeff3;
  --color-chart-dark: #396699;
  --color-chart-border-color: #ecf4fc;
  --color-chart-title-color: #bbcae1;
}

html[data-skin="orbit"] .pro-username, html[data-skin="orbit"] th {
  font-weight: 600;
}

html[data-skin="orbit"] .app-header {
  box-shadow: 0 3px 4px #00000008;
}

@layer components {
  html[data-skin="orbit"] .app-header .form-input {
    border-radius: 6px !important;
  }
}

html[data-skin="orbit"] .card {
  box-shadow: 0 3px 4px #00000008;
}

html[data-skin="orbit"] .card .card-title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

html[data-skin="orbit"] .btn, html[data-skin="orbit"] .side-nav > .menu-item > .menu-link.active {
  position: relative;
  overflow: hidden;
}

:is(html[data-skin="orbit"] .btn, html[data-skin="orbit"] .side-nav > .menu-item > .menu-link.active):before {
  content: "";
  border-radius: 100%;
  animation: 1s linear infinite ripple;
  display: block;
}

:is(html[data-skin="orbit"] .btn, html[data-skin="orbit"] .side-nav > .menu-item > .menu-link.active) .menu-icon {
  margin-inline-start: calc(var(--sidenav-item-gap) * -1);
}

html[data-skin="orbit"] .btn:before {
  --tw-translate-x: calc(var(--spacing) * 2);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  margin-inline-start: calc(var(--spacing) * -2);
}

html[data-skin="orbit"] .app-header .topbar-item .topbar-link.btn:before {
  display: none;
}

html[data-skin="orbit"] #user-dropdown-detailed {
  background-color: var(--topbar-search-bg);
  outline-style: solid;
  outline-color: var(--topbar-bg);
  outline-offset: -4px;
  border-radius: 6px;
}

html[data-skin="orbit"] #user-dropdown-detailed:before {
  display: none;
}

html[data-skin="orbit"][data-topbar-color="gradient"] .nav-user {
  outline-color: #ffffff0d;
}

:is(html[data-skin="orbit"][data-menu-color="light"]:not([data-theme="dark"]), html[data-skin="orbit"][data-menu-color="gray"]:not([data-theme="dark"])) .side-nav > .menu-item > .menu-link.active:before {
  animation: 1s linear infinite rippleDark;
}

html[data-skin="orbit"][data-theme="dark"] {
  --color-body-bg: #17181e;
  --color-card: #1b1c22;
  --shadow: 0px 0px 30px #0000004d;
  --color-default-100: #252630;
  --color-default-300: #293036;
  --color-chart-gray: #40424f;
  --color-chart-border-color: #242c31;
}

html[data-skin="orbit"][data-theme="dark"] .card {
  border: 1px solid #293036;
}

html[data-skin="orbit"][data-theme="dark"] .card, html[data-skin="orbit"][data-theme="dark"] .hs-dropdown-menu, html[data-skin="orbit"][data-theme="dark"] .btn, html[data-skin="orbit"][data-theme="dark"] .form-select, html[data-skin="orbit"][data-theme="dark"] .form-input {
  border-width: 1px !important;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 20px color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 40px color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 60px color-mix(in oklab, var(--color-body-bg) 10%, transparent);
  }

  100% {
    box-shadow: 0 0 0 20px color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 40px color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 60px color-mix(in oklab, var(--color-body-bg) 10%, transparent), 0 0 0 80px #fff0;
  }
}

@keyframes rippleDark {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 20px color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 40px color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 60px color-mix(in oklab, var(--color-dark) 5%, transparent);
  }

  100% {
    box-shadow: 0 0 0 20px color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 40px color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 60px color-mix(in oklab, var(--color-dark) 5%, transparent), 0 0 0 80px #fff0;
  }
}

.wrapper {
  width: 100%;
  height: 100%;
}

.page-content {
  min-height: calc(100dvh - (var(--topbar-height)));
  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: .3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .3s;
  transition-timing-function: var(--ease-in-out);
  flex-direction: column;
  flex-grow: 1;
  margin-inline-start: var(--sidenav-width);
  transition-property: width, margin;
  display: flex;
}

.page-content main {
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 5);
  flex-grow: 1;
}

.logo-box {
  min-height: var(--topbar-height);
  padding-inline: calc(var(--spacing) * 6);
  --tw-backdrop-blur: blur(var(--blur-xs));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.logo-box .logo-lg img {
  height: var(--logo-lg-height);
}

.logo-box .logo-sm img {
  height: var(--logo-sm-height);
}

.logo-box .logo-sm, .logo-box .logo-light {
  display: none;
}

.page-main-title {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-body-color);
}

.page-title-head {
  height: calc(var(--spacing) * 15);
  align-items: center;
  gap: calc(var(--spacing) * 2);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

@media (min-width: 48rem) {
  .page-title-head {
    justify-content: space-between;
  }
}

:is(html[data-theme="dark"], html[data-menu-color="dark"], html[data-menu-color="image"], html[data-menu-color="gradient"], html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .logo-box .logo-light {
  display: block;
}

:is(html[data-theme="dark"], html[data-menu-color="dark"], html[data-menu-color="image"], html[data-menu-color="gradient"], html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .logo-box .logo-dark {
  display: none;
}

html.sidebar-no-icons .app-menu .menu-icon {
  display: none;
}

html.sidebar-with-line .sub-menu {
  position: relative;
}

html.sidebar-with-line .sub-menu:before {
  content: "";
  width: 1px;
  top: 5px;
  bottom: calc(var(--sidenav-item-padding-x) + 4px);
  border-left: 1px dashed var(--sidenav-item-color);
  opacity: .5;
  position: absolute;
  inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px);
}

html.sidebar-with-line .sub-menu .sub-menu:before {
  inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px + 14px);
}

html.sidebar-with-line .sub-menu .menu-link:before {
  content: "";
  width: var(--sidenav-item-padding-x);
  height: 1px;
  border-top: 1px dashed var(--sidenav-item-color);
  opacity: .5;
  position: absolute;
  inset-inline-start: calc(var(--sidenav-item-icon-size) * -.8);
}

html.sidebar-with-line .sub-menu .menu-link:after {
  content: "";
  background-color: var(--sidenav-item-color);
  opacity: .5;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  inset-inline-start: 0;
}

html[data-layout-width="boxed"] body {
  background-color: var(--color-default-100);
}

html[data-layout-width="boxed"] .wrapper {
  width: 100%;
  max-width: calc(var(--spacing) * 335);
  background-color: var(--color-body-bg);
  --tw-shadow: 0 .25rem 1rem var(--tw-shadow-color, #4c4c5c33);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  margin-inline: auto;
}

html[data-layout-width="boxed"] .app-header {
  margin-inline-end: -1px;
  position: sticky;
}

html[data-layout-position="scrollable"] .page-content {
  margin-top: 0;
  position: relative;
}

html[data-layout-position="scrollable"] .app-menu {
  height: 100%;
  min-height: 100%;
  position: absolute !important;
}

html[data-layout-position="scrollable"] .logo-box, html[data-layout-position="scrollable"] .app-header {
  position: static;
}

.monochrome:before {
  content: "";
  -webkit-backdrop-filter: grayscale() opacity(.92);
  backdrop-filter: grayscale() opacity(.92);
  pointer-events: none;
  z-index: 999999;
  width: 100%;
  height: 100%;
  margin: 0;
  position: fixed;
  inset: 0;
}

html[dir="rtl"] .pagination svg {
  transform: scaleX(-1) !important;
}

.app-menu {
  z-index: 40;
  max-height: 100vh;
  width: var(--sidenav-width);
  min-width: var(--sidenav-width);
  font-family: var(--font-secondary);
  --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow-sm);
  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: .3s;
  background: var(--sidenav-bg);
  flex-direction: column;
  transition-property: width, min-width, margin;
  transition-duration: .3s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
}

.sidenav-user {
  color: var(--sidenav-item-color);
  margin-bottom: calc(var(--spacing) * 2.5);
  display: none;
  background-size: cover !important;
}

.sidenav-user .sidenav-user-name {
  color: var(--sidenav-item-active-color);
}

html[data-sidenav-user="true"] .sidenav-user {
  display: block;
}

.side-nav {
  gap: calc(var(--spacing) * 1.25);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.side-nav .menu-title {
  margin-top: calc(var(--spacing) * 3);
  letter-spacing: .1em;
  pointer-events: none;
  cursor: default;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--sidenav-item-color);
  font-weight: var(--font-weight-bold);
  font-size: calc(var(--sidenav-item-font-size) * .7);
  padding: var(--sidenav-item-padding-y) calc(var(--sidenav-item-padding-x) * 1.16667);
  margin-top: 10px;
}

.side-nav .menu-item .menu-link {
  font-family: var(--font-secondary);
  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));
  color: var(--sidenav-item-color);
  font-size: var(--sidenav-item-font-size);
  font-weight: var(--sidenav-item-font-weight);
  line-height: calc(var(--sidenav-item-font-size) * 1.25);
  align-items: center;
  gap: var(--sidenav-item-gap);
  padding: var(--sidenav-item-padding-y) var(--sidenav-item-padding-x);
  background-color: #0000;
  border-radius: 5px;
  display: flex;
  position: relative;
}

.side-nav .menu-item .menu-link > .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));
}

.side-nav .menu-item .menu-link > .menu-icon svg {
  width: var(--sidenav-item-icon-size);
  height: var(--sidenav-item-icon-size);
}

.side-nav .menu-item .menu-link > .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));
}

.side-nav .menu-item .menu-link > .menu-arrow {
  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));
  margin-inline-start: auto;
}

.side-nav .menu-item .menu-link > .menu-arrow.hs-accordion.active, .hs-accordion.active > :is(.side-nav .menu-item .menu-link > .menu-arrow), .hs-accordion.active > .hs-accordion-toggle :is(.side-nav .menu-item .menu-link > .menu-arrow), .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle :is(.side-nav .menu-item .menu-link > .menu-arrow) {
  rotate: 180deg;
}

.hs-accordion.active > .side-nav .menu-item .menu-link > .menu-arrow.hs-accordion-toggle {
  rotate: 180deg;
}

.hs-accordion.active > .hs-accordion-heading > .side-nav .menu-item .menu-link > .menu-arrow.hs-accordion-toggle {
  rotate: 180deg;
}

.hs-accordion.active .side-nav .menu-item .menu-link > .menu-arrow.hs-accordion-force-active {
  rotate: 180deg;
}

.side-nav .menu-item .menu-link > .menu-arrow {
  background-color: currentColor;
  width: 1em;
  height: 1em;
  -webkit-mask-image: 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");
  mask-image: 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");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.side-nav .menu-item .menu-link:is(.open, .active, :active, :focus) {
  color: var(--sidenav-item-active-color);
}

.side-nav .menu-item .menu-link:hover {
  color: var(--sidenav-item-hover-color);
}

.side-nav .menu-item .menu-link .badge {
  height: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-bold);
  font-size: .75em;
  font-weight: var(--font-weight-bold);
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

.side-nav .menu-item.active .menu-link.active .menu-arrow {
  rotate: 180deg;
}

.side-nav > .menu-item > .menu-link:is(.open, .active, :active, :focus) {
  background-color: var(--sidenav-item-active-bg);
}

.side-nav > .menu-item.active > .menu-link {
  background-color: var(--sidenav-item-active-bg);
  color: var(--sidenav-item-active-color);
}

.side-nav .sub-menu {
  width: 100%;
}

:where(.side-nav .sub-menu > :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)));
}

.side-nav .sub-menu {
  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: .3s;
  padding-inline-start: calc(var(--spacing) * 7.5);
  transition-duration: .3s;
  overflow: hidden;
}

.side-nav .sub-menu .menu-link {
  font-size: var(--sidenav-sub-item-font-size);
  padding: var(--sidenav-sub-item-padding-y) var(--sidenav-sub-item-padding-x);
  font-weight: var(--sidenav-sub-item-font-weight);
}

.side-nav .sub-menu .sub-menu {
  margin-inline-start: calc(var(--sidenav-item-icon-size) * -1);
}

.side-nav .sub-menu .menu-link.active {
  font-weight: var(--sidenav-item-font-weight);
  color: var(--sidenav-item-hover-color);
  background-color: #0000;
}

#button-hover-toggle {
  height: var(--topbar-height);
  color: var(--sidenav-item-color);
  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);
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: none;
  position: relative;
}

#button-hover-toggle .btn-on-hover-icon {
  vertical-align: middle;
  border: 2px solid;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: inline-block;
  position: relative;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) {
  width: var(--sidenav-width-sm);
  min-width: var(--sidenav-width-sm);
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .logo-box {
  justify-content: flex-start !important;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .logo-box .logo-lg {
  display: none;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .logo-box .logo-sm {
  display: flex;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) #button-hover-toggle {
  display: none;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link {
  justify-content: center;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .menu-text, html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .menu-arrow, html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .badge {
  display: none;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .menu-icon {
  font-size: calc(var(--sidenav-item-icon-size) * 1.15);
  line-height: calc(var(--sidenav-item-icon-size) * 1.15);
  height: calc(var(--sidenav-item-icon-size) * 1.15);
  width: calc(var(--sidenav-item-icon-size) * 1.15);
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .menu-icon i {
  font-size: calc(var(--sidenav-item-icon-size) * 1.15);
  line-height: calc(var(--sidenav-item-icon-size) * 1.15);
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .menu-link .menu-icon svg {
  height: calc(var(--sidenav-item-icon-size) * 1.15);
  width: calc(var(--sidenav-item-icon-size) * 1.15);
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-item .sub-menu {
  height: 0;
  margin-top: 0;
  visibility: hidden !important;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .menu-title {
  display: none;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .simplebar-track.simplebar-vertical {
  visibility: hidden !important;
}

html[data-sidenav-size="on-hover"] .app-menu:not(:hover) .sidenav-user {
  display: none;
}

html[data-sidenav-size="on-hover"] .app-menu {
  position: fixed;
  bottom: 0;
}

html[data-sidenav-size="on-hover"] .app-menu .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

html[data-sidenav-size="on-hover"] .page-content {
  margin-inline-start: var(--sidenav-width-sm);
}

html[data-sidenav-size="on-hover"] #button-hover-toggle {
  display: flex;
}

html[data-sidenav-size="on-hover"] #button-toggle-menu {
  display: none;
}

html[data-sidenav-size="on-hover"] .logo-box {
  justify-content: flex-start !important;
}

html[data-sidenav-size="on-hover-active"] #button-toggle-menu {
  display: none;
}

html[data-sidenav-size="on-hover-active"] #button-hover-toggle {
  display: flex;
}

html[data-sidenav-size="on-hover-active"] #button-hover-toggle .btn-on-hover-icon:before {
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[data-sidenav-size="on-hover-active"] .page-content {
  margin-inline-start: var(--sidenav-width);
}

html[data-sidenav-size="on-hover-active"] .app-menu {
  position: fixed;
  bottom: 0;
}

html[data-sidenav-size="on-hover-active"] .logo-box {
  justify-content: flex-start !important;
}

html[data-sidenav-size="condensed"] .app-menu {
  width: var(--sidenav-width-sm);
  min-width: var(--sidenav-width-sm);
  height: unset;
  max-height: unset;
  position: absolute;
}

html[data-sidenav-size="condensed"] .app-menu .simplebar-mask, html[data-sidenav-size="condensed"] .app-menu .simplebar-content-wrapper {
  overflow: visible !important;
}

html[data-sidenav-size="condensed"] .app-menu .logo-box {
  background: var(--sidenav-bg);
  z-index: 40;
}

html[data-sidenav-size="condensed"] .app-menu .logo-box .logo-lg {
  display: none;
}

html[data-sidenav-size="condensed"] .app-menu .logo-box .logo-sm {
  display: flex;
}

html[data-sidenav-size="condensed"] .app-menu .sidenav-user {
  display: none;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav {
  gap: 0;
  padding: 0;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-title {
  display: none;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item {
  position: relative;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link {
  padding: calc(var(--sidenav-item-padding-y) * 1.75) var(--sidenav-item-padding-x);
  transition: none;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .menu-icon {
  font-size: calc(var(--sidenav-item-icon-size) * 1.25);
  line-height: calc(var(--sidenav-item-icon-size) * 1.25);
  height: calc(var(--sidenav-item-icon-size) * 1.25);
  width: calc(var(--sidenav-item-icon-size) * 1.25);
  min-width: calc(var(--sidenav-width-sm) - var(--sidenav-item-padding-x) - var(--sidenav-item-padding-x));
  justify-content: center;
  display: flex;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .menu-icon i {
  font-size: calc(var(--sidenav-item-icon-size) * 1.25);
  line-height: calc(var(--sidenav-item-icon-size) * 1.25);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .menu-icon svg {
  height: calc(var(--sidenav-item-icon-size) * 1.25);
  width: calc(var(--sidenav-item-icon-size) * 1.25);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link:before, html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .menu-text, html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .menu-arrow, html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item > .menu-link > .badge {
  transition: none;
  display: none;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item .sub-menu {
  margin-top: 0;
  height: inherit !important;
  display: none !important;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu {
  background: var(--sidenav-bg);
  width: calc(var(--sidenav-width) - calc(var(--sidenav-width-sm) * .65));
  z-index: 90;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  padding-inline-start: 0;
  transition: none;
  position: absolute;
  inset-inline-start: 100%;
  overflow: visible;
  height: inherit !important;
  display: block !important;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item {
  margin-bottom: 0;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item > .menu-link {
  z-index: 5;
  padding: calc(var(--sidenav-sub-item-padding-y) * 1.5) calc(var(--sidenav-sub-item-padding-x) * 1.5);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item > .menu-link > .menu-arrow, html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item > .menu-link > .menu-text {
  transition: color .25s ease-in-out;
  display: block;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item > .menu-link > .menu-arrow {
  transform: rotate(-90deg);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav .menu-item:hover > .sub-menu > .menu-item .sub-menu {
  margin-inline-start: 0;
  top: 0;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item > .menu-link {
  background: var(--sidenav-bg);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item:hover .menu-text {
  display: flex;
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item:hover > .menu-link {
  color: var(--sidenav-item-hover-color);
  background-color: var(--sidenav-item-hover-bg);
  background: var(--sidenav-bg);
  width: calc(var(--sidenav-width) + calc(var(--sidenav-width-sm) * .35));
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item > .menu-link.hs-accordion-toggle {
  border-radius: 0;
  border-start-end-radius: var(--radius-md);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item > .menu-link:not(.hs-accordion-toggle) > .menu-text {
  border-radius: var(--radius-md);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item > .sub-menu {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

html[data-sidenav-size="condensed"] .app-menu .side-nav > .menu-item > .sub-menu .sub-menu {
  border-radius: var(--radius-md);
}

html[data-sidenav-size="condensed"] .page-content {
  min-height: 2700px;
}

html[data-sidenav-size="compact"] .app-menu {
  width: var(--sidenav-width-md);
  min-width: var(--sidenav-width-md);
}

html[data-sidenav-size="compact"] .app-menu .sidenav-user .sidenav-user-set-icon {
  display: none;
}

html[data-sidenav-size="compact"] .app-menu .menu-arrow {
  display: none;
}

html[data-sidenav-size="offcanvas"] .app-menu {
  opacity: 0;
  margin-inline-start: calc(var(--sidenav-width) * -1);
  position: fixed;
  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;
  opacity: 1;
  margin-inline-start: 0;
}

html[data-sidenav-size="hidden"] .app-menu {
  margin-inline-start: calc(var(--sidenav-width) * -1);
}

html[data-layout="horizontal"] .page-content, html[data-layout="horizontal"] .app-header {
  margin-inline-start: 0 !important;
}

html[data-layout="horizontal"] .app-header {
  z-index: 90;
}

html[data-layout="horizontal"] .app-header .logo-topbar {
  display: flex;
}

@media (min-width: 96rem) {
  html[data-layout="horizontal"] .container-fluid {
    max-width: 85%;
  }
}

html[data-layout="horizontal"] .app-header {
  z-index: 50;
  box-shadow: none;
  border-bottom: 0;
  margin: 0;
}

html[data-layout="horizontal"] .app-header .logo-topbar {
  float: none;
  display: block;
}

html[data-layout="horizontal"] .app-header #button-toggle-menu {
  display: none;
}

html[data-layout="horizontal"] .page-content {
  min-height: calc(100vh - var(--topbar-height) - 47px);
  margin-inline-start: 0;
}

html[data-layout="horizontal"] .topnav {
  z-index: 40;
  width: 100%;
  top: var(--topbar-height);
  background: var(--sidenav-bg);
  box-shadow: var(--shadow);
  font-family: var(--font-secondary);
  position: sticky;
}

html[data-layout="horizontal"] .topnav .navbar-nav {
  display: flex;
}

@media (min-width: 64rem) {
  html[data-layout="horizontal"] .topnav .navbar-nav .nav-item .nav-link:first-of-type {
    padding-inline-start: 0;
  }
}

html[data-layout="horizontal"] .topnav .navbar-nav .nav-link {
  line-height: var(--sidenav-item-font-size);
  font-size: var(--sidenav-item-font-size);
  font-weight: var(--sidenav-item-font-weight);
  padding: calc(var(--sidenav-item-padding-y) * 1.25) calc(var(--sidenav-item-padding-x) * 1.5);
  align-items: center;
  display: flex;
  position: relative;
}

html[data-layout="horizontal"] .topnav .navbar-nav .nav-link .menu-icon {
  margin-inline-end: calc(var(--sidenav-item-icon-size) * .5);
}

html[data-layout="horizontal"] .topnav .navbar-nav .nav-link .menu-icon i {
  font-size: var(--sidenav-item-icon-size);
}

html[data-layout="horizontal"] .topnav .navbar-nav .nav-link .menu-icon svg {
  height: var(--sidenav-item-icon-size);
  width: var(--sidenav-item-icon-size);
}

html[data-layout="horizontal"] .topnav .navbar-nav .nav-link .menu-arrow {
  margin-inline-start: calc(var(--sidenav-item-icon-size) * .5);
}

html[data-layout="horizontal"] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu {
  font-size: var(--sidenav-sub-item-font-size);
}

html[data-layout="horizontal"] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .dropdown-item {
  padding: calc(var(--sidenav-item-padding-y) * .75) calc(var(--sidenav-item-padding-x) * 1.5);
  align-items: center;
  gap: 8px;
  display: flex;
}

html[data-layout="horizontal"] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .dropdown-item i {
  font-size: calc(var(--sidenav-sub-item-font-size) * 1.25);
}

html[data-layout="horizontal"] .topnav .navbar-nav .hs-dropdown .hs-dropdown-menu .menu-arrow {
  margin-inline-start: auto;
  transform: rotate(-90deg);
}

html[data-layout="horizontal"] .topnav .nav-item > a, html[data-layout="horizontal"] .topnav .nav-item .nav-link {
  color: var(--sidenav-item-color);
}

:is(html[data-layout="horizontal"] .topnav .nav-item > a, html[data-layout="horizontal"] .topnav .nav-item .nav-link):hover {
  color: var(--sidenav-item-hover-color);
}

html[data-layout="horizontal"] .topnav .nav-item.active > a {
  color: var(--sidenav-item-hover-color);
}

html[data-layout="horizontal"] .topnav .menu-arrow {
  background-color: currentColor;
  width: 1em;
  height: 1em;
  -webkit-mask-image: 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");
  mask-image: 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");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-layout="horizontal"] .topnav .container-fluid {
  padding-inline: calc(var(--spacing) * 5);
}

html[data-layout="horizontal"] .page-title-head {
  background-color: #0000;
  border: 0;
  min-height: 60px;
  margin-bottom: 0;
}

.logo-topbar .logo-box {
  padding-inline: 0;
}

:is(html[data-topbar-color="dark"], html[data-theme="dark"]) .logo-topbar .logo-light {
  display: block;
}

:is(html[data-topbar-color="dark"], html[data-theme="dark"]) .logo-topbar .logo-dark {
  display: none;
}

@media (min-width: 992px) {
  .topnav .hs-dropdown .hs-dropdown-menu .hs-dropdown .hs-dropdown-menu {
    top: 0;
    position: absolute;
    inset-inline-start: 100%;
  }

  .topnav .hs-dropdown:hover .nav-link {
    color: var(--sidenav-item-hover-color) !important;
  }

  .topnav .hs-dropdown:hover > .hs-dropdown-menu > .hs-dropdown:hover > .dropdown-item {
    color: var(--color-default-800) !important;
  }
}

@media (max-width: 991.98px) {
  html[data-layout="horizontal"] .topnav {
    max-height: 360px;
    overflow-y: auto;
  }

  html[data-layout="horizontal"] .topnav .navbar-nav {
    flex-direction: column;
  }

  html[data-layout="horizontal"] .topnav .navbar-nav .nav-link {
    padding: calc(var(--sidenav-item-padding-y) * .8) calc(var(--sidenav-item-padding-x) * 2);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .hs-dropdown-menu {
    box-shadow: none;
    margin-top: calc(var(--sidenav-item-padding-y) * -.75);
    background-color: #0000;
    border: none;
    padding-inline-start: calc(var(--sidenav-item-padding-x) * 3);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .hs-dropdown-menu .hs-dropdown-menu {
    margin-top: calc(var(--sidenav-item-padding-y) * -.5);
    padding-inline-start: calc(var(--sidenav-item-padding-x) * 1.5);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .dropdown-item {
    background-color: #0000;
    position: relative;
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .dropdown-item {
    color: var(--sidenav-item-color);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .dropdown-item.hover {
    color: var(--sidenav-item-hover-color);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown .dropdown-item.active, html[data-layout="horizontal"] .topnav .hs-dropdown .dropdown-item:active {
    color: var(--sidenav-item-active-color);
  }

  html[data-layout="horizontal"] .topnav .hs-dropdown.active > a.dropdown-item {
    color: var(--sidenav-item-active-color);
  }

  html[data-layout="horizontal"] .topnav-toggle-button {
    display: block;
  }
}

.topnav-toggle-button {
  cursor: pointer;
  float: left;
  color: var(--topbar-item-color);
  background-color: #0000;
  border: none;
  padding: 0;
  display: none;
  position: relative;
}

.dropdown-menu-columns {
  column-count: 2;
  column-gap: 0;
  width: 500px;
}

.dropdown-menu-columns > * {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media (min-width: 992px) {
  .dropdown-menu-columns {
    column-count: 2;
    width: 350px;
  }
}

.app-header {
  inset-inline-start: calc(var(--spacing) * 0);
  inset-inline-end: calc(var(--spacing) * 0);
  z-index: 40;
  min-height: var(--topbar-height);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  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: .3s;
  background: var(--topbar-bg);
  align-items: center;
  margin-inline-start: var(--sidenav-width);
  transition-property: width, min-width, margin;
  transition-duration: .3s;
  display: flex;
  position: sticky;
  top: 0;
}

.app-header .topbar-item {
  height: calc(var(--spacing) * 14.5);
  align-items: center;
  display: flex;
}

.app-header .topbar-link {
  padding-inline: calc(var(--spacing) * 1.5);
  z-index: 1;
  cursor: pointer;
  color: var(--topbar-item-color);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.app-header .topbar-link:hover, .app-header .topbar-link:active, .app-header .topbar-link:focus {
  color: var(--topbar-item-hover-color);
}

.app-header .topbar-link .topbar-link-icon {
  font-size: 22px;
}

.app-header .container-fluid {
  padding-inline: calc(var(--spacing) * 5);
}

.app-header .logo-topbar {
  display: none;
}

.app-header input::placeholder {
  color: currentColor !important;
}

.app-header .pro-username {
  font-size: 13px;
  line-height: 14px !important;
}

.app-header #button-toggle-menu {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 50%;
}

.btn-theme-setting {
  position: relative;
}

.btn-theme-setting:before {
  content: "";
  inset-inline-end: 4px;
  background-color: var(--color-danger);
  z-index: 5;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: 1.2s ease-in-out infinite blinkDot;
  position: absolute;
  top: 16px;
  transform: translateY(-50%);
}

@keyframes blinkDot {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 60%, transparent);
  }

  70% {
    box-shadow: 0 0 0 6px color-mix(in oklab, var(--color-danger) 0%, transparent);
  }

  100% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 0%, transparent);
  }
}

@media (max-width: 767.98px) {
  .logo-topbar {
    display: block;
  }

  .logo-topbar .logo-lg {
    display: none;
  }

  .logo-topbar .logo-sm {
    display: block;
  }
}

:is(html[data-sidenav-size="condensed"], html[data-sidenav-size="on-hover"]) .page-content, :is(html[data-sidenav-size="condensed"], html[data-sidenav-size="on-hover"]) .app-header {
  margin-inline-start: var(--sidenav-width-sm);
}

html[data-sidenav-size="compact"] .page-content, html[data-sidenav-size="compact"] .app-header {
  margin-inline-start: var(--sidenav-width-md);
}

:is(html[data-sidenav-size="offcanvas"], html[data-sidenav-size="hidden"]) .page-content, :is(html[data-sidenav-size="offcanvas"], html[data-sidenav-size="hidden"]) .app-header {
  margin-inline-start: 0;
}

:is(html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .logo-box {
  background: var(--topbar-bg);
  width: calc(100% + 1px);
}

:is(html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"]) .app-menu .sidenav-user {
  margin-top: 10px;
}

:is(html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"]) .app-menu #button-hover-toggle {
  color: #fff !important;
}

:is(html[data-topbar-color="dark"], html[data-topbar-color="gradient"]) .app-header #button-toggle-menu {
  background-color: #ffffff1a;
  border-color: #0000;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(html[data-topbar-color="dark"], html[data-topbar-color="gradient"]) .app-header #button-toggle-menu {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}

.footer {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 3);
  align-items: center;
  margin-top: auto;
  display: flex;
}

.container {
  max-width: calc(var(--spacing) * 330);
  padding-inline: calc(var(--spacing) * 3);
  margin-inline: auto;
}

.container-fluid {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.animate-grow {
  opacity: 0;
  animation: .75s linear infinite spinner-grow;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

html[data-theme="light"] #theme .card-radio [for="layout-color-light"] {
  position: relative;
}

html[data-theme="light"] #theme .card-radio [for="layout-color-light"]:after {
  content: "";
  width: 1em;
  height: 1em;
  inset-inline-end: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  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));
  background-color: currentColor;
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

html[data-theme="dark"] #theme .card-radio [for="layout-color-dark"] {
  position: relative;
}

html[data-theme="dark"] #theme .card-radio [for="layout-color-dark"]:after {
  content: "";
  width: 1em;
  height: 1em;
  inset-inline-end: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  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));
  background-color: currentColor;
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.form-input {
  height: calc(var(--spacing) * 9.25);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-width: 1px;
  outline-width: 0;
  padding-block: 0;
  display: block;
}

.form-input::placeholder {
  color: var(--color-default-400);
}

@media (hover: hover) {
  .form-input:hover {
    border-color: var(--color-default-500) !important;
  }
}

.form-input:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  border-color: var(--color-default-500) !important;
}

.form-input:focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.form-input[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-input[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

.form-input[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-input[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.form-input {
  transition-property: color, box-shadow;
}

.is-invalid {
  border-color: var(--color-danger) !important;
}

.is-invalid:focus {
  border-color: var(--color-danger) !important;
}

.is-invalid:focus {
  --tw-ring-color: #f7577e33 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .is-invalid:focus {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 20%, transparent) !important;
  }
}

.is-valid {
  border-color: var(--color-success) !important;
}

.is-valid:focus {
  border-color: var(--color-success) !important;
}

.is-valid:focus {
  --tw-ring-color: #02bc9c33 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .is-valid:focus {
    --tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important;
  }
}

:is(.form-input, .form-select, .form-textarea):disabled {
  cursor: not-allowed;
  background-color: var(--color-default-100);
  opacity: .7;
}

:is(.form-input, .form-select, .form-textarea)[readonly] {
  cursor: not-allowed;
  color: var(--color-body-color);
}

.form-label {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-body-color);
  display: block;
}

.form-input:not([class*="bg-"]), .form-textarea:not([class*="bg-"]), .form-select:not([class*="bg-"]) {
  background-color: var(--color-card);
}

.form-input:not([class*="border-"]), .form-textarea:not([class*="border-"]), .form-select:not([class*="border-"]) {
  border-color: var(--color-default-300);
}

.form-input-sm {
  height: calc(var(--spacing) * 7.5) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}

.form-input-lg {
  height: calc(var(--spacing) * 11.75) !important;
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
}

.form-select-sm {
  height: calc(var(--spacing) * 7.5) !important;
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}

.form-select-lg {
  height: calc(var(--spacing) * 11.75) !important;
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
}

.form-textarea {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-width: 1px;
  outline-width: 0;
  display: block;
  height: auto !important;
}

.form-textarea::placeholder {
  color: var(--color-default-400);
}

@media (hover: hover) {
  .form-textarea:hover {
    border-color: var(--color-default-500);
  }
}

.form-textarea:focus {
  border-color: var(--color-default-500);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.form-textarea:focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.form-textarea {
  transition-property: color, box-shadow;
}

.form-select {
  height: calc(var(--spacing) * 9.25);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  width: 100%;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  outline-width: 0;
  padding-block: 0;
  display: block;
}

.form-select::placeholder {
  color: var(--color-body-color);
}

@media (hover: hover) {
  .form-select:hover {
    border-color: var(--color-default-500);
  }
}

.form-select:focus {
  border-color: var(--color-default-500);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.form-select:focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.form-select:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.form-select[readonly] {
  cursor: not-allowed;
  color: var(--color-body-color);
}

.form-select[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-select[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

.form-select[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-select[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.form-select {
  transition-property: color, box-shadow;
  padding-inline-end: 2.31rem !important;
}

.form-select[multiple] {
  padding-block: calc(var(--spacing) * 2);
  background-image: none;
  height: auto !important;
  padding-inline-end: 0 !important;
}

select[multiple] option {
  padding: 4px 6px;
}

.form-radio, .form-checkbox {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
  appearance: none;
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  --tw-ring-offset-color: var(--color-white);
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

:is(.form-radio, .form-checkbox):focus-visible {
  --tw-outline-style: none;
  --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);
  --tw-ring-color: inherit;
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  outline-style: none;
}

:is(.form-radio, .form-checkbox):disabled {
  cursor: not-allowed;
  opacity: .9;
}

:is(.form-radio, .form-checkbox)[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

:is(.form-radio, .form-checkbox)[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.form-radio, .form-checkbox {
  cursor: pointer;
}

:is(.form-radio, .form-checkbox):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);
  --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);
}

:is(.form-radio, .form-checkbox):checked {
  background-color: var(--color-primary) !important;
  border-color: #0000 !important;
}

.form-checkbox-light {
  border-color: #eef2f7e6 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-checkbox-light {
    border-color: color-mix(in oklab, var(--color-light) 90%, transparent) !important;
  }
}

.form-checkbox-light {
  background-color: #eef2f7e6 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-checkbox-light {
    background-color: color-mix(in oklab, var(--color-light) 90%, transparent) !important;
  }
}

.form-checkbox-light {
  box-shadow: inset 0 1px 2px rgba(var(--color-dark), .05);
}

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

.form-radio:not([class*="size-"]), .form-checkbox:not([class*="size-"]) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.form-checkbox[class*="rounded-full"] {
  border-radius: 3.40282e38px;
}

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

.form-radio-lg {
  width: calc(var(--spacing) * 5.5);
  height: calc(var(--spacing) * 5.5);
}

.form-switch {
  appearance: none;
  border-color: var(--color-default-300);
  background-color: var(--color-default-200);
  flex-shrink: 0;
  display: inline-flex;
  position: relative;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}

.form-switch:checked {
  background-image: none;
}

.form-switch: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);
  --tw-ring-color: var(--color-default-300);
  --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);
  --tw-ring-offset-color: var(--color-card);
}

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

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

.form-switch:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.form-switch[aria-invalid="true"] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.form-switch[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-switch[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

.form-switch[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .form-switch[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.form-switch {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0;
}

.form-switch: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);
  --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);
}

.form-switch:before {
  pointer-events: none;
  inset-inline-start: calc(var(--spacing) * 0);
  --tw-translate-x: var(--spacing);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: color-mix(in oklab, var(--color-dark) 30%, transparent);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  --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);
  border-radius: 3.40282e38px;
  display: block;
  position: absolute;
  top: 50%;
}

.form-switch:checked, .form-switch[aria-checked="true"] {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

:is(.form-switch:checked, .form-switch[aria-checked="true"]):before {
  background-color: var(--color-white);
}

.form-switch {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 7.5);
  border-radius: 3.40282e38px;
}

.form-switch:before {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}

:is(.form-switch:checked, .form-switch[aria-checked="true"]):before {
  --tw-translate-x: calc(var(--spacing) * 3.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.form-switch-sm {
  height: calc(var(--spacing) * 4.5);
  width: calc(var(--spacing) * 6.5);
  border-radius: 3.40282e38px;
}

.form-switch-sm:before {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}

:is(.form-switch-sm:checked, .form-switch-sm[aria-checked="true"]):before {
  --tw-translate-x: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.form-switch-lg {
  height: calc(var(--spacing) * 5.5);
  width: calc(var(--spacing) * 8.5);
  border-radius: 3.40282e38px;
}

.form-switch-lg:before {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}

:is(.form-switch-lg:checked, .form-switch-lg[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;
}

.card-radio label {
  cursor: pointer;
}

.card-radio input:checked + .form-label {
  position: relative;
}

.card-radio input:checked + .form-label:after {
  content: "";
  width: 1em;
  height: 1em;
  inset-inline-end: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
  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));
  background-color: currentColor;
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  mask-image: 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='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145l.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1l.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154l-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09l-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145l-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1l-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154l.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09l.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.32 1.497l2 2l.094.083a1 1 0 0 0 1.32-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

input:checked + .form-label.btn {
  background-color: #236dc926;
}

@supports (color: color-mix(in lab, red, red)) {
  input:checked + .form-label.btn {
    background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
  }
}

input:checked + .form-label.btn {
  color: var(--color-primary);
}

.input-group > .form-input, .input-group > .form-select, .input-group > .form-textarea {
  flex: auto;
  width: 1%;
  min-width: 0;
  position: relative;
}

.input-group .input-group-text {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-default-100);
  padding-inline: calc(var(--spacing) * 3);
  color: var(--color-default-600);
  align-items: center;
  display: flex;
}

.input-group > :not(:last-child) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.input-group > :not(:first-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  margin-inline-start: -1px;
}

.input-group > .btn {
  z-index: 2;
  position: relative;
}

.input-group .hs-dropdown {
  border-width: 0;
}

.input-icon-group > .form-input, .input-icon-group > .form-select {
  width: 100%;
}

.input-icon-group > .input-icon:first-child {
  pointer-events: none;
  inset-inline-start: calc(var(--spacing) * 3);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-default-400);
  position: absolute;
  top: 50%;
}

.input-icon-group > .input-icon:first-child + .form-input, .input-icon-group > .input-icon:first-child + .form-select {
  padding-inline-start: calc(var(--spacing) * 10) !important;
}

.input-icon-group > .input-icon:last-child {
  pointer-events: none;
  inset-inline-end: calc(var(--spacing) * 3);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-default-400);
  position: absolute;
  top: 50%;
}

.input-icon-group > .form-input:not(:last-child), .input-icon-group > .form-select:not(:last-child) {
  padding-inline-end: calc(var(--spacing) * 10);
}

.input-icon-group > .form-select:not(:last-child) {
  background-size: 4rem 1.5rem;
}

.input-group[data-touchspin] {
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  padding: var(--spacing);
  display: inline-flex;
}

.input-group[data-touchspin] > .btn {
  height: calc(var(--spacing) * 7);
  width: calc(var(--spacing) * 7);
  cursor: pointer;
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  --tw-leading: 1;
  border-width: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 1;
  display: inline-flex;
}

.input-group[data-touchspin] > .btn:focus {
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.input-group[data-touchspin] > .form-input {
  border-style: var(--tw-border-style);
  text-align: center;
  height: auto;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --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);
  background-color: #0000;
  border-width: 0;
  margin: 0;
  padding: 0;
}

.input-group[data-touchspin] > .form-input:focus {
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.input-group[data-touchspin] [data-icon] {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.input-group[data-touchspin]:has(.form-input:disabled) {
  pointer-events: none;
  background-color: #eef2f726;
}

@supports (color: color-mix(in lab, red, red)) {
  .input-group[data-touchspin]:has(.form-input:disabled) {
    background-color: color-mix(in oklab, var(--color-light) 15%, transparent);
  }
}

.input-group[data-touchspin]:has(.form-input[readonly]) {
  pointer-events: none;
}

.form-range {
  cursor: pointer;
  appearance: none;
  background-color: #0000;
  width: 100%;
}

.form-range:focus {
  --tw-outline-style: none;
  outline-style: none;
}

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

.form-range:disabled {
  pointer-events: none;
  opacity: .5;
}

.form-range::-webkit-slider-thumb {
  width: calc(var(--spacing) * 2.5);
}

.form-range::-webkit-slider-thumb {
  margin-top: calc(var(--spacing) * -.5);
}

.form-range::-webkit-slider-thumb {
  height: calc(var(--spacing) * 2.5);
}

.form-range::-webkit-slider-thumb {
  appearance: none;
}

.form-range::-webkit-slider-thumb {
  background-color: var(--color-primary);
}

.form-range::-webkit-slider-thumb {
  border-radius: 3.40282e38px;
}

.form-range::-webkit-slider-thumb {
  --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-primary));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.form-range::-webkit-slider-thumb {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.form-range::-moz-range-thumb {
  height: calc(var(--spacing) * 2.5);
}

.form-range::-moz-range-thumb {
  width: calc(var(--spacing) * 2.5);
}

.form-range::-webkit-slider-thumb {
  --tw-duration: .15s;
  transition-duration: .15s;
}

.form-range::-webkit-slider-thumb {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}

.form-range::-moz-range-thumb {
  appearance: none;
}

.form-range::-moz-range-thumb {
  border-style: var(--tw-border-style);
  border-width: 8px;
}

.form-range::-moz-range-thumb {
  border-color: var(--color-primary);
}

.form-range::-moz-range-thumb {
  background-color: var(--color-primary);
}

.form-range::-moz-range-thumb {
  border-radius: 3.40282e38px;
}

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

.form-range::-moz-range-thumb {
  --tw-duration: .15s;
  transition-duration: .15s;
}

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

.form-range::-webkit-slider-runnable-track {
  height: calc(var(--spacing) * 2);
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
}

.form-range::-webkit-slider-runnable-track {
  background-color: var(--color-default-100);
}

.form-range::-moz-range-track {
  height: calc(var(--spacing) * 2);
}

.form-range::-moz-range-track {
  width: 100%;
}

.form-range::-moz-range-track {
  border-radius: 3.40282e38px;
}

.form-range::-moz-range-track {
  background-color: var(--color-default-100);
}

.form-range::-webkit-slider-runnable-track {
  border-radius: 3.40282e38px;
}

.form-input[type="file"] {
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  padding: 0;
}

.form-input[type="file"]::file-selector-button {
  margin-inline-end: calc(var(--spacing) * 3);
}

.form-input[type="file"]::file-selector-button {
  height: 100%;
}

.form-input[type="file"]::file-selector-button {
  cursor: pointer;
}

.form-input[type="file"]::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.form-input[type="file"]::file-selector-button {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}

.form-input[type="file"]::file-selector-button {
  border-color: var(--color-default-300);
}

.form-input[type="file"]::file-selector-button {
  background-color: var(--color-default-100);
}

.form-input[type="file"]::file-selector-button {
  padding-inline: calc(var(--spacing) * 3);
}

.form-input[type="file"]::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.form-input[type="file"]::file-selector-button {
  color: var(--color-default-700);
}

@media (hover: hover) {
  .form-input[type="file"]:hover {
    border-color: var(--color-default-500);
  }
}

@media (hover: hover) {
  .form-input[type="file"]:hover::file-selector-button {
    border-color: var(--color-default-300);
  }
}

.form-input[type="file"]:focus {
  border-color: var(--color-default-500);
  --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);
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.form-input[type="file"]:focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

@media print {
  aside.app-menu, .app-header, .footer {
    width: 0;
    display: none !important;
  }

  .page-content, body {
    margin: 0;
    padding: 0;
  }

  .card {
    box-shadow: none;
  }
}

@keyframes strip {
  0% {
    background-position-x: 1rem;
  }
}

.animate-strip {
  animation: 1s linear infinite strip;
}

.progress-striped {
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0 50%, #ffffff26 0 75%, #0000 0, #0000);
  background-size: 1rem 1rem;
}

@keyframes progress-stripes {
  0% {
    background-position: 1rem 0;
  }

  100% {
    background-position: 0 0;
  }
}

.animate-progress-stripes {
  animation: 1s linear infinite progress-stripes;
}

.hs-overlay-animation-target {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 0;
  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: .2s;
  --tw-ease: var(--ease-in-out);
  transition-duration: .2s;
  transition-timing-function: var(--ease-in-out);
}

@media (min-width: 40rem) {
  .hs-overlay-animation-target {
    margin-inline: auto;
  }
}

.hs-overlay-animation-target.open, .open .hs-overlay-animation-target {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  opacity: 1;
}

.close-icon {
  background-color: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  -webkit-mask-image: 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");
  mask-image: 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");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.hs-overlay-backdrop {
  background-color: #313a4680 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .hs-overlay-backdrop {
    background-color: color-mix(in oklab, var(--color-default-900) 50%, transparent) !important;
  }
}

[data-simplebar] {
  flex-flow: column wrap;
  place-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.simplebar-wrapper {
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
}

.simplebar-mask {
  direction: inherit;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  inset-inline-end: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
}

.simplebar-offset {
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  inset-inline: 0 !important;
}

.simplebar-content-wrapper {
  direction: inherit;
  visibility: visible;
  scrollbar-width: none;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-sizing: border-box !important;
  padding: 0 !important;
}

.simplebar-content-wrapper::-webkit-scrollbar {
  display: none;
}

.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:before, .simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  pointer-events: none;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.simplebar-height-auto-observer-wrapper {
  float: inset-inline-start;
  z-index: -1;
  pointer-events: none;
  grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
  width: 100%;
  max-width: 1px;
  height: 100%;
  max-height: 1px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-sizing: inherit !important;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  opacity: 0;
  top: 0;
  pointer-events: none;
  z-index: -1;
  width: 1000%;
  min-width: 1px;
  height: 1000%;
  min-height: 1px;
  display: block;
  position: absolute;
  inset-inline-start: 0;
  overflow: hidden;
}

.simplebar-track {
  z-index: 1;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  width: 6px;
  min-height: 10px;
  position: absolute;
  inset-inline-end: 2px;
}

.simplebar-scrollbar:before {
  content: "";
  opacity: 0;
  background: #a2adb7;
  border-radius: 7px;
  transition: opacity .2s linear;
  position: absolute;
  inset-inline: 0;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition: opacity linear;
}

.simplebar-track.simplebar-vertical {
  width: 11px;
  top: 0;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  height: 11px;
  inset-inline-start: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  inset-inline: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  inset-inline: 0 auto;
  width: auto;
  min-width: 10px;
  height: 7px;
  min-height: 0;
  top: 2px;
}

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  inset-inline: 0 auto;
}

.simplebar-dummy-scrollbar-size {
  opacity: 0;
  visibility: hidden;
  direction: rtl;
  width: 500px;
  height: 500px;
  position: fixed;
  overflow: scroll hidden;
}

.simplebar-hide-scrollbar {
  visibility: hidden;
  scrollbar-width: none;
  position: fixed;
  inset-inline-start: 0;
  overflow-y: scroll;
}

[data-simplebar-lg] .simplebar-scrollbar {
  width: 10px;
  inset-inline-end: 1px;
}

[data-simplebar-primary] .simplebar-scrollbar:before {
  background-color: var(--color-primary);
}

.flatpickr-calendar {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  font-size: var(--text-body);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--color-card);
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--color-card);
}

.flatpickr-calendar.open {
  z-index: 1200;
}

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

.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 {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--color-primary);
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background-color: var(--color-card);
  color: var(--color-default-700);
}

.flatpickr-months .flatpickr-month {
  height: 40px;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-month {
  color: var(--color-body-color);
  fill: var(--color-default-500);
  line-height: 16px;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--color-default-400);
}

.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: var(--color-default-100);
  background-color: var(--color-default-100);
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  scrollbar-width: thin;
  background: none;
  overflow: hidden !important;
}

:is(:not(pre) > code[class*="language-"], pre[class*="language-"]):hover {
  overflow: auto !important;
}

code[class*="language-"], pre[class*="language-"] {
  color: #000;
  text-shadow: 0 1px #fff;
  text-align: start;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  background: none;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 13px;
  line-height: 1.5;
  display: block;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"], pre[class*="language-"] {
    text-shadow: none;
  }
}

pre[class*="language-"] {
  margin: 0;
  padding: 1em;
  overflow: auto;
}

:not(pre) > code[class*="language-"] {
  white-space: normal;
  border-radius: .3em;
  padding: .1em;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: #708090;
}

.token.punctuation {
  color: var(--color-primary);
}

.token.namespace {
  opacity: .7;
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: var(--color-primary);
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: var(--color-success);
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #9a6e3a;
  background: none;
}

.token.atrule, .token.attr-value, .token.keyword {
  color: var(--color-danger);
}

.token.function, .token.class-name {
  color: #dd4a68;
}

.token.regex, .token.important, .token.variable {
  color: #e90;
}

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

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

code[class*="language-"], pre[class*="language-"] {
  color: var(--color-gray-600);
  text-shadow: none;
}

:is(code[class*="language-"], pre[class*="language-"]) code:not(:last-of-type) {
  margin-bottom: 1rem;
}

.mark-as-read {
  opacity: .75;
}

.email-editor .ql-toolbar.ql-snow, .email-editor .ql-container.ql-snow {
  border-width: 0 0 1px;
  border-radius: 0;
}

.sortable-fallback {
  opacity: 1 !important;
}

.sortable-fallback .card {
  transform: rotate(10deg);
  opacity: 1 !important;
}

.sortable-item-ghost .card {
  background-color: #f9bf591a !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .sortable-item-ghost .card {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important;
  }
}

.error-glitch {
  letter-spacing: 5px;
  --tw-font-weight: var(--font-weight-bold);
  font-size: 120px;
  font-weight: var(--font-weight-bold);
  animation: 2s infinite flicker;
  position: relative;
}

.error-glitch:before, .error-glitch:after {
  content: attr(data-text);
  inset-inline-start: 0;
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.error-glitch:before {
  color: var(--color-primary);
  z-index: -1;
  animation: 2s infinite glitchTop;
}

.error-glitch:after {
  color: var(--color-danger);
  z-index: -1;
  animation: 2s infinite glitchBottom;
}

@keyframes glitchTop {
  0% {
    clip-path: inset(0 0 80%);
    transform: translate(-3px, -3px);
  }

  20% {
    clip-path: inset(0 0 20%);
    transform: translate(3px, -2px);
  }

  40% {
    clip-path: inset(0 0 60%);
    transform: translate(-1px, 2px);
  }

  60% {
    clip-path: inset(0 0 40%);
    transform: translate(2px, -1px);
  }

  80% {
    clip-path: inset(0 0 70%);
    transform: translate(-3px, 3px);
  }

  100% {
    clip-path: inset(0 0 90%);
    transform: translate(0);
  }
}

@keyframes glitchBottom {
  0% {
    clip-path: inset(80% 0 0);
    transform: translate(3px, 2px);
  }

  20% {
    clip-path: inset(20% 0 0);
    transform: translate(-2px, -1px);
  }

  40% {
    clip-path: inset(60% 0 0);
    transform: translate(1px, 2px);
  }

  60% {
    clip-path: inset(40% 0 0);
    transform: translate(-2px, 1px);
  }

  80% {
    clip-path: inset(70% 0 0);
    transform: translate(3px, -3px);
  }

  100% {
    clip-path: inset(90% 0 0);
    transform: translate(0);
  }
}

@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    opacity: 1;
  }

  20%, 24%, 55% {
    opacity: .6;
  }
}

.error-wave-container {
  font-size: 120px;
  font-weight: 900;
  display: flex;
}

.error-wave-char {
  background: linear-gradient(90deg, var(--color-primary), var(--color-purple));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 2s ease-in-out infinite wave;
  display: inline-block;
}

.error-wave-char:first-child {
  animation-delay: 0s;
}

.error-wave-char:nth-child(2) {
  animation-delay: .2s;
}

.error-wave-char:nth-child(3) {
  animation-delay: .4s;
}

@keyframes wave {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.error-text-alt .error-wave-char {
  background: radial-gradient(circle, var(--color-warning) 0%, var(--color-danger) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.auth-logo img {
  height: calc(var(--spacing) * 6);
}

.card-calendar-widget + .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
  border-style: dashed;
  display: block;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-innerContainer {
  justify-content: center;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-weekdays {
  margin: 10px 0;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-days {
  margin-bottom: 10px;
}

.card-calendar-widget + .flatpickr-calendar .dayContainer, .card-calendar-widget + .flatpickr-calendar .flatpickr-days {
  width: 100%;
  min-width: 100%;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months {
  margin-top: 10px;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  top: 10px;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  inset-inline-start: calc(var(--spacing) * 2.5);
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  inset-inline-end: calc(var(--spacing) * 2.5);
}

.apex-charts {
  min-height: 10px !important;
}

.apex-charts .apexcharts-canvas {
  margin: 0 auto;
}

.apexcharts-tooltip-title, .apex-charts text, .apexcharts-tooltip *, .apexcharts-tooltip-text, .apexcharts-xaxistooltip-text, .apexcharts-datalabels text, .apexcharts-legend-text, .apexcharts-title-text, .apexcharts-subtitle-text, .apexcharts-yaxis text, .apexcharts-xaxis text {
  font-family: var(--font-secondary) !important;
}

.apexcharts-tooltip {
  border: 1px solid var(--color-default-300) !important;
  background-color: var(--color-card) !important;
  box-shadow: var(--shadow) !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  background-color: #eef2f7bf !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-tooltip .apexcharts-tooltip-title {
    background-color: color-mix(in oklab, var(--color-light) 75%, transparent) !important;
  }
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  border-bottom: 1px solid var(--color-default-300) !important;
}

.apexcharts-legend-series, .apexcharts-legend-text {
  font-weight: 600;
}

.apexcharts-gridline {
  pointer-events: none;
  stroke-dasharray: 3;
}

.apexcharts-xaxis-tick, .apexcharts-gridline, .apexcharts-grid-borders .apexcharts-gridline + line, .apexcharts-radar-series polygon, .apexcharts-radar-series line, .apexcharts-pie circle, .apexcharts-pie line {
  stroke: var(--color-default-300);
}

.apexcharts-legend-text {
  vertical-align: middle;
  color: var(--color-default-600) !important;
  font-size: 13px !important;
}

.apexcharts-legend-marker {
  vertical-align: middle;
  margin-inline-end: 5px !important;
  top: 1px !important;
}

.apexcharts-pie-label {
  fill: #fff !important;
}

.apexcharts-title-text, .apexcharts-subtitle-text, .apexcharts-xaxis text, .apexcharts-yaxis text {
  fill: var(--color-default-400);
}

.apexcharts-yaxis-title {
  font-weight: 50;
}

.apexcharts-annotation-rect {
  fill: var(--color-default-100) !important;
}

:is(.apexcharts-xaxis-annotations, .apexcharts-yaxis-annotations) rect {
  stroke: none;
}

.apex-toolbar .btn-light.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
  background-color: var(--color-card) !important;
  color: var(--color-default-600) !important;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326) !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;
  box-shadow: var(--shadow) !important;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--color-default-200) !important;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: var(--color-card) !important;
}

.apexcharts-xaxistooltip-top:before {
  border-top-color: var(--color-default-200) !important;
}

.apexcharts-xaxistooltip-top:after {
  border-top-color: var(--color-card) !important;
}

.apexcharts-yaxistooltip-left:before {
  border-inline-start-color: var(--color-default-200) !important;
}

.apexcharts-yaxistooltip-left:after {
  border-left-color: var(--color-card) !important;
}

.apexcharts-datalabel-value, .apexcharts-datalabel-label {
  fill: var(--color-body-color) !important;
}

.apexcharts-menu {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
  background-color: var(--color-card) !important;
  padding: var(--spacing) !important;
  text-align: center !important;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326) !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;
  box-shadow: var(--shadow) !important;
}

.apexcharts-menu .apexcharts-menu-item:hover {
  background-color: var(--color-default-100) !important;
  color: var(--color-default-700) !important;
}

.apexcharts-track path {
  stroke: var(--color-default-100);
}

.apexcharts-marker {
  stroke: var(--color-body-bg);
}

.apexcharts-grid rect {
  fill: none;
}

.apex-charts .apexcharts-heatmap-series rect, .apex-charts .apexcharts-treemap rect, .apex-charts .apexcharts-bar-series path, .apex-charts .apexcharts-pie-series path {
  stroke: var(--color-card);
}

.apexcharts-data-labels {
  padding-inline-start: 10px !important;
}

:root .fc {
  --fc-border-color: var(--color-default-300);
  --fc-non-business-color: var(--color-default-100);
  --fc-button-bg-color: var(--color-primary);
  --fc-button-border-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary);
  --fc-button-hover-border-color: var(--color-primary);
  --fc-button-active-bg-color: var(--color-primary);
  --fc-button-active-border-color: var(--color-primary);
  --fc-neutral-bg-color: var(--color-default-300);
  --fc-neutral-text-color: var(--color-default-700);
  --fc-page-bg-color: #fff;
}

#external-events .fc-event, .fc-event.fc-event-dragging {
  text-align: start;
  cursor: pointer;
  border-radius: var(--radius-sm);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.fc-daygrid-day-events {
  flex-direction: column;
  display: flex;
}

.fc-event {
  background-color: currentColor;
}

@supports (color: color-mix(in lab, red, red)) {
  .fc-event {
    background-color: color-mix(in oklab, currentcolor 20%, transparent);
  }
}

.fc-event-draggable.fc-event {
  margin-top: calc(var(--spacing) * 2);
  border-radius: var(--radius-sm);
  --tw-border-style: none;
  padding: 4px;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: currentColor;
  border-style: none;
}

.fc-daygrid-event-dot {
  border-color: currentColor;
  display: none;
}

.fc-event-main {
  color: currentColor !important;
}

.fc-button {
  align-items: center;
  text-transform: capitalize !important;
  display: flex !important;
}

.fc .fc-button-primary:focus {
  --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;
}

.fc-toolbar-title {
  font-size: var(--text-lg) !important;
  line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
}

.choices[data-type*="select-one"] {
  cursor: pointer;
}

.choices[data-type*="select-one"] .choices__input {
  min-height: calc(var(--spacing) * 9.25);
  border-radius: var(--radius);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  margin-bottom: 10px;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
}

.choices[data-type*="select-one"] .choices__input:hover {
  border-color: var(--color-default-300);
}

.choices[data-type*="select-one"]:after {
  content: "";
  color: var(--color-light);
  top: 18px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
  border: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  font-size: 20px;
  transition: transform .2s ease-in-out;
  position: absolute;
  inset-inline: auto 12px;
  transform: translateY(-50%);
}

.choices[data-type*="select-one"].is-open:after {
  margin-top: 0;
  transform: translateY(-50%)rotate(-180deg);
}

.choices[data-type*="select-one"] .choices__button {
  inset-inline-end: 20px;
}

:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__inner {
  cursor: text;
  padding: .2266rem .385rem !important;
}

:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__button {
  border-left-color: #ffffff80;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__button {
    border-left-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}

:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__button {
  border-right: 0;
}

:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__list--dropdown {
  padding-bottom: 10px;
}

:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"]) .choices__list--dropdown .choices__list {
  margin-bottom: 0;
}

.choices[data-type*="select-multiple"] .choices__input {
  padding-top: 3px;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  margin-top: 0;
}

.input-light .choices__inner {
  background-color: var(--color-light);
  border: none;
}

.choices__inner {
  min-height: calc(var(--spacing) * 9.25);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  vertical-align: middle;
  align-items: center;
  min-height: auto;
  display: flex;
  border-radius: var(--radius) !important;
}

.choices__inner:hover {
  border-color: var(--color-default-300);
}

.choices__inner .choices__list--single {
  padding: 0 !important;
}

:is(.is-focused, .is-open) .choices__inner {
  border-color: var(--color-default-400);
}

.choices__list--multiple .choices__item {
  vertical-align: initial;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow-sm);
  border-radius: 7px;
  margin: 2px 5px 2px 0;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 400;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}

.choices__list--dropdown {
  border-radius: var(--radius);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  will-change: transform;
  padding: 10px 10px 20px;
  animation-name: DropDownSlideUp;
  animation-duration: .3s;
  animation-fill-mode: both;
  background-color: var(--color-card) !important;
  border: 1px solid var(--color-default-300) !important;
}

.choices__list--dropdown.is-active {
  animation-name: DropDownSlideUp;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-default-100) !important;
}

.choices__list--dropdown .choices__list {
  scrollbar-width: thin;
  margin: 0 -10px -16px;
}

.choices__list--dropdown .has-no-results {
  font-style: italic;
  font-weight: 500;
}

.choices__list--dropdown .choices__item--selectable:after {
  display: none;
}

.choices__list--dropdown .choices__list {
  max-height: 300px;
}

.choices__list--dropdown .choices__item {
  font-size: var(--text-body) !important;
  padding: .4rem 1.125rem .4rem 16px !important;
}

@media (hover: hover) {
  .choices__inner:hover {
    border-color: var(--color-default-500);
  }
}

.choices__heading {
  border-bottom: 1px solid var(--color-default-300);
  color: var(--color-default-400);
  padding: 10px 16px;
  font-weight: 600;
}

.choices__input {
  background-color: var(--color-card);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
}

.choices__input:focus {
  --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);
  --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);
  outline-style: var(--tw-outline-style);
  border-color: #0000;
  outline-width: 0;
}

.choices__input {
  margin-bottom: 0;
  padding: 2px 0 2px 2px;
}

.choices__input::placeholder {
  color: var(--color-default-400);
}

.choices__placeholder {
  color: var(--color-default-400);
  opacity: 1;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: var(--color-default-100);
}

[data-theme="dark"] .choices[data-type*="select-one"] .choices__button {
  --tw-brightness: brightness(2);
  --tw-grayscale: grayscale(100%);
  --tw-invert: invert(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

[data-theme="dark"] .choices[data-type*="select-one"]:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238391a2'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
}

.pcr-app {
  background: var(--color-card);
  border: 1px solid var(--color-default-300);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  border-radius: 4px;
}

.pcr-app .pcr-interaction .pcr-type.active {
  background: var(--color-primary);
}

.pcr-app .pcr-interaction .pcr-result {
  background-color: var(--color-card);
  color: var(--color-body-color);
  border: 1px solid var(--color-default-300);
  border-radius: .25rem;
}

.pcr-app .pcr-interaction input {
  background-color: var(--color-light);
  border-radius: .25rem !important;
}

.pcr-app .pcr-interaction input:focus {
  box-shadow: none;
  background-color: var(--color-card);
  border-color: #236dc926;
}

@supports (color: color-mix(in lab, red, red)) {
  .pcr-app .pcr-interaction input:focus {
    border-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
  }
}

.pcr-app .pcr-interaction .pcr-save {
  background: var(--color-success) !important;
}

.pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-cancel {
  background: var(--color-danger) !important;
}

.pickr .pcr-button {
  border-radius: .25rem;
  width: 150px;
  height: 36px;
}

.pickr .pcr-button:after, .pickr .pcr-button:before {
  border-radius: .25rem;
}

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview {
  margin-inline: 0 .75em;
}

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity {
  margin-inline: .75em 0;
}

.pcr-app[data-theme="monolith"] .pcr-result {
  min-width: 100%;
}

.cropper-img-preview {
  border-radius: .25rem;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.cropper-img-preview img {
  display: block;
  max-width: none !important;
}

.dt-scroll {
  width: 100%;
}

.dt-scroll .dt-scroll-body {
  border-bottom: none;
}

.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr {
  height: 0;
}

:is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) th, :is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) td {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

:is(:is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) th, :is(.dt-scroll .dt-scroll-body thead tr, .dt-scroll .dt-scroll-body tfoot tr) td) .dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) .dt-column-order {
  opacity: 0;
}

:is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td):hover, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc) .dt-column-order {
  opacity: 1;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-asc span.dt-column-order:before, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc span.dt-column-order:before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M6 15l6 -6l6 6'/></svg>");
  display: block;
  position: absolute;
  bottom: calc(50% - 3px);
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-desc span.dt-column-order:after, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc span.dt-column-order:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  top: calc(50% - 3px);
}

:is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-desc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc) span.dt-column-order {
  width: 12px;
  height: 20px;
  position: relative;
}

:is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-desc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc) span.dt-column-order:before, :is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-orderable-desc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc) span.dt-column-order:after {
  opacity: .25;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 9px;
  inset-inline-start: 0;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-asc span.dt-column-order:before, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).dt-ordering-desc span.dt-column-order:after {
  opacity: .6;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).sorting_asc_disabled span.dt-column-order:before, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td).sorting_desc_disabled span.dt-column-order:after {
  display: none;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td):active {
  outline: none;
}

:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-header, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-footer {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
}

:is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-header, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-footer) span.dt-column-title {
  grow: 0 !important;
}

:is(:is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-header, :is(:is(table.dataTable thead > tr, table.dataTable tfoot > tr) th, :is(table.dataTable thead > tr, table.dataTable tfoot > tr) td) div.dt-column-footer) span.dt-column-title:empty {
  display: none;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #f9bf591a;
}

@supports (color: color-mix(in lab, red, red)) {
  table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
  }
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  color: inherit;
  box-shadow: none !important;
}

:is(table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected) td {
  background-color: #f9bf591a;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected) td {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
  }
}

:is(table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected) td {
  color: inherit;
  box-shadow: none !important;
}

table.dataTable tbody tr:last-child {
  border-bottom-width: 1px;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom-color: var(--color-default-300);
}

div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

.dt-processing {
  top: 50%;
  margin-inline-start: -50px;
  text-align: center;
  z-index: 10;
  border: 1px solid var(--color-default-300);
  width: 100px;
  margin-top: -22px;
  padding: 2px;
  position: absolute;
  inset-inline-start: 50%;
}

.dt-processing > div:last-child {
  width: 80px;
  height: 15px;
  margin: 1em auto;
  position: relative;
}

.dt-processing > div:last-child > div {
  background: var(--color-primary);
  border-radius: 50%;
  width: 13px;
  height: 13px;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  position: absolute;
  top: 0;
}

.dt-processing > div:last-child > div:first-child {
  animation: .6s infinite datatables-loader-1;
  inset-inline-start: 8px;
}

.dt-processing > div:last-child > div:nth-child(2) {
  animation: .6s infinite datatables-loader-2;
  inset-inline-start: 8px;
}

.dt-processing > div:last-child > div:nth-child(3) {
  animation: .6s infinite datatables-loader-2;
  inset-inline-start: 32px;
}

.dt-processing > div:last-child > div:nth-child(4) {
  animation: .6s infinite datatables-loader-3;
  inset-inline-start: 56px;
}

@keyframes preloader {
  0% {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes datatables-loader-2 {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translate(24px);
  }
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th, table.dataTable td {
  box-sizing: border-box;
}

:is(table.dataTable th, table.dataTable td).dt-left {
  text-align: start;
}

:is(table.dataTable th, table.dataTable td).dt-left div.dt-column-header, :is(table.dataTable th, table.dataTable td).dt-left div.dt-column-footer {
  flex-direction: row;
}

:is(table.dataTable th, table.dataTable td).dt-center {
  text-align: center;
}

:is(table.dataTable th, table.dataTable td).dt-right {
  text-align: end;
}

:is(table.dataTable th, table.dataTable td).dt-right div.dt-column-header, :is(table.dataTable th, table.dataTable td).dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}

:is(table.dataTable th, table.dataTable td).dt-justify {
  text-align: justify;
}

:is(table.dataTable th, table.dataTable td).dt-justify div.dt-column-header, :is(table.dataTable th, table.dataTable td).dt-justify div.dt-column-footer {
  flex-direction: row;
}

:is(table.dataTable th, table.dataTable td).dt-nowrap {
  white-space: nowrap;
}

:is(table.dataTable th, table.dataTable td).dt-empty {
  text-align: center;
  vertical-align: top;
}

:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td {
  text-align: start;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left {
  text-align: start;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left div.dt-column-header, :is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-left div.dt-column-footer {
  flex-direction: row;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-center {
  text-align: center;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right {
  text-align: end;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right div.dt-column-header, :is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify {
  text-align: justify;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify div.dt-column-header, :is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-justify div.dt-column-footer {
  flex-direction: row;
}

:is(:is(table.dataTable thead, table.dataTable tfoot) th, :is(table.dataTable thead, table.dataTable tfoot) td).dt-head-nowrap {
  white-space: nowrap;
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-left {
  text-align: start;
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-center {
  text-align: center;
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-right {
  text-align: end;
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-justify {
  text-align: justify;
}

:is(table.dataTable tbody th, table.dataTable tbody td).dt-body-nowrap {
  white-space: nowrap;
}

table.table.dataTable {
  clear: both;
  border-spacing: 0;
  max-width: none;
  margin-bottom: 0;
}

.dt-container {
  position: relative;
}

.dt-container .dt-layout-start > :not(:last-child) {
  margin-inline-end: 1em;
}

.dt-container .dt-layout-end > :not(:first-child) {
  margin-inline-start: 1em;
}

.dt-container .dt-layout-full {
  width: 100%;
}

.dt-container .dt-layout-full > :only-child {
  margin-inline: auto;
}

.dt-container .dt-layout-table > div {
  display: block !important;
}

.dt-container .dt-length label {
  text-align: start;
  white-space: nowrap;
  font-weight: normal;
}

.dt-container .dt-length select {
  width: auto;
  margin-inline-end: .5em;
  display: inline-block;
}

.dt-container .dt-search {
  text-align: end;
}

.dt-container .dt-search label {
  white-space: nowrap;
  text-align: start;
  font-weight: normal;
}

.dt-container .dt-search input {
  width: auto;
  margin-inline-start: .5em;
  display: inline-block;
}

.dt-container .dt-paging {
  margin: 0;
}

.dt-container .dt-paging ul.pagination {
  flex-wrap: wrap;
  margin: 0;
  padding-top: .75rem;
}

.dt-container .dt-row {
  position: relative;
}

.dt-container .dt-info {
  padding-top: .75rem;
}

table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
  box-shadow: none;
}

.dt-layout-row {
  margin-bottom: calc(var(--spacing) * 4);
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 0 !important;
  display: flex !important;
}

.dt-layout-row .dt-length, .dt-layout-row .dt-search {
  align-items: center !important;
  display: flex !important;
}

.dt-length, .dt-search {
  align-items: center !important;
  display: flex !important;
}

.dt-input {
  border-radius: var(--radius);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  outline-width: 0;
  padding-block: 0;
  display: block;
  height: calc(var(--spacing) * 7.5) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
}

.dt-input::placeholder {
  color: var(--color-default-400);
}

.dt-input:focus-visible {
  border-color: var(--color-default-300);
  --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);
}

.dt-input:focus-visible {
  --tw-ring-color: #e7e9eb4d;
}

@supports (color: color-mix(in lab, red, red)) {
  .dt-input:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--color-default-300) 30%, transparent);
  }
}

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

.dt-input:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.dt-input[readonly] {
  cursor: not-allowed;
}

.dt-input[readonly] {
  background-color: #f6f7fbcc;
}

@supports (color: color-mix(in lab, red, red)) {
  .dt-input[readonly] {
    background-color: color-mix(in oklab, var(--color-default-100) 80%, transparent);
  }
}

.dt-input[readonly] {
  color: #8a969ccc;
}

@supports (color: color-mix(in lab, red, red)) {
  .dt-input[readonly] {
    color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
  }
}

.dt-input::file-selector-button {
  height: 100%;
}

.dt-input[type="file"] {
  padding-block: 0;
}

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

.dt-input::file-selector-button {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}

.dt-input::file-selector-button {
  --tw-border-style: solid;
  border-style: solid;
}

.dt-input::file-selector-button {
  border-color: var(--color-default-300);
}

.dt-input::file-selector-button {
  background-color: #0000;
}

.dt-input::file-selector-button {
  padding: 0;
}

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

.dt-input::file-selector-button {
  color: var(--color-default-800);
}

.dt-input::file-selector-button {
  font-style: normal;
}

.dt-input[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  .dt-input[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

.dt-input[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  .dt-input[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.dt-input {
  transition-property: color, box-shadow;
}

select.dt-input {
  width: calc(var(--spacing) * 18) !important;
  padding-inline: calc(var(--spacing) * 3) !important;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

div.dt-paging nav {
  align-items: center !important;
  display: flex !important;
}

div.dt-paging nav .dt-paging-button {
  color: var(--color-default-600);
  margin-inline: calc(var(--spacing) * .5) !important;
  width: calc(var(--spacing) * 7.5) !important;
  height: calc(var(--spacing) * 7.5) !important;
  border-radius: var(--radius) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
  background-color: var(--color-card) !important;
  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;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

div.dt-paging nav .dt-paging-button svg {
  width: calc(var(--spacing) * 3.5) !important;
  height: calc(var(--spacing) * 3.5) !important;
}

div.dt-paging nav .dt-paging-button.disabled {
  pointer-events: none;
}

div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button:focus, div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  --tw-gradient-position: to bottom !important;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button:focus, div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    --tw-gradient-position: to bottom in oklab !important;
  }
}

div.dt-container .dt-paging .dt-paging-button:hover, div.dt-container .dt-paging .dt-paging-button:focus, div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
  --tw-gradient-from: var(--color-primary);
  --tw-gradient-to: var(--color-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
  fill: var(--color-white) !important;
  color: #fff !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled svg {
  color: var(--color-default-400) !important;
}

div.dt-container .dt-search input {
  margin-inline-start: calc(var(--spacing) * 2);
}

@media screen and (max-width: 767px) {
  .dt-container .dt-layout-start > :not(:last-child) {
    margin-inline-end: 0;
  }

  .dt-container .dt-layout-end > :not(:first-child) {
    margin-inline-start: 0;
  }
}

.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dt-scroll-body > table > thead > tr {
  border-width: 0 !important;
}

.dt-scroll-body > table > tbody > tr:first-child {
  border-top-width: 0;
}

.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}

.dt-scroll-foot > .dt-scroll-footInner > table {
  border-top: none;
  margin-top: 0 !important;
}

.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  border-top-width: 0 !important;
}

@media screen and (max-width: 767px) {
  .dt-container div.dt-length, .dt-container div.dt-search, .dt-container div.dt-info, .dt-container div.dt-paging {
    text-align: center;
  }

  .dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}

.table-responsive > .dt-container > .row {
  margin: 0;
}

.table-responsive > .dt-container > .row > div[class^="col-"]:first-child {
  padding-inline-start: 0;
}

.table-responsive > .dt-container > .row > div[class^="col-"]:last-child {
  padding-inline-end: 0;
}

.select-info {
  background-color: #f9bf591a;
}

@supports (color: color-mix(in lab, red, red)) {
  .select-info {
    background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
  }
}

.select-info {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  border-radius: 3px;
  padding: 3px 6px;
}

.select-info .select-item {
  margin: 0 !important;
}

div.dt-button-info {
  background-color: var(--color-primary);
  color: #fff;
  box-shadow: none;
  text-align: center;
  z-index: 21;
  border: none;
  border-radius: 3px;
}

div.dt-button-info h2 {
  background-color: rgba(white, .2);
  color: #fff;
  border-bottom: none;
}

.dtfh-floatingparent-head {
  top: var(--topbar-height) !important;
}

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
  background-color: var(--color-body-bg);
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    text-align: center;
  }

  .dt-paging .pagination {
    justify-content: center;
  }

  .dt-length {
    margin-bottom: 10px;
  }
}

:is(table.dataTable thead, table.dataTable tfoot) tr > .dtfc-fixed-start, :is(table.dataTable thead, table.dataTable tfoot) tr > .dtfc-fixed-end {
  background-color: var(--color-card);
}

table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--color-card);
}

.dtfc-top-blocker, .dtfc-bottom-blocker {
  background-color: var(--color-body-bg);
}

.dt-scroll-body {
  border-left-color: var(--color-body-color) !important;
}

:is(.dt-scroll-headInner, .dt-scroll-footInner) table.table-bordered tr th:first-child {
  border-left-color: var(--color-default-300) !important;
}

.column-search-input-bar .dt-column-order {
  display: none;
}

div.dt-button-collection {
  width: calc(var(--spacing) * 28) !important;
  border-radius: var(--radius) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
  background-color: var(--color-card) !important;
  padding: var(--spacing) !important;
  --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26) !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;
  box-shadow: var(--shadow-sm) !important;
  flex-direction: column !important;
  display: flex !important;
  position: absolute !important;
}

div.dt-button-collection .dt-button {
  border-radius: var(--radius);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: var(--spacing);
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
}

@media (hover: hover) {
  div.dt-button-collection .dt-button:hover {
    background-color: var(--color-default-100);
  }
}

.dt-control:before {
  display: none !important;
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
  padding: 12px 10px;
}

table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row !important;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: start;
}

table.dataTable input.dt-select-checkbox:checked:after, table.dataTable input.dt-select-checkbox:indeterminate:after {
  display: none !important;
}

table.dataTable input.dt-select-checkbox {
  width: calc(var(--spacing) * 4.25);
  height: calc(var(--spacing) * 4.25);
  border-radius: var(--radius);
  border-color: var(--color-default-300) !important;
  background-color: var(--color-card) !important;
}

table.dataTable input.dt-select-checkbox:checked {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

table.dataTable input.dt-select-checkbox {
  appearance: none;
  border-style: var(--tw-border-style);
  --tw-ring-offset-color: var(--color-white);
  background-color: currentColor;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 1px;
  border-color: currentColor;
  flex-shrink: 0;
}

table.dataTable input.dt-select-checkbox:focus-visible {
  --tw-outline-style: none;
  --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);
  --tw-ring-color: inherit;
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  outline-style: none;
}

table.dataTable input.dt-select-checkbox:disabled {
  cursor: not-allowed;
  opacity: .9;
}

table.dataTable input.dt-select-checkbox[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  table.dataTable input.dt-select-checkbox[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

table.dataTable input.dt-select-checkbox[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  table.dataTable input.dt-select-checkbox[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

table.dataTable input.dt-select-checkbox {
  cursor: pointer;
}

table.dataTable input.dt-select-checkbox: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);
  --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);
}

table.dataTable input.dt-select-checkbox:checked {
  background-color: currentColor;
  border-color: #0000;
}

table.dataTable input.dt-select-checkbox[type="checkbox"]:indeterminate {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

.daterangepicker {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  font-family: var(--font-body);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

.daterangepicker .calendar-table {
  background-color: #0000;
  border: none;
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
  color: var(--color-body-color);
  text-transform: uppercase;
}

:is(.daterangepicker .calendar-table .next, .daterangepicker .calendar-table .prev) span {
  border-color: var(--color-body-color);
}

.daterangepicker .ranges li:hover {
  background-color: var(--color-default-100);
}

.daterangepicker .ranges li.active {
  background-color: var(--color-primary);
}

.daterangepicker td.in-range {
  background: var(--color-default-300);
  color: var(--color-body-color);
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
  background-color: var(--color-card);
  color: var(--color-body-color);
  opacity: .5;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--color-primary);
  color: #fff;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover, .daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--color-primary);
  color: #fff;
}

:is(.daterangepicker td.available:hover, .daterangepicker th.available:hover, .daterangepicker td.active, .daterangepicker td.active:hover) span {
  border-color: #fff;
}

.daterangepicker:after {
  border-bottom: 6px solid var(--color-card);
}

.daterangepicker:before {
  border-bottom: 7px solid var(--color-default-300);
}

.daterangepicker .drp-buttons {
  border-top: 1px solid var(--color-default-300);
}

.daterangepicker .drp-buttons .btn {
  font-weight: 500;
}

.daterangepicker .monthselect, .daterangepicker .yearselect {
  border: 1px solid var(--color-default-300);
  background-color: var(--color-card);
  border-radius: 4px;
  padding: 2px 8px;
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
  background: var(--color-default-100);
  border: 1px solid var(--color-default-300);
  color: var(--color-body-color);
  border-radius: 4px;
  width: auto;
  padding: 3px 10px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-inline-start-style: var(--tw-border-style) !important;
  border-inline-start-width: 1px !important;
  border-inline-start-color: var(--color-default-200) !important;
}

.dropzone-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e45634' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 16px;
  height: 16px;
}

.filepond--drop-label {
  color: var(--color-body-color);
}

.filepond--drop-label .filepond--label-action {
  font-weight: 500;
}

.filepond--root {
  border: 2px dashed var(--color-default-300);
  border-bottom: 0;
  border-radius: .5em;
  min-height: 70px;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

.flatpickr-calendar {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  font-size: var(--text-body);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--color-card);
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--color-card);
}

.flatpickr-calendar.open {
  z-index: 1200;
}

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

.flatpickr-current-month {
  font-size: 100%;
}

.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 {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--color-primary);
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background-color: var(--color-card);
  color: var(--color-default-700);
}

.flatpickr-months .flatpickr-month {
  height: 40px;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-month {
  color: var(--color-body-color);
  fill: var(--color-default-500);
  line-height: 16px;
}

.flatpickr-weekdays {
  background-color: var(--color-default-100);
}

span.flatpickr-weekday, .flatpickr-day, .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, .flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  fill: var(--color-default-600);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-default-600);
}

.flatpickr-current-month input.cur-year {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: var(--color-default-400);
}

.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: var(--color-default-100);
  background-color: var(--color-default-100);
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-default-300);
}

.numInputWrapper:hover, .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  color: var(--color-default-600);
  background-color: #0000;
}

.flatpickr-current-month .numInputWrapper {
  width: 8ch;
  margin-inline-start: 10px;
  display: inline-block;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: normal;
}

.flatpickr-day.inRange {
  box-shadow: -5px 0 0 var(--color-default-100), 5px 0 0 var(--color-default-100);
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: var(--color-default-400);
  opacity: .5;
  text-decoration: line-through;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-default-300);
}

.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: none;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: var(--color-default-400);
}

[data-inline-date="true"], [data-time-inline] {
  display: none;
}

.jvm-tooltip {
  font-family: var(--font-body);
  font-size: var(--text-body);
  background-color: #223058;
  padding: 4px 10px;
}

.jvm-container text {
  fill: var(--color-body-color);
  font-family: var(--font-body);
}

.jvm-zoom-btn {
  text-align: center;
  background-color: #2b2c34;
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 20px;
}

.jvm-zoom-btn.jvm-zoomin {
  top: 6px;
}

.noUi-target {
  box-shadow: none;
  background-color: var(--color-light);
  border: none;
}

.noUi-handle {
  background: var(--color-card);
  border: 1px solid var(--color-light);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

.noUi-connect {
  background: var(--color-primary);
}

.noUi-horizontal {
  height: 8px;
}

.noUi-horizontal .noUi-handle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: -7px;
  inset-inline-end: -10px !important;
}

.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
  display: none;
}

.noUi-horizontal .noUi-handle:focus {
  outline: 0;
}

[data-theme="dark"] .noUi-horizontal .noUi-handle {
  background: var(--color-primary);
}

[data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-primary);
  width: 8px;
  box-shadow: none;
  border-radius: 4px;
  inset-inline-end: -8px !important;
}

.noUi-vertical {
  width: 8px;
}

.noUi-vertical .noUi-handle {
  inset-inline-end: -6px;
  top: -6px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  inset-inline-start: auto;
}

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
  display: none;
}

.noUi-vertical .noUi-handle:focus {
  outline: 0;
}

.noUi-vertical .noUi-origin {
  top: 0;
}

[data-theme="dark"] .noUi-vertical .noUi-handle {
  background: var(--color-primary);
}

.noUi-tooltip {
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  color: var(--color-body-color);
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 600;
}

.noUi-marker {
  background: var(--color-default-300);
}

.noUi-value-horizontal {
  color: var(--color-secondary-color);
  padding-top: 4px;
}

[data-slider-size="sm"].noUi-horizontal {
  height: 4px;
}

[data-slider-size="sm"].noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
}

[data-slider-size="sm"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  border-radius: 4px;
  width: 6px;
  top: -6px !important;
  inset-inline-end: -6px !important;
}

[data-slider-size="lg"].noUi-horizontal {
  height: 12px;
}

[data-slider-size="lg"].noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
}

[data-slider-size="lg"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  border-radius: 4px;
  width: 10px;
  inset-inline-end: -10px !important;
}

[data-slider-color="primary"] .noUi-connect {
  background: var(--color-primary);
}

[data-theme="dark"] [data-slider-color="primary"] .noUi-handle {
  background: var(--color-primary);
}

[data-slider-color="primary"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-primary);
}

[data-slider-color="secondary"] .noUi-connect {
  background: var(--color-secondary);
}

[data-theme="dark"] [data-slider-color="secondary"] .noUi-handle {
  background: var(--color-secondary);
}

[data-slider-color="secondary"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-secondary);
}

[data-slider-color="warning"] .noUi-connect {
  background: var(--color-warning);
}

[data-theme="dark"] [data-slider-color="warning"] .noUi-handle {
  background: var(--color-warning);
}

[data-slider-color="warning"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-warning);
}

[data-slider-color="success"] .noUi-connect {
  background: var(--color-success);
}

[data-theme="dark"] [data-slider-color="success"] .noUi-handle {
  background: var(--color-success);
}

[data-slider-color="success"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-success);
}

[data-slider-color="danger"] .noUi-connect {
  background: var(--color-danger);
}

[data-theme="dark"] [data-slider-color="danger"] .noUi-handle {
  background: var(--color-danger);
}

[data-slider-color="danger"][data-slider-style="line"].noUi-horizontal .noUi-handle {
  background: var(--color-danger);
}

.password-bar {
  gap: 12px;
  display: flex;
}

.password-bar .strong-bar {
  background: var(--color-light);
  border-radius: 10px;
  flex: 1;
  height: 6px;
  transition: background .3s;
}

.password-bar .strong-bar.bar-active-1 {
  background-color: var(--color-danger);
}

.password-bar .strong-bar.bar-active-2 {
  background-color: var(--color-warning);
}

.password-bar .strong-bar.bar-active-3 {
  background-color: var(--color-primary);
}

.password-bar .strong-bar.bar-active-4 {
  background-color: var(--color-success);
}

.password-box p {
  padding-inline-start: 12px;
}

.password-box p.valid {
  color: var(--color-success);
}

.password-box p.valid:before {
  content: "✔️";
  position: relative;
  inset-inline-start: -8px;
}

.password-box p.invalid {
  color: var(--color-danger);
}

.password-box p.invalid:before {
  content: "✖";
  position: relative;
  inset-inline-start: -8px;
}

.ql-editor {
  text-align: start;
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
}

.ql-editor ol, .ql-editor ul {
  padding-inline: 1.5em 0;
}

.ql-editor li:not(.ql-direction-rtl):before {
  text-align: end;
  margin-inline: -1.5em .3em;
}

.ql-editor li {
  padding-inline-start: 1.5em !important;
}

.ql-editor .ql-ui:before {
  text-align: end;
  white-space: nowrap;
  width: 1.2em;
  margin-inline: -1.5em .3em;
  display: inline-block;
}

.ql-container {
  font-family: var(--font-body);
}

.ql-container.ql-snow {
  border-color: var(--color-default-300);
  border-radius: 0 0 4px 4px;
  min-block-size: 12rem;
}

.ql-toolbar {
  font-family: var(--font-body) !important;
}

.ql-toolbar span, .ql-toolbar button {
  color: var(--color-body-color);
  outline: none !important;
}

:is(.ql-toolbar span, .ql-toolbar button):hover {
  color: var(--color-primary) !important;
}

.ql-toolbar.ql-snow {
  border-color: var(--color-default-300);
  border-radius: 4px 4px 0 0;
  flex-wrap: wrap;
  row-gap: 8px;
  display: flex;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #0000;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border-radius: var(--radius);
  --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow-sm);
}

.ql-toolbar.ql-snow .ql-formats {
  border: 1px solid var(--color-default-300);
  border-radius: 3px;
  margin-inline-end: 10px;
}

:is(.ql-toolbar.ql-snow .ql-formats button, .ql-toolbar.ql-snow .ql-formats span) i {
  color: var(--color-body-color);
  line-height: 18px;
}

:is(.ql-toolbar.ql-snow .ql-formats button, .ql-toolbar.ql-snow .ql-formats span):hover i {
  color: var(--color-primary);
}

.ql-toolbar .ql-picker-label, .ql-toolbar button {
  display: flex;
}

:is(.ql-toolbar .ql-picker-label, .ql-toolbar button) svg {
  width: 16px;
  height: 16px;
}

:is(.ql-toolbar .ql-picker-label, .ql-toolbar button) svg:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
  left: 0;
  right: auto;
}

.ql-snow a {
  color: var(--color-primary);
}

.ql-snow .ql-picker {
  font-size: 14px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--color-body-color) !important;
}

.ql-snow .ql-picker-options {
  background-color: var(--color-card);
  border-color: var(--color-default-300) !important;
}

.ql-snow .ql-tooltip {
  background-color: var(--color-card);
  border-color: var(--color-default-300);
  color: var(--color-body-color);
  --tw-shadow: 0 .0625rem .125rem var(--tw-shadow-color, #4c4c5c26);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow-sm);
  padding: 8px 16px;
}

.ql-snow .ql-tooltip input[type="text"] {
  border-radius: 4px;
  border: 1px solid var(--color-default-300) !important;
}

.ql-snow .ql-tooltip input[type="text"]:focus, .ql-snow .ql-tooltip input[type="text"]:focus-visible {
  border: 1px solid var(--color-default-300) !important;
}

.ql-bubble {
  border: 1px solid var(--color-default-300);
  border-radius: 4px;
}

.ql-bubble .ql-tooltip-editor input::placeholder {
  color: var(--color-default-400);
}

.ql-tooltip .ql-toolbar button {
  color: #fff !important;
}

.ql-tooltip .ql-toolbar button:hover {
  color: var(--color-primary) !important;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: calc(var(--spacing) * 9.25);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--color-body-color);
  padding-inline-start: 12px;
  line-height: 36px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  inset-inline-end: 3px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
  border: 0;
  width: 20px;
  height: 20px;
  margin: -10px;
  transition: transform .2s ease-in-out;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-dropdown {
  z-index: 100;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

.select2-results__options::-webkit-scrollbar {
  -webkit-appearance: none;
}

.select2-results__options::-webkit-scrollbar:vertical {
  width: 5px;
  margin-inline-end: 5px;
}

.select2-results__options::-webkit-scrollbar:horizontal {
  height: 5px;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #313a4633;
}

@supports (color: color-mix(in lab, red, red)) {
  .select2-results__options::-webkit-scrollbar-thumb {
    background-color: color-mix(in oklab, var(--color-dark) 20%, transparent);
  }
}

.select2-results__options::-webkit-scrollbar-thumb {
  border: none;
  border-radius: 10px;
  margin-inline-end: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
  background-color: #0000;
  border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar-corner {
  background-color: #0000;
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--color-default-100);
}

.select2-container--default .select2-search--dropdown {
  background-color: var(--color-card);
  padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  color: var(--color-body-color);
  outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-primary);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--color-card);
  color: var(--color-body-color);
}

.select2-container--default .select2-results__option[aria-selected="true"]:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-inline: 36px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  inset-inline: auto 1px;
}

.select2-container .select2-selection--multiple {
  height: calc(var(--spacing) * 9.25);
  background-color: var(--color-card);
  display: flex;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-300) !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin-bottom: 0;
  padding: 1px 4px;
}

.select2-container .select2-selection--multiple .select2-search__field {
  color: var(--color-body-color);
  border: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 3px;
  margin-top: 6px;
  padding: 0 7px 0 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  border-color: #236dc9b3;
  margin-inline-end: 7px;
}

@supports (color: color-mix(in lab, red, red)) {
  .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
  }
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  padding: 0 8px;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.select2-container .select2-search--inline .select2-search__field {
  font-family: var(--font-body);
  margin-top: 7px;
}

.select2-container .select2-search textarea::placeholder {
  color: var(--color-default-400);
}

[dir="rtl"] .select2-container--open .select2-dropdown {
  inset-inline: auto 0;
}

[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%238391a2'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
}

.nested-sortable .nested-sortable {
  margin-top: 10px;
}

.nested-sortable-handle .nested-sortable-handle {
  margin-top: 10px;
}

.sort-handle {
  cursor: move;
  margin-inline-end: 10px;
  font-size: 16px;
}

.sort-handle:hover {
  color: var(--color-primary);
}

.sortable-item-ghost {
  background-color: var(--color-default-100);
  border-radius: 4px;
}

.swal2-container .swal2-title {
  color: var(--color-body-color);
  font-size: 20px;
  font-weight: 500;
}

.swal2-popup {
  background-color: var(--color-card);
  width: 28em;
  color: var(--color-body-color);
  border-radius: var(--radius);
  padding: 2rem;
}

.swal2-popup .swal2-html-container {
  color: var(--color-body-color);
  font-size: 16px !important;
}

.swal2-footer {
  border-top: 1px solid var(--color-border-color);
  color: var(--color-body-color);
}

.swal2-icon.swal2-question {
  border-color: var(--color-info);
  color: var(--color-info);
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: var(--color-success);
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: var(--color-success);
}

.swal2-icon.swal2-warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
}

div:where(.swal2-icon) {
  width: 4em;
  height: 4em;
  margin: .5rem auto;
}

div:where(.swal2-icon) .swal2-icon-content {
  font-size: 3em;
}

div:where(.swal2-icon).swal2-info {
  border-color: var(--color-info);
  color: var(--color-info);
}

.swal2-styled:focus {
  box-shadow: none;
}

.swal2-loader {
  border-color: var(--color-primary) transparent var(--color-primary) transparent;
}

.swal2-timer-progress-bar {
  background-color: #02bc9c4d;
}

@supports (color: color-mix(in lab, red, red)) {
  .swal2-timer-progress-bar {
    background-color: color-mix(in oklab, var(--color-success) 30%, transparent);
  }
}

.swal2-progress-steps .swal2-progress-step {
  background: var(--color-primary);
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: var(--color-primary);
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background-color: #236dc94d;
}

@supports (color: color-mix(in lab, red, red)) {
  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
}

.swal2-progress-steps .swal2-progress-step-line {
  background: var(--color-primary);
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  border-left-color: var(--color-primary) !important;
  border-right-color: var(--color-primary) !important;
}

.swal2-file, .swal2-input, .swal2-textarea {
  border: 1px solid var(--color-default-300);
}

:is(.swal2-file, .swal2-input, .swal2-textarea):focus {
  box-shadow: none;
  border-color: var(--color-default-400);
}

.swal2-input {
  height: auto;
  font-weight: 400;
  font-family: var(--font-body);
  color: var(--color-body-color);
  background-color: var(--color-card);
  background-clip: padding-box;
  padding: 8px 12px;
  display: block;
  box-shadow: none !important;
  border: 1px solid var(--color-default-300) !important;
  border-radius: 5px !important;
}

.swal2-close {
  font-family: var(--font-body);
  top: 5px;
  width: 1em;
  height: 1em;
  font-size: 42px;
  position: absolute;
  inset-inline-end: 5px;
}

.swal2-close:focus {
  box-shadow: none;
}

.swal2-close:hover {
  color: var(--color-danger);
}

.swal2-validation-message {
  background-color: #0000;
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
  width: 1.9375em;
  top: 1.95em;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {
  width: 1em;
  top: 2.4em;
}

.swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  top: 1.85em;
  width: 2.25em;
  inset-inline-end: .5em;
}

.swal2-backdrop-show {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: var(--color-emphasis-color);
}

.tg-backdrop {
  z-index: 1001;
}

.tg-dialog {
  color: var(--color-body-color);
  background-color: var(--color-card) !important;
}

.tg-dialog .tg-arrow {
  background-color: var(--color-card) !important;
}

.tg-dialog-btn {
  border-color: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.tg-dialog-close-btn {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #f9bf59bf !important;
  width: 20px !important;
  height: 20px !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .tg-dialog-close-btn {
    background-color: color-mix(in oklab, var(--color-warning) 75%, transparent) !important;
  }
}

.jstree-wholerow {
  background-color: var(--color-card);
}

.jstree-default {
  height: auto;
  padding: 2px 6px;
}

.jstree-default .jstree-clicked, .jstree-default .jstree-hovered {
  box-shadow: none;
  background: var(--color-default-100);
}

.jstree-default .jstree-clicked {
  background-color: #236dc926;
}

@supports (color: color-mix(in lab, red, red)) {
  .jstree-default .jstree-clicked {
    background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
  }
}

.jstree-default .jstree-clicked {
  color: var(--color-primary);
}

.jstree-default .jstree-anchor, .jstree-default .jstree-icon, .jstree-default .jstree-icon:empty {
  border-radius: 4px;
  height: 22px;
  line-height: 22px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABgCAYAAABsS6soAAANvklEQVR4Ae3dX2wcRx0H8N/snf+kDomTSKWliFwEQogK1UVISBUSvjgNqkA0QSDVTqvYSAilQrXvAVVIoDhCPPB0diSoEA92VGLTB2j7gCKaXC6VeKV2oSAoan0piLZAGqeJY9/+G36ze+dejBPs292Ztff7kTa3d754785335v5ze4OEbRtcqYiyaCsbx+yDe8/AAAwozx7rkAGZX37AFFZBG2zZOcCGZT17UO2xdEFRgBGwK9+jQzK+vYBAAAA9CvPnu8ng7K+fci2OGrQ6AJHYEmrSgZlffuQbXHUoPMEbZMkL5FBWd8+6FX91ffGdu++51GyuN3k+xRctmrexpfXrv7rxeI3fjRBCYqjBi0IIOXaHe0bHRrYFu/vtDz/Vy5MVO///Nf7hRBS8iO6ce1d4Tp1CqJIPUIhgkDhL0Z6408X5x/6yvcfpJRDCzCC8mxluDQ4ME2aTZ6tjI8eGxg3tf2m1u2XZ6sF/ubvLx0z93iS1E4IbZcAbvI59cLAI3Htylu0vLRIO3vv4dCzWppSklQMfvij9/f9ZupbfV8e+fk8JUTVAEuDj9Qogk0HYPlsZdgSlhwdKp6hFFEfwNJgsUYaWZKm+GKadBN0kkNQvddOGtl+Q/P5q9fekrLKn4NpStBGAyWpQ6Q2E2hJPAbTz19Klzx3RTXwhOfadNfOfbRrz71h628Nz3VI5Gg3JahRA4z0JdNmC9CfnpypUlpCULWI1PcTr54ijbgfME2mcAjyG2+RDFLPfzX8SBYoAzYSLtut5dckPY9ce4V7wLzq2kJYOb6+vM49BQdgnZIWRw0wwihwEILHybAg/ETQEtJu7NihETJJUG8Y/mZIK3cqS+GXZuWz1b7JsxfnKEFhF3iZHGdZeJ5NPoecuu46K2uWZfK85ANwbGjgAEUUcTcYsyFoMvyC7c9WjG17VdgdHifNstbySzMVfpaQz/vkJvqFLH03aNl5XAf0uQscroeBp1qCwaLCL1gcSlpK9gM0E4Kmwy8gaXxy5kLw3CdnL1ab3SMVDmp9YrYyFf6sclJdPz1z8YvB9ZlKvMfQqhCcuXhV1/ZvG378eujYfpap1zYYcGo4HdTkOfyke7R07HBiAw6KlF7QwlOh53ML0HNscuzl4HoQhG4Ygo7N1/nnSUvRfoD+dHnq3MulkWgjMhuVivCjW2s9o4MHi831xmBMy88GVG3yVMv/i9x0v4WU8779frE0cnQx6e3fseUnwgDU/vyzRHp9Flll/jsUczzqLgWVOfyKSYef0uwCBw+D1217ibqcnSQaf+rW4qgKxKQZrgG28OVw1sLPsNrqWhB+11fDL0no9ppXGjr0AgdRUHsNw8/TEn7nZ8bGduz4UB/X/aQKt46ODnnz+hWyV26ommCweE5LF1hDCzCOGmD0FiCH3+jjh7SMBiP81tAYfkqjZYfWm2FqX8vyzIVFqjvzuhoe3d3dj/bs7O3lUeBgR2c1FJzv6CAVgt09uxptQBG0DNUVz0l+EEQdi14afPgSRRAtADWGX1j3CHZ1GV/v577rv0zZUvNt56iu8IN0US1B0sjjjx4PeqhDPhqlDRHsC6j6oV4Qig38U6Fu01IDDI5F17wfoOXXSFpaw09ptD607ueXXrLm150RXd/+ACRdNQCimnjhUW+8+J6jhob59lzLHcOD4fTsBxj9WPT2WoCaww9u5devZ7Lll4ZJcEzu5Gzy+dtOfdGp3yRhqacvgs4uh5yQVn5NAIbHAqvdZJI2NnSoSBFtOgCj9rkhOnR7zcjyLGQd9fzIe++9S3kr19u8jQdg+F9R6Nm5q/DBPcM64M2la/N1r+dVSlAcNUCcDQYA2ladGutdztUfWHt73et69ejIRKJf1OoLabsedggAcEcTMxeqBAAAAAAZEsecNJgTBAC2pDjmpEEAAsCWhDlpAAAAALJGzUlDEaELDABbUmNOmmi/gwAiCE52moYzY0PmGJ2TB0ImAwDhAwBgUHmq2qsWAtAMNcAUMBkAaQgfq9sfVQsBaBZHDTCmOUGyq+XDr/1chSa3vUpInJkGjIijBogAjMpkAKQgfEYfOzRJAAYYn5cbYO00jQC6oAaYAiYDIA3hY5F/XC0EoBn2A0wBkwGQhvDxfe+yWghAM9QAU8Dkhz8NwVM6dniaEvbT18+1dSr6Jz/5SGxnC27nMcS1/XZPxb/dz5YcRw0QARiRjgBI47YnZ6rHfUEvk0+94WMpJj45t2mbCbR2Qxs2Th0EMDo4EGkPiNgC8PRZLkgKsfDU0MHE5+dVE6SPHhsYpxQon632qUsTAdC6be2vifALlhTjwpKX+JNe41sSf/4bDaAkw2cjvzvOlifcgQzmCDcfgKdnKmP8rijzX72fdBB0kj/wlIYQtCz/0caq9gBsbptfiyPqNaHbTBqfHFmQkoa5GDNGsO0d/NqJhZ2FTxXUejj7b3NWNRFMhWlf/Tddf+O1YSHE2Er95gP1+opYsZfJtldql//2hwMUNxH9/R45AFXLg18I/cejpiQEfddNdOq//7dtK9dxkoTsI5OENcaj0S82Jq8HE6Sc98kfsURujhLSfd8nCvd99QR39MKpL5uXilp//40/0nt/faWQ7+jsPXy4X3R15+nG0g167rlf76cERO3+KpFGgVX4NVoeZoQhOE4GlZ740gtqIQMsK8/BZzj8ApK7w7KK/QENUeFnO0ctykfeLeROHMflhbhFJ2+5VEu97pPj+uQ2JkT/59vv0MKbb1Ft4e8ybCvGL44TgbQdgMbDr8lwCJafPd+vFtIs7tc/OLPMzIXj4frFanPkUYWaWp+YrUx9cL8Kf/HL/lt/A0JQk1pjCXADbDoIv86u55PuCdiOK23bD4IvvAwXx5HhElx3g/t+5N57qLd3N/Xu2c1tQ5FMTVQa6gIHxXfhp+c0TDF0h4NvEylro0OHzqgA4PV+tRuB+kBb0l+QgqbHBgdGwvvROP9R+9WAj5Wzpnj70/wrLlGbNrttTibV4jxCMWrtTowOHiw21xvdWrHmfqcaj6X/1t+iQpBUCBbRHU4G/yHmvbpdsro6qxx+l6RtlTj8qjrKIK7rChV+KnnCSAsrgc3usO1wC9C3+VZBL710STZqgFIm1AI0VgNUo47lsxWuN1CiTe5NiRiCmw2A1etDA5GLu5vdtjoDjOiShXR0f9dCCCaJo+RIrrNzkUOQ3yfdi1anrOqqAa9cX5Q3//O2WK3/NW5vvkHrN94PusCNwGsZJ0mmARhHDbDtQZDSsYHp8i/O91qWVaa0SNHocJJKI8VFDsGi1UXVlhCskUZrvwhAH+4RDOe6Ontl8LdXX4R6XP1z9ZtXXqvuV3UzK9/Zl8/ljkjyF+v1+sTqnWw6w/8OhyPDFPTRk2J8P8DS4w9PcODsjqMpuhnbfQ/3jbhNCEJGyKAEondf6zf/Mj/96c88NOVLfz+3Avd4nrfALUHR3dndrxp5vutMvl77fe2+/WGn6GDxC+Lcb89TYh/WNOwHyK2tU6rVpTsEoTUEZWK7PsCtsryTM4de780Vu8bdXF5Uvc9Vu2LxZTj4sXfXbtqzZ1ezC0zV6u9UgVAkNgychv0AlZYQBM3CEDzHIdiRnnpsQkwfXpb1w9s46MZd1xn1PA4/z1WDInzpqUvp8ADJDXtl8erVq/OX//F2cHjkiSe/K+r2MiWVf0ZrgGupECxPPY+5IQwojTxS49f+KEFicHgb0Y2lpSrn3ZzjOTzi65Bj2+TxyK/v2bTCrcBr71ynTquz8PEDHwuODPrs5/rofKVClhSJnLj39Gxl6qnBgRECAMiads+S0wrnAwSALcoaJgAAAADIkNONwzOjQBcYALak4FRsESEAAWCLQg0QAAAAIFtQAwSAzEINEAAyDDVAAAAAgGwJzp4eEbrAALA1/c+8NJuHAASALUnNy0MAAAAAkCGoAQJAdqEGCABZhRogAECadM89U7hr7pmFHbwQxE7expUrVxb4okAAGRFHDTC2SZEUFX7cp1YPqkAJTNRtP/GDBTUJgJ+zijumT9Vaf7Y8fLKQ8/yq+nnXsz88QAnpmfvJsEd5ufLgt89QiriuW+CLKodgUQhRI4DtLk01wNbw4xCq8VKkuPk+CW7lWBx0KvCaNzfDj1QLiO+TNIv86e65nx2n9ClQGIIFAtjm4qgBxjLV33rht/LgiRrFbPmxpwu5XL5KQhQkt3JUS1Dd3gw//uDXfM8t7vjlj2uUENUClGQFp+HxyRrW3RJU3d31bl9aWgoWJZ/P1/bt25dYKxhgu4jcAtQVfooKNo8DjlOg1mwJ6gy/tdLUEuzp6aG77747WPbu3VsggG2Oa4CRxxk2HIDNgQ0VeM3bdIZf09oQNBV+TSnuDgNsbzGUejbVAuT+coGXqgo+E+G3qrubH3nLQ1fr6jZDwhD84IsBAJKX84OadyQbDkA/HNSoNUPQVPi1Dnioll9rd7h1YESnsBaoKfwBIPCdxwcuU0QbDkD1AW8NQUpB+Klu79qaoO4QNDEQAgCaa4BKawhq7/bS+qO96w2MkCYIPwCDYqgBbnpH6EbgmdnFwvdJBe/aAQ+1vvzY08VgF5n19xKJjSCrFuyMjfADMCqOGiBs0s65Z/pNjvrKDSIAgO0GAQgQiqMGGOuxwJA8wQgA9O8HCACQFqgBAgAAAGTN5Ewlcq0bXWAAAAAAAAAAAID0iqMGCACQWf8Fha2pRhFl0xYAAAAASUVORK5CYII=");
}

.jstree-default .jstree-last {
  background: none;
}

.jstree-default .jstree-themeicon-custom {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
}

.jstree-default .jstree-disabled {
  color: var(--color-default-400);
}

.jstree-wholerow.jstree-wholerow-clicked, .jstree-wholerow.jstree-wholerow-hovered {
  background: var(--color-default-100);
}

.vakata-context, .vakata-context ul {
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
}

:is(.vakata-context, .vakata-context ul) .vakata-context-hover > a {
  background-color: var(--color-default-100);
  box-shadow: none !important;
}

:is(.vakata-context, .vakata-context ul) .vakata-context-separator, :is(.vakata-context, .vakata-context ul) .vakata-contextmenu-sep, :is(.vakata-context, .vakata-context ul) li > a > i:empty {
  display: none !important;
}

:is(.vakata-context, .vakata-context ul) li > a {
  text-shadow: none;
  color: var(--color-default-600);
}

:is(.vakata-context, .vakata-context ul) li > a:hover {
  background-color: var(--color-default-100);
  color: var(--color-default-700);
}

:is(.vakata-context, .vakata-context ul) ul {
  margin-inline-start: 0;
}

.treeview-folder-filled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23f8ac59'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 16px !important;
}

.treeview-folder-open {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f8ac59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 19l2.757 -7.351a1 1 0 0 1 .936 -.649h12.307a1 1 0 0 1 .986 1.164l-.996 5.211a2 2 0 0 1 -1.964 1.625h-14.026a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2h4l3 3h7a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 16px !important;
}

.treeview-article {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-article'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 4m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 16px !important;
}

.treeview-star {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-star'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-file {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'/%3E%3Cpath d='M9 9l1 0'/%3E%3Cpath d='M9 13l6 0'/%3E%3Cpath d='M9 17l6 0'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-icon-ban {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-ban'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-icon-user {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-user'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-icon-link {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-link'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 15l6 -6'/%3E%3Cpath d='M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464'/%3E%3Cpath d='M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-icon-database {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-database'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6m-8 0a8 3 0 1 0 16 0a8 3 0 1 0 -16 0'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0v-6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.treeview-icon-arrow {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23587581' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: 14px !important;
}

.twitter-typeahead {
  display: inherit !important;
}

.tt-query, .tt-hint {
  outline: none;
}

.tt-query {
  box-shadow: inset 0 1px 1px #00000013;
}

.tt-hint {
  color: var(--color-body-color);
  background-color: var(--color-card) !important;
}

.tt-menu {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  width: 100%;
  max-height: 200px;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  padding: 8px 0;
  overflow-y: auto;
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor {
  cursor: pointer;
  color: #fff;
  background-color: var(--color-primary);
}

.tt-suggestion p {
  margin: 0;
}

.tt-highlight {
  font-family: var(--font-body);
}

.typeahead-empty-message {
  color: var(--color-danger);
  padding: 5px 10px;
}

.league-name {
  padding: 3px 20px;
}

.filepond--root {
  margin-bottom: 0 !important;
}

.filepond--panel-root {
  border-bottom: 2px dashed var(--color-default-300) !important;
  background: var(--color-card) !important;
}

.filepond--drop-label {
  color: var(--color-body-color) !important;
}

.filepond--drop-label .filepond--label-action {
  font-weight: 500 !important;
}

.filepond--credits {
  display: none !important;
}

.filepond--item-panel {
  background-color: var(--color-primary) !important;
}

.filepond-uploader.two-grid .filepond--item {
  width: calc(50% - .5em) !important;
}

.filepond-uploader.three-grid .filepond--item {
  width: calc(33.3% - .5em) !important;
}

.filepond--root {
  overflow: hidden;
  border: 2px dashed var(--color-default-300) !important;
  border-radius: .5em !important;
  min-height: 70px !important;
}

.filepond-input-circle .filepond--panel-root {
  border-bottom: 0 !important;
  border-radius: 50% !important;
}

.react-select > div {
  border: 1px solid var(--color-default-300) !important;
  background-color: var(--color-card) !important;
}

.react-select > div:hover {
  border: 1px solid var(--color-default-300) !important;
}

.react-select__menu {
  background-color: var(--color-card) !important;
}

.react-select__control--is-focused {
  border-color: var(--color-default-400) !important;
  box-shadow: none !important;
}

.react-select__indicator-separator {
  display: none !important;
}

.react-select__dropdown-indicator {
  color: var(--color-default-600) !important;
}

.react-select__menu {
  background-color: var(--color-card) !important;
  box-shadow: none !important;
  border-radius: var(--radius) !important;
  z-index: 1120 !important;
  border: none !important;
}

.react-select__menu-list {
  border: 1px solid var(--color-default-300) !important;
  border-radius: var(--radius) !important;
}

.react-select__option {
  color: var(--color-body-color) !important;
  padding: 12px !important;
}

.react-select__option:hover {
  color: var(--color-body-color) !important;
  background-color: var(--color-default-100) !important;
}

.react-select__option--is-focused, .react-select__option--is-selected {
  color: var(--color-body-color) !important;
  background-color: var(--color-default-100) !important;
}

.react-select__single-value {
  color: var(--color-default-600) !important;
}

.react-select__multi-value {
  background-color: #236dc933 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .react-select__multi-value {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
  }
}

.react-select__multi-value {
  color: var(--color-primary) !important;
}

.react-select__multi-value .react-select__multi-value__label {
  color: var(--color-primary) !important;
}

.react-select__multi-value .react-select__multi-value__remove:hover {
  background-color: #236dc933 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .react-select__multi-value .react-select__multi-value__remove:hover {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
  }
}

.react-select__multi-value .react-select__multi-value__remove:hover {
  color: var(--color-primary) !important;
}

.rbt-input input, .rbt-input.form-control {
  height: calc(var(--spacing) * 9.5);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  width: 100%;
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: .3rem;
  outline-width: 0;
  padding-block: 0;
  display: block;
}

@media (hover: hover) {
  :is(.rbt-input input, .rbt-input.form-control):hover {
    border-color: var(--color-default-500) !important;
  }
}

:is(.rbt-input input, .rbt-input.form-control):focus {
  outline-style: var(--tw-outline-style);
  outline-width: 0;
  border-color: var(--color-default-500) !important;
}

:is(.rbt-input input, .rbt-input.form-control):focus-visible {
  border-color: var(--color-default-500);
  --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);
  --tw-outline-style: none;
  outline-style: none;
}

:is(.rbt-input input, .rbt-input.form-control)::placeholder {
  color: var(--color-body-color);
}

:is(.rbt-input input, .rbt-input.form-control)[aria-invalid="true"] {
  border-color: #f7577e99;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.rbt-input input, .rbt-input.form-control)[aria-invalid="true"] {
    border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
  }
}

:is(.rbt-input input, .rbt-input.form-control)[aria-invalid="true"] {
  --tw-ring-color: #f7577e1a;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.rbt-input input, .rbt-input.form-control)[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
  }
}

.rbt-input input, .rbt-input.form-control {
  transition-property: color, box-shadow;
}

.rbt-token {
  background-color: #236dc933 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .rbt-token {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
  }
}

.rbt-token {
  color: var(--color-primary) !important;
}

.rbt-token .rbt-token-remove-button {
  background-color: #0000;
  border: none;
}

.rbt-token .rbt-token-remove-button .sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.rbt-input-multi.focus {
  box-shadow: none !important;
  background-color: var(--color-default-100) !important;
  border-color: var(--color-default-400) !important;
}

.rbt-menu.dropdown-menu {
  z-index: 30;
  margin-top: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-default-300);
  background-color: var(--color-card);
  border-radius: var(--radius);
  padding: var(--spacing);
  text-wrap: wrap;
  --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, #828fa326);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  box-shadow: var(--shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

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

.rbt-menu.dropdown-menu {
  transition-property: opacity, margin;
}

.btn-theme-setting {
  position: relative;
}

.btn-theme-setting:before {
  content: "";
  inset-inline-end: 4px;
  background-color: var(--color-danger);
  z-index: 5;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: 1.2s ease-in-out infinite blinkDot;
  position: absolute;
  top: 16px;
  transform: translateY(-50%);
}

.btn-theme-setting span svg {
  display: flex;
}

.card-calendar-widget + .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
  border-style: dashed;
  display: block;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months {
  margin-top: 10px;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  top: 10px;
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  inset-inline-start: calc(var(--spacing) * 2.5);
}

.card-calendar-widget + .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  inset-inline-end: calc(var(--spacing) * 2.5);
}

.flatpickr-inline-custom {
  display: none;
}

.jvm-zoom-btn {
  padding: 0;
}

.rc-tour {
  z-index: 1070;
  visibility: visible;
  opacity: 1;
  max-width: 360px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
  position: absolute;
}

.rc-tour-hidden {
  display: none;
}

.rc-tour-placement-top, .rc-tour-placement-topLeft, .rc-tour-placement-topRight {
  padding: 5px 0;
}

.rc-tour-placement-right, .rc-tour-placement-rightTop, .rc-tour-placement-rightBottom {
  padding: 0 5px;
}

.rc-tour-placement-bottom, .rc-tour-placement-bottomLeft, .rc-tour-placement-bottomRight {
  padding: 5px 0;
}

.rc-tour-placement-left, .rc-tour-placement-leftTop, .rc-tour-placement-leftBottom {
  padding: 0 5px;
}

.rc-tour-section {
  text-align: left;
  background-color: var(--color-card);
  background-clip: padding-box;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 0 4px #0000002b;
}

.rc-tour-arrow {
  border-style: solid;
  border-color: #0000;
  width: 0;
  height: 0;
  position: absolute;
}

.rc-tour-placement-top .rc-tour-arrow, .rc-tour-placement-topLeft .rc-tour-arrow, .rc-tour-placement-topRight .rc-tour-arrow {
  border-width: 5px 5px 0;
  border-top-color: var(--color-card);
  margin-left: -5px;
  bottom: 0;
}

.rc-tour-placement-top .rc-tour-arrow {
  left: 50%;
}

.rc-tour-placement-topLeft .rc-tour-arrow {
  left: 15%;
}

.rc-tour-placement-topRight .rc-tour-arrow {
  right: 15%;
}

.rc-tour-placement-right .rc-tour-arrow, .rc-tour-placement-rightTop .rc-tour-arrow, .rc-tour-placement-rightBottom .rc-tour-arrow {
  border-width: 5px 5px 5px 0;
  border-right-color: var(--color-card);
  margin-top: -5px;
  left: 0;
}

.rc-tour-placement-right .rc-tour-arrow {
  top: 50%;
}

.rc-tour-placement-rightTop .rc-tour-arrow {
  margin-top: 0;
  top: 50%;
}

.rc-tour-placement-rightBottom .rc-tour-arrow {
  bottom: 15%;
}

.rc-tour-placement-left .rc-tour-arrow, .rc-tour-placement-leftTop .rc-tour-arrow, .rc-tour-placement-leftBottom .rc-tour-arrow {
  border-width: 5px 0 5px 5px;
  border-left-color: var(--color-card);
  margin-top: -5px;
  right: 0;
}

.rc-tour-placement-left .rc-tour-arrow {
  top: 50%;
}

.rc-tour-placement-leftTop .rc-tour-arrow {
  margin-top: 0;
  top: 15%;
}

.rc-tour-placement-leftBottom .rc-tour-arrow {
  bottom: 15%;
}

.rc-tour-placement-bottom .rc-tour-arrow, .rc-tour-placement-bottomLeft .rc-tour-arrow, .rc-tour-placement-bottomRight .rc-tour-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: var(--color-card);
  margin-left: -5px;
  top: 0;
}

.rc-tour-placement-bottom .rc-tour-arrow {
  left: 50%;
}

.rc-tour-placement-bottomLeft .rc-tour-arrow {
  left: 15%;
}

.rc-tour-placement-bottomRight .rc-tour-arrow {
  right: 15%;
}

.rc-tour-wrap {
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.rc-tour-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.rc-tour-close {
  cursor: pointer;
  filter: alpha(opacity=20);
  opacity: .5;
  background: none;
  border: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  top: 14px;
  right: 20px;
}

.rc-tour-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}

.rc-tour-header {
  border-radius: 5px 5px 0 0;
  padding: 13px 20px 14px;
}

.rc-tour-finish-btn, .rc-tour-prev-btn, .rc-tour-next-btn {
  background-color: var(--color-primary);
  color: #fff;
  border-radius: 3px;
  padding: 4px 8px;
}

.rc-tour-finish-btn {
  background-color: var(--color-danger);
}

.rc-tour-description {
  word-wrap: break-word;
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
}

.rc-tour-footer {
  background: none;
  border-top: 1px solid #0000000f;
  border-radius: 0 0 2px 2px;
  justify-content: space-between;
  padding: 10px 16px;
  display: flex;
}

.rc-tour-sliders span {
  opacity: .75;
  background: #000;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  display: inline-block;
}

.rc-tour-sliders span.active {
  background: #007aff;
}

.rc-tour-prev-btn, .rc-tour-next-btn, .rc-tour-finish-btn {
  margin-left: 8px;
  display: inline-block;
}

.rc-tour .ant-btn-primary {
  color: #fff;
  background: #1890ff;
  border: 1px solid #1890ff;
  box-shadow: 0 2px #0000000b;
}

.rc-tour-mask .rc-tour-placeholder-animated {
  transition: all .15s;
}

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

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

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

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

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

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

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

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

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-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-duration {
  syntax: "*";
  inherits: false
}

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

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

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

@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=src_assets_css_app_0pzzlo_.css.map*/