@import url(https://at.alicdn.com/t/c/font_4660155_m7eek820s6l.css);
.apexcharts-canvas {
  /**
  * Tooltip
  */
  .apexcharts-tooltip {
    min-width: 80px;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    color: var(--palette-text-primary);
    box-shadow: var(--customShadows-dropdown);
    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
    z-index: 999;
  }
  .apexcharts-xaxistooltip {
    border-radius: 10px;
    border-color: transparent;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    color: var(--palette-text-primary);
    box-shadow: var(--customShadows-dropdown);
    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
    &::before {
      border-bottom-color: rgba(var(--palette-grey-500Channel) / 0.16);
    }
    &::after {
      border-bottom-color: rgba(var(--palette-background-defaultChannel) / 0.9);
    }
  }
  .apexcharts-tooltip-title {
    font-weight: 700;
    text-align: center;
    color: var(--palette-text-secondary);
    background-color: var(--palette-background-neutral);
  }
  /**
  * Tooltip: group
  */
  .apexcharts-tooltip-series-group {
    padding: 4px 12px;
  }
  .apexcharts-tooltip-marker {
    margin-right: 8px;
  }
  /**
  * Legend
  */
  .apexcharts-legend {
    padding: 0;
  }
  .apexcharts-legend-marker {
    margin-right: 6px;
  }
  .apexcharts-legend-text {
    margin-left: 0;
    padding-left: 0;
    line-height: 18px;
  }
}

:root {
  /****************** 
  Basics
  ******************/

  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /****************** 
  Colors variables
  ******************/

  /* Gray alpha (light mode) */
  --tt-gray-light-a-50: rgba(56, 56, 56, 0.04) !important;
  --tt-gray-light-a-100: rgba(15, 22, 36, 0.05) !important;
  --tt-gray-light-a-200: rgba(37, 39, 45, 0.1) !important;
  --tt-gray-light-a-300: rgba(47, 50, 55, 0.2) !important;
  --tt-gray-light-a-400: rgba(40, 44, 51, 0.42) !important;
  --tt-gray-light-a-500: rgba(52, 55, 60, 0.64) !important;
  --tt-gray-light-a-600: rgba(36, 39, 46, 0.78) !important;
  --tt-gray-light-a-700: rgba(35, 37, 42, 0.87) !important;
  --tt-gray-light-a-800: rgba(30, 32, 36, 0.95) !important;
  --tt-gray-light-a-900: rgba(29, 30, 32, 0.98) !important;

  /* Gray (light mode) */
  --tt-gray-light-50: rgba(250, 250, 250, 1) !important;
  --tt-gray-light-100: rgba(244, 244, 245, 1) !important;
  --tt-gray-light-200: rgba(234, 234, 235, 1) !important;
  --tt-gray-light-300: rgba(213, 214, 215, 1) !important;
  --tt-gray-light-400: rgba(166, 167, 171, 1) !important;
  --tt-gray-light-500: rgba(125, 127, 130, 1) !important;
  --tt-gray-light-600: rgba(83, 86, 90, 1) !important;
  --tt-gray-light-700: rgba(64, 65, 69, 1) !important;
  --tt-gray-light-800: rgba(44, 45, 48, 1) !important;
  --tt-gray-light-900: rgba(34, 35, 37, 1) !important;

  /* Gray alpha (dark mode) */
  --tt-gray-dark-a-50: rgba(232, 232, 253, 0.05) !important;
  --tt-gray-dark-a-100: rgba(231, 231, 243, 0.07) !important;
  --tt-gray-dark-a-200: rgba(238, 238, 246, 0.11) !important;
  --tt-gray-dark-a-300: rgba(239, 239, 245, 0.22) !important;
  --tt-gray-dark-a-400: rgba(244, 244, 255, 0.37) !important;
  --tt-gray-dark-a-500: rgba(236, 238, 253, 0.5) !important;
  --tt-gray-dark-a-600: rgba(247, 247, 253, 0.64) !important;
  --tt-gray-dark-a-700: rgba(251, 251, 254, 0.75) !important;
  --tt-gray-dark-a-800: rgba(253, 253, 253, 0.88) !important;
  --tt-gray-dark-a-900: rgba(255, 255, 255, 0.96) !important;

  /* Gray (dark mode) */
  --tt-gray-dark-50: rgba(25, 25, 26, 1) !important;
  --tt-gray-dark-100: rgba(32, 32, 34, 1) !important;
  --tt-gray-dark-200: rgba(45, 45, 47, 1) !important;
  --tt-gray-dark-300: rgba(70, 70, 73, 1) !important;
  --tt-gray-dark-400: rgba(99, 99, 105, 1) !important;
  --tt-gray-dark-500: rgba(124, 124, 131, 1) !important;
  --tt-gray-dark-600: rgba(163, 163, 168, 1) !important;
  --tt-gray-dark-700: rgba(192, 192, 195, 1) !important;
  --tt-gray-dark-800: rgba(224, 224, 225, 1) !important;
  --tt-gray-dark-900: rgba(245, 245, 245, 1) !important;

  /* Brand colors */
  /*******
   --tt-brand-color-50: rgba(239, 238, 255, 1) !important;
   --tt-brand-color-100: rgba(222, 219, 255, 1) !important;
   --tt-brand-color-200: rgba(195, 189, 255, 1) !important;
   --tt-brand-color-300: rgba(157, 138, 255, 1) !important;
   --tt-brand-color-400: rgba(122, 82, 255, 1) !important;
   --tt-brand-color-500: rgba(98, 41, 255, 1) !important;
   --tt-brand-color-600: rgba(84, 0, 229, 1) !important;
   --tt-brand-color-700: rgba(75, 0, 204, 1) !important;
   --tt-brand-color-800: rgba(56, 0, 153, 1) !important;
   --tt-brand-color-900: rgba(43, 25, 102, 1) !important;
   --tt-brand-color-950: hsla(257, 100%, 9%, 1) !important;
  ******/
  --tt-brand-color-50: rgba(231, 242, 255, 1) !important;
  --tt-brand-color-100: rgba(184, 217, 254, 1) !important;
  --tt-brand-color-200: rgba(136, 191, 253, 1) !important;
  --tt-brand-color-300: rgba(112, 178, 252, 1) !important;
  --tt-brand-color-400: rgba(88, 165, 252, 1) !important;
  --tt-brand-color-500: rgba(41, 140, 251, 1) !important;
  --tt-brand-color-600: rgba(15, 114, 225, 1) !important;
  --tt-brand-color-700: rgba(14, 102, 200, 1) !important;
  --tt-brand-color-800: rgba(10, 76, 150, 1) !important;
  --tt-brand-color-900: rgba(7, 51, 100, 1) !important;
  --tt-brand-color-950: rgba(5, 31, 58, 1) !important;

  /* Green */
  --tt-color-green-inc-5: hsla(129, 100%, 97%, 1) !important;
  --tt-color-green-inc-4: hsla(129, 100%, 92%, 1) !important;
  --tt-color-green-inc-3: hsla(131, 100%, 86%, 1) !important;
  --tt-color-green-inc-2: hsla(133, 98%, 78%, 1) !important;
  --tt-color-green-inc-1: hsla(137, 99%, 70%, 1) !important;
  --tt-color-green-base: hsla(147, 99%, 50%, 1) !important;
  --tt-color-green-dec-1: hsla(147, 97%, 41%, 1) !important;
  --tt-color-green-dec-2: hsla(146, 98%, 32%, 1) !important;
  --tt-color-green-dec-3: hsla(146, 100%, 24%, 1) !important;
  --tt-color-green-dec-4: hsla(144, 100%, 16%, 1) !important;
  --tt-color-green-dec-5: hsla(140, 100%, 9%, 1) !important;

  /* Yellow */
  --tt-color-yellow-inc-5: hsla(50, 100%, 97%, 1) !important;
  --tt-color-yellow-inc-4: hsla(50, 100%, 91%, 1) !important;
  --tt-color-yellow-inc-3: hsla(50, 100%, 84%, 1) !important;
  --tt-color-yellow-inc-2: hsla(50, 100%, 77%, 1) !important;
  --tt-color-yellow-inc-1: hsla(50, 100%, 68%, 1) !important;
  --tt-color-yellow-base: hsla(52, 100%, 50%, 1) !important;
  --tt-color-yellow-dec-1: hsla(52, 100%, 41%, 1) !important;
  --tt-color-yellow-dec-2: hsla(52, 100%, 32%, 1) !important;
  --tt-color-yellow-dec-3: hsla(52, 100%, 24%, 1) !important;
  --tt-color-yellow-dec-4: hsla(51, 100%, 16%, 1) !important;
  --tt-color-yellow-dec-5: hsla(50, 100%, 9%, 1) !important;

  /* Red */
  --tt-color-red-inc-5: hsla(11, 100%, 96%, 1) !important;
  --tt-color-red-inc-4: hsla(11, 100%, 88%, 1) !important;
  --tt-color-red-inc-3: hsla(10, 100%, 80%, 1) !important;
  --tt-color-red-inc-2: hsla(9, 100%, 73%, 1) !important;
  --tt-color-red-inc-1: hsla(7, 100%, 64%, 1) !important;
  --tt-color-red-base: hsla(7, 100%, 54%, 1) !important;
  --tt-color-red-dec-1: hsla(7, 100%, 41%, 1) !important;
  --tt-color-red-dec-2: hsla(5, 100%, 32%, 1) !important;
  --tt-color-red-dec-3: hsla(4, 100%, 24%, 1) !important;
  --tt-color-red-dec-4: hsla(3, 100%, 16%, 1) !important;
  --tt-color-red-dec-5: hsla(1, 100%, 9%, 1) !important;

  /* Basic colors */
  --white: rgba(255, 255, 255, 1) !important;
  --black: rgba(14, 14, 17, 1) !important;
  --transparent: rgba(255, 255, 255, 0) !important;

  /****************** 
  Shadow variables
  ******************/

  /* Shadows Light */
  --tt-shadow-elevated-md: 0px 16px 48px 0px rgba(17, 24, 39, 0.04),
    0px 12px 24px 0px rgba(17, 24, 39, 0.04),
    0px 6px 8px 0px rgba(17, 24, 39, 0.02),
    0px 2px 3px 0px rgba(17, 24, 39, 0.02) !important;

  /************************************************** 
       Radius variables 
    **************************************************/

  --tt-radius-xxs: 0.125rem !important; /* 2px */
  --tt-radius-xs: 0.25rem !important; /* 4px */
  --tt-radius-sm: 0.375rem !important; /* 6px */
  --tt-radius-md: 0.5rem !important; /* 8px */
  --tt-radius-lg: 0.75rem !important; /* 12px */
  --tt-radius-xl: 1rem !important; /* 16px */

  /************************************************** 
       Transition variables 
    **************************************************/

  --tt-transition-duration-short: 0.1s !important;
  --tt-transition-duration-default: 0.2s !important;
  --tt-transition-duration-long: 0.64s !important;
  --tt-transition-easing-default: cubic-bezier(
    0.46,
    0.03,
    0.52,
    0.96
  ) !important;
  --tt-transition-easing-cubic: cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  --tt-transition-easing-quart: cubic-bezier(0.77, 0, 0.18, 1) !important;
  --tt-transition-easing-circ: cubic-bezier(0.79, 0.14, 0.15, 0.86) !important;
  --tt-transition-easing-back: cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;

  /****************** 
  Contrast variables
  ******************/

  --tt-accent-contrast: 8% !important;
  --tt-destructive-contrast: 8% !important;
  --tt-foreground-contrast: 8% !important;

  /**
    &,
    *,
    ::before,
    ::after {
      box-sizing: border-box !important;
      transition: none var(--tt-transition-duration-default)
        var(--tt-transition-easing-default) !important;
    }
  **/
  /************************************************** 
      Global colors 
  **************************************************/

  /* Global colors - Light mode */
  --tt-bg-color: var(--white) !important;
  --tt-border-color: var(--tt-gray-light-a-200) !important;
  --tt-border-color-tint: var(--tt-gray-light-a-100) !important;
  --tt-sidebar-bg-color: var(--tt-gray-light-100) !important;
  --tt-scrollbar-color: var(--tt-gray-light-a-200) !important;
  --tt-cursor-color: var(--tt-brand-color-500) !important;
  --tt-selection-color: rgba(157, 138, 255, 0.2) !important;
  --tt-card-bg-color: var(--white) !important;
  --tt-card-border-color: var(--tt-gray-light-a-100) !important;
}

/* Global colors - Dark mode */
.dark {
  --tt-bg-color: var(--black) !important;
  --tt-border-color: var(--tt-gray-dark-a-200) !important;
  --tt-border-color-tint: var(--tt-gray-dark-a-100) !important;
  --tt-sidebar-bg-color: var(--tt-gray-dark-100) !important;
  --tt-scrollbar-color: var(--tt-gray-dark-a-200) !important;
  --tt-cursor-color: var(--tt-brand-color-400) !important;
  --tt-selection-color: rgba(122, 82, 255, 0.2) !important;
  --tt-card-bg-color: var(--tt-gray-dark-50) !important;
  --tt-card-border-color: var(--tt-gray-dark-a-50) !important;

  --tt-shadow-elevated-md: 0px 16px 48px 0px rgba(0, 0, 0, 0.5),
    0px 12px 24px 0px rgba(0, 0, 0, 0.24), 0px 6px 8px 0px rgba(0, 0, 0, 0.22),
    0px 2px 3px 0px rgba(0, 0, 0, 0.12) !important;
}

/* Text colors */
:root {
  --tt-color-text-gray: hsl(45, 2%, 46%) !important;
  --tt-color-text-brown: hsl(19, 31%, 47%) !important;
  --tt-color-text-orange: hsl(30, 89%, 45%) !important;
  --tt-color-text-yellow: hsl(38, 62%, 49%) !important;
  --tt-color-text-green: hsl(148, 32%, 39%) !important;
  --tt-color-text-blue: hsl(202, 54%, 43%) !important;
  --tt-color-text-purple: hsl(274, 32%, 54%) !important;
  --tt-color-text-pink: hsl(328, 49%, 53%) !important;
  --tt-color-text-red: hsl(2, 62%, 55%) !important;

  --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15) !important;
  --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35) !important;
  --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27) !important;
  --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39) !important;
  --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27) !important;
  --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27) !important;
  --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27) !important;
  --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27) !important;
  --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4) !important;
}

