@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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-outline-style: solid;
      --tw-space-x-reverse: 0;
    }
  }
}

@layer base {
  @charset "UTF-8";

  :root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
  }

  .animate__animated {
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
  }

  .animate__animated.animate__infinite {
    animation-iteration-count: infinite;
  }

  .animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
  }

  .animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
  }

  .animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
  }

  .animate__animated.animate__delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
  }

  .animate__animated.animate__delay-2s {
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
  }

  .animate__animated.animate__delay-3s {
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
  }

  .animate__animated.animate__delay-4s {
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
  }

  .animate__animated.animate__delay-5s {
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
  }

  .animate__animated.animate__faster {
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
  }

  .animate__animated.animate__fast {
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8);
  }

  .animate__animated.animate__slow {
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
  }

  .animate__animated.animate__slower {
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
  }

  @media (prefers-reduced-motion: reduce), print {
    .animate__animated {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }

    .animate__animated[class*="Out"] {
      opacity: 0;
    }
  }

  @keyframes bounce {
    0%, 20%, 53%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
      transform: translateZ(0);
    }

    40%, 43% {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06);
      transform: translate3d(0, -30px, 0)scaleY(1.1);
    }

    70% {
      animation-timing-function: cubic-bezier(.755, .05, .855, .06);
      transform: translate3d(0, -15px, 0)scaleY(1.05);
    }

    80% {
      transition-timing-function: cubic-bezier(.215, .61, .355, 1);
      transform: translateZ(0)scaleY(.95);
    }

    90% {
      transform: translate3d(0, -4px, 0)scaleY(1.02);
    }
  }

  .animate__bounce {
    transform-origin: bottom;
    animation-name: bounce;
  }

  @keyframes flash {
    0%, 50%, to {
      opacity: 1;
    }

    25%, 75% {
      opacity: 0;
    }
  }

  .animate__flash {
    animation-name: flash;
  }

  @keyframes pulse {
    0% {
      transform: scaleX(1);
    }

    50% {
      transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
      transform: scaleX(1);
    }
  }

  .animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out;
  }

  @keyframes rubberBand {
    0% {
      transform: scaleX(1);
    }

    30% {
      transform: scale3d(1.25, .75, 1);
    }

    40% {
      transform: scale3d(.75, 1.25, 1);
    }

    50% {
      transform: scale3d(1.15, .85, 1);
    }

    65% {
      transform: scale3d(.95, 1.05, 1);
    }

    75% {
      transform: scale3d(1.05, .95, 1);
    }

    to {
      transform: scaleX(1);
    }
  }

  .animate__rubberBand {
    animation-name: rubberBand;
  }

  @keyframes shakeX {
    0%, to {
      transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
      transform: translate3d(10px, 0, 0);
    }
  }

  .animate__shakeX {
    animation-name: shakeX;
  }

  @keyframes shakeY {
    0%, to {
      transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(0, -10px, 0);
    }

    20%, 40%, 60%, 80% {
      transform: translate3d(0, 10px, 0);
    }
  }

  .animate__shakeY {
    animation-name: shakeY;
  }

  @keyframes headShake {
    0% {
      transform: translateX(0);
    }

    6.5% {
      transform: translateX(-6px)rotateY(-9deg);
    }

    18.5% {
      transform: translateX(5px)rotateY(7deg);
    }

    31.5% {
      transform: translateX(-3px)rotateY(-5deg);
    }

    43.5% {
      transform: translateX(2px)rotateY(3deg);
    }

    50% {
      transform: translateX(0);
    }
  }

  .animate__headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out;
  }

  @keyframes swing {
    20% {
      transform: rotate(15deg);
    }

    40% {
      transform: rotate(-10deg);
    }

    60% {
      transform: rotate(5deg);
    }

    80% {
      transform: rotate(-5deg);
    }

    to {
      transform: rotate(0);
    }
  }

  .animate__swing {
    transform-origin: top;
    animation-name: swing;
  }

  @keyframes tada {
    0% {
      transform: scaleX(1);
    }

    10%, 20% {
      transform: scale3d(.9, .9, .9)rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1)rotate(3deg);
    }

    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1)rotate(-3deg);
    }

    to {
      transform: scaleX(1);
    }
  }

  .animate__tada {
    animation-name: tada;
  }

  @keyframes wobble {
    0% {
      transform: translateZ(0);
    }

    15% {
      transform: translate3d(-25%, 0, 0)rotate(-5deg);
    }

    30% {
      transform: translate3d(20%, 0, 0)rotate(3deg);
    }

    45% {
      transform: translate3d(-15%, 0, 0)rotate(-3deg);
    }

    60% {
      transform: translate3d(10%, 0, 0)rotate(2deg);
    }

    75% {
      transform: translate3d(-5%, 0, 0)rotate(-1deg);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__wobble {
    animation-name: wobble;
  }

  @keyframes jello {
    0%, 11.1%, to {
      transform: translateZ(0);
    }

    22.2% {
      transform: skewX(-12.5deg)skewY(-12.5deg);
    }

    33.3% {
      transform: skewX(6.25deg)skewY(6.25deg);
    }

    44.4% {
      transform: skewX(-3.125deg)skewY(-3.125deg);
    }

    55.5% {
      transform: skewX(1.5625deg)skewY(1.5625deg);
    }

    66.6% {
      transform: skewX(-.78125deg)skewY(-.78125deg);
    }

    77.7% {
      transform: skewX(.390625deg)skewY(.390625deg);
    }

    88.8% {
      transform: skewX(-.195313deg)skewY(-.195313deg);
    }
  }

  .animate__jello {
    transform-origin: center;
    animation-name: jello;
  }

  @keyframes heartBeat {
    0% {
      transform: scale(1);
    }

    14% {
      transform: scale(1.3);
    }

    28% {
      transform: scale(1);
    }

    42% {
      transform: scale(1.3);
    }

    70% {
      transform: scale(1);
    }
  }

  .animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    animation-timing-function: ease-in-out;
  }

  @keyframes backInDown {
    0% {
      opacity: .7;
      transform: translateY(-1200px)scale(.7);
    }

    80% {
      opacity: .7;
      transform: translateY(0)scale(.7);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate__backInDown {
    animation-name: backInDown;
  }

  @keyframes backInLeft {
    0% {
      opacity: .7;
      transform: translateX(-2000px)scale(.7);
    }

    80% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate__backInLeft {
    animation-name: backInLeft;
  }

  @keyframes backInRight {
    0% {
      opacity: .7;
      transform: translateX(2000px)scale(.7);
    }

    80% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate__backInRight {
    animation-name: backInRight;
  }

  @keyframes backInUp {
    0% {
      opacity: .7;
      transform: translateY(1200px)scale(.7);
    }

    80% {
      opacity: .7;
      transform: translateY(0)scale(.7);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate__backInUp {
    animation-name: backInUp;
  }

  @keyframes backOutDown {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    20% {
      opacity: .7;
      transform: translateY(0)scale(.7);
    }

    to {
      opacity: .7;
      transform: translateY(700px)scale(.7);
    }
  }

  .animate__backOutDown {
    animation-name: backOutDown;
  }

  @keyframes backOutLeft {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    20% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }

    to {
      opacity: .7;
      transform: translateX(-2000px)scale(.7);
    }
  }

  .animate__backOutLeft {
    animation-name: backOutLeft;
  }

  @keyframes backOutRight {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    20% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }

    to {
      opacity: .7;
      transform: translateX(2000px)scale(.7);
    }
  }

  .animate__backOutRight {
    animation-name: backOutRight;
  }

  @keyframes backOutUp {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    20% {
      opacity: .7;
      transform: translateY(0)scale(.7);
    }

    to {
      opacity: .7;
      transform: translateY(-700px)scale(.7);
    }
  }

  .animate__backOutUp {
    animation-name: backOutUp;
  }

  @keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
      transform: scale3d(.9, .9, .9);
    }

    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
      transform: scale3d(.97, .97, .97);
    }

    to {
      opacity: 1;
      transform: scaleX(1);
    }
  }

  .animate__bounceIn {
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: bounceIn;
  }

  @keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0)scaleY(3);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0)scaleY(.9);
    }

    75% {
      transform: translate3d(0, -10px, 0)scaleY(.95);
    }

    90% {
      transform: translate3d(0, 5px, 0)scaleY(.985);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__bounceInDown {
    animation-name: bounceInDown;
  }

  @keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0)scaleX(3);
    }

    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0)scaleX(1);
    }

    75% {
      transform: translate3d(-10px, 0, 0)scaleX(.98);
    }

    90% {
      transform: translate3d(5px, 0, 0)scaleX(.995);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__bounceInLeft {
    animation-name: bounceInLeft;
  }

  @keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0)scaleX(3);
    }

    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0)scaleX(1);
    }

    75% {
      transform: translate3d(10px, 0, 0)scaleX(.98);
    }

    90% {
      transform: translate3d(-5px, 0, 0)scaleX(.995);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__bounceInRight {
    animation-name: bounceInRight;
  }

  @keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0)scaleY(5);
    }

    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0)scaleY(.9);
    }

    75% {
      transform: translate3d(0, 10px, 0)scaleY(.95);
    }

    90% {
      transform: translate3d(0, -5px, 0)scaleY(.985);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__bounceInUp {
    animation-name: bounceInUp;
  }

  @keyframes bounceOut {
    20% {
      transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }
  }

  .animate__bounceOut {
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: bounceOut;
  }

  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0)scaleY(.985);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0)scaleY(.9);
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0)scaleY(3);
    }
  }

  .animate__bounceOutDown {
    animation-name: bounceOutDown;
  }

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0)scaleX(.9);
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0)scaleX(2);
    }
  }

  .animate__bounceOutLeft {
    animation-name: bounceOutLeft;
  }

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0)scaleX(.9);
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0)scaleX(2);
    }
  }

  .animate__bounceOutRight {
    animation-name: bounceOutRight;
  }

  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0)scaleY(.985);
    }

    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0)scaleY(.9);
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0)scaleY(3);
    }
  }

  .animate__bounceOutUp {
    animation-name: bounceOutUp;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .animate__fadeIn {
    animation-name: fadeIn;
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInDown {
    animation-name: fadeInDown;
  }

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInDownBig {
    animation-name: fadeInDownBig;
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInLeft {
    animation-name: fadeInLeft;
  }

  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInLeftBig {
    animation-name: fadeInLeftBig;
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInRight {
    animation-name: fadeInRight;
  }

  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInRightBig {
    animation-name: fadeInRightBig;
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInUp {
    animation-name: fadeInUp;
  }

  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInUpBig {
    animation-name: fadeInUpBig;
  }

  @keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInTopLeft {
    animation-name: fadeInTopLeft;
  }

  @keyframes fadeInTopRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInTopRight {
    animation-name: fadeInTopRight;
  }

  @keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft;
  }

  @keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__fadeInBottomRight {
    animation-name: fadeInBottomRight;
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .animate__fadeOut {
    animation-name: fadeOut;
  }

  @keyframes fadeOutDown {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }

  .animate__fadeOutDown {
    animation-name: fadeOutDown;
  }

  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }

  .animate__fadeOutDownBig {
    animation-name: fadeOutDownBig;
  }

  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  }

  .animate__fadeOutLeft {
    animation-name: fadeOutLeft;
  }

  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }

  .animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
  }

  @keyframes fadeOutRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
  }

  .animate__fadeOutRight {
    animation-name: fadeOutRight;
  }

  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }

  .animate__fadeOutRightBig {
    animation-name: fadeOutRightBig;
  }

  @keyframes fadeOutUp {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
    }
  }

  .animate__fadeOutUp {
    animation-name: fadeOutUp;
  }

  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }

  .animate__fadeOutUpBig {
    animation-name: fadeOutUpBig;
  }

  @keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
    }
  }

  .animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft;
  }

  @keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
    }
  }

  .animate__fadeOutTopRight {
    animation-name: fadeOutTopRight;
  }

  @keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
    }
  }

  .animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight;
  }

  @keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
    }
  }

  .animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft;
  }

  @keyframes flip {
    0% {
      animation-timing-function: ease-out;
      transform: perspective(400px)scaleX(1)translateZ(0)rotateY(-1turn);
    }

    40% {
      animation-timing-function: ease-out;
      transform: perspective(400px)scaleX(1)translateZ(150px)rotateY(-190deg);
    }

    50% {
      animation-timing-function: ease-in;
      transform: perspective(400px)scaleX(1)translateZ(150px)rotateY(-170deg);
    }

    80% {
      animation-timing-function: ease-in;
      transform: perspective(400px)scale3d(.95, .95, .95)translateZ(0)rotateY(0);
    }

    to {
      animation-timing-function: ease-in;
      transform: perspective(400px)scaleX(1)translateZ(0)rotateY(0);
    }
  }

  .animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip;
  }

  @keyframes flipInX {
    0% {
      opacity: 0;
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateX(90deg);
    }

    40% {
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateX(-20deg);
    }

    60% {
      opacity: 1;
      transform: perspective(400px)rotateX(10deg);
    }

    80% {
      transform: perspective(400px)rotateX(-5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  .animate__flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
  }

  @keyframes flipInY {
    0% {
      opacity: 0;
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateY(90deg);
    }

    40% {
      animation-timing-function: ease-in;
      transform: perspective(400px)rotateY(-20deg);
    }

    60% {
      opacity: 1;
      transform: perspective(400px)rotateY(10deg);
    }

    80% {
      transform: perspective(400px)rotateY(-5deg);
    }

    to {
      transform: perspective(400px);
    }
  }

  .animate__flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
  }

  @keyframes flipOutX {
    0% {
      transform: perspective(400px);
    }

    30% {
      opacity: 1;
      transform: perspective(400px)rotateX(-20deg);
    }

    to {
      opacity: 0;
      transform: perspective(400px)rotateX(90deg);
    }
  }

  .animate__flipOutX {
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: flipOutX;
    backface-visibility: visible !important;
  }

  @keyframes flipOutY {
    0% {
      transform: perspective(400px);
    }

    30% {
      opacity: 1;
      transform: perspective(400px)rotateY(-15deg);
    }

    to {
      opacity: 0;
      transform: perspective(400px)rotateY(90deg);
    }
  }

  .animate__flipOutY {
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: flipOutY;
    backface-visibility: visible !important;
  }

  @keyframes lightSpeedInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0)skewX(-30deg);
    }

    60% {
      opacity: 1;
      transform: skewX(20deg);
    }

    80% {
      transform: skewX(-5deg);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out;
  }

  @keyframes lightSpeedInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)skewX(30deg);
    }

    60% {
      opacity: 1;
      transform: skewX(-20deg);
    }

    80% {
      transform: skewX(5deg);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out;
  }

  @keyframes lightSpeedOutRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0)skewX(30deg);
    }
  }

  .animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in;
  }

  @keyframes lightSpeedOutLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)skewX(-30deg);
    }
  }

  .animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in;
  }

  @keyframes rotateIn {
    0% {
      opacity: 0;
      transform: rotate(-200deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rotateIn {
    transform-origin: center;
    animation-name: rotateIn;
  }

  @keyframes rotateInDownLeft {
    0% {
      opacity: 0;
      transform: rotate(-45deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rotateInDownLeft {
    transform-origin: 0 100%;
    animation-name: rotateInDownLeft;
  }

  @keyframes rotateInDownRight {
    0% {
      opacity: 0;
      transform: rotate(45deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rotateInDownRight {
    transform-origin: 100% 100%;
    animation-name: rotateInDownRight;
  }

  @keyframes rotateInUpLeft {
    0% {
      opacity: 0;
      transform: rotate(45deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rotateInUpLeft {
    transform-origin: 0 100%;
    animation-name: rotateInUpLeft;
  }

  @keyframes rotateInUpRight {
    0% {
      opacity: 0;
      transform: rotate(-90deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rotateInUpRight {
    transform-origin: 100% 100%;
    animation-name: rotateInUpRight;
  }

  @keyframes rotateOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: rotate(200deg);
    }
  }

  .animate__rotateOut {
    transform-origin: center;
    animation-name: rotateOut;
  }

  @keyframes rotateOutDownLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: rotate(45deg);
    }
  }

  .animate__rotateOutDownLeft {
    transform-origin: 0 100%;
    animation-name: rotateOutDownLeft;
  }

  @keyframes rotateOutDownRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: rotate(-45deg);
    }
  }

  .animate__rotateOutDownRight {
    transform-origin: 100% 100%;
    animation-name: rotateOutDownRight;
  }

  @keyframes rotateOutUpLeft {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: rotate(-45deg);
    }
  }

  .animate__rotateOutUpLeft {
    transform-origin: 0 100%;
    animation-name: rotateOutUpLeft;
  }

  @keyframes rotateOutUpRight {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: rotate(90deg);
    }
  }

  .animate__rotateOutUpRight {
    transform-origin: 100% 100%;
    animation-name: rotateOutUpRight;
  }

  @keyframes hinge {
    0% {
      animation-timing-function: ease-in-out;
    }

    20%, 60% {
      animation-timing-function: ease-in-out;
      transform: rotate(80deg);
    }

    40%, 80% {
      opacity: 1;
      animation-timing-function: ease-in-out;
      transform: rotate(60deg);
    }

    to {
      opacity: 0;
      transform: translate3d(0, 700px, 0);
    }
  }

  .animate__hinge {
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    transform-origin: 0 0;
    animation-name: hinge;
  }

  @keyframes jackInTheBox {
    0% {
      opacity: 0;
      transform-origin: bottom;
      transform: scale(.1)rotate(30deg);
    }

    50% {
      transform: rotate(-10deg);
    }

    70% {
      transform: rotate(3deg);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate__jackInTheBox {
    animation-name: jackInTheBox;
  }

  @keyframes rollIn {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0)rotate(-120deg);
    }

    to {
      opacity: 1;
      transform: translateZ(0);
    }
  }

  .animate__rollIn {
    animation-name: rollIn;
  }

  @keyframes rollOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0)rotate(120deg);
    }
  }

  .animate__rollOut {
    animation-name: rollOut;
  }

  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  .animate__zoomIn {
    animation-name: zoomIn;
  }

  @keyframes zoomInDown {
    0% {
      opacity: 0;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    }

    60% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    }
  }

  .animate__zoomInDown {
    animation-name: zoomInDown;
  }

  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    }

    60% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    }
  }

  .animate__zoomInLeft {
    animation-name: zoomInLeft;
  }

  @keyframes zoomInRight {
    0% {
      opacity: 0;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.1, .1, .1)translate3d(1000px, 0, 0);
    }

    60% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.475, .475, .475)translate3d(-10px, 0, 0);
    }
  }

  .animate__zoomInRight {
    animation-name: zoomInRight;
  }

  @keyframes zoomInUp {
    0% {
      opacity: 0;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.1, .1, .1)translate3d(0, 1000px, 0);
    }

    60% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    }
  }

  .animate__zoomInUp {
    animation-name: zoomInUp;
  }

  @keyframes zoomOut {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    to {
      opacity: 0;
    }
  }

  .animate__zoomOut {
    animation-name: zoomOut;
  }

  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
    }

    to {
      opacity: 0;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.1, .1, .1)translate3d(0, 2000px, 0);
    }
  }

  .animate__zoomOutDown {
    transform-origin: bottom;
    animation-name: zoomOutDown;
  }

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475)translate3d(42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1)translate3d(-2000px, 0, 0);
    }
  }

  .animate__zoomOutLeft {
    transform-origin: 0;
    animation-name: zoomOutLeft;
  }

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(.475, .475, .475)translate3d(-42px, 0, 0);
    }

    to {
      opacity: 0;
      transform: scale(.1)translate3d(2000px, 0, 0);
    }
  }

  .animate__zoomOutRight {
    transform-origin: 100%;
    animation-name: zoomOutRight;
  }

  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      animation-timing-function: cubic-bezier(.55, .055, .675, .19);
      transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    }

    to {
      opacity: 0;
      animation-timing-function: cubic-bezier(.175, .885, .32, 1);
      transform: scale3d(.1, .1, .1)translate3d(0, -2000px, 0);
    }
  }

  .animate__zoomOutUp {
    transform-origin: bottom;
    animation-name: zoomOutUp;
  }

  @keyframes slideInDown {
    0% {
      visibility: visible;
      transform: translate3d(0, -100%, 0);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__slideInDown {
    animation-name: slideInDown;
  }

  @keyframes slideInLeft {
    0% {
      visibility: visible;
      transform: translate3d(-100%, 0, 0);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__slideInLeft {
    animation-name: slideInLeft;
  }

  @keyframes slideInRight {
    0% {
      visibility: visible;
      transform: translate3d(100%, 0, 0);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__slideInRight {
    animation-name: slideInRight;
  }

  @keyframes slideInUp {
    0% {
      visibility: visible;
      transform: translate3d(0, 100%, 0);
    }

    to {
      transform: translateZ(0);
    }
  }

  .animate__slideInUp {
    animation-name: slideInUp;
  }

  @keyframes slideOutDown {
    0% {
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
    }
  }

  .animate__slideOutDown {
    animation-name: slideOutDown;
  }

  @keyframes slideOutLeft {
    0% {
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
    }
  }

  .animate__slideOutLeft {
    animation-name: slideOutLeft;
  }

  @keyframes slideOutRight {
    0% {
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
    }
  }

  .animate__slideOutRight {
    animation-name: slideOutRight;
  }

  @keyframes slideOutUp {
    0% {
      transform: translateZ(0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
  }

  .animate__slideOutUp {
    animation-name: slideOutUp;
  }

  .choices {
    margin-bottom: 24px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
  }

  .choices:focus {
    outline: 0;
  }

  .choices:last-child {
    margin-bottom: 0;
  }

  .choices.is-open {
    overflow: visible;
  }

  .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    background-color: #eaeaea;
  }

  .choices.is-disabled .choices__item {
    cursor: not-allowed;
  }

  .choices [hidden] {
    display: none !important;
  }

  .choices[data-type*="select-one"] {
    cursor: pointer;
  }

  .choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px;
  }

  .choices[data-type*="select-one"] .choices__input {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: 0;
    padding: 10px;
    display: block;
  }

  .choices[data-type*="select-one"] .choices__button {
    opacity: .25;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    border-radius: 10em;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-right: 25px;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .choices[data-type*="select-one"] .choices__button:focus, .choices[data-type*="select-one"] .choices__button:hover {
    opacity: 1;
  }

  .choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0 0 0 2px #005f75;
  }

  .choices[data-type*="select-one"] .choices__item[data-placeholder] .choices__button {
    display: none;
  }

  .choices[data-type*="select-one"]:after {
    content: "";
    pointer-events: none;
    border: 5px solid #0000;
    border-top-color: #333;
    width: 0;
    height: 0;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    right: 11.5px;
  }

  .choices[data-type*="select-one"].is-open:after {
    border-color: #0000 #0000 #333;
    margin-top: -7.5px;
  }

  .choices[data-type*="select-one"][dir="rtl"]:after {
    left: 11.5px;
    right: auto;
  }

  .choices[data-type*="select-one"][dir="rtl"] .choices__button {
    margin-left: 25px;
    margin-right: 0;
    left: 0;
    right: auto;
  }

  .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
    cursor: text;
  }

  .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
    opacity: .75;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    border-left: 1px solid #003642;
    border-radius: 0;
    width: 8px;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    line-height: 1;
    display: inline-block;
    position: relative;
  }

  .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover {
    opacity: 1;
  }

  .choices__inner {
    vertical-align: top;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    width: 100%;
    min-height: 44px;
    padding: 7.5px 7.5px 3.75px;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
  }

  .is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7;
  }

  .is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
  }

  .is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
  }

  .choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }

  .choices__list--single {
    width: 100%;
    padding: 4px 16px 4px 4px;
    display: inline-block;
  }

  [dir="rtl"] .choices__list--single {
    padding-left: 16px;
    padding-right: 4px;
  }

  .choices__list--single .choices__item {
    width: 100%;
  }

  .choices__list--multiple {
    display: inline;
  }

  .choices__list--multiple .choices__item {
    vertical-align: middle;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
    background-color: #005f75;
    border: 1px solid #004a5c;
    border-radius: 20px;
    margin-bottom: 3.75px;
    margin-right: 3.75px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
  }

  .choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
  }

  [dir="rtl"] .choices__list--multiple .choices__item {
    margin-left: 3.75px;
    margin-right: 0;
  }

  .choices__list--multiple .choices__item.is-highlighted {
    background-color: #004a5c;
    border: 1px solid #003642;
  }

  .is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191;
  }

  .choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 1;
    word-break: break-all;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    width: 100%;
    margin-top: -1px;
    display: none;
    position: absolute;
    top: 100%;
    overflow: hidden;
  }

  .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    display: block;
  }

  .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
  }

  .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    border-radius: .25rem .25rem 0 0;
    margin-top: 0;
    margin-bottom: -1px;
    top: auto;
    bottom: 100%;
  }

  .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    max-height: 300px;
    position: relative;
    overflow: auto;
  }

  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    padding: 10px;
    font-size: 14px;
    position: relative;
  }

  [dir="rtl"] .choices__list--dropdown .choices__item, [dir="rtl"] .choices__list[aria-expanded] .choices__item {
    text-align: right;
  }

  @media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
      padding-right: 100px;
    }

    .choices__list--dropdown .choices__item--selectable[data-select-text]:after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after {
      content: attr(data-select-text);
      opacity: 0;
      font-size: 12px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
    }

    [dir="rtl"] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
      text-align: right;
      padding-left: 100px;
      padding-right: 10px;
    }

    [dir="rtl"] .choices__list--dropdown .choices__item--selectable[data-select-text]:after, [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]:after {
      left: 10px;
      right: auto;
    }
  }

  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
  }

  .choices__list--dropdown .choices__item--selectable.is-highlighted:after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
    opacity: .5;
  }

  .choices__item {
    cursor: default;
  }

  .choices__item--selectable {
    cursor: pointer;
  }

  .choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5;
  }

  .choices__heading {
    color: gray;
    border-bottom: 1px solid #f7f7f7;
    padding: 10px;
    font-size: 12px;
    font-weight: 600;
  }

  .choices__button {
    text-indent: -9999px;
    appearance: none;
    cursor: pointer;
    background-color: #0000;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
  }

  .choices__button:focus, .choices__input:focus {
    outline: 0;
  }

  .choices__input {
    vertical-align: baseline;
    background-color: #f9f9f9;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    margin-bottom: 5px;
    padding: 4px 0 4px 2px;
    font-size: 14px;
    display: inline-block;
  }

  .choices__input::-webkit-search-cancel-button {
    display: none;
  }

  .choices__input::-webkit-search-decoration {
    display: none;
  }

  .choices__input::-webkit-search-results-button {
    display: none;
  }

  .choices__input::-webkit-search-results-decoration {
    display: none;
  }

  .choices__input::-ms-clear {
    width: 0;
    height: 0;
    display: none;
  }

  .choices__input::-ms-reveal {
    width: 0;
    height: 0;
    display: none;
  }

  [dir="rtl"] .choices__input {
    padding-left: 0;
    padding-right: 2px;
  }

  .choices__placeholder {
    opacity: .5;
  }

  .cropper-container {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
  }

  .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
    position: absolute;
    inset: 0;
  }

  .cropper-wrap-box, .cropper-canvas {
    overflow: hidden;
  }

  .cropper-center:before, .cropper-center:after {
    content: " ";
    background-color: #eee;
    display: block;
    position: absolute;
  }

  @media (min-width: 768px) {
    .cropper-point.point-se {
      width: 15px;
      height: 15px;
    }
  }

  @media (min-width: 992px) {
    .cropper-point.point-se {
      width: 10px;
      height: 10px;
    }
  }

  @media (min-width: 1200px) {
    .cropper-point.point-se {
      opacity: .75;
      width: 5px;
      height: 5px;
    }
  }

  .cropper-container {
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
  }

  .cropper-container img {
    backface-visibility: hidden;
    image-orientation: 0deg;
    width: 100%;
    height: 100%;
    display: block;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
    position: absolute;
    inset: 0;
  }

  .cropper-canvas, .cropper-wrap-box {
    overflow: hidden;
  }

  .cropper-drag-box {
    opacity: 0;
    background-color: #fff;
  }

  .cropper-modal {
    opacity: .5;
    background-color: #000;
  }

  .cropper-view-box {
    outline: 1px solid #3399ffbf;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }

  .cropper-dashed {
    opacity: .5;
    border: 0 dashed #eee;
    display: block;
    position: absolute;
  }

  .cropper-dashed.dashed-h {
    border-top-width: 1px;
    border-bottom-width: 1px;
    width: 100%;
    height: 33.3333%;
    top: 33.3333%;
    left: 0;
  }

  .cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    width: 33.3333%;
    height: 100%;
    top: 0;
    left: 33.3333%;
  }

  .cropper-center {
    opacity: .75;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .cropper-center:after, .cropper-center:before {
    content: " ";
    background-color: #eee;
    display: block;
    position: absolute;
  }

  .cropper-center:before {
    width: 7px;
    height: 1px;
    top: 0;
    left: -3px;
  }

  .cropper-center:after {
    width: 1px;
    height: 7px;
    top: -3px;
    left: 0;
  }

  .cropper-face, .cropper-line, .cropper-point {
    opacity: .1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }

  .cropper-face {
    background-color: #fff;
    top: 0;
    left: 0;
  }

  .cropper-line {
    background-color: #39f;
  }

  .cropper-line.line-e {
    cursor: ew-resize;
    width: 5px;
    top: 0;
    right: -3px;
  }

  .cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    top: -3px;
    left: 0;
  }

  .cropper-line.line-w {
    cursor: ew-resize;
    width: 5px;
    top: 0;
    left: -3px;
  }

  .cropper-line.line-s {
    cursor: ns-resize;
    height: 5px;
    bottom: -3px;
    left: 0;
  }

  .cropper-point {
    opacity: .75;
    background-color: #39f;
    width: 5px;
    height: 5px;
  }

  .cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    top: 50%;
    right: -3px;
  }

  .cropper-point.point-n {
    cursor: ns-resize;
    margin-left: -3px;
    top: -3px;
    left: 50%;
  }

  .cropper-point.point-w {
    cursor: ew-resize;
    margin-top: -3px;
    top: 50%;
    left: -3px;
  }

  .cropper-point.point-s {
    cursor: s-resize;
    margin-left: -3px;
    bottom: -3px;
    left: 50%;
  }

  .cropper-point.point-ne {
    cursor: nesw-resize;
    top: -3px;
    right: -3px;
  }

  .cropper-point.point-nw {
    cursor: nwse-resize;
    top: -3px;
    left: -3px;
  }

  .cropper-point.point-sw {
    cursor: nesw-resize;
    bottom: -3px;
    left: -3px;
  }

  .cropper-point.point-se {
    cursor: nwse-resize;
    opacity: 1;
    width: 20px;
    height: 20px;
    bottom: -3px;
    right: -3px;
  }

  @media (min-width: 768px) {
    .cropper-point.point-se {
      width: 15px;
      height: 15px;
    }
  }

  @media (min-width: 992px) {
    .cropper-point.point-se {
      width: 10px;
      height: 10px;
    }
  }

  @media (min-width: 1200px) {
    .cropper-point.point-se {
      opacity: .75;
      width: 5px;
      height: 5px;
    }
  }

  .cropper-point.point-se:before {
    content: " ";
    opacity: 0;
    background-color: #39f;
    width: 200%;
    height: 200%;
    display: block;
    position: absolute;
    bottom: -50%;
    right: -50%;
  }

  .cropper-invisible {
    opacity: 0;
  }

  .cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
  }

  .cropper-hide {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
  }

  .cropper-hidden {
    display: none !important;
  }

  .cropper-move {
    cursor: move;
  }

  .cropper-crop {
    cursor: crosshair;
  }

  .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
  }

  :root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 228, 228, 228;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-header-align-items: center;
    --dt-header-vertical-align: middle;
    --dt-html-background: white;
  }

  :root.dark {
    --dt-html-background: #212529;
  }

  table.dataTable tbody td.dt-control {
    text-align: center;
    cursor: pointer;
  }

  table.dataTable tbody td.dt-control:before {
    box-sizing: border-box;
    content: "";
    border: 5px solid #0000;
    border-left: 10px solid #00000080;
    border-right-width: 0;
    display: inline-block;
  }

  table.dataTable tbody tr.dt-hasChild td.dt-control:before {
    border: 5px solid #0000;
    border-top: 10px solid #00000080;
    border-bottom-width: 0;
  }

  table.dataTable tfoot:empty {
    display: none;
  }

  html.dark table.dataTable td.dt-control:before, :root[data-bs-theme="dark"] table.dataTable td.dt-control:before, :root[data-theme="dark"] table.dataTable td.dt-control:before {
    border-left-color: #ffffff80;
  }

  html.dark table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-bs-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before {
    border-top-color: #ffffff80;
    border-left-color: #0000;
  }

  div.dt-scroll {
    width: 100%;
  }

  div.dt-scroll-body thead tr, div.dt-scroll-body tfoot tr {
    height: 0;
  }

  div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body tfoot tr th, div.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;
  }

  div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important;
  }

  table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before {
    content: "▲";
    content: "▲" / "";
    display: block;
    position: absolute;
    bottom: 50%;
  }

  table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    content: "▼";
    content: "▼" / "";
    display: block;
    position: absolute;
    top: 50%;
  }

  table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order {
    width: 12px;
    height: 20px;
    position: relative;
  }

  table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    opacity: .125;
    font-size: .8em;
    line-height: 9px;
    left: 0;
  }

  table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
    cursor: pointer;
  }

  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-offset: -2px;
    outline: 2px solid #0000000d;
  }

  table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    opacity: .6;
  }

  table.dataTable thead > tr > th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty, table.dataTable thead > tr > th.sorting_desc_disabled .dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty, table.dataTable thead > tr > td.sorting_desc_disabled .dt-column-order:after, table.dataTable thead > tr > td.sorting_asc_disabled .dt-column-order:before {
    display: none;
  }

  table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none;
  }

  table.dataTable thead > tr > th div.dt-column-header, table.dataTable thead > tr > th div.dt-column-footer, table.dataTable thead > tr > td div.dt-column-header, table.dataTable thead > tr > td div.dt-column-footer, table.dataTable tfoot > tr > th div.dt-column-header, table.dataTable tfoot > tr > th div.dt-column-footer, table.dataTable tfoot > tr > td div.dt-column-header, table.dataTable tfoot > tr > td div.dt-column-footer {
    justify-content: space-between;
    align-items: var(--dt-header-align-items);
    gap: 4px;
    display: flex;
  }

  table.dataTable thead > tr > th div.dt-column-header .dt-column-title, table.dataTable thead > tr > th div.dt-column-footer .dt-column-title, table.dataTable thead > tr > td div.dt-column-header .dt-column-title, table.dataTable thead > tr > td div.dt-column-footer .dt-column-title, table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title, table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title, table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title, table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title {
    flex-grow: 1;
  }

  table.dataTable thead > tr > th div.dt-column-header .dt-column-title:empty, table.dataTable thead > tr > th div.dt-column-footer .dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-header .dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-footer .dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title:empty {
    display: none;
  }

  div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
    overflow: hidden;
  }

  :root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme="dark"] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme="dark"] table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme="dark"] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme="dark"] table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 2px solid #ffffff0d;
  }

  div.dt-processing {
    text-align: center;
    z-index: 10;
    width: 200px;
    margin-top: -22px;
    margin-left: -100px;
    padding: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  div.dt-processing > div:last-child {
    width: 80px;
    height: 15px;
    margin: 1em auto;
    position: relative;
  }

  div.dt-processing > div:last-child > div {
    background: #0d6efd;
    background: rgb(var(--dt-row-selected));
    border-radius: 50%;
    width: 13px;
    height: 13px;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    position: absolute;
    top: 0;
  }

  div.dt-processing > div:last-child > div:first-child {
    animation: .6s infinite datatables-loader-1;
    left: 8px;
  }

  div.dt-processing > div:last-child > div:nth-child(2) {
    animation: .6s infinite datatables-loader-2;
    left: 8px;
  }

  div.dt-processing > div:last-child > div:nth-child(3) {
    animation: .6s infinite datatables-loader-2;
    left: 32px;
  }

  div.dt-processing > div:last-child > div:nth-child(4) {
    animation: .6s infinite datatables-loader-3;
    left: 56px;
  }

  @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;
  }

  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: right;
  }

  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-reverse;
  }

  table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
  }

  table.dataTable th.dt-left div.dt-column-header, table.dataTable th.dt-left div.dt-column-footer, table.dataTable td.dt-left div.dt-column-header, table.dataTable td.dt-left div.dt-column-footer {
    flex-direction: row;
  }

  table.dataTable th.dt-center, table.dataTable td.dt-center {
    text-align: center;
  }

  table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
  }

  table.dataTable th.dt-right div.dt-column-header, table.dataTable th.dt-right div.dt-column-footer, table.dataTable td.dt-right div.dt-column-header, table.dataTable td.dt-right div.dt-column-footer {
    flex-direction: row-reverse;
  }

  table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
  }

  table.dataTable th.dt-justify div.dt-column-header, table.dataTable th.dt-justify div.dt-column-footer, table.dataTable td.dt-justify div.dt-column-header, table.dataTable td.dt-justify div.dt-column-footer {
    flex-direction: row;
  }

  table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
  }

  table.dataTable th.dt-empty, table.dataTable td.dt-empty {
    text-align: center;
    vertical-align: top;
  }

  table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left;
    vertical-align: var(--dt-header-vertical-align);
  }

  table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
  }

  table.dataTable thead th.dt-head-left div.dt-column-header, table.dataTable thead th.dt-head-left div.dt-column-footer, table.dataTable thead td.dt-head-left div.dt-column-header, table.dataTable thead td.dt-head-left div.dt-column-footer, table.dataTable tfoot th.dt-head-left div.dt-column-header, table.dataTable tfoot th.dt-head-left div.dt-column-footer, table.dataTable tfoot td.dt-head-left div.dt-column-header, table.dataTable tfoot td.dt-head-left div.dt-column-footer {
    flex-direction: row;
  }

  table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
  }

  table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
  }

  table.dataTable thead th.dt-head-right div.dt-column-header, table.dataTable thead th.dt-head-right div.dt-column-footer, table.dataTable thead td.dt-head-right div.dt-column-header, table.dataTable thead td.dt-head-right div.dt-column-footer, table.dataTable tfoot th.dt-head-right div.dt-column-header, table.dataTable tfoot th.dt-head-right div.dt-column-footer, table.dataTable tfoot td.dt-head-right div.dt-column-header, table.dataTable tfoot td.dt-head-right div.dt-column-footer {
    flex-direction: row-reverse;
  }

  table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
  }

  table.dataTable thead th.dt-head-justify div.dt-column-header, table.dataTable thead th.dt-head-justify div.dt-column-footer, table.dataTable thead td.dt-head-justify div.dt-column-header, table.dataTable thead td.dt-head-justify div.dt-column-footer, table.dataTable tfoot th.dt-head-justify div.dt-column-header, table.dataTable tfoot th.dt-head-justify div.dt-column-footer, table.dataTable tfoot td.dt-head-justify div.dt-column-header, table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
    flex-direction: row;
  }

  table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
  }

  table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
  }

  table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
  }

  table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
  }

  table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
  }

  table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
  }

  :root {
    --dt-row-hover-alpha: .035;
    --dt-row-stripe-alpha: .023;
    --dt-column-ordering-alpha: .019;
    --dt-row-selected-stripe-alpha: .923;
    --dt-row-selected-column-ordering-alpha: .919;
  }

  table.dataTable {
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
  }

  table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
  }

  table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    border-bottom: 1px solid #0000004d;
    padding: 10px;
  }

  table.dataTable > thead > tr > th:active, table.dataTable > thead > tr > td:active {
    outline: none;
  }

  table.dataTable > tfoot > tr > th, table.dataTable > tfoot > tr > td {
    border-top: 1px solid #0000004d;
    padding: 10px 10px 6px;
  }

  table.dataTable > tbody > tr {
    background-color: #0000;
  }

  table.dataTable > tbody > tr:first-child > * {
    border-top: none;
  }

  table.dataTable > tbody > tr:last-child > * {
    border-bottom: none;
  }

  table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #0d6efde6;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .9);
    color: rgb(var(--dt-row-selected-text));
  }

  table.dataTable > tbody > tr.selected a {
    color: rgb(var(--dt-row-selected-link));
  }

  table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
    padding: 8px 10px;
  }

  table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
    border-top: 1px solid #00000026;
  }

  table.dataTable.row-border > tbody > tr:first-child > *, table.dataTable.display > tbody > tr:first-child > * {
    border-top: none;
  }

  table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
    border-top-color: #0d6efda6;
    border-top-color: rgba(var(--dt-row-selected), .65);
  }

  table.dataTable.cell-border > tbody > tr > * {
    border-top: 1px solid #00000026;
    border-right: 1px solid #00000026;
  }

  table.dataTable.cell-border > tbody > tr > :first-child {
    border-left: 1px solid #00000026;
  }

  table.dataTable.cell-border > tbody > tr:first-child > * {
    border-top: 1px solid #0000004d;
  }

  table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
    box-shadow: inset 0 0 0 9999px #00000006;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha));
  }

  table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *, table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
    box-shadow: inset 0 0 0 9999px #0d6efdeb;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha));
  }

  table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #00000009;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha));
  }

  table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
  }

  table.dataTable.order-column > tbody tr > .sorting_1, table.dataTable.order-column > tbody tr > .sorting_2, table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1, table.dataTable.display > tbody tr > .sorting_2, table.dataTable.display > tbody tr > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #00000005;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha));
  }

  table.dataTable.order-column > tbody tr.selected > .sorting_1, table.dataTable.order-column > tbody tr.selected > .sorting_2, table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1, table.dataTable.display > tbody tr.selected > .sorting_2, table.dataTable.display > tbody tr.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #0d6efdea;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha));
  }

  table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
    box-shadow: inset 0 0 0 9999px #0000000e;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)));
  }

  table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
    box-shadow: inset 0 0 0 9999px #0000000c;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)  - .007));
  }

  table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #0000000a;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)  - .015));
  }

  table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1 {
    box-shadow: inset 0 0 0 9999px #0d6efdf3;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)));
  }

  table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2 {
    box-shadow: inset 0 0 0 9999px #0d6efdf1;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)  - .007));
  }

  table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #0d6efdef;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)  - .015));
  }

  table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: inset 0 0 0 9999px #00000015;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)  + var(--dt-row-hover-alpha)));
  }

  table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    box-shadow: inset 0 0 0 9999px #00000013;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)  + var(--dt-row-hover-alpha)  - .007));
  }

  table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #00000010;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha)  + var(--dt-column-ordering-alpha)  + var(--dt-row-hover-alpha)  - .015));
  }

  table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    box-shadow: inset 0 0 0 9999px #0d6efdfa;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)));
  }

  table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    box-shadow: inset 0 0 0 9999px #0d6efdf8;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)  + var(--dt-row-hover-alpha)  - .007));
  }

  table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    box-shadow: inset 0 0 0 9999px #0d6efdf5;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha)  + var(--dt-column-ordering-alpha)  + var(--dt-row-hover-alpha)  - .015));
  }

  table.dataTable.compact thead th, table.dataTable.compact thead td, table.dataTable.compact tfoot th, table.dataTable.compact tfoot td, table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px;
  }

  div.dt-container div.dt-layout-row {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: .75em 0;
    display: flex;
  }

  div.dt-container div.dt-layout-row div.dt-layout-cell {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    justify-content: flex-start;
    margin-right: auto;
  }

  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    justify-content: flex-end;
    margin-left: auto;
  }

  div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
    display: none;
  }

  @media screen and (max-width: 767px) {
    div.dt-container div.dt-layout-row:not(.dt-layout-table) {
      display: block;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
      text-align: center;
      display: block;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell > * {
      margin: .5em 0;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
      margin-right: 0;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
      margin-left: 0;
    }
  }

  div.dt-container div.dt-layout-start > :not(:last-child) {
    margin-right: 1em;
  }

  div.dt-container div.dt-layout-end > :not(:first-child) {
    margin-left: 1em;
  }

  div.dt-container div.dt-layout-full {
    width: 100%;
  }

  div.dt-container div.dt-layout-full > :only-child {
    margin-left: auto;
    margin-right: auto;
  }

  div.dt-container div.dt-layout-table > div {
    display: block !important;
  }

  @media screen and (max-width: 767px) {
    div.dt-container div.dt-layout-start > :not(:last-child) {
      margin-right: 0;
    }

    div.dt-container div.dt-layout-end > :not(:first-child) {
      margin-left: 0;
    }
  }

  div.dt-container {
    clear: both;
    position: relative;
  }

  div.dt-container .dt-search input {
    color: inherit;
    background-color: #0000;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin-left: 3px;
    padding: 5px;
  }

  div.dt-container .dt-input {
    color: inherit;
    background-color: #0000;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
  }

  div.dt-container select.dt-input {
    padding: 4px;
  }

  div.dt-container .dt-paging .dt-paging-button {
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: 2px;
    min-width: 1.5em;
    margin-left: 2px;
    padding: .5em 1em;
    display: inline-block;
    color: inherit !important;
    text-decoration: none !important;
  }

  div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    background: -moz-linear-gradient(top, #e6e6e60d 0%, #0000000d 100%);
    background: -ms-linear-gradient(top, #e6e6e60d 0%, #0000000d 100%);
    background: linear-gradient(#e6e6e60d 0%, #0000000d 100%);
    border: 1px solid #0000004d;
    color: inherit !important;
  }

  div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    box-shadow: none;
    background: none;
    border: 1px solid #0000;
    color: #00000080 !important;
  }

  div.dt-container .dt-paging .dt-paging-button:hover {
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(#585858 0%, #111 100%);
    border: 1px solid #111;
    color: #fff !important;
  }

  div.dt-container .dt-paging .dt-paging-button:active {
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(#2b2b2b 0%, #0c0c0c 100%);
    outline: none;
    box-shadow: inset 0 0 3px #111;
  }

  div.dt-container .dt-paging .ellipsis {
    padding: 0 1em;
  }

  div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {
    color: inherit;
  }

  div.dt-container .dataTables_scroll {
    clear: both;
  }

  div.dt-container .dataTables_scroll div.dt-scroll-body {
    -webkit-overflow-scrolling: touch;
  }

  div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td {
    vertical-align: middle;
  }

  div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
  }

  div.dt-container.dt-empty-footer tbody > tr:last-child > *, div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: 1px solid #0000004d;
  }

  div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
    border-bottom: none;
  }

  html.dark {
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255;
  }

  html.dark table.dataTable > thead > tr > th, html.dark table.dataTable > thead > tr > td {
    border-bottom: 1px solid #595b5e;
  }

  html.dark table.dataTable > thead > tr > th:active, html.dark table.dataTable > thead > tr > td:active {
    outline: none;
  }

  html.dark table.dataTable > tfoot > tr > th, html.dark table.dataTable > tfoot > tr > td {
    border-top: 1px solid #595b5e;
  }

  html.dark table.dataTable.row-border > tbody > tr > *, html.dark table.dataTable.display > tbody > tr > * {
    border-top: 1px solid #404346;
  }

  html.dark table.dataTable.row-border > tbody > tr:first-child > *, html.dark table.dataTable.display > tbody > tr:first-child > * {
    border-top: none;
  }

  html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td, html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
    border-top-color: #0d6efda6;
    border-top-color: rgba(var(--dt-row-selected), .65);
  }

  html.dark table.dataTable.cell-border > tbody > tr > th, html.dark table.dataTable.cell-border > tbody > tr > td {
    border-top: 1px solid #404346;
    border-right: 1px solid #404346;
  }

  html.dark table.dataTable.cell-border > tbody > tr > th:first-child, html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
    border-left: 1px solid #404346;
  }

  html.dark .dt-container.dt-empty-footer table.dataTable {
    border-bottom: 1px solid #595b5e;
  }

  html.dark .dt-container .dt-search input, html.dark .dt-container .dt-length select {
    background-color: var(--dt-html-background);
    border: 1px solid #fff3;
  }

  html.dark .dt-container .dt-paging .dt-paging-button.current, html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
    background: #ffffff26;
    border: 1px solid #595b5e;
  }

  html.dark .dt-container .dt-paging .dt-paging-button.disabled, html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover, html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
    color: #666 !important;
  }

  html.dark .dt-container .dt-paging .dt-paging-button:hover {
    background: #353535;
    border: 1px solid #353535;
  }

  html.dark .dt-container .dt-paging .dt-paging-button:active {
    background: #3a3a3a;
  }

  [dir="rtl"] table.dataTable thead th, [dir="rtl"] table.dataTable thead td, [dir="rtl"] table.dataTable tfoot th, [dir="rtl"] table.dataTable tfoot td {
    text-align: right;
  }

  [dir="rtl"] table.dataTable th.dt-type-numeric, [dir="rtl"] table.dataTable th.dt-type-date, [dir="rtl"] table.dataTable td.dt-type-numeric, [dir="rtl"] table.dataTable td.dt-type-date {
    text-align: left;
  }

  [dir="rtl"] div.dt-container div.dt-layout-cell.dt-start {
    text-align: right;
  }

  [dir="rtl"] div.dt-container div.dt-layout-cell.dt-end {
    text-align: left;
  }

  [dir="rtl"] div.dt-container div.dt-search input {
    margin: 0 3px 0 0;
  }

  :root {
    --dtfc_background: white;
    --dtfc-thead-cell_background: var(--dtfc_background);
    --dtfc-tbody-cell_background: var(--dtfc_background);
  }

  :root.dark {
    --dtfc_background: #212529;
  }

  table.dataTable thead tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable tfoot tr > .dtfc-fixed-end {
    z-index: 3;
    background-color: var(--dtfc-thead-cell_background);
    top: 0;
    bottom: 0;
  }

  table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end {
    z-index: 1;
    background-color: var(--dtfc-tbody-cell_background);
  }

  table.dataTable tr > .dtfc-fixed-left:after, table.dataTable tr > .dtfc-fixed-right:after {
    content: "";
    pointer-events: none;
    width: 10px;
    transition: box-shadow .3s;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  table.dataTable tr > .dtfc-fixed-left:after {
    right: 0;
    transform: translateX(100%);
  }

  table.dataTable tr > .dtfc-fixed-right:after {
    left: 0;
    transform: translateX(-80%);
  }

  table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left:after {
    box-shadow: inset 10px 0 8px -8px #0003;
  }

  table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right:after {
    box-shadow: inset -10px 0 8px -8px #0003;
  }

  table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right:after {
    box-shadow: none;
  }

  div.dt-scroll, div.dtfh-floatingparent {
    position: relative;
  }

  div.dt-scroll div.dtfc-top-blocker, div.dt-scroll div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker {
    background-color: var(--dtfc-thead-cell_background);
    position: absolute;
  }

  html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left:after {
    box-shadow: inset 10px 0 8px -8px #0000004d;
  }

  html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right:after {
    box-shadow: inset -10px 0 8px -8px #0000004d;
  }

  html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right:after {
    box-shadow: none;
  }

  table.fixedHeader-floating, table.fixedHeader-locked {
    background-color: var(--dt-html-background);
    position: relative !important;
  }

  @media print {
    table.fixedHeader-floating, table.fixedHeader-locked {
      display: none;
    }
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
    display: none !important;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    cursor: pointer;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    box-sizing: border-box;
    content: "";
    border: 5px solid #0000;
    border-left: 10px solid #00000080;
    border-right-width: 0;
    margin-right: .5em;
    display: inline-block;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right:before {
    border: 5px solid #0000;
    border-left-width: 0;
    border-right: 10px solid #00000080;
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
    border: 5px solid #0000;
    border-top: 10px solid #00000080;
    border-bottom-width: 0;
  }

  table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
    padding-left: .333em;
  }

  table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    cursor: pointer;
  }

  table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    box-sizing: border-box;
    content: "";
    border: 5px solid #0000;
    border-left: 10px solid #00000080;
    border-right-width: 0;
    display: inline-block;
  }

  table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > td.control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right:before {
    border: 5px solid #0000;
    border-left-width: 0;
    border-right: 10px solid #00000080;
  }

  table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
    border: 5px solid #0000;
    border-top: 10px solid #00000080;
    border-bottom-width: 0;
  }

  table.dataTable > tbody > tr.child {
    padding: .5em 1em;
  }

  table.dataTable > tbody > tr.child:hover {
    background: none !important;
  }

  table.dataTable > tbody > tr.child ul.dtr-details {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
  }

  table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0;
  }

  table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
    padding-top: 0;
  }

  table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 75px;
    font-weight: bold;
    display: inline-block;
  }

  div.dtr-modal {
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 10em 1em;
    position: fixed;
    top: 0;
    left: 0;
  }

  div.dtr-modal div.dtr-modal-display {
    z-index: 102;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    width: 50%;
    height: fit-content;
    max-height: 75%;
    margin: auto;
    position: absolute;
    inset: 0;
    overflow: auto;
    box-shadow: 0 12px 30px #0009;
  }

  div.dtr-modal div.dtr-modal-content {
    padding: 2.5em;
    position: relative;
  }

  div.dtr-modal div.dtr-modal-content h2 {
    margin-top: 0;
  }

  div.dtr-modal div.dtr-modal-close {
    text-align: center;
    cursor: pointer;
    z-index: 12;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 6px;
    right: 6px;
  }

  div.dtr-modal div.dtr-modal-background {
    z-index: 101;
    background: #0009;
    position: fixed;
    inset: 0;
  }

  @media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
      width: 95%;
    }
  }

  html.dark table.dataTable > tbody > tr > td.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr > td.dtr-control:before {
    border-left-color: #ffffff80 !important;
  }

  html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr > td.dtr-control.arrow-right:before {
    border-right-color: #ffffff80 !important;
  }

  html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
    border-top-color: #ffffff80 !important;
    border-left-color: #0000 !important;
    border-right-color: #0000 !important;
  }

  html.dark table.dataTable > tbody > tr.child ul.dtr-details > li, html[data-bs-theme="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom-color: #404346;
  }

  html.dark div.dtr-modal div.dtr-modal-display, html[data-bs-theme="dark"] div.dtr-modal div.dtr-modal-display {
    background-color: #212529;
    border: 1px solid #ffffff26;
  }

  table.dataTable > tbody > tr > .selected {
    color: rgb(var(--dt-row-selected-text));
    background-color: #0d6efde6;
  }

  div.dt-container span.select-info, div.dt-container span.select-item {
    margin-left: .5em;
  }

  @media screen and (max-width: 640px) {
    div.dt-container span.select-info, div.dt-container span.select-item {
      margin-left: 0;
      display: block;
    }
  }

  table.dataTable > tbody > tr > .dt-select, table.dataTable > thead > tr > .dt-select {
    text-align: center;
    vertical-align: middle;
  }

  table.dataTable > thead > tr > .dt-select input.dt-select-checkbox {
    margin-left: auto;
    margin-right: auto;
  }

  table.dataTable input.dt-select-checkbox {
    appearance: none;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    color: inherit;
    border: 1px solid;
    border-radius: 3px;
    margin-top: 1px;
    font-size: 20px;
    line-height: 1em;
    display: inline-block;
    position: relative;
  }

  table.dataTable input.dt-select-checkbox:checked:after {
    content: "✓";
    margin-top: -8px;
    display: block;
  }

  table.dataTable input.dt-select-checkbox:indeterminate:after {
    content: " ";
    background-color: #000;
    border-radius: 2px;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
  }

  table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
    border: 1px solid;
  }

  table.dataTable > tbody > tr > td.select-checkbox, table.dataTable > tbody > tr > th.select-checkbox {
    position: relative;
  }

  table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > th.select-checkbox:before {
    box-sizing: border-box;
    content: " ";
    border: 1px solid;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  table.dataTable > tbody > tr.selected > td.select-checkbox:before, table.dataTable > tbody > tr.selected > th.select-checkbox:before {
    content: "✓";
    text-align: center;
    border: 1px solid;
    font-size: 20px;
    line-height: 6px;
  }

  table.dataTable.compact > tbody > tr > td.select-checkbox:before, table.dataTable.compact > tbody > tr > th.select-checkbox:before {
    margin-top: -12px;
  }

  table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after, table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
    margin-top: -16px;
  }

  html.dark table.dataTable input.dt-select-checkbox:indeterminate:after, html[data-bs-theme="dark"] table.dataTable input.dt-select-checkbox:indeterminate:after {
    background-color: #fff;
  }

  .filepond--image-preview-markup {
    position: absolute;
    top: 0;
    left: 0;
  }

  .filepond--image-preview-wrapper {
    z-index: 2;
  }

  .filepond--image-preview-overlay {
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    min-height: 5rem;
    max-height: 7rem;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .filepond--image-preview-overlay svg {
    width: 100%;
    height: auto;
    color: inherit;
    max-height: inherit;
  }

  .filepond--image-preview-overlay-idle {
    mix-blend-mode: multiply;
    color: #282828d9;
  }

  .filepond--image-preview-overlay-success {
    mix-blend-mode: normal;
    color: #369763;
  }

  .filepond--image-preview-overlay-failure {
    mix-blend-mode: normal;
    color: #c44e47;
  }

  @supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
    .filepond--image-preview-overlay-idle {
      mix-blend-mode: normal;
    }
  }

  .filepond--image-preview-wrapper {
    -webkit-user-select: none;
    user-select: none;
    background: #00000003;
    border-radius: .45em;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .filepond--image-preview {
    z-index: 1;
    pointer-events: none;
    will-change: transform, opacity;
    background: #222;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .filepond--image-clip {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");
    background-size: 1.25em 1.25em;
  }

  .filepond--image-bitmap, .filepond--image-vector {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
  }

  .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper {
    border-radius: 0;
  }

  .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper {
    border-radius: 99999rem;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay {
    top: auto;
    bottom: 0;
    transform: scaleY(-1);
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) {
    margin-bottom: .325em;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] {
    left: calc(50% - 3em);
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] {
    right: calc(50% - 3em);
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] {
    margin-bottom: .5125em;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] {
    margin-top: 0;
    margin-bottom: .1875em;
    margin-left: .1875em;
  }

  .filepond--assistant {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .filepond--browser.filepond--browser {
    opacity: 0;
    width: calc(100% - 2em);
    margin: 0;
    padding: 0;
    font-size: 0;
    position: absolute;
    top: 1.75em;
    left: 1em;
  }

  .filepond--data {
    visibility: hidden;
    pointer-events: none;
    contain: strict;
    border: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
  }

  .filepond--drip {
    opacity: .1;
    pointer-events: none;
    background: #00000003;
    border-radius: .5em;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .filepond--drip-blob {
    transform-origin: center;
    background: #292625;
    border-radius: 50%;
    width: 8em;
    height: 8em;
    margin-top: -4em;
    margin-left: -4em;
  }

  .filepond--drip-blob, .filepond--drop-label {
    will-change: transform, opacity;
    position: absolute;
    top: 0;
    left: 0;
  }

  .filepond--drop-label {
    color: #4f4f4f;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    height: 0;
    margin: 0;
    display: flex;
    right: 0;
  }

  .filepond--drop-label.filepond--drop-label label {
    margin: 0;
    padding: .5em;
    display: block;
  }

  .filepond--drop-label label {
    cursor: default;
    text-align: center;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
  }

  .filepond--label-action {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-color: #a7a4a4;
  }

  .filepond--root[data-disabled] .filepond--drop-label label {
    opacity: .5;
  }

  .filepond--file-action-button.filepond--file-action-button {
    width: 1.625em;
    height: 1.625em;
    font-family: inherit;
    font-size: 1em;
    line-height: inherit;
    will-change: transform, opacity;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
  }

  .filepond--file-action-button.filepond--file-action-button span {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .filepond--file-action-button.filepond--file-action-button svg {
    width: 100%;
    height: 100%;
  }

  .filepond--file-action-button.filepond--file-action-button:after {
    content: "";
    position: absolute;
    inset: -.75em;
  }

  .filepond--file-action-button {
    cursor: auto;
    color: #fff;
    background-color: #00000080;
    background-image: none;
    border-radius: 50%;
    transition: box-shadow .25s ease-in;
    box-shadow: 0 0 #fff0;
  }

  .filepond--file-action-button:focus, .filepond--file-action-button:hover {
    box-shadow: 0 0 0 .125em #ffffffe6;
  }

  .filepond--file-action-button[disabled] {
    color: #ffffff80;
    background-color: #00000040;
  }

  .filepond--file-action-button[hidden] {
    display: none;
  }

  .filepond--action-edit-item.filepond--action-edit-item {
    width: 2em;
    height: 2em;
    padding: .1875em;
  }

  .filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] {
    margin-left: -.1875em;
  }

  .filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] {
    margin-bottom: -.1875em;
  }

  .filepond--action-edit-item-alt {
    line-height: inherit;
    color: inherit;
    pointer-events: all;
    background: none;
    border: none;
    outline: none;
    margin: 0 0 0 .25em;
    padding: 0;
    font-family: inherit;
    position: absolute;
  }

  .filepond--action-edit-item-alt svg {
    width: 1.3125em;
    height: 1.3125em;
  }

  .filepond--action-edit-item-alt span {
    opacity: 0;
    font-size: 0;
  }

  .filepond--file-info {
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    min-width: 0;
    margin: 0 .5em 0 0;
    display: flex;
    position: static;
  }

  .filepond--file-info * {
    margin: 0;
  }

  .filepond--file-info .filepond--file-info-main {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: .75em;
    line-height: 1.2;
    overflow: hidden;
  }

  .filepond--file-info .filepond--file-info-sub {
    opacity: .5;
    white-space: nowrap;
    font-size: .625em;
    transition: opacity .25s ease-in-out;
  }

  .filepond--file-info .filepond--file-info-sub:empty {
    display: none;
  }

  .filepond--file-status {
    text-align: right;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: flex-end;
    min-width: 2.25em;
    margin: 0;
    display: flex;
    position: static;
  }

  .filepond--file-status * {
    white-space: nowrap;
    margin: 0;
  }

  .filepond--file-status .filepond--file-status-main {
    font-size: .75em;
    line-height: 1.2;
  }

  .filepond--file-status .filepond--file-status-sub {
    opacity: .5;
    font-size: .625em;
    transition: opacity .25s ease-in-out;
  }

  .filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .filepond--file-wrapper.filepond--file-wrapper > legend {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .filepond--file {
    color: #fff;
    border-radius: .5em;
    align-items: flex-start;
    height: 100%;
    padding: .5625em;
    display: flex;
    position: static;
  }

  .filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em;
  }

  .filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 3;
  }

  .filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator {
    position: absolute;
  }

  .filepond--file [data-align*="left"] {
    left: .5625em;
  }

  .filepond--file [data-align*="right"] {
    right: .5625em;
  }

  .filepond--file [data-align*="center"] {
    left: calc(50% - .8125em);
  }

  .filepond--file [data-align*="bottom"] {
    bottom: 1.125em;
  }

  .filepond--file [data-align="center"] {
    top: calc(50% - .8125em);
  }

  .filepond--file .filepond--progress-indicator {
    margin-top: .1875em;
  }

  .filepond--file .filepond--progress-indicator[data-align*="right"] {
    margin-right: .1875em;
  }

  .filepond--file .filepond--progress-indicator[data-align*="left"] {
    margin-left: .1875em;
  }

  [data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info {
    margin-right: 2.25em;
  }

  [data-filepond-item-state~="processing"] .filepond--file-status-sub {
    opacity: 0;
  }

  [data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
    opacity: .5;
  }

  [data-filepond-item-state="processing-error"] .filepond--file-status-sub {
    opacity: 0;
  }

  [data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
    opacity: .5;
  }

  [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg {
    animation: .5s linear .125s both fall;
  }

  [data-filepond-item-state="processing-complete"] .filepond--file-status-sub {
    opacity: .5;
  }

  [data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub {
    opacity: 0;
  }

  [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
    opacity: .5;
  }

  [data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel {
    animation: .65s linear both shake;
  }

  [data-filepond-item-state*="busy"] .filepond--progress-indicator svg {
    animation: 1s linear infinite spin;
  }

  @keyframes spin {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(1turn);
    }
  }

  @keyframes shake {
    10%, 90% {
      transform: translateX(-.0625em);
    }

    20%, 80% {
      transform: translateX(.125em);
    }

    30%, 50%, 70% {
      transform: translateX(-.25em);
    }

    40%, 60% {
      transform: translateX(.25em);
    }
  }

  @keyframes fall {
    0% {
      opacity: 0;
      animation-timing-function: ease-out;
      transform: scale(.5);
    }

    70% {
      opacity: 1;
      animation-timing-function: ease-in-out;
      transform: scale(1.1);
    }

    to {
      animation-timing-function: ease-out;
      transform: scale(1);
    }
  }

  .filepond--hopper[data-hopper-state="drag-over"] > * {
    pointer-events: none;
  }

  .filepond--hopper[data-hopper-state="drag-over"]:after {
    content: "";
    z-index: 100;
    position: absolute;
    inset: 0;
  }

  .filepond--progress-indicator {
    z-index: 103;
  }

  .filepond--file-action-button {
    z-index: 102;
  }

  .filepond--file-status {
    z-index: 101;
  }

  .filepond--file-info {
    z-index: 100;
  }

  .filepond--item {
    z-index: 1;
    will-change: transform, opacity;
    touch-action: auto;
    margin: .25em;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .filepond--item > .filepond--panel {
    z-index: -1;
  }

  .filepond--item > .filepond--panel .filepond--panel-bottom {
    box-shadow: 0 .0625em .125em -.0625em #00000040;
  }

  .filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel {
    transition: opacity .15s ease-out;
  }

  .filepond--item[data-drag-state] {
    cursor: -webkit-grab;
    cursor: grab;
  }

  .filepond--item[data-drag-state] > .filepond--panel {
    transition: box-shadow .125s ease-in-out;
    box-shadow: 0 0 #0000;
  }

  .filepond--item[data-drag-state="drag"] {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }

  .filepond--item[data-drag-state="drag"] > .filepond--panel {
    box-shadow: 0 .125em .3125em #00000053;
  }

  .filepond--item[data-drag-state]:not([data-drag-state="idle"]) {
    z-index: 2;
  }

  .filepond--item-panel {
    background-color: #64605e;
  }

  [data-filepond-item-state="processing-complete"] .filepond--item-panel {
    background-color: #369763;
  }

  [data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel {
    background-color: #c44e47;
  }

  .filepond--item-panel {
    border-radius: .5em;
    transition: background-color .25s;
  }

  .filepond--list-scroller {
    will-change: transform;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .filepond--list-scroller[data-state="overflow"] .filepond--list {
    bottom: 0;
    right: 0;
  }

  .filepond--list-scroller[data-state="overflow"] {
    -webkit-overflow-scrolling: touch;
    overflow: hidden scroll;
    -webkit-mask: linear-gradient(#000 calc(100% - .5em), #0000);
    mask: linear-gradient(#000 calc(100% - .5em), #0000);
  }

  .filepond--list-scroller::-webkit-scrollbar {
    background: none;
  }

  .filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em;
  }

  .filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0;
  }

  .filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: #0000004d;
    background-clip: content-box;
    border: .3125em solid #0000;
    border-radius: 99999px;
  }

  .filepond--list.filepond--list {
    will-change: transform;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 0;
  }

  .filepond--list {
    left: .75em;
    right: .75em;
  }

  .filepond--root[data-style-panel-layout~="integrated"] {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root {
    border-radius: 0;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * {
    display: none;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
    z-index: 7;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
    bottom: 0;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel {
    display: none;
  }

  .filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list {
    height: 100%;
    left: 0;
    right: 0;
  }

  .filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item {
    margin: 0;
  }

  .filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper {
    height: 100%;
  }

  .filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label {
    z-index: 7;
  }

  .filepond--root[data-style-panel-layout~="circle"] {
    border-radius: 99999rem;
    overflow: hidden;
  }

  .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel {
    border-radius: inherit;
  }

  .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > *, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status {
    display: none;
  }

  .filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important;
  }

  @media not all and (min-resolution: .001dpcm) {
    @supports ((-webkit-appearance: none)) and (stroke-color: transparent) {
      .filepond--root[data-style-panel-layout~="circle"] {
        will-change: transform;
      }
    }
  }

  .filepond--panel-root {
    background-color: #f1f0ef;
    border-radius: .5em;
  }

  .filepond--panel {
    pointer-events: none;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100% !important;
  }

  .filepond-panel:not([data-scalable="false"]) {
    height: auto !important;
  }

  .filepond--panel[data-scalable="false"] > div {
    display: none;
  }

  .filepond--panel[data-scalable="true"] {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #0000 !important;
    border: none !important;
  }

  .filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .filepond--panel-bottom, .filepond--panel-top {
    height: .5em;
  }

  .filepond--panel-top {
    border-bottom: none !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .filepond--panel-top:after {
    content: "";
    background-color: inherit;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
  }

  .filepond--panel-bottom, .filepond--panel-center {
    will-change: transform;
    backface-visibility: hidden;
    transform-origin: 0 0;
    transform: translate3d(0, .5em, 0);
  }

  .filepond--panel-bottom {
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .filepond--panel-bottom:before {
    content: "";
    background-color: inherit;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
  }

  .filepond--panel-center {
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    height: 100px !important;
  }

  .filepond--panel-center:not([style]) {
    visibility: hidden;
  }

  .filepond--progress-indicator {
    color: #fff;
    pointer-events: none;
    will-change: transform, opacity;
    width: 1.25em;
    height: 1.25em;
    margin: 0;
    position: static;
  }

  .filepond--progress-indicator svg {
    vertical-align: top;
    transform-box: fill-box;
    width: 100%;
    height: 100%;
  }

  .filepond--progress-indicator path {
    fill: none;
    stroke: currentColor;
  }

  .filepond--list-scroller {
    z-index: 6;
  }

  .filepond--drop-label {
    z-index: 5;
  }

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

  .filepond--root > .filepond--panel {
    z-index: 2;
  }

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

  .filepond--root {
    box-sizing: border-box;
    text-align: left;
    text-rendering: optimizeLegibility;
    contain: layout style size;
    direction: ltr;
    margin-bottom: 1em;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 450;
    line-height: normal;
    position: relative;
  }

  .filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
  }

  .filepond--root :not(text) {
    font-size: inherit;
  }

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

  .filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all;
  }

  .filepond--root[data-disabled] .filepond--list {
    pointer-events: none;
  }

  .filepond--root .filepond--drop-label {
    min-height: 4.75em;
  }

  .filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .filepond--root .filepond--credits {
    opacity: .4;
    color: inherit;
    z-index: 3;
    font-size: 11px;
    line-height: .85;
    text-decoration: none;
    position: absolute;
    bottom: -14px;
    right: 0;
  }

  .filepond--root .filepond--credits[style] {
    margin-top: 14px;
    top: 0;
    bottom: auto;
  }

  .flatpickr-calendar {
    opacity: 0;
    text-align: center;
    visibility: hidden;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    direction: ltr;
    background: #fff;
    border: 0;
    border-radius: 5px;
    width: 307.875px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    animation: none;
    display: none;
    position: absolute;
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014;
  }

  .flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    visibility: visible;
    max-height: 640px;
  }

  .flatpickr-calendar.open {
    z-index: 99999;
    display: inline-block;
  }

  .flatpickr-calendar.animate.open {
    animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
  }

  .flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
  }

  .flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
  }

  .flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
  }

  .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
  }

  .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #e6e6e6;
    height: 40px;
  }

  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
  }

  .flatpickr-calendar:before, .flatpickr-calendar:after {
    pointer-events: none;
    content: "";
    border: solid #0000;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 22px;
  }

  .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px;
  }

  .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%;
  }

  .flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
  }

  .flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
  }

  .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%;
  }

  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
  }

  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
  }

  .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%;
  }

  .flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
  }

  .flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
  }

  .flatpickr-calendar:focus {
    outline: 0;
  }

  .flatpickr-wrapper {
    display: inline-block;
    position: relative;
  }

  .flatpickr-months {
    display: flex;
  }

  .flatpickr-months .flatpickr-month {
    color: #000000e6;
    fill: #000000e6;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    flex: 1;
    height: 34px;
    line-height: 1;
    position: relative;
    overflow: hidden;
  }

  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6;
    height: 34px;
    padding: 10px;
    text-decoration: none;
    position: absolute;
    top: 0;
  }

  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none;
  }

  .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative;
  }

  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0;
  }

  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0;
  }

  .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9;
  }

  .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747;
  }

  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
  }

  .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    fill: inherit;
    transition: fill .1s;
  }

  .numInputWrapper {
    height: auto;
    position: relative;
  }

  .numInputWrapper input, .numInputWrapper span {
    display: inline-block;
  }

  .numInputWrapper input {
    width: 100%;
  }

  .numInputWrapper input::-ms-clear {
    display: none;
  }

  .numInputWrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .numInputWrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .numInputWrapper span {
    opacity: 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #39393926;
    width: 14px;
    height: 50%;
    padding: 0 4px 0 2px;
    line-height: 50%;
    position: absolute;
    right: 0;
  }

  .numInputWrapper span:hover {
    background: #0000001a;
  }

  .numInputWrapper span:active {
    background: #0003;
  }

  .numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute;
  }

  .numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0;
  }

  .numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid #39393999;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    top: 26%;
  }

  .numInputWrapper span.arrowDown {
    top: 50%;
  }

  .numInputWrapper span.arrowDown:after {
    border-top: 4px solid #39393999;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    top: 40%;
  }

  .numInputWrapper span svg {
    width: inherit;
    height: auto;
  }

  .numInputWrapper span svg path {
    fill: #00000080;
  }

  .numInputWrapper:hover {
    background: #0000000d;
  }

  .numInputWrapper:hover span {
    opacity: 1;
  }

  .flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    color: inherit;
    text-align: center;
    width: 75%;
    height: 34px;
    padding: 7.48px 0 0;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    position: absolute;
    left: 12.5%;
    transform: translate3d(0, 0, 0);
  }

  .flatpickr-current-month span.cur-month {
    color: inherit;
    margin-left: .5ch;
    padding: 0;
    font-family: inherit;
    font-weight: 700;
    display: inline-block;
  }

  .flatpickr-current-month span.cur-month:hover {
    background: #0000000d;
  }

  .flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch�;
    display: inline-block;
  }

  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6;
  }

  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6;
  }

  .flatpickr-current-month input.cur-year {
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    vertical-align: initial;
    appearance: textfield;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0 0 0 .5ch;
    display: inline-block;
  }

  .flatpickr-current-month input.cur-year:focus {
    outline: 0;
  }

  .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    color: #00000080;
    pointer-events: none;
    background: none;
    font-size: 100%;
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    height: auto;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    vertical-align: initial;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    width: auto;
    margin: -1px 0 0;
    padding: 0 0 0 .5ch;
    position: relative;
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none;
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: #0000000d;
  }

  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #0000;
    outline: none;
    padding: 0;
  }

  .flatpickr-weekdays {
    text-align: center;
    background: none;
    align-items: center;
    width: 100%;
    height: 28px;
    display: flex;
    overflow: hidden;
  }

  .flatpickr-weekdays .flatpickr-weekdaycontainer {
    flex: 1;
    display: flex;
  }

  span.flatpickr-weekday {
    cursor: default;
    color: #0000008a;
    text-align: center;
    background: none;
    flex: 1;
    margin: 0;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    display: block;
  }

  .dayContainer, .flatpickr-weeks {
    padding: 1px 0 0;
  }

  .flatpickr-days {
    align-items: flex-start;
    width: 307.875px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .flatpickr-days:focus {
    outline: 0;
  }

  .dayContainer {
    text-align: left;
    box-sizing: border-box;
    opacity: 1;
    outline: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    padding: 0;
    display: flex;
    transform: translate3d(0, 0, 0);
  }

  .dayContainer + .dayContainer {
    box-shadow: -1px 0 #e6e6e6;
  }

  .flatpickr-day {
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    text-align: center;
    background: none;
    border: 1px solid #0000;
    border-radius: 150px;
    flex-basis: 14.2857%;
    justify-content: center;
    width: 14.2857%;
    max-width: 39px;
    height: 39px;
    margin: 0;
    font-weight: 400;
    line-height: 39px;
    display: inline-block;
    position: relative;
  }

  .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 {
    cursor: pointer;
    background: #e6e6e6;
    border-color: #e6e6e6;
    outline: 0;
  }

  .flatpickr-day.today {
    border-color: #959ea9;
  }

  .flatpickr-day.today:hover, .flatpickr-day.today:focus {
    color: #fff;
    background: #959ea9;
    border-color: #959ea9;
  }

  .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 {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: #569ff7;
    border-color: #569ff7;
  }

  .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
  }

  .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
  }

  .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 #569ff7;
  }

  .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
  }

  .flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
  }

  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: #3939394d;
    cursor: default;
    background: none;
    border-color: #0000;
  }

  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #3939391a;
  }

  .flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7;
  }

  .flatpickr-day.hidden {
    visibility: hidden;
  }

  .rangeMode .flatpickr-day {
    margin-top: 1px;
  }

  .flatpickr-weekwrapper {
    float: left;
  }

  .flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 #e6e6e6;
  }

  .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
  }

  .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    color: #3939394d;
    cursor: default;
    background: none;
    border: none;
    width: 100%;
    max-width: none;
    display: block;
  }

  .flatpickr-innerContainer {
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
  }

  .flatpickr-rContainer {
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
  }

  .flatpickr-time {
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    height: 0;
    max-height: 40px;
    line-height: 40px;
    display: flex;
    overflow: hidden;
  }

  .flatpickr-time:after {
    content: "";
    clear: both;
    display: table;
  }

  .flatpickr-time .numInputWrapper {
    float: left;
    flex: 1;
    width: 40%;
    height: 40px;
  }

  .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
  }

  .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
  }

  .flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
  }

  .flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
  }

  .flatpickr-time input {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    height: inherit;
    line-height: inherit;
    color: #393939;
    box-sizing: border-box;
    appearance: textfield;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    position: relative;
  }

  .flatpickr-time input.flatpickr-hour {
    font-weight: bold;
  }

  .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400;
  }

  .flatpickr-time input:focus {
    border: 0;
    outline: 0;
  }

  .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    -webkit-user-select: none;
    user-select: none;
    align-self: center;
    width: 2%;
    font-weight: bold;
  }

  .flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    text-align: center;
    outline: 0;
    width: 18%;
    font-weight: 400;
  }

  .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #eee;
  }

  .flatpickr-input[readonly] {
    cursor: pointer;
  }

  @keyframes fpFadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -20px, 0);
    }

    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  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;
    }
  }

  .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
    position: absolute;
    top: 0;
    left: 0;
  }

  .leaflet-container {
    overflow: hidden;
  }

  .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
  }

  .leaflet-tile::selection {
    background: none;
  }

  .leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
  }

  .leaflet-safari .leaflet-tile-container {
    -webkit-transform-origin: 0 0;
    width: 1600px;
    height: 1600px;
  }

  .leaflet-marker-icon, .leaflet-marker-shadow {
    display: block;
  }

  .leaflet-container .leaflet-overlay-pane svg {
    max-width: none !important;
    max-height: none !important;
  }

  .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
    width: auto;
    padding: 0;
    max-width: none !important;
    max-height: none !important;
  }

  .leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter;
  }

  .leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
  }

  .leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom;
  }

  .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
  }

  .leaflet-container {
    -webkit-tap-highlight-color: transparent;
  }

  .leaflet-container a {
    -webkit-tap-highlight-color: #33b5e566;
  }

  .leaflet-tile {
    filter: inherit;
    visibility: hidden;
  }

  .leaflet-tile-loaded {
    visibility: inherit;
  }

  .leaflet-zoom-box {
    box-sizing: border-box;
    z-index: 800;
    width: 0;
    height: 0;
  }

  .leaflet-overlay-pane svg {
    -moz-user-select: none;
  }

  .leaflet-pane {
    z-index: 400;
  }

  .leaflet-tile-pane {
    z-index: 200;
  }

  .leaflet-overlay-pane {
    z-index: 400;
  }

  .leaflet-shadow-pane {
    z-index: 500;
  }

  .leaflet-marker-pane {
    z-index: 600;
  }

  .leaflet-tooltip-pane {
    z-index: 650;
  }

  .leaflet-popup-pane {
    z-index: 700;
  }

  .leaflet-map-pane canvas {
    z-index: 100;
  }

  .leaflet-map-pane svg {
    z-index: 200;
  }

  .leaflet-vml-shape {
    width: 1px;
    height: 1px;
  }

  .lvml {
    behavior: url("#default#VML");
    display: inline-block;
    position: absolute;
  }

  .leaflet-control {
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto;
    position: relative;
  }

  .leaflet-top, .leaflet-bottom {
    z-index: 1000;
    pointer-events: none;
    position: absolute;
  }

  .leaflet-top {
    top: 0;
  }

  .leaflet-right {
    right: 0;
  }

  .leaflet-bottom {
    bottom: 0;
  }

  .leaflet-left {
    left: 0;
  }

  .leaflet-control {
    float: left;
    clear: both;
  }

  .leaflet-right .leaflet-control {
    float: right;
  }

  .leaflet-top .leaflet-control {
    margin-top: 10px;
  }

  .leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
  }

  .leaflet-left .leaflet-control {
    margin-left: 10px;
  }

  .leaflet-right .leaflet-control {
    margin-right: 10px;
  }

  .leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear;
  }

  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
  }

  .leaflet-zoom-animated {
    transform-origin: 0 0;
  }

  svg.leaflet-zoom-animated {
    will-change: transform;
  }

  .leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1);
  }

  .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
    transition: none;
  }

  .leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
  }

  .leaflet-interactive {
    cursor: pointer;
  }

  .leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
  }

  .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
  }

  .leaflet-popup-pane, .leaflet-control {
    cursor: auto;
  }

  .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
  }

  .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
    pointer-events: none;
  }

  .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto;
  }

  .leaflet-container {
    outline-offset: 1px;
    background: #ddd;
  }

  .leaflet-container a {
    color: #0078a8;
  }

  .leaflet-zoom-box {
    background: #ffffff80;
    border: 2px dotted #38f;
  }

  .leaflet-container {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: .75rem;
    line-height: 1.5;
  }

  .leaflet-bar {
    border-radius: 4px;
    box-shadow: 0 1px 5px #000000a6;
  }

  .leaflet-bar a {
    text-align: center;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    display: block;
  }

  .leaflet-bar a, .leaflet-control-layers-toggle {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
  }

  .leaflet-bar a:hover, .leaflet-bar a:focus {
    background-color: #f4f4f4;
  }

  .leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .leaflet-bar a:last-child {
    border-bottom: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .leaflet-bar a.leaflet-disabled {
    cursor: default;
    color: #bbb;
    background-color: #f4f4f4;
  }

  .leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  .leaflet-touch .leaflet-bar a:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .leaflet-control-zoom-in, .leaflet-control-zoom-out {
    text-indent: 1px;
    font: bold 18px Lucida Console, Monaco, monospace;
  }

  .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px;
  }

  .leaflet-control-layers {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px #0006;
  }

  .leaflet-control-layers-toggle {
    background-image: url("../media/layers.78ca0acf.png");
    width: 36px;
    height: 36px;
  }

  .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url("../media/layers-2x.793209de.png");
    background-size: 26px 26px;
  }

  .leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
  }

  .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
  }

  .leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
  }

  .leaflet-control-layers-expanded {
    color: #333;
    background: #fff;
    padding: 6px 10px 6px 6px;
  }

  .leaflet-control-layers-scrollbar {
    padding-right: 5px;
    overflow: hidden scroll;
  }

  .leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
  }

  .leaflet-control-layers label {
    font-size: 1.08333em;
    display: block;
  }

  .leaflet-control-layers-separator {
    border-top: 1px solid #ddd;
    height: 0;
    margin: 5px -10px 5px -6px;
  }

  .leaflet-default-icon-path {
    background-image: url("../media/marker-icon.b9f7ac13.png");
  }

  .leaflet-container .leaflet-control-attribution {
    background: #fffc;
    margin: 0;
  }

  .leaflet-control-attribution, .leaflet-control-scale-line {
    color: #333;
    padding: 0 5px;
    line-height: 1.4;
  }

  .leaflet-control-attribution a {
    text-decoration: none;
  }

  .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
    text-decoration: underline;
  }

  .leaflet-attribution-flag {
    width: 1em;
    height: .6669em;
    vertical-align: baseline !important;
    display: inline !important;
  }

  .leaflet-left .leaflet-control-scale {
    margin-left: 5px;
  }

  .leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
  }

  .leaflet-control-scale-line {
    white-space: nowrap;
    box-sizing: border-box;
    text-shadow: 1px 1px #fff;
    background: #fffc;
    border: 2px solid #777;
    border-top: none;
    padding: 2px 5px 1px;
    line-height: 1.1;
  }

  .leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
  }

  .leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
  }

  .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    box-shadow: none;
  }

  .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    background-clip: padding-box;
    border: 2px solid #0003;
  }

  .leaflet-popup {
    text-align: center;
    margin-bottom: 20px;
    position: absolute;
  }

  .leaflet-popup-content-wrapper {
    text-align: left;
    border-radius: 12px;
    padding: 1px;
  }

  .leaflet-popup-content {
    min-height: 1px;
    margin: 13px 24px 13px 20px;
    font-size: 1.08333em;
    line-height: 1.3;
  }

  .leaflet-popup-content p {
    margin: 1.3em 0;
  }

  .leaflet-popup-tip-container {
    pointer-events: none;
    width: 40px;
    height: 20px;
    margin-top: -1px;
    margin-left: -20px;
    position: absolute;
    left: 50%;
    overflow: hidden;
  }

  .leaflet-popup-tip {
    pointer-events: auto;
    width: 17px;
    height: 17px;
    margin: -10px auto 0;
    padding: 1px;
    transform: rotate(45deg);
  }

  .leaflet-popup-content-wrapper, .leaflet-popup-tip {
    color: #333;
    background: #fff;
    box-shadow: 0 3px 14px #0006;
  }

  .leaflet-container a.leaflet-popup-close-button {
    text-align: center;
    color: #757575;
    background: none;
    border: none;
    width: 24px;
    height: 24px;
    font: 16px / 24px Tahoma, Verdana, sans-serif;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
    color: #585858;
  }

  .leaflet-popup-scrolled {
    overflow: auto;
  }

  .leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
  }

  .leaflet-oldie .leaflet-popup-tip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    width: 24px;
    filter: progid:DXImageTransform. Microsoft. Matrix(M11= .707107, M12= .707107, M21= -.707107, M22= .707107);
    margin: 0 auto;
  }

  .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
  }

  .leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
  }

  .leaflet-tooltip {
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 6px;
    position: absolute;
    box-shadow: 0 1px 3px #0006;
  }

  .leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto;
  }

  .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    pointer-events: none;
    content: "";
    background: none;
    border: 6px solid #0000;
    position: absolute;
  }

  .leaflet-tooltip-bottom {
    margin-top: 6px;
  }

  .leaflet-tooltip-top {
    margin-top: -6px;
  }

  .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
    margin-left: -6px;
    left: 50%;
  }

  .leaflet-tooltip-top:before {
    border-top-color: #fff;
    margin-bottom: -12px;
    bottom: 0;
  }

  .leaflet-tooltip-bottom:before {
    border-bottom-color: #fff;
    margin-top: -12px;
    margin-left: -6px;
    top: 0;
  }

  .leaflet-tooltip-left {
    margin-left: -6px;
  }

  .leaflet-tooltip-right {
    margin-left: 6px;
  }

  .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    margin-top: -6px;
    top: 50%;
  }

  .leaflet-tooltip-left:before {
    border-left-color: #fff;
    margin-right: -12px;
    right: 0;
  }

  .leaflet-tooltip-right:before {
    border-right-color: #fff;
    margin-left: -12px;
    left: 0;
  }

  @media print {
    .leaflet-control {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }
  }

  @supports (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list] {
      counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list] {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-set: list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-reset: list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-set: list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-reset: list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-set: list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-reset: list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-set: list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-reset: list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-set: list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-reset: list-9;
    }
  }

  .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table;
  }

  .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button {
    cursor: pointer;
    float: left;
    background: none;
    border: none;
    width: 28px;
    height: 24px;
    padding: 3px 5px;
    display: inline-block;
  }

  .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
  }

  .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover {
    outline: none;
  }

  .ql-bubble.ql-toolbar input.ql-image[type="file"], .ql-bubble .ql-toolbar input.ql-image[type="file"] {
    display: none;
  }

  .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff;
  }

  .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #fff;
  }

  .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #fff;
  }

  @media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
      color: #ccc;
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #ccc;
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #ccc;
    }
  }

  .ql-bubble, .ql-bubble * {
    box-sizing: border-box;
  }

  .ql-bubble .ql-hidden {
    display: none;
  }

  .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top {
    visibility: hidden;
  }

  .ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }

  .ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }

  .ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }

  .ql-bubble .ql-formats {
    vertical-align: middle;
    display: inline-block;
  }

  .ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table;
  }

  .ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
  }

  .ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2px;
  }

  .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill {
    fill: #ccc;
  }

  .ql-bubble .ql-empty {
    fill: none;
  }

  .ql-bubble .ql-even {
    fill-rule: evenodd;
  }

  .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1px;
  }

  .ql-bubble .ql-transparent {
    opacity: .4;
  }

  .ql-bubble .ql-direction svg:last-child {
    display: none;
  }

  .ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline;
  }

  .ql-bubble .ql-direction.ql-active svg:first-child {
    display: none;
  }

  .ql-bubble .ql-editor h1 {
    font-size: 2em;
  }

  .ql-bubble .ql-editor h2 {
    font-size: 1.5em;
  }

  .ql-bubble .ql-editor h3 {
    font-size: 1.17em;
  }

  .ql-bubble .ql-editor h4 {
    font-size: 1em;
  }

  .ql-bubble .ql-editor h5 {
    font-size: .83em;
  }

  .ql-bubble .ql-editor h6 {
    font-size: .67em;
  }

  .ql-bubble .ql-editor a {
    text-decoration: underline;
  }

  .ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 16px;
  }

  .ql-bubble .ql-editor code, .ql-bubble .ql-editor .ql-code-block-container {
    background-color: #f0f0f0;
    border-radius: 3px;
  }

  .ql-bubble .ql-editor .ql-code-block-container {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
  }

  .ql-bubble .ql-editor code {
    padding: 2px 4px;
    font-size: 85%;
  }

  .ql-bubble .ql-editor .ql-code-block-container {
    color: #f8f8f2;
    background-color: #23241f;
    overflow: visible;
  }

  .ql-bubble .ql-editor img {
    max-width: 100%;
  }

  .ql-bubble .ql-picker {
    color: #ccc;
    float: left;
    vertical-align: middle;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: relative;
  }

  .ql-bubble .ql-picker-label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    display: inline-block;
    position: relative;
  }

  .ql-bubble .ql-picker-label:before {
    line-height: 22px;
    display: inline-block;
  }

  .ql-bubble .ql-picker-options {
    white-space: nowrap;
    background-color: #444;
    min-width: 100%;
    padding: 4px 8px;
    display: none;
    position: absolute;
  }

  .ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2;
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777;
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777;
  }

  .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    z-index: 1;
    margin-top: -1px;
    display: block;
    top: 100%;
  }

  .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker {
    width: 28px;
  }

  .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }

  .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }

  .ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0;
  }

  .ql-bubble .ql-icon-picker .ql-picker-item {
    width: 24px;
    height: 24px;
    padding: 2px 4px;
  }

  .ql-bubble .ql-color-picker .ql-picker-options {
    width: 152px;
    padding: 3px 5px;
  }

  .ql-bubble .ql-color-picker .ql-picker-item {
    float: left;
    border: 1px solid #0000;
    width: 16px;
    height: 16px;
    margin: 2px;
    padding: 0;
  }

  .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    width: 18px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label);
  }

  .ql-bubble .ql-picker.ql-header {
    width: 98px;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label:before, .ql-bubble .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6";
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em;
  }

  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em;
  }

  .ql-bubble .ql-picker.ql-font {
    width: 108px;
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-label:before, .ql-bubble .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif";
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
    content: "Serif";
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
    content: "Monospace";
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
    font-family: Georgia, Times New Roman, serif;
  }

  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
    font-family: Monaco, Courier New, monospace;
  }

  .ql-bubble .ql-picker.ql-size {
    width: 98px;
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-label:before, .ql-bubble .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal";
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="small"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
    content: "Small";
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="large"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
    content: "Large";
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
    content: "Huge";
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
    font-size: 10px;
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
    font-size: 18px;
  }

  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
    font-size: 32px;
  }

  .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
  }

  .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
  }

  .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0;
  }

  .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px;
  }

  .ql-bubble .ql-color-picker svg {
    margin: 1px;
  }

  .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff;
  }

  .ql-bubble .ql-tooltip {
    color: #fff;
    background-color: #444;
    border-radius: 25px;
  }

  .ql-bubble .ql-tooltip-arrow {
    content: " ";
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    margin-left: -6px;
    display: block;
    position: absolute;
    left: 50%;
  }

  .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px;
  }

  .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px;
  }

  .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block;
  }

  .ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden;
  }

  .ql-bubble .ql-tooltip-editor {
    display: none;
  }

  .ql-bubble .ql-tooltip-editor input[type="text"] {
    color: #fff;
    background: none;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    font-size: 13px;
    position: absolute;
  }

  .ql-bubble .ql-tooltip-editor a {
    position: absolute;
    top: 10px;
    right: 20px;
  }

  .ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "×";
    font-size: 16px;
    font-weight: bold;
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
    white-space: nowrap;
    position: relative;
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before {
    color: #fff;
    content: attr(href);
    z-index: 1;
    background-color: #444;
    border-radius: 15px;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    top: -5px;
    overflow: hidden;
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
    content: " ";
    border-top: 6px solid #444;
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    width: 0;
    height: 0;
    top: 0;
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before, .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
    visibility: hidden;
    margin-left: 50%;
    transition: visibility 0s .2s;
    position: absolute;
    left: 0;
    transform: translate(-50%, -100%);
  }

  .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before, .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after {
    visibility: visible;
  }

  @supports (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list] {
      counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list] {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-set: list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-reset: list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-set: list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-reset: list-6 list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-set: list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-reset: list-7 list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-set: list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-reset: list-8 list-9;
    }
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-set: list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-reset: list-9;
    }
  }

  .ql-container {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    position: relative;
  }

  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }

  .ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {
    cursor: pointer;
  }

  .ql-clipboard {
    height: 1px;
    position: absolute;
    top: 50%;
    left: -100000px;
    overflow-y: hidden;
  }

  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }

  .ql-editor {
    box-sizing: border-box;
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    outline: none;
    height: 100%;
    padding: 12px 15px;
    line-height: 1.42;
    overflow-y: auto;
  }

  .ql-editor > * {
    cursor: text;
  }

  .ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    margin: 0;
    padding: 0;
  }

  @supports (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
      counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor table {
    border-collapse: collapse;
  }

  .ql-editor td {
    border: 1px solid #000;
    padding: 2px 5px;
  }

  .ql-editor ol {
    padding-left: 1.5em;
  }

  .ql-editor li {
    padding-left: 1.5em;
    list-style-type: none;
    position: relative;
  }

  .ql-editor li > .ql-ui:before {
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
    margin-left: -1.5em;
    margin-right: .3em;
    display: inline-block;
  }

  .ql-editor li[data-list="checked"] > .ql-ui, .ql-editor li[data-list="unchecked"] > .ql-ui {
    color: #777;
  }

  .ql-editor li[data-list="bullet"] > .ql-ui:before {
    content: "•";
  }

  .ql-editor li[data-list="checked"] > .ql-ui:before {
    content: "☑";
  }

  .ql-editor li[data-list="unchecked"] > .ql-ui:before {
    content: "☐";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list] {
      counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list] {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"] {
    counter-increment: list-0;
  }

  .ql-editor li[data-list="ordered"] > .ql-ui:before {
    content: counter(list-0, decimal) ". ";
  }

  .ql-editor li[data-list="ordered"].ql-indent-1 {
    counter-increment: list-1;
  }

  .ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {
    content: counter(list-1, lower-alpha) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-1 {
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-2 {
    counter-increment: list-2;
  }

  .ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {
    content: counter(list-2, lower-roman) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-2 {
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-3 {
    counter-increment: list-3;
  }

  .ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {
    content: counter(list-3, decimal) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-3 {
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-4 {
    counter-increment: list-4;
  }

  .ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {
    content: counter(list-4, lower-alpha) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-set: list-5 list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-4 {
      counter-reset: list-5 list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-5 {
    counter-increment: list-5;
  }

  .ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {
    content: counter(list-5, lower-roman) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-set: list-6 list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-5 {
      counter-reset: list-6 list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-6 {
    counter-increment: list-6;
  }

  .ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {
    content: counter(list-6, decimal) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-set: list-7 list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-6 {
      counter-reset: list-7 list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-7 {
    counter-increment: list-7;
  }

  .ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {
    content: counter(list-7, lower-alpha) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-set: list-8 list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-7 {
      counter-reset: list-8 list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-8 {
    counter-increment: list-8;
  }

  .ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {
    content: counter(list-8, lower-roman) ". ";
  }

  @supports (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-set: list-9;
    }
  }

  @supports not (counter-set: none) {
    .ql-editor li[data-list].ql-indent-8 {
      counter-reset: list-9;
    }
  }

  .ql-editor li[data-list="ordered"].ql-indent-9 {
    counter-increment: list-9;
  }

  .ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {
    content: counter(list-9, decimal) ". ";
  }

  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }

  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }

  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }

  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }

  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }

  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }

  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }

  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }

  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }

  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }

  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }

  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }

  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }

  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }

  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }

  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }

  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }

  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }

  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }

  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }

  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }

  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }

  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }

  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }

  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }

  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }

  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }

  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }

  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }

  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }

  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }

  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }

  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }

  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }

  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }

  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }

  .ql-editor li.ql-direction-rtl {
    padding-right: 1.5em;
  }

  .ql-editor li.ql-direction-rtl > .ql-ui:before {
    text-align: left;
    margin-left: .3em;
    margin-right: -1.5em;
  }

  .ql-editor table {
    table-layout: fixed;
    width: 100%;
  }

  .ql-editor table td {
    outline: none;
  }

  .ql-editor .ql-code-block-container {
    font-family: monospace;
  }

  .ql-editor .ql-video {
    max-width: 100%;
    display: block;
  }

  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }

  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }

  .ql-editor .ql-bg-black {
    background-color: #000;
  }

  .ql-editor .ql-bg-red {
    background-color: #e60000;
  }

  .ql-editor .ql-bg-orange {
    background-color: #f90;
  }

  .ql-editor .ql-bg-yellow {
    background-color: #ff0;
  }

  .ql-editor .ql-bg-green {
    background-color: #008a00;
  }

  .ql-editor .ql-bg-blue {
    background-color: #06c;
  }

  .ql-editor .ql-bg-purple {
    background-color: #93f;
  }

  .ql-editor .ql-color-white {
    color: #fff;
  }

  .ql-editor .ql-color-red {
    color: #e60000;
  }

  .ql-editor .ql-color-orange {
    color: #f90;
  }

  .ql-editor .ql-color-yellow {
    color: #ff0;
  }

  .ql-editor .ql-color-green {
    color: #008a00;
  }

  .ql-editor .ql-color-blue {
    color: #06c;
  }

  .ql-editor .ql-color-purple {
    color: #93f;
  }

  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }

  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }

  .ql-editor .ql-size-small {
    font-size: .75em;
  }

  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }

  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }

  .ql-editor .ql-direction-rtl {
    text-align: inherit;
    direction: rtl;
  }

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

  .ql-editor .ql-align-justify {
    text-align: justify;
  }

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

  .ql-editor .ql-ui {
    position: absolute;
  }

  .ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    pointer-events: none;
    font-style: italic;
    position: absolute;
    left: 15px;
    right: 15px;
  }

  .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table;
  }

  .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
    cursor: pointer;
    float: left;
    background: none;
    border: none;
    width: 28px;
    height: 24px;
    padding: 3px 5px;
    display: inline-block;
  }

  .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
  }

  .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
    outline: none;
  }

  .ql-snow.ql-toolbar input.ql-image[type="file"], .ql-snow .ql-toolbar input.ql-image[type="file"] {
    display: none;
  }

  .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
  }

  .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
  }

  .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
  }

  @media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
      color: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #444;
    }
  }

  .ql-snow, .ql-snow * {
    box-sizing: border-box;
  }

  .ql-snow .ql-hidden {
    display: none;
  }

  .ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
    visibility: hidden;
  }

  .ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }

  .ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }

  .ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }

  .ql-snow .ql-formats {
    vertical-align: middle;
    display: inline-block;
  }

  .ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table;
  }

  .ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
  }

  .ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2px;
  }

  .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
    fill: #444;
  }

  .ql-snow .ql-empty {
    fill: none;
  }

  .ql-snow .ql-even {
    fill-rule: evenodd;
  }

  .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
    stroke-width: 1px;
  }

  .ql-snow .ql-transparent {
    opacity: .4;
  }

  .ql-snow .ql-direction svg:last-child {
    display: none;
  }

  .ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
  }

  .ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
  }

  .ql-snow .ql-editor h1 {
    font-size: 2em;
  }

  .ql-snow .ql-editor h2 {
    font-size: 1.5em;
  }

  .ql-snow .ql-editor h3 {
    font-size: 1.17em;
  }

  .ql-snow .ql-editor h4 {
    font-size: 1em;
  }

  .ql-snow .ql-editor h5 {
    font-size: .83em;
  }

  .ql-snow .ql-editor h6 {
    font-size: .67em;
  }

  .ql-snow .ql-editor a {
    text-decoration: underline;
  }

  .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 16px;
  }

  .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
    background-color: #f0f0f0;
    border-radius: 3px;
  }

  .ql-snow .ql-editor .ql-code-block-container {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
  }

  .ql-snow .ql-editor code {
    padding: 2px 4px;
    font-size: 85%;
  }

  .ql-snow .ql-editor .ql-code-block-container {
    color: #f8f8f2;
    background-color: #23241f;
    overflow: visible;
  }

  .ql-snow .ql-editor img {
    max-width: 100%;
  }

  .ql-snow .ql-picker {
    color: #444;
    float: left;
    vertical-align: middle;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: relative;
  }

  .ql-snow .ql-picker-label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    display: inline-block;
    position: relative;
  }

  .ql-snow .ql-picker-label:before {
    line-height: 22px;
    display: inline-block;
  }

  .ql-snow .ql-picker-options {
    white-space: nowrap;
    background-color: #fff;
    min-width: 100%;
    padding: 4px 8px;
    display: none;
    position: absolute;
  }

  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
  }

  .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    z-index: 1;
    margin-top: -1px;
    display: block;
    top: 100%;
  }

  .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
    width: 28px;
  }

  .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }

  .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }

  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0;
  }

  .ql-snow .ql-icon-picker .ql-picker-item {
    width: 24px;
    height: 24px;
    padding: 2px 4px;
  }

  .ql-snow .ql-color-picker .ql-picker-options {
    width: 152px;
    padding: 3px 5px;
  }

  .ql-snow .ql-color-picker .ql-picker-item {
    float: left;
    border: 1px solid #0000;
    width: 16px;
    height: 16px;
    margin: 2px;
    padding: 0;
  }

  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    width: 18px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label);
  }

  .ql-snow .ql-picker.ql-header {
    width: 98px;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label:before, .ql-snow .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6";
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em;
  }

  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em;
  }

  .ql-snow .ql-picker.ql-font {
    width: 108px;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label:before, .ql-snow .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
    content: "Serif";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
    content: "Monospace";
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
    font-family: Georgia, Times New Roman, serif;
  }

  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
    font-family: Monaco, Courier New, monospace;
  }

  .ql-snow .ql-picker.ql-size {
    width: 98px;
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label:before, .ql-snow .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal";
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
    content: "Small";
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
    content: "Large";
  }

  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
    content: "Huge";
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
    font-size: 10px;
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
    font-size: 18px;
  }

  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
    font-size: 32px;
  }

  .ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
  }

  .ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
  }

  .ql-code-block-container {
    position: relative;
  }

  .ql-code-block-container .ql-ui {
    top: 5px;
    right: 5px;
  }

  .ql-toolbar.ql-snow {
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 8px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  }

  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
  }

  .ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid #0000;
  }

  .ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid #0000;
    box-shadow: 0 2px 8px #0003;
  }

  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
  }

  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
  }

  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0;
  }

  .ql-snow .ql-tooltip {
    color: #444;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 12px;
    box-shadow: 0 0 5px #ddd;
  }

  .ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    margin-right: 8px;
    line-height: 26px;
  }

  .ql-snow .ql-tooltip input[type="text"] {
    border: 1px solid #ccc;
    width: 170px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    font-size: 13px;
    display: none;
  }

  .ql-snow .ql-tooltip a.ql-preview {
    text-overflow: ellipsis;
    vertical-align: top;
    max-width: 200px;
    display: inline-block;
    overflow-x: hidden;
  }

  .ql-snow .ql-tooltip a.ql-action:after {
    content: "Edit";
    border-right: 1px solid #ccc;
    margin-left: 16px;
    padding-right: 8px;
  }

  .ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px;
  }

  .ql-snow .ql-tooltip a {
    line-height: 26px;
  }

  .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
  }

  .ql-snow .ql-tooltip.ql-editing input[type="text"] {
    display: inline-block;
  }

  .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    content: "Save";
    border-right: 0;
    padding-right: 0;
  }

  .ql-snow .ql-tooltip[data-mode="link"]:before {
    content: "Enter link:";
  }

  .ql-snow .ql-tooltip[data-mode="formula"]:before {
    content: "Enter formula:";
  }

  .ql-snow .ql-tooltip[data-mode="video"]:before {
    content: "Enter video:";
  }

  .ql-snow a {
    color: #06c;
  }

  .ql-container.ql-snow {
    border: 1px solid #ccc;
  }

  @charset "UTF-8";

  .react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    content: "";
    border: 3px solid #ccc;
    border-width: 3px 3px 0 0;
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    top: 6px;
  }

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

  .react-datepicker-wrapper {
    border: 0;
    padding: 0;
    display: inline-block;
  }

  .react-datepicker {
    color: #000;
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    line-height: initial;
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
  }

  .react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
  }

  .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
  }

  .react-datepicker-popper {
    z-index: 1;
    line-height: 0;
  }

  .react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae;
  }

  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0;
  }

  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    fill: #fff;
    color: #fff;
  }

  .react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
  }

  .react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
  }

  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem;
  }

  .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    margin: 0 15px;
    display: inline-block;
  }

  .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    color: #000;
    margin-top: 0;
    font-size: .944rem;
    font-weight: bold;
  }

  h2.react-datepicker__current-month {
    margin: 0;
    padding: 0;
  }

  .react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .react-datepicker__navigation {
    text-align: center;
    cursor: pointer;
    z-index: 1;
    text-indent: -999em;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    position: absolute;
    top: 2px;
    overflow: hidden;
  }

  .react-datepicker__navigation--previous {
    left: 2px;
  }

  .react-datepicker__navigation--next {
    right: 2px;
  }

  .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px;
  }

  .react-datepicker__navigation--years {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0;
  }

  .react-datepicker__navigation--years-previous {
    top: 4px;
  }

  .react-datepicker__navigation--years-upcoming {
    top: -4px;
  }

  .react-datepicker__navigation:hover :before {
    border-color: #a6a6a6;
  }

  .react-datepicker__navigation-icon {
    width: 0;
    font-size: 20px;
    position: relative;
    top: -1px;
  }

  .react-datepicker__navigation-icon--next {
    left: -2px;
  }

  .react-datepicker__navigation-icon--next:before {
    left: -7px;
    transform: rotate(45deg);
  }

  .react-datepicker__navigation-icon--previous {
    right: -2px;
  }

  .react-datepicker__navigation-icon--previous:before {
    right: -7px;
    transform: rotate(225deg);
  }

  .react-datepicker__month-container {
    float: left;
  }

  .react-datepicker__year {
    text-align: center;
    margin: .4rem;
  }

  .react-datepicker__year-wrapper {
    flex-wrap: wrap;
    max-width: 180px;
    display: flex;
  }

  .react-datepicker__year .react-datepicker__year-text {
    width: 4rem;
    margin: 2px;
    display: inline-block;
  }

  .react-datepicker__month {
    text-align: center;
    margin: .4rem;
  }

  .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
    width: 4rem;
    margin: 2px;
    display: inline-block;
  }

  .react-datepicker__input-time-container {
    clear: both;
    float: left;
    text-align: left;
    width: 100%;
    margin: 5px 0 10px 15px;
  }

  .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    margin-left: 10px;
    display: inline-block;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
    -moz-appearance: textfield;
  }

  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
  }

  .react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
  }

  .react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    top: 0;
    right: -87px;
  }

  .react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    text-align: center;
    border-bottom-right-radius: .3rem;
    width: 85px;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    box-sizing: content-box;
    width: 100%;
    height: calc(195px + .85rem);
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
    overflow-y: scroll;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    white-space: nowrap;
    height: 30px;
    padding: 5px 10px;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    color: #fff;
    background-color: #216ba5;
    font-weight: bold;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
  }

  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: #0000;
  }

  .react-datepicker__week-number {
    color: #ccc;
    text-align: center;
    width: 1.7rem;
    margin: .166rem;
    line-height: 1.7rem;
    display: inline-block;
  }

  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
  }

  .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    background-color: #f0f0f0;
    border-radius: .3rem;
  }

  .react-datepicker__week-number--selected {
    color: #fff;
    background-color: #216ba5;
    border-radius: .3rem;
  }

  .react-datepicker__week-number--selected:hover {
    background-color: #1d5d90;
  }

  .react-datepicker__day-names {
    text-align: center;
    white-space: nowrap;
    margin-bottom: -8px;
  }

  .react-datepicker__week {
    white-space: nowrap;
  }

  .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    color: #000;
    text-align: center;
    width: 1.7rem;
    margin: .166rem;
    line-height: 1.7rem;
    display: inline-block;
  }

  .react-datepicker__day-name--disabled, .react-datepicker__day--disabled, .react-datepicker__time-name--disabled {
    cursor: default;
    color: #ccc;
  }

  .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
    cursor: pointer;
  }

  .react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
    background-color: #f0f0f0;
    border-radius: .3rem;
  }

  .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
    font-weight: bold;
  }

  .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
    color: #fff;
    background-color: #3dcc4a;
    border-radius: .3rem;
  }

  .react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
    background-color: #32be3f;
  }

  .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f;
  }

  .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
    color: green;
  }

  .react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
    color: #fff;
    background-color: #ff6803;
    border-radius: .3rem;
    position: relative;
  }

  .react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
    color: #fff;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    border-radius: 4px;
    padding: 4px;
    transition: visibility, opacity .3s ease-in-out;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
    background-color: #cf5300;
  }

  .react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1;
  }

  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    color: #fff;
    background-color: #216ba5;
    border-radius: .3rem;
  }

  .react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
    background-color: #1d5d90;
  }

  .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
    color: #000;
    background-color: #bad9f1;
    border-radius: .3rem;
  }

  .react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
    color: #fff;
    background-color: #1d5d90;
  }

  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: #216ba580;
  }

  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    color: #000;
    background-color: #f0f0f0;
  }

  .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
  }

  .react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
    color: #fff;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    border-radius: 4px;
    padding: 4px;
    transition: visibility, opacity .3s ease-in-out;
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
  }

  .react-datepicker__input-container {
    width: 100%;
    display: inline-block;
    position: relative;
  }

  .react-datepicker__input-container .react-datepicker__calendar-icon {
    box-sizing: content-box;
    padding: .5rem;
    position: absolute;
  }

  .react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px;
  }

  .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
    border: 1px solid #0000;
    border-radius: .3rem;
    position: relative;
  }

  .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
    cursor: pointer;
  }

  .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
  }

  .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    top: 0;
    right: -16px;
    transform: rotate(135deg);
  }

  .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    z-index: 1;
    text-align: center;
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    width: 50%;
    position: absolute;
    top: 30px;
    left: 25%;
  }

  .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
  }

  .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
  }

  .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    display: block;
  }

  .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
  }

  .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    user-select: none;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
  }

  .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
    background-color: #ccc;
  }

  .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
  }

  .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
  }

  .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
  }

  .react-datepicker__close-icon {
    cursor: pointer;
    vertical-align: middle;
    background-color: #0000;
    border: 0;
    outline: 0;
    height: 100%;
    padding: 0 6px 0 0;
    display: table-cell;
    position: absolute;
    top: 0;
    right: 0;
  }

  .react-datepicker__close-icon:after {
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    content: "×";
    background-color: #216ba5;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    display: table-cell;
  }

  .react-datepicker__close-icon--disabled {
    cursor: default;
  }

  .react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc;
  }

  .react-datepicker__today-button {
    cursor: pointer;
    text-align: center;
    clear: left;
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    padding: 5px 0;
    font-weight: bold;
  }

  .react-datepicker__portal {
    z-index: 2147483647;
    background-color: #000c;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
  }

  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
  }

  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem;
    }
  }

  .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
  }

  .react-datepicker__children-container {
    width: 13.8rem;
    height: auto;
    margin: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .react-datepicker__aria-live {
    clip-path: circle(0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .react-datepicker__calendar-icon {
    vertical-align: -.125em;
    width: 1em;
    height: 1em;
  }

  :root {
    --react-pdf-annotation-layer: 1;
    --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
    --input-focus-border-color: Highlight;
    --input-focus-outline: 1px solid Canvas;
    --input-unfocused-border-color: transparent;
    --input-disabled-border-color: transparent;
    --input-hover-border-color: black;
    --link-outline: none;
  }

  @media screen and (forced-colors: active) {
    :root {
      --input-focus-border-color: CanvasText;
      --input-unfocused-border-color: ActiveText;
      --input-disabled-border-color: GrayText;
      --input-hover-border-color: Highlight;
      --link-outline: 1.5px solid LinkText;
    }

    .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
      outline: 1.5px solid selecteditem;
    }

    .annotationLayer .linkAnnotation:hover {
      -webkit-backdrop-filter: invert();
      backdrop-filter: invert();
    }
  }

  .annotationLayer {
    pointer-events: none;
    transform-origin: 0 0;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
  }

  .annotationLayer[data-main-rotation="90"] .norotate {
    transform: rotate(270deg)translateX(-100%);
  }

  .annotationLayer[data-main-rotation="180"] .norotate {
    transform: rotate(180deg)translate(-100%, -100%);
  }

  .annotationLayer[data-main-rotation="270"] .norotate {
    transform: rotate(90deg)translateY(-100%);
  }

  .annotationLayer canvas {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .annotationLayer section {
    text-align: initial;
    pointer-events: auto;
    box-sizing: border-box;
    transform-origin: 0 0;
    margin: 0;
    position: absolute;
  }

  .annotationLayer .linkAnnotation {
    outline: var(--link-outline);
  }

  .textLayer.selecting ~ .annotationLayer section {
    pointer-events: none;
  }

  .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
    width: 100%;
    height: 100%;
    font-size: 1em;
    position: absolute;
    top: 0;
    left: 0;
  }

  .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
    opacity: .2;
    background: #ff0;
    box-shadow: 0 2px 10px #ff0;
  }

  .annotationLayer .textAnnotation img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
    background-image: var(--annotation-unfocused-field-background);
    border: 2px solid var(--input-unfocused-border-color);
    box-sizing: border-box;
    font: calc(9px * var(--total-scale-factor)) sans-serif;
    vertical-align: top;
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid red;
  }

  .annotationLayer .choiceWidgetAnnotation select option {
    padding: 0;
  }

  .annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
  }

  .annotationLayer .textWidgetAnnotation textarea {
    resize: none;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
    border: 2px solid var(--input-disabled-border-color);
    cursor: not-allowed;
    background: none;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
    border: 2px solid var(--input-hover-border-color);
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
    border-radius: 2px;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus {
    border: 2px solid var(--input-focus-border-color);
    outline: var(--input-focus-outline);
    background: none;
    border-radius: 2px;
  }

  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
    background-color: #0000;
    background-image: none;
  }

  .annotationLayer .buttonWidgetAnnotation.checkBox :focus {
    border: 2px solid var(--input-focus-border-color);
    outline: var(--input-focus-outline);
    border-radius: 2px;
  }

  .annotationLayer .buttonWidgetAnnotation.radioButton :focus {
    border: 2px solid var(--input-focus-border-color);
    outline: var(--input-focus-outline);
  }

  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    content: "";
    background-color: canvastext;
    display: block;
    position: absolute;
  }

  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    width: 1px;
    height: 80%;
    left: 45%;
  }

  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
    transform: rotate(45deg);
  }

  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    transform: rotate(-45deg);
  }

  .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    width: 50%;
    height: 50%;
    top: 20%;
    left: 30%;
  }

  .annotationLayer .textWidgetAnnotation input.comb {
    padding-left: 2px;
    padding-right: 0;
    font-family: monospace;
  }

  .annotationLayer .textWidgetAnnotation input.comb:focus {
    width: 103%;
  }

  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
    appearance: none;
  }

  .annotationLayer .popupTriggerArea {
    width: 100%;
    height: 100%;
  }

  .annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
    position: absolute;
  }

  .annotationLayer .popupWrapper {
    font-size: calc(9px * var(--total-scale-factor));
    width: 100%;
    min-width: calc(180px * var(--total-scale-factor));
    pointer-events: none;
    position: absolute;
  }

  .annotationLayer .popup {
    max-width: calc(180px * var(--total-scale-factor));
    box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;
    border-radius: calc(2px * var(--total-scale-factor));
    padding: calc(6px * var(--total-scale-factor));
    margin-left: calc(5px * var(--total-scale-factor));
    cursor: pointer;
    font: message-box;
    white-space: normal;
    word-wrap: break-word;
    pointer-events: auto;
    background-color: #ff9;
    position: absolute;
  }

  .annotationLayer .popup > * {
    font-size: calc(9px * var(--total-scale-factor));
  }

  .annotationLayer .popup h1 {
    display: inline-block;
  }

  .annotationLayer .popupDate {
    margin-left: calc(5px * var(--total-scale-factor));
    display: inline-block;
  }

  .annotationLayer .popupContent {
    margin-top: calc(2px * var(--total-scale-factor));
    padding-top: calc(2px * var(--total-scale-factor));
    border-top: 1px solid #333;
  }

  .annotationLayer .richText > * {
    white-space: pre-wrap;
    font-size: calc(9px * var(--total-scale-factor));
  }

  .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation {
    cursor: pointer;
  }

  .annotationLayer section svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .annotationLayer .annotationTextContent {
    opacity: 0;
    color: #0000;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .annotationLayer .annotationTextContent span {
    width: 100%;
    display: inline-block;
  }

  :root {
    --react-pdf-text-layer: 1;
    --highlight-bg-color: #b400aa;
    --highlight-selected-bg-color: #006400;
  }

  @media screen and (forced-colors: active) {
    :root {
      --highlight-bg-color: Highlight;
      --highlight-selected-bg-color: ButtonText;
    }
  }

  [data-main-rotation="90"] {
    transform: rotate(90deg)translateY(-100%);
  }

  [data-main-rotation="180"] {
    transform: rotate(180deg)translate(-100%, -100%);
  }

  [data-main-rotation="270"] {
    transform: rotate(270deg)translateX(-100%);
  }

  .textLayer {
    text-align: initial;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    forced-color-adjust: none;
    transform-origin: 0 0;
    z-index: 2;
    line-height: 1;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .textLayer :is(span, br) {
    color: #0000;
    white-space: pre;
    cursor: text;
    transform-origin: 0 0;
    margin: 0;
    position: absolute;
  }

  .textLayer span.markedContent {
    height: 0;
    top: 0;
  }

  .textLayer .highlight {
    background-color: var(--highlight-bg-color);
    border-radius: 4px;
    margin: -1px;
    padding: 1px;
  }

  .textLayer .highlight.appended {
    position: initial;
  }

  .textLayer .highlight.begin {
    border-radius: 4px 0 0 4px;
  }

  .textLayer .highlight.end {
    border-radius: 0 4px 4px 0;
  }

  .textLayer .highlight.middle {
    border-radius: 0;
  }

  .textLayer .highlight.selected {
    background-color: var(--highlight-selected-bg-color);
  }

  .textLayer br::selection {
    background: none;
  }

  .textLayer .endOfContent {
    z-index: -1;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    position: absolute;
    inset: 100% 0 0;
  }

  .textLayer.selecting .endOfContent {
    top: 0;
  }

  .hiddenCanvasElement {
    width: 0;
    height: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .react-photo-album {
    display: flex;
  }

  .react-photo-album, .react-photo-album * {
    box-sizing: border-box;
  }

  .react-photo-album--track {
    align-items: flex-start;
    display: flex;
  }

  .react-photo-album--photo {
    padding: calc(var(--react-photo-album--padding) * 1px);
    position: relative;
  }

  .react-photo-album--image {
    width: 100%;
    height: auto;
    aspect-ratio: var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);
    display: block;
  }

  .react-photo-album--button {
    cursor: pointer;
    border: initial;
    background: initial;
  }

  .react-photo-album--rows {
    row-gap: calc(var(--react-photo-album--spacing) * 1px);
    flex-direction: column;
  }

  .react-photo-album--rows .react-photo-album--track {
    --react-photo-album--track-gaps: calc(var(--react-photo-album--spacing) * (var(--react-photo-album--track-size)  - 1)  + 2 * var(--react-photo-album--padding) * var(--react-photo-album--track-size));
    justify-content: space-between;
  }

  .react-photo-album--rows .react-photo-album--photo {
    width: calc((100% - var(--react-photo-album--track-gaps) * 1px) / (var(--react-photo-album--container-width)  - var(--react-photo-album--track-gaps)) * var(--react-photo-album--photo-width)  + 2px * var(--react-photo-album--padding));
  }

  :root {
    --sk-size: 40px;
    --sk-color: #333;
  }

  .sk-center {
    margin: auto;
  }

  .sk-plane {
    width: var(--sk-size);
    height: var(--sk-size);
    background-color: var(--sk-color);
    animation: 1.2s ease-in-out infinite sk-plane;
  }

  @keyframes sk-plane {
    0% {
      transform: perspective(120px)rotateX(0)rotateY(0);
    }

    50% {
      transform: perspective(120px)rotateX(-180.1deg)rotateY(0);
    }

    100% {
      transform: perspective(120px)rotateX(-180deg)rotateY(-179.9deg);
    }
  }

  .sk-chase {
    width: var(--sk-size);
    height: var(--sk-size);
    animation: 2.5s linear infinite both sk-chase;
    position: relative;
  }

  .sk-chase-dot {
    width: 100%;
    height: 100%;
    animation: 2s ease-in-out infinite both sk-chase-dot;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-chase-dot:before {
    content: "";
    background-color: var(--sk-color);
    border-radius: 100%;
    width: 25%;
    height: 25%;
    animation: 2s ease-in-out infinite both sk-chase-dot-before;
    display: block;
  }

  .sk-chase-dot:first-child {
    animation-delay: -1.1s;
  }

  .sk-chase-dot:nth-child(2) {
    animation-delay: -1s;
  }

  .sk-chase-dot:nth-child(3) {
    animation-delay: -.9s;
  }

  .sk-chase-dot:nth-child(4) {
    animation-delay: -.8s;
  }

  .sk-chase-dot:nth-child(5) {
    animation-delay: -.7s;
  }

  .sk-chase-dot:nth-child(6) {
    animation-delay: -.6s;
  }

  .sk-chase-dot:first-child:before {
    animation-delay: -1.1s;
  }

  .sk-chase-dot:nth-child(2):before {
    animation-delay: -1s;
  }

  .sk-chase-dot:nth-child(3):before {
    animation-delay: -.9s;
  }

  .sk-chase-dot:nth-child(4):before {
    animation-delay: -.8s;
  }

  .sk-chase-dot:nth-child(5):before {
    animation-delay: -.7s;
  }

  .sk-chase-dot:nth-child(6):before {
    animation-delay: -.6s;
  }

  @keyframes sk-chase {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes sk-chase-dot {
    80%, 100% {
      transform: rotate(360deg);
    }
  }

  @keyframes sk-chase-dot-before {
    50% {
      transform: scale(.4);
    }

    100%, 0% {
      transform: scale(1);
    }
  }

  .sk-bounce {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
  }

  .sk-bounce-dot {
    background-color: var(--sk-color);
    opacity: .6;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: 2s cubic-bezier(.455, .03, .515, .955) infinite sk-bounce;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-bounce-dot:nth-child(2) {
    animation-delay: -1s;
  }

  @keyframes sk-bounce {
    0%, 100% {
      transform: scale(0);
    }

    45%, 55% {
      transform: scale(1);
    }
  }

  .sk-wave {
    width: var(--sk-size);
    height: var(--sk-size);
    justify-content: space-between;
    display: flex;
  }

  .sk-wave-rect {
    background-color: var(--sk-color);
    width: 15%;
    height: 100%;
    animation: 1.2s ease-in-out infinite sk-wave;
  }

  .sk-wave-rect:first-child {
    animation-delay: -1.2s;
  }

  .sk-wave-rect:nth-child(2) {
    animation-delay: -1.1s;
  }

  .sk-wave-rect:nth-child(3) {
    animation-delay: -1s;
  }

  .sk-wave-rect:nth-child(4) {
    animation-delay: -.9s;
  }

  .sk-wave-rect:nth-child(5) {
    animation-delay: -.8s;
  }

  @keyframes sk-wave {
    0%, 40%, 100% {
      transform: scaleY(.4);
    }

    20% {
      transform: scaleY(1);
    }
  }

  .sk-pulse {
    width: var(--sk-size);
    height: var(--sk-size);
    background-color: var(--sk-color);
    border-radius: 100%;
    animation: 1.2s cubic-bezier(.455, .03, .515, .955) infinite sk-pulse;
  }

  @keyframes sk-pulse {
    0% {
      transform: scale(0);
    }

    100% {
      opacity: 0;
      transform: scale(1);
    }
  }

  .sk-flow {
    width: calc(var(--sk-size) * 1.3);
    height: calc(var(--sk-size) * 1.3);
    justify-content: space-between;
    display: flex;
  }

  .sk-flow-dot {
    background-color: var(--sk-color);
    border-radius: 50%;
    width: 25%;
    height: 25%;
    animation: 1.4s cubic-bezier(.455, .03, .515, .955) infinite both sk-flow;
  }

  .sk-flow-dot:first-child {
    animation-delay: -.3s;
  }

  .sk-flow-dot:nth-child(2) {
    animation-delay: -.15s;
  }

  @keyframes sk-flow {
    0%, 80%, 100% {
      transform: scale(.3);
    }

    40% {
      transform: scale(1);
    }
  }

  .sk-swing {
    width: var(--sk-size);
    height: var(--sk-size);
    animation: 1.8s linear infinite sk-swing;
    position: relative;
  }

  .sk-swing-dot {
    background-color: var(--sk-color);
    border-radius: 100%;
    width: 45%;
    height: 45%;
    margin: auto;
    animation: 2s ease-in-out infinite sk-swing-dot;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .sk-swing-dot:nth-child(2) {
    animation-delay: -1s;
    top: auto;
    bottom: 0;
  }

  @keyframes sk-swing {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes sk-swing-dot {
    0%, 100% {
      transform: scale(.2);
    }

    50% {
      transform: scale(1);
    }
  }

  .sk-circle {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
  }

  .sk-circle-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-circle-dot:before {
    content: "";
    background-color: var(--sk-color);
    border-radius: 100%;
    width: 15%;
    height: 15%;
    animation: 1.2s ease-in-out infinite both sk-circle;
    display: block;
  }

  .sk-circle-dot:first-child {
    transform: rotate(30deg);
  }

  .sk-circle-dot:nth-child(2) {
    transform: rotate(60deg);
  }

  .sk-circle-dot:nth-child(3) {
    transform: rotate(90deg);
  }

  .sk-circle-dot:nth-child(4) {
    transform: rotate(120deg);
  }

  .sk-circle-dot:nth-child(5) {
    transform: rotate(150deg);
  }

  .sk-circle-dot:nth-child(6) {
    transform: rotate(180deg);
  }

  .sk-circle-dot:nth-child(7) {
    transform: rotate(210deg);
  }

  .sk-circle-dot:nth-child(8) {
    transform: rotate(240deg);
  }

  .sk-circle-dot:nth-child(9) {
    transform: rotate(270deg);
  }

  .sk-circle-dot:nth-child(10) {
    transform: rotate(300deg);
  }

  .sk-circle-dot:nth-child(11) {
    transform: rotate(330deg);
  }

  .sk-circle-dot:first-child:before {
    animation-delay: -1.1s;
  }

  .sk-circle-dot:nth-child(2):before {
    animation-delay: -1s;
  }

  .sk-circle-dot:nth-child(3):before {
    animation-delay: -.9s;
  }

  .sk-circle-dot:nth-child(4):before {
    animation-delay: -.8s;
  }

  .sk-circle-dot:nth-child(5):before {
    animation-delay: -.7s;
  }

  .sk-circle-dot:nth-child(6):before {
    animation-delay: -.6s;
  }

  .sk-circle-dot:nth-child(7):before {
    animation-delay: -.5s;
  }

  .sk-circle-dot:nth-child(8):before {
    animation-delay: -.4s;
  }

  .sk-circle-dot:nth-child(9):before {
    animation-delay: -.3s;
  }

  .sk-circle-dot:nth-child(10):before {
    animation-delay: -.2s;
  }

  .sk-circle-dot:nth-child(11):before {
    animation-delay: -.1s;
  }

  @keyframes sk-circle {
    0%, 80%, 100% {
      transform: scale(0);
    }

    40% {
      transform: scale(1);
    }
  }

  .sk-circle-fade {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
  }

  .sk-circle-fade-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-circle-fade-dot:before {
    content: "";
    background-color: var(--sk-color);
    border-radius: 100%;
    width: 15%;
    height: 15%;
    animation: 1.2s ease-in-out infinite both sk-circle-fade;
    display: block;
  }

  .sk-circle-fade-dot:first-child {
    transform: rotate(30deg);
  }

  .sk-circle-fade-dot:nth-child(2) {
    transform: rotate(60deg);
  }

  .sk-circle-fade-dot:nth-child(3) {
    transform: rotate(90deg);
  }

  .sk-circle-fade-dot:nth-child(4) {
    transform: rotate(120deg);
  }

  .sk-circle-fade-dot:nth-child(5) {
    transform: rotate(150deg);
  }

  .sk-circle-fade-dot:nth-child(6) {
    transform: rotate(180deg);
  }

  .sk-circle-fade-dot:nth-child(7) {
    transform: rotate(210deg);
  }

  .sk-circle-fade-dot:nth-child(8) {
    transform: rotate(240deg);
  }

  .sk-circle-fade-dot:nth-child(9) {
    transform: rotate(270deg);
  }

  .sk-circle-fade-dot:nth-child(10) {
    transform: rotate(300deg);
  }

  .sk-circle-fade-dot:nth-child(11) {
    transform: rotate(330deg);
  }

  .sk-circle-fade-dot:first-child:before {
    animation-delay: -1.1s;
  }

  .sk-circle-fade-dot:nth-child(2):before {
    animation-delay: -1s;
  }

  .sk-circle-fade-dot:nth-child(3):before {
    animation-delay: -.9s;
  }

  .sk-circle-fade-dot:nth-child(4):before {
    animation-delay: -.8s;
  }

  .sk-circle-fade-dot:nth-child(5):before {
    animation-delay: -.7s;
  }

  .sk-circle-fade-dot:nth-child(6):before {
    animation-delay: -.6s;
  }

  .sk-circle-fade-dot:nth-child(7):before {
    animation-delay: -.5s;
  }

  .sk-circle-fade-dot:nth-child(8):before {
    animation-delay: -.4s;
  }

  .sk-circle-fade-dot:nth-child(9):before {
    animation-delay: -.3s;
  }

  .sk-circle-fade-dot:nth-child(10):before {
    animation-delay: -.2s;
  }

  .sk-circle-fade-dot:nth-child(11):before {
    animation-delay: -.1s;
  }

  @keyframes sk-circle-fade {
    0%, 39%, 100% {
      opacity: 0;
      transform: scale(.6);
    }

    40% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .sk-grid {
    width: var(--sk-size);
    height: var(--sk-size);
  }

  .sk-grid-cube {
    background-color: var(--sk-color);
    float: left;
    width: 33.33%;
    height: 33.33%;
    animation: 1.3s ease-in-out infinite sk-grid;
  }

  .sk-grid-cube:first-child {
    animation-delay: .2s;
  }

  .sk-grid-cube:nth-child(2) {
    animation-delay: .3s;
  }

  .sk-grid-cube:nth-child(3) {
    animation-delay: .4s;
  }

  .sk-grid-cube:nth-child(4) {
    animation-delay: .1s;
  }

  .sk-grid-cube:nth-child(5) {
    animation-delay: .2s;
  }

  .sk-grid-cube:nth-child(6) {
    animation-delay: .3s;
  }

  .sk-grid-cube:nth-child(7) {
    animation-delay: 0s;
  }

  .sk-grid-cube:nth-child(8) {
    animation-delay: .1s;
  }

  .sk-grid-cube:nth-child(9) {
    animation-delay: .2s;
  }

  @keyframes sk-grid {
    0%, 70%, 100% {
      transform: scale3d(1, 1, 1);
    }

    35% {
      transform: scale3d(0, 0, 1);
    }
  }

  .sk-fold {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
    transform: rotateZ(45deg);
  }

  .sk-fold-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
  }

  .sk-fold-cube:before {
    content: "";
    background-color: var(--sk-color);
    transform-origin: 100% 100%;
    width: 100%;
    height: 100%;
    animation: 2.4s linear infinite both sk-fold;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-fold-cube:nth-child(2) {
    transform: scale(1.1)rotateZ(90deg);
  }

  .sk-fold-cube:nth-child(4) {
    transform: scale(1.1)rotateZ(180deg);
  }

  .sk-fold-cube:nth-child(3) {
    transform: scale(1.1)rotateZ(270deg);
  }

  .sk-fold-cube:nth-child(2):before {
    animation-delay: .3s;
  }

  .sk-fold-cube:nth-child(4):before {
    animation-delay: .6s;
  }

  .sk-fold-cube:nth-child(3):before {
    animation-delay: .9s;
  }

  @keyframes sk-fold {
    0%, 10% {
      opacity: 0;
      transform: perspective(140px)rotateX(-180deg);
    }

    25%, 75% {
      opacity: 1;
      transform: perspective(140px)rotateX(0);
    }

    90%, 100% {
      opacity: 0;
      transform: perspective(140px)rotateY(180deg);
    }
  }

  .sk-wander {
    width: var(--sk-size);
    height: var(--sk-size);
    position: relative;
  }

  .sk-wander-cube {
    background-color: var(--sk-color);
    --sk-wander-distance: calc(var(--sk-size) * .75);
    width: 20%;
    height: 20%;
    animation: 2s ease-in-out -2s infinite both sk-wander;
    position: absolute;
    top: 0;
    left: 0;
  }

  .sk-wander-cube:nth-child(2) {
    animation-delay: -.5s;
  }

  .sk-wander-cube:nth-child(3) {
    animation-delay: -1s;
  }

  @keyframes sk-wander {
    0% {
      transform: rotate(0);
    }

    25% {
      transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6);
    }

    50% {
      transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
    }

    50.1% {
      transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
    }

    75% {
      transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6);
    }

    100% {
      transform: rotate(-360deg);
    }
  }

  :root {
    --swal2-outline: 0 0 0 3px #6496c880;
    --swal2-container-padding: .625em;
    --swal2-backdrop: #0006;
    --swal2-backdrop-transition: background-color .15s;
    --swal2-width: 32em;
    --swal2-padding: 0 0 1.25em;
    --swal2-border: none;
    --swal2-border-radius: .3125rem;
    --swal2-background: white;
    --swal2-color: #545454;
    --swal2-show-animation: swal2-show .3s;
    --swal2-hide-animation: swal2-hide .15s forwards;
    --swal2-icon-zoom: 1;
    --swal2-icon-animations: true;
    --swal2-title-padding: .8em 1em 0;
    --swal2-html-container-padding: 1em 1.6em .3em;
    --swal2-input-border: 1px solid #d9d9d9;
    --swal2-input-border-radius: .1875em;
    --swal2-input-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px transparent;
    --swal2-input-background: transparent;
    --swal2-input-transition: border-color .2s, box-shadow .2s;
    --swal2-input-hover-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px transparent;
    --swal2-input-focus-border: 1px solid #b4dbed;
    --swal2-input-focus-box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880;
    --swal2-progress-step-background: #add8e6;
    --swal2-validation-message-background: #f0f0f0;
    --swal2-validation-message-color: #666;
    --swal2-footer-border-color: #eee;
    --swal2-footer-background: transparent;
    --swal2-footer-color: inherit;
    --swal2-timer-progress-bar-background: #0000004d;
    --swal2-close-button-position: initial;
    --swal2-close-button-inset: auto;
    --swal2-close-button-font-size: 2.5em;
    --swal2-close-button-color: #ccc;
    --swal2-close-button-transition: color .2s, box-shadow .2s;
    --swal2-close-button-outline: initial;
    --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
    --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
    --swal2-close-button-hover-transform: none;
    --swal2-actions-justify-content: center;
    --swal2-actions-width: auto;
    --swal2-actions-margin: 1.25em auto 0;
    --swal2-actions-padding: 0;
    --swal2-actions-border-radius: 0;
    --swal2-actions-background: transparent;
    --swal2-action-button-transition: background-color .2s, box-shadow .2s;
    --swal2-action-button-hover: black 10%;
    --swal2-action-button-active: black 10%;
    --swal2-confirm-button-box-shadow: none;
    --swal2-confirm-button-border-radius: .25em;
    --swal2-confirm-button-background-color: #7066e0;
    --swal2-confirm-button-color: #fff;
    --swal2-deny-button-box-shadow: none;
    --swal2-deny-button-border-radius: .25em;
    --swal2-deny-button-background-color: #dc3741;
    --swal2-deny-button-color: #fff;
    --swal2-cancel-button-box-shadow: none;
    --swal2-cancel-button-border-radius: .25em;
    --swal2-cancel-button-background-color: #6e7881;
    --swal2-cancel-button-color: #fff;
    --swal2-toast-show-animation: swal2-toast-show .5s;
    --swal2-toast-hide-animation: swal2-toast-hide .1s forwards;
    --swal2-toast-border: none;
    --swal2-toast-box-shadow: 0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013;
  }

  [data-swal2-theme="dark"] {
    --swal2-dark-theme-black: #19191a;
    --swal2-dark-theme-white: #e1e1e1;
    --swal2-background: var(--swal2-dark-theme-black);
    --swal2-color: var(--swal2-dark-theme-white);
    --swal2-footer-border-color: #555;
    --swal2-input-background: var(--swal2-dark-theme-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-swal2-theme="dark"] {
      --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    }
  }

  [data-swal2-theme="dark"] {
    --swal2-validation-message-background: var(--swal2-dark-theme-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-swal2-theme="dark"] {
      --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    }
  }

  [data-swal2-theme="dark"] {
    --swal2-validation-message-color: var(--swal2-dark-theme-white);
    --swal2-timer-progress-bar-background: #ffffffb3;
  }

  @media (prefers-color-scheme: dark) {
    [data-swal2-theme="auto"] {
      --swal2-dark-theme-black: #19191a;
      --swal2-dark-theme-white: #e1e1e1;
      --swal2-background: var(--swal2-dark-theme-black);
      --swal2-color: var(--swal2-dark-theme-white);
      --swal2-footer-border-color: #555;
      --swal2-input-background: var(--swal2-dark-theme-black);
    }

    @supports (color: color-mix(in lab, red, red)) {
      [data-swal2-theme="auto"] {
        --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
      }
    }

    [data-swal2-theme="auto"] {
      --swal2-validation-message-background: var(--swal2-dark-theme-black);
    }

    @supports (color: color-mix(in lab, red, red)) {
      [data-swal2-theme="auto"] {
        --swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
      }
    }

    [data-swal2-theme="auto"] {
      --swal2-validation-message-color: var(--swal2-dark-theme-white);
      --swal2-timer-progress-bar-background: #ffffffb3;
    }
  }

  body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
    overflow: hidden;
  }

  body.swal2-height-auto {
    height: auto !important;
  }

  body.swal2-no-backdrop .swal2-container {
    pointer-events: none;
    background-color: #0000 !important;
  }

  body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: auto;
  }

  body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px var(--swal2-backdrop);
  }

  body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    pointer-events: none;
    background-color: #0000;
    width: 360px;
    max-width: 100%;
  }

  body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translateX(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto;
  }

  body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0 auto auto 0;
  }

  body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0;
    transform: translateY(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0 0;
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translateX(-50%);
  }

  body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto;
  }

  @media print {
    body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
      overflow-y: scroll !important;
    }

    body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden="true"] {
      display: none;
    }

    body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {
      position: static !important;
    }
  }

  div:where(.swal2-container) {
    z-index: 1060;
    box-sizing: border-box;
    height: 100%;
    padding: var(--swal2-container-padding);
    transition: var(--swal2-backdrop-transition);
    -webkit-overflow-scrolling: touch;
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    grid-template-areas: "top-start top top-end"
                         "center-start center center-end"
                         "bottom-start bottom-center bottom-end";
    display: grid;
    position: fixed;
    inset: 0;
    overflow-x: hidden;
  }

  div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: var(--swal2-backdrop);
  }

  div:where(.swal2-container).swal2-backdrop-hide {
    background: none !important;
  }

  div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr);
  }

  div:where(.swal2-container).swal2-top-start > .swal2-popup {
    align-self: start;
  }

  div:where(.swal2-container).swal2-top > .swal2-popup {
    grid-column: 2;
    place-self: start center;
  }

  div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
    grid-column: 3;
    place-self: start end;
  }

  div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
    grid-row: 2;
    align-self: center;
  }

  div:where(.swal2-container).swal2-center > .swal2-popup {
    grid-area: 2 / 2;
    place-self: center;
  }

  div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
    grid-area: 2 / 3;
    place-self: center end;
  }

  div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
    grid-area: 3 / 1;
    align-self: end;
  }

  div:where(.swal2-container).swal2-bottom > .swal2-popup {
    grid-area: 3 / 2;
    place-self: end center;
  }

  div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
    grid-area: 3 / 3;
    place-self: end;
  }

  div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
    grid-column: 1 / 4;
    width: 100%;
  }

  div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
    grid-row: 1 / 4;
    align-self: stretch;
  }

  div:where(.swal2-container).swal2-no-transition {
    transition: none !important;
  }

  div:where(.swal2-container)[popover] {
    border: 0;
    width: auto;
  }

  div:where(.swal2-container) div:where(.swal2-popup) {
    box-sizing: border-box;
    width: var(--swal2-width);
    max-width: 100%;
    padding: var(--swal2-padding);
    border: var(--swal2-border);
    border-radius: var(--swal2-border-radius);
    background: var(--swal2-background);
    color: var(--swal2-color);
    grid-template-columns: minmax(0, 100%);
    font-family: inherit;
    font-size: 1rem;
    display: none;
    position: relative;
    container-name: swal2-popup;
  }

  div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none;
  }

  div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden;
  }

  div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable, div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
    cursor: grab;
  }

  div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging, div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
    cursor: grabbing;
  }

  div:where(.swal2-container) h2:where(.swal2-title) {
    max-width: 100%;
    padding: var(--swal2-title-padding);
    color: inherit;
    text-align: center;
    text-transform: none;
    overflow-wrap: break-word;
    cursor: initial;
    margin: 0;
    font-size: 1.875em;
    font-weight: 600;
    position: relative;
  }

  div:where(.swal2-container) div:where(.swal2-actions) {
    z-index: 1;
    box-sizing: border-box;
    align-items: center;
    justify-content: var(--swal2-actions-justify-content);
    width: var(--swal2-actions-width);
    margin: var(--swal2-actions-margin);
    padding: var(--swal2-actions-padding);
    border-radius: var(--swal2-actions-border-radius);
    background: var(--swal2-actions-background);
    flex-wrap: wrap;
    display: flex;
  }

  div:where(.swal2-container) div:where(.swal2-loader) {
    border: .25em solid #2778c4;
    border-color: #2778c4 #0000;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: 1.5s linear infinite swal2-rotate-loading;
    display: none;
  }

  div:where(.swal2-container) button:where(.swal2-styled) {
    transition: var(--swal2-action-button-transition);
    border: none;
    margin: .3125em;
    padding: .625em 1.1em;
    font-weight: 500;
    box-shadow: 0 0 0 3px #0000;
  }

  div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer;
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    border-radius: var(--swal2-confirm-button-border-radius);
    background: initial;
    background-color: var(--swal2-confirm-button-background-color);
    box-shadow: var(--swal2-confirm-button-box-shadow);
    color: var(--swal2-confirm-button-color);
    font-size: 1em;
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    background-color: var(--swal2-confirm-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
      background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
    background-color: var(--swal2-confirm-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
      background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
    border-radius: var(--swal2-deny-button-border-radius);
    background: initial;
    background-color: var(--swal2-deny-button-background-color);
    box-shadow: var(--swal2-deny-button-box-shadow);
    color: var(--swal2-deny-button-color);
    font-size: 1em;
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
    background-color: var(--swal2-deny-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
      background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
    background-color: var(--swal2-deny-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
      background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
    border-radius: var(--swal2-cancel-button-border-radius);
    background: initial;
    background-color: var(--swal2-cancel-button-background-color);
    box-shadow: var(--swal2-cancel-button-box-shadow);
    color: var(--swal2-cancel-button-color);
    font-size: 1em;
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
    background-color: var(--swal2-cancel-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
      background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
    background-color: var(--swal2-cancel-button-background-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
      background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active));
    }
  }

  div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
    box-shadow: var(--swal2-action-button-focus-box-shadow);
    outline: none;
  }

  div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
    opacity: .4;
  }

  div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0;
  }

  div:where(.swal2-container) div:where(.swal2-footer) {
    border-top: 1px solid var(--swal2-footer-border-color);
    background: var(--swal2-footer-background);
    color: var(--swal2-footer-color);
    text-align: center;
    cursor: initial;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    font-size: 1em;
  }

  div:where(.swal2-container) .swal2-timer-progress-bar-container {
    border-bottom-right-radius: var(--swal2-border-radius);
    border-bottom-left-radius: var(--swal2-border-radius);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    grid-column: auto !important;
  }

  div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    background: var(--swal2-timer-progress-bar-background);
    width: 100%;
    height: .25em;
  }

  div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    cursor: initial;
    margin: 2em auto 1em;
  }

  div:where(.swal2-container) button:where(.swal2-close) {
    position: var(--swal2-close-button-position);
    inset: var(--swal2-close-button-inset);
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    transition: var(--swal2-close-button-transition);
    border-radius: var(--swal2-border-radius);
    outline: var(--swal2-close-button-outline);
    color: var(--swal2-close-button-color);
    font-family: monospace;
    font-size: var(--swal2-close-button-font-size);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    justify-self: end;
    align-items: center;
    margin-top: 0;
    margin-bottom: -1.2em;
    margin-right: 0;
    padding: 0;
    overflow: hidden;
  }

  div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: var(--swal2-close-button-hover-transform);
    color: #f27474;
    background: none;
  }

  div:where(.swal2-container) button:where(.swal2-close):focus-visible {
    box-shadow: var(--swal2-close-button-focus-box-shadow);
    outline: none;
  }

  div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0;
  }

  div:where(.swal2-container) div:where(.swal2-html-container) {
    z-index: 1;
    padding: var(--swal2-html-container-padding);
    color: inherit;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
    cursor: initial;
    justify-content: center;
    margin: 0;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    overflow: auto;
  }

  div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px;
  }

  div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: var(--swal2-input-transition);
    border: var(--swal2-input-border);
    border-radius: var(--swal2-input-border-radius);
    background: var(--swal2-input-background);
    box-shadow: var(--swal2-input-box-shadow);
    color: inherit;
    font-size: 1.125em;
  }

  div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important;
  }

  div:where(.swal2-container) input:where(.swal2-input):hover, div:where(.swal2-container) input:where(.swal2-file):hover, div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
    box-shadow: var(--swal2-input-hover-box-shadow);
  }

  div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: var(--swal2-input-focus-border);
    box-shadow: var(--swal2-input-focus-box-shadow);
    outline: none;
  }

  div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc;
  }

  div:where(.swal2-container) .swal2-range {
    background: var(--swal2-background);
    margin: 1em 2em 3px;
  }

  div:where(.swal2-container) .swal2-range input {
    width: 80%;
  }

  div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    text-align: center;
    font-weight: 600;
  }

  div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em;
  }

  div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em;
  }

  div:where(.swal2-container) .swal2-file {
    background: var(--swal2-input-background);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125em;
  }

  div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em;
  }

  div:where(.swal2-container) .swal2-select {
    background: var(--swal2-input-background);
    min-width: 50%;
    max-width: 100%;
    color: inherit;
    padding: .375em .625em;
    font-size: 1.125em;
  }

  div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox {
    background: var(--swal2-background);
    color: inherit;
    justify-content: center;
    align-items: center;
  }

  div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em;
  }

  div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em;
  }

  div:where(.swal2-container) label:where(.swal2-input-label) {
    justify-content: center;
    margin: 1em auto 0;
    display: flex;
  }

  div:where(.swal2-container) div:where(.swal2-validation-message) {
    background: var(--swal2-validation-message-background);
    color: var(--swal2-validation-message-color);
    justify-content: center;
    align-items: center;
    margin: 1em 0 0;
    padding: .625em;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden;
  }

  div:where(.swal2-container) div:where(.swal2-validation-message):before {
    content: "!";
    color: #fff;
    text-align: center;
    background-color: #f27474;
    border-radius: 50%;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    font-weight: 600;
    line-height: 1.5em;
    display: inline-block;
  }

  div:where(.swal2-container) .swal2-progress-steps {
    background: none;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    font-weight: 600;
  }

  div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative;
  }

  div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    color: #fff;
    text-align: center;
    background: #2778c4;
    border-radius: 2em;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    line-height: 2em;
  }

  div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4;
  }

  div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
    background: var(--swal2-progress-step-background);
    color: #fff;
  }

  div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: var(--swal2-progress-step-background);
  }

  div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    background: #2778c4;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
  }

  div:where(.swal2-icon) {
    box-sizing: content-box;
    zoom: var(--swal2-icon-zoom);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    border: .25em solid #000;
    border-radius: 50%;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    font-family: inherit;
    line-height: 5em;
    position: relative;
  }

  div:where(.swal2-icon) .swal2-icon-content {
    align-items: center;
    font-size: 3.75em;
    display: flex;
  }

  div:where(.swal2-icon).swal2-error {
    color: #f27474;
    border-color: #f27474;
  }

  div:where(.swal2-icon).swal2-error .swal2-x-mark {
    flex-grow: 1;
    position: relative;
  }

  div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
    background-color: #f27474;
    border-radius: .125em;
    width: 2.9375em;
    height: .3125em;
    display: block;
    position: absolute;
    top: 2.3125em;
  }

  div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] {
    left: 1.0625em;
    transform: rotate(45deg);
  }

  div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] {
    right: 1em;
    transform: rotate(-45deg);
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    div:where(.swal2-icon).swal2-error.swal2-icon-show {
      animation: .5s swal2-animate-error-icon;
    }

    div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
      animation: .5s swal2-animate-error-x-mark;
    }
  }

  div:where(.swal2-icon).swal2-warning {
    color: #f8bb86;
    border-color: #f8bb86;
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    div:where(.swal2-icon).swal2-warning.swal2-icon-show {
      animation: .5s swal2-animate-error-icon;
    }

    div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
      animation: .5s swal2-animate-i-mark;
    }
  }

  div:where(.swal2-icon).swal2-info {
    color: #3fc3ee;
    border-color: #3fc3ee;
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    div:where(.swal2-icon).swal2-info.swal2-icon-show {
      animation: .5s swal2-animate-error-icon;
    }

    div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
      animation: .8s swal2-animate-i-mark;
    }
  }

  div:where(.swal2-icon).swal2-question {
    color: #87adbd;
    border-color: #87adbd;
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    div:where(.swal2-icon).swal2-question.swal2-icon-show {
      animation: .5s swal2-animate-error-icon;
    }

    div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
      animation: .8s swal2-animate-question-mark;
    }
  }

  div:where(.swal2-icon).swal2-success {
    color: #a5dc86;
    border-color: #a5dc86;
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] {
    border-radius: 50%;
    width: 3.75em;
    height: 7.5em;
    position: absolute;
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] {
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em;
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] {
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0;
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
  }

  div:where(.swal2-icon).swal2-success .swal2-success-ring {
    z-index: 2;
    box-sizing: content-box;
    border: .25em solid #a5dc864d;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -.25em;
    left: -.25em;
  }

  div:where(.swal2-icon).swal2-success .swal2-success-fix {
    z-index: 1;
    width: .4375em;
    height: 5.625em;
    position: absolute;
    top: .5em;
    left: 1.625em;
    transform: rotate(-45deg);
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
    z-index: 2;
    background-color: #a5dc86;
    border-radius: .125em;
    height: .3125em;
    display: block;
    position: absolute;
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {
    width: 1.5625em;
    top: 2.875em;
    left: .8125em;
    transform: rotate(45deg);
  }

  div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] {
    width: 2.9375em;
    top: 2.375em;
    right: .5em;
    transform: rotate(-45deg);
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: .75s swal2-animate-success-line-tip;
    }

    div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: .75s swal2-animate-success-line-long;
    }

    div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
      animation: 4.25s ease-in swal2-rotate-success-circular-line;
    }
  }

  [class^="swal2"] {
    -webkit-tap-highlight-color: #0000;
  }

  .swal2-show {
    animation: var(--swal2-show-animation);
  }

  .swal2-hide {
    animation: var(--swal2-hide-animation);
  }

  .swal2-noanimation {
    transition: none;
  }

  .swal2-scrollbar-measure {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9999px;
    overflow: scroll;
  }

  .swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0;
  }

  .swal2-rtl .swal2-timer-progress-bar {
    left: auto;
    right: 0;
  }

  .swal2-toast {
    box-sizing: border-box;
    border: var(--swal2-toast-border);
    background: var(--swal2-background);
    box-shadow: var(--swal2-toast-box-shadow);
    pointer-events: auto;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    grid-area: 1 / 1 / 4 / 4 !important;
  }

  .swal2-toast > * {
    grid-column: 2;
  }

  .swal2-toast h2:where(.swal2-title) {
    text-align: initial;
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
  }

  .swal2-toast .swal2-loading {
    justify-content: center;
  }

  .swal2-toast input:where(.swal2-input) {
    height: 2em;
    margin: .5em;
    font-size: 1em;
  }

  .swal2-toast .swal2-validation-message {
    font-size: 1em;
  }

  .swal2-toast div:where(.swal2-footer) {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em;
  }

  .swal2-toast button:where(.swal2-close) {
    grid-area: 1 / 3 / 99 / 3;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em;
  }

  .swal2-toast div:where(.swal2-html-container) {
    overflow: initial;
    text-align: initial;
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
  }

  .swal2-toast div:where(.swal2-html-container):empty {
    padding: 0;
  }

  .swal2-toast .swal2-loader {
    grid-area: 1 / 1 / 99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em;
  }

  .swal2-toast .swal2-icon {
    grid-area: 1 / 1 / 99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0;
  }

  .swal2-toast .swal2-icon .swal2-icon-content {
    align-items: center;
    font-size: 1.8em;
    font-weight: bold;
    display: flex;
  }

  .swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
  }

  .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    width: 1.375em;
    top: .875em;
  }

  .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
    left: .3125em;
  }

  .swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
    right: .3125em;
  }

  .swal2-toast div:where(.swal2-actions) {
    justify-content: flex-start;
    height: auto;
    margin: .5em 0 0;
    padding: 0 .5em;
  }

  .swal2-toast button:where(.swal2-styled) {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em;
  }

  .swal2-toast .swal2-success {
    border-color: #a5dc86;
  }

  .swal2-toast .swal2-success [class^="swal2-success-circular-line"] {
    border-radius: 50%;
    width: 1.6em;
    height: 3em;
    position: absolute;
  }

  .swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] {
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em;
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
  }

  .swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] {
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0;
    top: -.25em;
    left: .9375em;
  }

  .swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
  }

  .swal2-toast .swal2-success .swal2-success-fix {
    width: .4375em;
    height: 2.6875em;
    top: 0;
    left: .4375em;
  }

  .swal2-toast .swal2-success [class^="swal2-success-line"] {
    height: .3125em;
  }

  .swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] {
    width: .75em;
    top: 1.125em;
    left: .1875em;
  }

  .swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] {
    width: 1.375em;
    top: .9375em;
    right: .1875em;
  }

  @container swal2-popup style(--swal2-icon-animations: true) {
    .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
      animation: .75s swal2-toast-animate-success-line-tip;
    }

    .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
      animation: .75s swal2-toast-animate-success-line-long;
    }
  }

  .swal2-toast.swal2-show {
    animation: var(--swal2-toast-show-animation);
  }

  .swal2-toast.swal2-hide {
    animation: var(--swal2-toast-hide-animation);
  }

  @keyframes swal2-show {
    0% {
      opacity: 0;
      transform: translate3d(0, -50px, 0)scale(.9);
    }

    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0)scale(1);
    }
  }

  @keyframes swal2-hide {
    0% {
      opacity: 1;
      transform: translate3d(0, 0, 0)scale(1);
    }

    100% {
      opacity: 0;
      transform: translate3d(0, -50px, 0)scale(.9);
    }
  }

  @keyframes swal2-animate-success-line-tip {
    0% {
      width: 0;
      top: 1.1875em;
      left: .0625em;
    }

    54% {
      width: 0;
      top: 1.0625em;
      left: .125em;
    }

    70% {
      width: 3.125em;
      top: 2.1875em;
      left: -.375em;
    }

    84% {
      width: 1.0625em;
      top: 3em;
      left: 1.3125em;
    }

    100% {
      width: 1.5625em;
      top: 2.8125em;
      left: .8125em;
    }
  }

  @keyframes swal2-animate-success-line-long {
    0% {
      width: 0;
      top: 3.375em;
      right: 2.875em;
    }

    65% {
      width: 0;
      top: 3.375em;
      right: 2.875em;
    }

    84% {
      width: 3.4375em;
      top: 2.1875em;
      right: 0;
    }

    100% {
      width: 2.9375em;
      top: 2.375em;
      right: .5em;
    }
  }

  @keyframes swal2-rotate-success-circular-line {
    0% {
      transform: rotate(-45deg);
    }

    5% {
      transform: rotate(-45deg);
    }

    12% {
      transform: rotate(-405deg);
    }

    100% {
      transform: rotate(-405deg);
    }
  }

  @keyframes swal2-animate-error-x-mark {
    0% {
      opacity: 0;
      margin-top: 1.625em;
      transform: scale(.4);
    }

    50% {
      opacity: 0;
      margin-top: 1.625em;
      transform: scale(.4);
    }

    80% {
      margin-top: -.375em;
      transform: scale(1.15);
    }

    100% {
      opacity: 1;
      margin-top: 0;
      transform: scale(1);
    }
  }

  @keyframes swal2-animate-error-icon {
    0% {
      opacity: 0;
      transform: rotateX(100deg);
    }

    100% {
      opacity: 1;
      transform: rotateX(0);
    }
  }

  @keyframes swal2-rotate-loading {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes swal2-animate-question-mark {
    0% {
      transform: rotateY(-360deg);
    }

    100% {
      transform: rotateY(0);
    }
  }

  @keyframes swal2-animate-i-mark {
    0% {
      opacity: 0;
      transform: rotateZ(45deg);
    }

    25% {
      opacity: .4;
      transform: rotateZ(-25deg);
    }

    50% {
      opacity: .8;
      transform: rotateZ(15deg);
    }

    75% {
      opacity: 1;
      transform: rotateZ(-5deg);
    }

    100% {
      opacity: 1;
      transform: rotateX(0);
    }
  }

  @keyframes swal2-toast-show {
    0% {
      transform: translateY(-.625em)rotateZ(2deg);
    }

    33% {
      transform: translateY(0)rotateZ(-2deg);
    }

    66% {
      transform: translateY(.3125em)rotateZ(2deg);
    }

    100% {
      transform: translateY(0)rotateZ(0);
    }
  }

  @keyframes swal2-toast-hide {
    100% {
      opacity: 0;
      transform: rotateZ(1deg);
    }
  }

  @keyframes swal2-toast-animate-success-line-tip {
    0% {
      width: 0;
      top: .5625em;
      left: .0625em;
    }

    54% {
      width: 0;
      top: .125em;
      left: .125em;
    }

    70% {
      width: 1.625em;
      top: .625em;
      left: -.25em;
    }

    84% {
      width: .5em;
      top: 1.0625em;
      left: .75em;
    }

    100% {
      width: .75em;
      top: 1.125em;
      left: .1875em;
    }
  }

  @keyframes swal2-toast-animate-success-line-long {
    0% {
      width: 0;
      top: 1.625em;
      right: 1.375em;
    }

    65% {
      width: 0;
      top: 1.25em;
      right: .9375em;
    }

    84% {
      width: 1.125em;
      top: .9375em;
      right: 0;
    }

    100% {
      width: 1.375em;
      top: .9375em;
      right: .1875em;
    }
  }

  .yarl__fullsize {
    width: 100%;
    height: 100%;
  }

  .yarl__relative {
    position: relative;
  }

  .yarl__portal {
    opacity: 0;
    transition: opacity var(--yarl__fade_animation_duration, .25s) var(--yarl__fade_animation_timing_function, ease);
    z-index: var(--yarl__portal_zindex, 9999);
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .yarl__portal_open {
    opacity: 1;
  }

  .yarl__container {
    background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
    overscroll-behavior: var(--yarl__controller_overscroll_behavior, contain);
    touch-action: var(--yarl__controller_touch_action, none);
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .yarl__carousel {
    height: 100%;
    opacity: var(--yarl__pull_opacity, 1);
    transform: translate(var(--yarl__swipe_offset, 0), var(--yarl__pull_offset, 0));
    width: calc(100% + (var(--yarl__carousel_slides_count)  - 1) * (100% + var(--yarl__carousel_spacing_px, 0) * 1px + var(--yarl__carousel_spacing_percent, 0) * 1%));
    flex: none;
    place-content: center;
    align-items: stretch;
    display: flex;
  }

  .yarl__carousel_with_slides {
    -moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count)  - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
    column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count)  - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
  }

  .yarl__flex_center {
    place-content: center;
    align-items: center;
    display: flex;
  }

  .yarl__slide {
    padding: calc(var(--yarl__carousel_padding_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count)  - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_padding_percent, 0) * 1%);
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  [dir="rtl"] .yarl__slide {
    --yarl__direction: -1;
  }

  .yarl__slide_image {
    -o-object-fit: contain;
    object-fit: contain;
    touch-action: var(--yarl__controller_touch_action, none);
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    max-width: 100%;
    max-height: 100%;
  }

  .yarl__slide_image_cover {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .yarl__slide_image_loading {
    opacity: 0;
  }

  @media screen and (min-width: 800px) {
    .yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translateZ(0);
    }
  }

  .yarl__slide_placeholder {
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
  }

  .yarl__slide_loading {
    color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, #fffc));
    animation: 1s linear yarl__delayed_fadein;
  }

  .yarl__slide_loading line {
    animation: 1s linear infinite yarl__stroke_opacity;
  }

  .yarl__slide_loading line:first-of-type {
    animation-delay: -1.875s;
  }

  .yarl__slide_loading line:nth-of-type(2) {
    animation-delay: -1.75s;
  }

  .yarl__slide_loading line:nth-of-type(3) {
    animation-delay: -1.625s;
  }

  .yarl__slide_loading line:nth-of-type(4) {
    animation-delay: -1.5s;
  }

  .yarl__slide_loading line:nth-of-type(5) {
    animation-delay: -1.375s;
  }

  .yarl__slide_loading line:nth-of-type(6) {
    animation-delay: -1.25s;
  }

  .yarl__slide_loading line:nth-of-type(7) {
    animation-delay: -1.125s;
  }

  .yarl__slide_loading line:nth-of-type(8) {
    animation-delay: -1s;
  }

  .yarl__slide_error {
    color: var(--yarl__slide_icon_error_color, red);
    height: var(--yarl__slide_icon_error_size, 48px);
    width: var(--yarl__slide_icon_error_size, 48px);
  }

  @media (prefers-reduced-motion) {
    .yarl__portal, .yarl__slide {
      transition: unset;
    }

    .yarl__slide_loading, .yarl__slide_loading line {
      animation: unset;
    }
  }

  .yarl__toolbar {
    padding: var(--yarl__toolbar_padding, 8px);
    justify-content: flex-end;
    display: flex;
    position: absolute;
    inset: 0 0 auto auto;
  }

  [dir="rtl"] .yarl__toolbar {
    inset: 0 auto auto 0;
  }

  .yarl__icon {
    height: var(--yarl__icon_size, 32px);
    width: var(--yarl__icon_size, 32px);
  }

  .yarl__button {
    appearance: none;
    background-color: var(--yarl__button_background_color, transparent);
    border: var(--yarl__button_border, 0);
    color: var(--yarl__color_button, #fffc);
    cursor: pointer;
    filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px #000c));
    margin: var(--yarl__button_margin, 0);
    padding: var(--yarl__button_padding, 8px);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    line-height: 0;
  }

  .yarl__button:focus {
    color: var(--yarl__color_button_active, #fff);
  }

  .yarl__button:focus:not(:focus-visible) {
    color: var(--yarl__color_button, #fffc);
  }

  .yarl__button:focus-visible {
    color: var(--yarl__color_button_active, #fff);
  }

  @media (hover: hover) {
    .yarl__button:focus-visible:hover, .yarl__button:focus:hover, .yarl__button:hover {
      color: var(--yarl__color_button_active, #fff);
    }
  }

  .yarl__button:disabled {
    color: var(--yarl__color_button_disabled, #fff6);
    cursor: default;
  }

  .yarl__navigation_next, .yarl__navigation_prev {
    padding: var(--yarl__navigation_button_padding, 24px 16px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .yarl__navigation_prev {
    left: 0;
  }

  [dir="rtl"] .yarl__navigation_prev {
    left: unset;
    right: 0;
    transform: translateY(-50%)rotate(180deg);
  }

  .yarl__navigation_next {
    right: 0;
  }

  [dir="rtl"] .yarl__navigation_next {
    left: 0;
    right: unset;
    transform: translateY(-50%)rotate(180deg);
  }

  .yarl__no_scroll {
    overscroll-behavior: none;
    height: 100%;
    overflow: hidden;
  }

  @keyframes yarl__delayed_fadein {
    0% {
      opacity: 0;
    }

    80% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes yarl__stroke_opacity {
    0% {
      stroke-opacity: 1;
    }

    to {
      stroke-opacity: .125;
    }
  }

  *, :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 {
    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;
    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-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-orange-100: #ffedd5;
    --color-orange-700: #c53c00;
    --color-yellow-100: #fef9c2;
    --color-yellow-700: #a36100;
    --color-green-100: #dcfce7;
    --color-green-700: #008138;
    --color-green-800: #016630;
    --color-cyan-100: #cefafe;
    --color-cyan-700: #007492;
    --color-sky-100: #dff2fe;
    --color-sky-700: #0069a4;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-blue-800: #193cb8;
    --color-indigo-50: #eef2ff;
    --color-violet-100: #ede9fe;
    --color-violet-700: #7008e7;
    --color-purple-100: #f3e8ff;
    --color-purple-700: #8200da;
    --color-rose-400: #ff667f;
    --color-slate-50: #f8fafc;
    --color-slate-950: #020618;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-zinc-50: #fafafa;
    --color-zinc-100: #f4f4f5;
    --color-zinc-200: #e4e4e7;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #9f9fa9;
    --color-zinc-800: #27272a;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --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;
    --font-weight-thin: 100;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-normal: 1.5;
    --leading-loose: 2;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 .0625rem .125rem #4c4c5c26;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-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-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-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-700: lab(46.4615% 57.7275 70.8507);
      --color-yellow-100: lab(97.3564% -4.51407 27.344);
      --color-yellow-700: lab(47.8202% 25.2426 66.5015);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-cyan-100: lab(95.3146% -13.8285 -6.84732);
      --color-cyan-700: lab(44.7267% -21.5987 -26.118);
      --color-sky-100: lab(94.3709% -4.56053 -8.23453);
      --color-sky-700: lab(41.6013% -9.10804 -42.5647);
      --color-blue-50: lab(96.492% -1.14644 -5.11479);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-blue-800: lab(30.2514% 27.7853 -70.2699);
      --color-indigo-50: lab(95.4818% .411302 -6.78529);
      --color-violet-100: lab(93.0838% 4.35197 -9.88284);
      --color-violet-700: lab(35.2783% 67.9912 -88.793);
      --color-purple-100: lab(93.3333% 6.97437 -9.83434);
      --color-purple-700: lab(36.1758% 69.8525 -80.0381);
      --color-rose-400: lab(64.4125% 63.0291 19.2068);
      --color-slate-50: lab(98.1434% -.369519 -1.05966);
      --color-slate-950: lab(1.76974% 1.32743 -9.28855);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-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: calc(var(--spacing) * 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: calc(var(--spacing) * 0);
  }

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

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

  .badge {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    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 {
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    border-radius: var(--radius);
    background-color: #236dc926;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
  }

  @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: calc(var(--spacing) * 1);
    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: calc(var(--spacing) * 1) !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: calc(var(--spacing) * 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;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .form-checkbox {
    appearance: none;
    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-radio {
    appearance: none;
    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: 100%;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }

  .form-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)) {
    .form-radio:focus {
      --tw-ring-color: lab(44.0605% 29.0279 -86.0352);
    }
  }

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

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

  .form-radio:checked:hover, .form-radio:checked: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;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

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

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

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

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

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

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

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

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

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

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

  .min-h-\(--topbar-height\) {
    min-height: var(--topbar-height);
  }

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

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

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

  .min-h-37\.5 {
    min-height: calc(var(--spacing) * 37.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

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

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

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

  .max-w-\[65\%\] {
    max-width: 65%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

  .grow {
    flex-grow: 1;
  }

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

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

  .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-pulse {
    animation: var(--animate-pulse);
  }

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

  .cursor-default {
    cursor: default;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-y {
    resize: vertical;
  }

  .list-inside {
    list-style-position: inside;
  }

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

  .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 {
    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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  :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-100 > :not(:last-child)) {
    border-color: var(--color-default-100);
  }

  :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-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-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

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

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

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

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

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

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

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

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

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

  .border-danger\/30 {
    border-color: #f7577e4d;
  }

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

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

  .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-gray-200 {
    border-color: var(--color-gray-200);
  }

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

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

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

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

  .border-primary\/20 {
    border-color: #236dc933;
  }

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

  .border-primary\/30 {
    border-color: #236dc94d;
  }

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

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

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

  .border-success\/20 {
    border-color: #02bc9c33;
  }

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

  .border-success\/30 {
    border-color: #02bc9c4d;
  }

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

  .border-warning\/20 {
    border-color: #f9bf5933;
  }

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

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

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

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

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

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

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

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

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

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

  .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\/10 {
    background-color: #f7577e1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/10 {
      background-color: color-mix(in oklab, var(--color-danger) 10%, 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-800 {
    background-color: var(--color-default-800);
  }

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

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

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

  .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-info\/15 {
    background-color: #5bc3e126;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/15 {
      background-color: color-mix(in oklab, var(--color-info) 15%, 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\/30 {
    background-color: #eef2f74d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-light\/30 {
      background-color: color-mix(in oklab, var(--color-light) 30%, 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-orange-100 {
    background-color: var(--color-orange-100);
  }

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

  .bg-primary\/5 {
    background-color: #236dc90d;
  }

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

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

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

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

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

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

  .bg-success\/5 {
    background-color: #02bc9c0d;
  }

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

  .bg-success\/10 {
    background-color: #02bc9c1a;
  }

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

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

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

  .bg-warning\/10 {
    background-color: #f9bf591a;
  }

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

  .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-warning\/20 {
    background-color: #f9bf5933;
  }

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

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

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

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

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

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

  .from-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-slate-50 {
    --tw-gradient-via: var(--color-slate-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-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-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-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-center {
    background-position: center;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-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-\[10px\] {
    font-size: 10px;
  }

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

  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .text-warning\/70 {
    color: #f9bf59b3;
  }

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

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

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

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

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\: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\:h-0\.75:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .75);
  }

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

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

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

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

  @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-default-100:hover {
      background-color: var(--color-default-100);
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

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

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

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

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

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

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

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

  .focus\:ring-primary\/30:focus {
    --tw-ring-color: #236dc94d;
  }

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

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

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

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

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

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

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

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

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

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

  @media (min-width: 40rem) {
    .sm\:max-h-none {
      max-height: none;
    }
  }

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

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

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

  @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: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

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

  @media (min-width: 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

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

  @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\:w-1\/2 {
      width: 50%;
    }
  }

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

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

  @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\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

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

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

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

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

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

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

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

  @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\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

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

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

  @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\: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: 96rem) {
    .\32 xl\:w-4\/10 {
      width: 40%;
    }
  }

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

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

  .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: calc(var(--spacing) * 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.faedb641.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.faedb641.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.faedb641.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.faedb641.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: calc(var(--spacing) * 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.faedb641.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.faedb641.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.7e047824.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.faedb641.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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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: calc(var(--spacing) * 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.faedb641.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.faedb641.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.faedb641.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.faedb641.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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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.faedb641.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.faedb641.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.faedb641.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: calc(var(--spacing) * 1) !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.faedb641.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 {
  top: calc(var(--spacing) * 0);
  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;
}

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

.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(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * 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 {
  bottom: calc(var(--spacing) * 0);
  position: fixed;
}

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 {
  bottom: calc(var(--spacing) * 0);
  position: fixed;
}

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

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

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

.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%;
  padding-block: calc(var(--spacing) * 0);
  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;
  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: calc(var(--spacing) * 1);
  --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: calc(var(--spacing) * 1);
  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);
  padding: calc(var(--spacing) * 0);
  --tw-leading: 1;
  border-width: 0;
  justify-content: center;
  align-items: center;
  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 {
  margin: calc(var(--spacing) * 0);
  border-style: var(--tw-border-style);
  height: auto;
  padding: calc(var(--spacing) * 0);
  text-align: center;
  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;
}

.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;
  padding: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.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: calc(var(--spacing) * 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: calc(var(--spacing) * 1) !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);
  margin-top: calc(var(--spacing) * 0) !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !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);
  padding-block: calc(var(--spacing) * 0);
  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;
  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: calc(var(--spacing) * 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: calc(var(--spacing) * 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;
  padding: calc(var(--spacing) * 0) !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;
  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: calc(var(--spacing) * 1) !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: calc(var(--spacing) * 1);
  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-start: 1.5em;
  padding-inline-end: calc(var(--spacing) * 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"] *) {
  right: auto;
  left: calc(var(--spacing) * 0);
}

.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);
  padding-block: calc(var(--spacing) * 0);
  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;
  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: calc(var(--spacing) * 1);
  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(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * 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;
  min-width: 520px;
  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-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-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

/*# sourceMappingURL=src_assets_css_app_96bddab5.css.map*/