.dark {
  --tt-color-text-gray: hsl(0, 0%, 61%) !important;
  --tt-color-text-brown: hsl(18, 35%, 58%) !important;
  --tt-color-text-orange: hsl(25, 53%, 53%) !important;
  --tt-color-text-yellow: hsl(36, 54%, 55%) !important;
  --tt-color-text-green: hsl(145, 32%, 47%) !important;
  --tt-color-text-blue: hsl(202, 64%, 52%) !important;
  --tt-color-text-purple: hsl(270, 55%, 62%) !important;
  --tt-color-text-pink: hsl(329, 57%, 58%) !important;
  --tt-color-text-red: hsl(1, 69%, 60%) !important;

  --tt-color-text-gray-contrast: hsla(0, 0%, 100%, 0.09) !important;
  --tt-color-text-brown-contrast: hsla(17, 45%, 50%, 0.25) !important;
  --tt-color-text-orange-contrast: hsla(27, 82%, 53%, 0.2) !important;
  --tt-color-text-yellow-contrast: hsla(35, 49%, 47%, 0.2) !important;
  --tt-color-text-green-contrast: hsla(151, 55%, 39%, 0.2) !important;
  --tt-color-text-blue-contrast: hsla(202, 54%, 43%, 0.2) !important;
  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18) !important;
  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22) !important;
  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25) !important;
}

/* Highlight colors */
:root {
  --tt-color-highlight-yellow: #fef9c3 !important;
  --tt-color-highlight-green: #dcfce7 !important;
  --tt-color-highlight-blue: #e0f2fe !important;
  --tt-color-highlight-purple: #f3e8ff !important;
  --tt-color-highlight-red: #ffe4e6 !important;
  --tt-color-highlight-gray: rgb(248, 248, 247) !important;
  --tt-color-highlight-brown: rgb(244, 238, 238) !important;
  --tt-color-highlight-orange: rgb(251, 236, 221) !important;
  --tt-color-highlight-pink: rgb(252, 241, 246) !important;

  --tt-color-highlight-yellow-contrast: #fbe604 !important;
  --tt-color-highlight-green-contrast: #c7fad8 !important;
  --tt-color-highlight-blue-contrast: #ceeafd !important;
  --tt-color-highlight-purple-contrast: #e4ccff !important;
  --tt-color-highlight-red-contrast: #ffccd0 !important;
  --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15) !important;
  --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35) !important;
  --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27) !important;
  --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27) !important;
}

.dark {
  --tt-color-highlight-yellow: #6b6524 !important;
  --tt-color-highlight-green: #509568 !important;
  --tt-color-highlight-blue: #6e92aa !important;
  --tt-color-highlight-purple: #583e74 !important;
  --tt-color-highlight-red: #743e42 !important;
  --tt-color-highlight-gray: rgb(47, 47, 47) !important;
  --tt-color-highlight-brown: rgb(74, 50, 40) !important;
  --tt-color-highlight-orange: rgb(92, 59, 35) !important;
  --tt-color-highlight-pink: rgb(78, 44, 60) !important;

  --tt-color-highlight-yellow-contrast: #58531e !important;
  --tt-color-highlight-green-contrast: #47855d !important;
  --tt-color-highlight-blue-contrast: #5e86a1 !important;
  --tt-color-highlight-purple-contrast: #4c3564 !important;
  --tt-color-highlight-red-contrast: #643539 !important;
  --tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094) !important;
  --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25) !important;
  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2) !important;
  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22) !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomIn {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideFromTop {
  from {
    transform: translateY(-0.5rem);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideFromRight {
  from {
    transform: translateX(0.5rem);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideFromLeft {
  from {
    transform: translateX(-0.5rem);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideFromBottom {
  from {
    transform: translateY(0.5rem);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
@media (min-width: 1650px){
  .container{
    max-width: 1650px;
  }
}
#root .visible{
  visibility: visible;
}
#root .static{
  position: static;
}
#root .fixed{
  position: fixed;
}
#root .absolute{
  position: absolute;
}
#root .relative{
  position: relative;
}
#root .sticky{
  position: sticky;
}
#root .left-0{
  left: 0px;
}
#root .right-0{
  right: 0px;
}
#root .top-0{
  top: 0px;
}
#root .top-1\/2{
  top: 50%;
}
#root .z-50{
  z-index: 50;
}
#root .col-span-1{
  grid-column: span 1 / span 1;
}
#root .mb-1{
  margin-bottom: 0.25rem;
}
#root .mb-2{
  margin-bottom: 0.5rem;
}
#root .ml-\[-8px\]{
  margin-left: -8px;
}
#root .mr-2{
  margin-right: 0.5rem;
}
#root .mt-0{
  margin-top: 0px;
}
#root .mt-1{
  margin-top: 0.25rem;
}
#root .mt-\[28px\]{
  margin-top: 28px;
}
#root .block{
  display: block;
}
#root .inline-block{
  display: inline-block;
}
#root .inline{
  display: inline;
}
#root .flex{
  display: flex;
}
#root .inline-flex{
  display: inline-flex;
}
#root .table{
  display: table;
}
#root .grid{
  display: grid;
}
#root .hidden{
  display: none;
}
#root .h-2{
  height: 0.5rem;
}
#root .h-8{
  height: 2rem;
}
#root .h-full{
  height: 100%;
}
#root .max-h-\[48px\]{
  max-height: 48px;
}
#root .max-h-\[calc\(100vh-48px\)\]{
  max-height: calc(100vh - 48px);
}
#root .min-h-\[48px\]{
  min-height: 48px;
}
#root .min-h-\[64px\]{
  min-height: 64px;
}
#root .min-h-full{
  min-height: 100%;
}
#root .w-2{
  width: 0.5rem;
}
#root .w-8{
  width: 2rem;
}
#root .w-\[30px\]{
  width: 30px;
}
#root .w-full{
  width: 100%;
}
#root .min-w-24{
  min-width: 6rem;
}
#root .min-w-\[300px\]{
  min-width: 300px;
}
#root .max-w-\[140px\]{
  max-width: 140px;
}
#root .max-w-\[200px\]{
  max-width: 200px;
}
#root .max-w-\[calc\(100\%-16px\)\]{
  max-width: calc(100% - 16px);
}
#root .flex-1{
  flex: 1 1;
}
#root .-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#root .translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#root .translate-x-8{
  --tw-translate-x: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#root .transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#root .cursor-pointer{
  cursor: pointer;
}
#root .select-none{
  -webkit-user-select: none;
          user-select: none;
}
#root .resize{
  resize: both;
}
#root .grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
#root .flex-col{
  flex-direction: column;
}
#root .flex-wrap{
  flex-wrap: wrap;
}
#root .flex-nowrap{
  flex-wrap: nowrap;
}
#root .items-start{
  align-items: flex-start;
}
#root .items-center{
  align-items: center;
}
#root .justify-start{
  justify-content: flex-start;
}
#root .justify-end{
  justify-content: flex-end;
}
#root .justify-center{
  justify-content: center;
}
#root .justify-between{
  justify-content: space-between;
}
#root .gap-1{
  gap: 0.25rem;
}
#root .gap-2{
  gap: 0.5rem;
}
#root .gap-4{
  gap: 1rem;
}
#root .gap-x-1{
  column-gap: 0.25rem;
}
#root .gap-x-2{
  column-gap: 0.5rem;
}
#root .overflow-hidden{
  overflow: hidden;
}
#root .overflow-visible{
  overflow: visible;
}
#root .overflow-y-auto{
  overflow-y: auto;
}
#root .overflow-x-hidden{
  overflow-x: hidden;
}
#root .scroll-smooth{
  scroll-behavior: smooth;
}
#root .text-ellipsis{
  text-overflow: ellipsis;
}
#root .text-wrap{
  text-wrap: wrap;
}
#root .text-nowrap{
  text-wrap: nowrap;
}
#root .rounded{
  border-radius: 0.25rem;
}
#root .rounded-2xl{
  border-radius: 1rem;
}
#root .rounded-full{
  border-radius: 9999px;
}
#root .rounded-md{
  border-radius: 0.375rem;
}
#root .rounded-xl{
  border-radius: 0.75rem;
}
#root .border{
  border-width: 1px;
}
#root .border-0{
  border-width: 0px;
}
#root .border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}
#root .border-b-\[1px\]{
  border-bottom-width: 1px;
}
#root .border-t-0{
  border-top-width: 0px;
}
#root .border-solid{
  border-style: solid;
}
#root .border-dashed{
  border-style: dashed;
}
#root .p-0{
  padding: 0px;
}
#root .p-1{
  padding: 0.25rem;
}
#root .p-2{
  padding: 0.5rem;
}
#root .p-4{
  padding: 1rem;
}
#root .px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
#root .px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#root .px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
#root .px-\[2px\]{
  padding-left: 2px;
  padding-right: 2px;
}
#root .py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#root .py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#root .py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#root .py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#root .py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#root .pb-2{
  padding-bottom: 0.5rem;
}
#root .pb-4{
  padding-bottom: 1rem;
}
#root .pl-4{
  padding-left: 1rem;
}
#root .pr-2{
  padding-right: 0.5rem;
}
#root .pt-10{
  padding-top: 2.5rem;
}
#root .text-center{
  text-align: center;
}
#root .text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
#root .text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#root .text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#root .text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
#root .font-medium{
  font-weight: 500;
}
#root .uppercase{
  text-transform: uppercase;
}
#root .lowercase{
  text-transform: lowercase;
}
#root .capitalize{
  text-transform: capitalize;
}
#root .italic{
  font-style: italic;
}
#root .underline{
  text-decoration-line: underline;
}
#root .opacity-0{
  opacity: 0;
}
#root .opacity-100{
  opacity: 1;
}
#root .shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#root .outline{
  outline-style: solid;
}
#root .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);
}
#root .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);
}
#root .transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#root .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#root .duration-300{
  transition-duration: 300ms;
}
#root .ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#root .ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* chart */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px #edeeef inset !important;
  -webkit-box-shadow: 0 0 0px 1000px #edeeef inset !important;
  -webkit-text-fill-color: #2f353c !important;
  caret-color: #2f353c !important;
}

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23777%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");
  cursor: pointer;
}

svg {
  overflow: visible !important;
}
svg:not(:root) {
  overflow: visible !important; /* 强制显示溢出的部分 */
}

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

:root {
  --scrollbar-thumb-color: #ccc;
  --scrollbar-track-color: #f1f1f1;
  --scrollbar-width: 2px;
  --scrollbar-height: 2px;
}

[data-theme='dark'] {
  --scrollbar-thumb-color: #555;
  --scrollbar-track-color: #333;
}

::-webkit-scrollbar {
  width: 2px;
  width: var(--scrollbar-width);
  height: 2px;
  height: var(--scrollbar-height);
}

/* WebKit 浏览器 */
::-webkit-scrollbar-thumb {
  background: #ccc;
  background: var(--scrollbar-thumb-color);
}

::-webkit-scrollbar-button {
  display: none; /* 隐藏滚动条箭头 */
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  background: var(--scrollbar-track-color);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #ccc #f1f1f1;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
}

#canvas-container {
  --scrollbar-thumb-color: #ccc; /* 强制使用亮色滑块 */
  --scrollbar-track-color: #f1f1f1; /* 强制使用亮色轨道 */
}

/* 定义滚动条样式 */
#canvas-container::-webkit-scrollbar {
  width: 2px;
  width: var(--scrollbar-width, 2px); /* 滚动条宽度 */
  height: 2px;
  height: var(--scrollbar-height, 2px); /* 滚动条高度 */
}

#canvas-container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  background-color: var(--scrollbar-thumb-color); /* 滚动条滑块颜色 */
}

#canvas-container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  background-color: var(--scrollbar-track-color); /* 滚动条轨道颜色 */
}

.detrust-tag {
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  display: inline-block;
  height: auto;
  margin-inline-end: 8px;
  padding-inline: 7px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  opacity: 1;
  transition: all 0.2s;
  text-align: start;
  position: relative;
}

.detect-list-item {
  animation: fade-in 0.4s ease-out 0.4s both;
  opacity: 0;
  transform: scale(0.97);
}

@keyframes fade-in {
  0% {
    opacity: 0.5;
    transform: scale(0.97);
  }

  50% {
    transform: scale(1);
  }

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

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

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

@media (min-width: 768px){
  #root .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #root .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #root .md\:p-4{
    padding: 1rem;
  }
  #root .md\:p-6{
    padding: 1.5rem;
  }
  #root .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  #root .md\:pb-2{
    padding-bottom: 0.5rem;
  }
  #root .md\:pl-6{
    padding-left: 1.5rem;
  }
}

@media (min-width: 1024px){
  #root .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  #root .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #root .lg\:p-6{
    padding: 1.5rem;
  }
}