@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* src/styles.scss */
:root {
  --kc-color-white: #ffffff;
  --kc-color-black: #000000;
  --kc-color-primary-100: #e6f7f5;
  --kc-color-primary-200: #c6ece7;
  --kc-color-primary-300: #a5e0d8;
  --kc-color-primary-400: #88d4cb;
  --kc-color-primary-500: #74ccc1;
  --kc-color-primary-600: #6fc7ba;
  --kc-color-primary-700: #56b2a6;
  --kc-color-primary-800: #429f94;
  --kc-color-primary-900: #318c81;
  --kc-color-primary-950: #25756d;
  --kc-color-gradient:
    linear-gradient(
      
      180deg,
      var(--kc-color-primary-600) 0%,
      #15ffb5 100% );
  --kc-color-secondary-100: #f1e8fc;
  --kc-color-secondary-200: #dcc8f8;
  --kc-color-secondary-300: #c7a8f3;
  --kc-color-secondary-400: #b388ee;
  --kc-color-secondary-500: #a069ea;
  --kc-color-secondary-600: #9463e7;
  --kc-color-secondary-700: #7c4fca;
  --kc-color-secondary-800: #653cac;
  --kc-color-secondary-900: #4e2d8f;
  --kc-color-secondary-950: #391f71;
  --kc-color-gray-100: #b7bdc4;
  --kc-color-gray-200: #a2aab2;
  --kc-color-gray-300: #8e97a0;
  --kc-color-gray-400: #7a838d;
  --kc-color-gray-500: #55606b;
  --kc-color-gray-600: #2f3842;
  --kc-color-gray-700: #1a212a;
  --kc-color-gray-800: #1a212a;
  --kc-color-gray-900: #151b22;
  --kc-color-gray-950: #101418;
  --kc-color-green-100: #d4e0e2;
  --kc-color-green-200: #afc6c9;
  --kc-color-green-700: #2c4043;
  --kc-color-black-100: #5e6367;
  --kc-color-black-200: #54585c;
  --kc-color-black-300: #4a4e52;
  --kc-color-black-400: #3f4347;
  --kc-color-black-500: #35393d;
  --kc-color-black-600: #2b2f33;
  --kc-color-black-700: #222528;
  --kc-color-black-800: #191c1f;
  --kc-color-black-900: #101215;
  --kc-color-black-950: #0c0e10;
  --kc-color-success-100: #e6f9eb;
  --kc-color-success-200: #c3f0cd;
  --kc-color-success-300: #9ee7b0;
  --kc-color-success-400: #7add94;
  --kc-color-success-500: #58d377;
  --kc-color-success-600: #3fc753;
  --kc-color-success-700: #35aa46;
  --kc-color-success-800: #2b8d3a;
  --kc-color-success-900: #216f2e;
  --kc-color-success-950: #174f22;
  --kc-color-warning-100: #fff8e9;
  --kc-color-warning-200: #fce9bf;
  --kc-color-warning-300: #f9d995;
  --kc-color-warning-400: #f6ca6b;
  --kc-color-warning-500: #f3bb41;
  --kc-color-warning-600: #e6a223;
  --kc-color-warning-700: #c2881d;
  --kc-color-warning-800: #9e6d17;
  --kc-color-warning-900: #7a5311;
  --kc-color-warning-950: #56380b;
  --kc-color-danger-100: #fceded;
  --kc-color-danger-200: #f5cccc;
  --kc-color-danger-300: #eeabab;
  --kc-color-danger-400: #e78a8a;
  --kc-color-danger-500: #e06969;
  --kc-color-danger-600: #e04242;
  --kc-color-danger-700: #bc3737;
  --kc-color-danger-800: #982c2c;
  --kc-color-danger-900: #742121;
  --kc-color-danger-950: #501616;
}
:root {
  --kc-bg-primary: var(--kc-color-black-950);
  --kc-bg-secondary: var(--kc-color-black-900);
  --kc-bg-tertiary: var(--kc-color-gray-900);
  --kc-bg-surface: var(--kc-color-black-800);
  --kc-bg-surface-elevated: var(--kc-color-black-700);
  --kc-bg-surface-high: var(--kc-color-black-600);
  --kc-bg-overlay: rgba(0, 0, 0, 0.8);
  --kc-bg-overlay-light: rgba(255, 255, 255, 0.1);
  --kc-bg-overlay-lighter: rgba(255, 255, 255, 0.2);
  --kc-bg-button-primary: var(--kc-color-primary-600);
  --kc-bg-button-primary-hover: var(--kc-color-primary-500);
  --kc-bg-button-primary-active: var(--kc-color-primary-700);
  --kc-bg-button-secondary: transparent;
  --kc-bg-button-secondary-hover: var(--kc-bg-overlay-light);
  --kc-bg-button-secondary-active: var(--kc-bg-overlay-lighter);
  --kc-bg-button-ghost: transparent;
  --kc-bg-button-ghost-hover: var(--kc-bg-overlay-light);
  --kc-bg-button-ghost-active: var(--kc-bg-overlay-lighter);
}
:root {
  --kc-text-primary: var(--kc-color-white);
  --kc-text-secondary: var(--kc-color-gray-400);
  --kc-text-tertiary: var(--kc-color-gray-500);
  --kc-text-quaternary: var(--kc-color-gray-600);
  --kc-text-inverted: var(--kc-color-black);
  --kc-text-inverted-secondary: var(--kc-color-gray-400);
  --kc-text-success: var(--kc-color-success-600);
  --kc-text-warning: var(--kc-color-warning-600);
  --kc-text-error: var(--kc-color-danger-600);
  --kc-text-info: var(--kc-color-secondary-600);
  --kc-text-link: var(--kc-color-primary-600);
  --kc-text-link-hover: var(--kc-color-primary-500);
  --kc-text-link-active: var(--kc-color-primary-700);
  --kc-text-bg-dropdown-default: rgba(248, 255, 254, 1);
}
:root {
  --kc-border-primary: var(--kc-color-black-700);
  --kc-border-secondary: var(--kc-color-black-600);
  --kc-border-tertiary: var(--kc-color-black-500);
  --kc-border-interactive: var(--kc-color-primary-600);
  --kc-border-interactive-hover: var(--kc-color-primary-500);
  --kc-border-interactive-focus: var(--kc-color-primary-600);
  --kc-border-success: var(--kc-color-success-600);
  --kc-border-warning: var(--kc-color-warning-600);
  --kc-border-error: var(--kc-color-danger-600);
  --kc-border-info: var(--kc-color-secondary-600);
  --kc-border-transparent: transparent;
  --kc-border-overlay: var(--kc-bg-overlay-light);
}
:root {
  --kc-gradient-primary:
    linear-gradient(
      
      90deg,
      #b43aed 0%,
      #ffd27d 44.23%,
      #a2fff1 85.58% );
  --kc-gradient-secondary:
    linear-gradient(
      
      90deg,
      #7477ff 0%,
      #595cff 30%,
      #b43aed 70%,
      #d883ff 100% );
  --kc-gradient-kaspa:
    linear-gradient(
      
      180deg,
      var(--kc-color-primary-600) 0%,
      #15ffb5 100% );
  --kc-gradient-subtle:
    linear-gradient(
      
      180deg,
      var(--kc-bg-overlay-light) 0%,
      transparent 100% );
  --kc-gradient-card:
    linear-gradient(
      
      145deg,
      var(--kc-bg-surface) 0%,
      var(--kc-bg-surface-elevated) 100% );
}
:root {
  --kc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --kc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --kc-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  --kc-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
  --kc-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
  --kc-shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.25);
  --kc-shadow-primary: 0 8px 32px rgba(111, 199, 186, 0.3);
  --kc-shadow-secondary: 0 8px 32px rgba(180, 58, 237, 0.3);
  --kc-shadow-glow: 0 0 20px var(--kc-color-primary-600);
  --kc-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --kc-shadow-inset-lg: inset 0 4px 8px rgba(0, 0, 0, 0.1);
  --kc-shadow-dropdown-transparent: 0 0 12px rgba(0, 0, 0, 0.5);
}
:root {
  --kc-color-default-button: #e2e2e2;
  --kc-border-icon-button-default: rgba(65, 93, 97, 0.3);
  --kc-background-icon-button-default-hover: rgba(25, 28, 31, 1);
  --kc-color-spinner-gradient-from: transparent;
  --kc-color-spinner-gradient-to: #6fc7ba;
  --kc-spinner-gradient-start-angle: 180deg;
  --kc-color-toggle-shadow-primary: rgba(16, 24, 40, 0.06);
  --kc-color-toggle-shadow-secondary: rgba(16, 24, 40, 0.1);
  --kc-color-toggle-focus-ring-outer: rgba(240, 240, 240, 1);
  --kc-color-toggle-focus-ring-inner: rgba(32, 32, 32, 1);
  --kc-color-checkbox-border: var(--kc-color-black-500);
  --kc-color-checkbox-border-hover: var(--kc-color-gray-500);
  --kc-color-checkbox-bg: transparent;
  --kc-color-checkbox-bg-checked: var(--kc-color-primary-600);
  --kc-color-checkbox-border-checked: var(--kc-color-primary-600);
  --kc-color-checkbox-mark: var(--kc-color-white);
  --kc-color-checkbox-bg-disabled: var(--kc-color-black-800);
  --kc-color-checkbox-border-disabled: transparent;
  --kc-color-checkbox-mark-disabled: var(--kc-color-black-100);
  --kc-color-checkbox-focus-ring-outer: rgba(240, 240, 240, 1);
  --kc-color-checkbox-focus-ring-inner: rgba(32, 32, 32, 1);
  --kc-color-slider-track: var(--kc-color-black-800);
  --kc-color-slider-track-fill: var(--kc-color-primary-600);
  --kc-color-slider-thumb: var(--kc-color-white);
  --kc-color-slider-thumb-border: var(--kc-color-primary-600);
  --kc-color-slider-track-disabled: var(--kc-color-black-800);
  --kc-color-slider-track-fill-disabled: var(--kc-color-black-600);
  --kc-color-slider-thumb-disabled: var(--kc-color-black-600);
  --kc-color-slider-thumb-border-disabled: transparent;
  --kc-color-slider-focus-ring-outer: rgba(240, 240, 240, 1);
  --kc-color-slider-focus-ring-inner: rgba(32, 32, 32, 1);
}
:root {
  --kc-space-none: 0;
  --kc-space-xxs: 0.313rem;
  --kc-space-xs: 0.375rem;
  --kc-space-s: 0.5rem;
  --kc-space-sm: 0.75rem;
  --kc-space-m: 1rem;
  --kc-space-ml: 1.5rem;
  --kc-space-l: 2rem;
  --kc-space-xl: 2.5rem;
  --kc-space-xxl: 3rem;
  --kc-space-icon-button-default-s: 10.24px;
  --kc-space-icon-tag-m-lr: 10px;
  --kc-space-input-content: 4px;
  --kc-space-input-label-main: 4px;
  --kc-space-input-available-section: 4px;
  --kc-space-input-wrapper: 8px;
  --kc-space-input-suffix: 8px;
  --kc-space-tooltip-padding-vertical: 8px;
  --kc-space-tooltip-padding-horizontal: 12px;
  --kc-space-dropdown-default: 10px;
  --kc-space-dropdown-transparent-gap: 6px;
  --kc-space-dropdown-options-margin-top: 4px;
  --kc-space-dropdown-search-padding: 12px;
  --kc-space-dropdown-search-padding-h: 16px;
  --kc-space-dropdown-search-icon-left: 12px;
  --kc-space-dropdown-search-input-padding: 8px;
  --kc-space-dropdown-search-input-padding-left: 36px;
  --kc-space-dropdown-fullscreen-header-padding: 16px;
  --kc-space-dropdown-no-results-padding: 16px;
  --kc-space-dropdown-close-button-padding: 8px;
  --kc-space-split-button-secondary-value-padding-vertical: 4px;
  --kc-space-split-button-secondary-value-padding-horizontal: 8px;
  --kc-space-split-button-secondary-arrow-padding-vertical: 4px;
  --kc-space-split-button-secondary-arrow-padding-horizontal: 8px;
  --kc-space-split-button-secondary-gap: 4px;
  --kc-space-split-button-arrow-min-width: 32px;
  --kc-space-toggle-gap: 8px;
  --kc-space-toggle-thumb-offset: 3px;
  --kc-space-swap-m: 8px;
  --kc-space-swap-s: 4px;
  --kc-space-swap-percentage: 4px;
  --kc-space-swap-input-content: 10px;
  --kc-space-swap-input-token-options: 4px;
  --kc-space-swap-balance-s: 6px;
  --kc-space-swap-balance-m: 8px;
  --kc-space-info-value-gap: 2px;
  --kc-space-vertical-nav-section-gap: 5px;
  --kc-space-vertical-nav-section-content-gap: var(--kc-space-s);
  --kc-space-vertical-nav-section-content-padding: var(--kc-padding-m);
  --kc-space-vertical-nav-track-width: 2px;
  --kc-space-dual-token-gap: 8px;
  --kc-space-dual-token-overlap-xs: -8px;
  --kc-space-dual-token-overlap-sm: -10px;
  --kc-space-dual-token-overlap-md: -12px;
  --kc-space-dual-token-overlap-lg: -16px;
  --kc-space-dual-token-overlap-xlg: -34px;
  --kc-space-table-sort-icon-gap: 1px;
  --kc-space-table-body-row-min-height: 68px;
  --kc-space-table-body-cell-padding-h: 14px;
  --kc-space-table-body-cell-padding-left: 8px;
}
:root {
  --kc-padding-xxs: 2px;
}
:root {
  --kc-radius-none: 0;
  --kc-radius-xs: 4px;
  --kc-radius-s: 8px;
  --kc-radius-sm: 12px;
  --kc-radius-m: 16px;
  --kc-radius-ml: 24px;
  --kc-radius-l: 32px;
  --kc-radius-xl: 50px;
  --kc-radius-round: 100px;
  --kc-radius-icon-button-default-s: 5.12px;
  --kc-radius-icon-button-secondary-s: 4.24px;
  --kc-radius-dropdown-search-input: 6px;
  --kc-radius-dropdown-transparent: 12px;
  --kc-radius-dropdown-fullscreen-top: 16px;
  --kc-radius-tooltip: 8px;
  --kc-radius-dialog: 24px;
}
:root {
  --kc-height-button-xxs: 24px;
  --kc-height-button-xs: 36px;
  --kc-height-button-s: 38px;
  --kc-height-button-sm: 42px;
  --kc-height-button-m: 47px;
  --kc-height-button-ml: 54px;
  --kc-height-button-tag-m: 22px;
  --kc-height-button-tag-s: 20px;
  --kc-height-button-tag-secondary: 43px;
  --kc-width-button-xxs: 128px;
  --kc-width-button-xs: 167px;
  --kc-width-button-s: 276px;
  --kc-width-button-m: 300px;
  --kc-width-button-l: 343px;
  --kc-width-button-xl: 520px;
  --kc-height-icon-button-no-border: 40px;
  --kc-height-icon-button-m: 50px;
  --kc-height-icon-button-s: 32px;
  --kc-height-icon-button-sm: 24px;
  --kc-height-icon-button-md: 30px;
  --kc-height-icon-button-secondary-m: 36px;
  --kc-height-icon-button-secondary-s: 27.53px;
  --kc-width-icon-button-no-border: 40px;
  --kc-width-icon-button-m: 50px;
  --kc-width-icon-button-s: 32px;
  --kc-width-icon-button-sm: 24px;
  --kc-width-icon-button-md: 30px;
  --kc-width-icon-button-secondary-m: 36px;
  --kc-width-icon-button-secondary-s: 27.53px;
  --kc-height-dropdown-default: 33px;
  --kc-height-dropdown-list-m: 34px;
  --kc-height-dropdown-list-s: 30px;
  --kc-height-dropdown-transparent: 48px;
  --kc-height-dropdown-list-option-m: 38px;
  --kc-height-dropdown-list-option-s: 30px;
  --kc-height-dropdown-item: 38px;
  --kc-max-height-dropdown-options: 300px;
  --kc-width-dropdown-transparent: 512px;
  --kc-height-input: 43px;
  --kc-height-input-error: 21px;
  --kc-width-toggle-xs: 36px;
  --kc-height-toggle-xs: 22px;
  --kc-size-toggle-thumb-xs: 14px;
  --kc-translate-toggle-thumb-xs: 14px;
  --kc-width-toggle-sm: 40px;
  --kc-height-toggle-sm: 24px;
  --kc-size-toggle-thumb-sm: 16px;
  --kc-translate-toggle-thumb-sm: 16px;
  --kc-width-toggle-md: 48px;
  --kc-height-toggle-md: 28px;
  --kc-size-toggle-thumb-md: 20px;
  --kc-translate-toggle-thumb-md: 20px;
  --kc-width-toggle-lg: 56px;
  --kc-height-toggle-lg: 32px;
  --kc-size-toggle-thumb-lg: 24px;
  --kc-translate-toggle-thumb-lg: 24px;
  --kc-width-toggle-xlg: 64px;
  --kc-height-toggle-xlg: 36px;
  --kc-size-toggle-thumb-xlg: 28px;
  --kc-translate-toggle-thumb-xlg: 28px;
  --kc-space-checkbox-gap: 8px;
  --kc-radius-checkbox: var(--kc-radius-xs);
  --kc-size-checkbox-xs: 14px;
  --kc-size-checkbox-sm: 16px;
  --kc-size-checkbox-md: 20px;
  --kc-size-checkbox-lg: 24px;
  --kc-size-checkbox-xlg: 28px;
  --kc-radius-slider-track: var(--kc-radius-round);
  --kc-length-slider-horizontal: 100%;
  --kc-length-slider-vertical: 150px;
  --kc-size-slider-track-xs: 2px;
  --kc-size-slider-thumb-xs: 12px;
  --kc-size-slider-track-sm: 3px;
  --kc-size-slider-thumb-sm: 14px;
  --kc-size-slider-track-md: 4px;
  --kc-size-slider-thumb-md: 16px;
  --kc-size-slider-track-lg: 5px;
  --kc-size-slider-thumb-lg: 20px;
  --kc-size-slider-track-xlg: 6px;
  --kc-size-slider-thumb-xlg: 24px;
  --kc-height-input-s: 26px;
  --kc-swap-container-min-width: 300px;
  --kc-swap-container-max-width-m: 512px;
  --kc-max-width-dialog: 90vw;
  --kc-max-height-dialog: 90vh;
  --kc-width-dialog-mobile: calc(100vw - 2 * var(--kc-border-width-1));
  --kc-max-height-dialog-content-mobile: 80vh;
  --kc-height-dialog-home-indicator: 34px;
  --kc-height-dialog-home-indicator-line: 5px;
  --kc-width-dialog-home-indicator-line: 134px;
  --kc-gap-dialog-mobile: 16px;
  --kc-padding-dialog-mobile: 16px;
}
:root {
  --kc-transition-toggle-duration: 0.2s;
}
:root {
  --kc-border-width-0-5: 0.5px;
  --kc-border-width-0-7: 0.7px;
  --kc-border-width-1: 1px;
  --kc-border-width-1-2: 1.2px;
  --kc-border-width-1-5: 1.5px;
  --kc-border-width-dual-token-xs: 0.67px;
  --kc-border-width-dual-token-sm: 0.83px;
  --kc-border-width-dual-token-md: 1px;
  --kc-border-width-dual-token-lg: 1.33px;
  --kc-border-width-dual-token-xlg: 2.83px;
}
:root {
  --kc-padding-switch-s: 2px;
  --kc-padding-switch-m: 4px;
  --kc-padding-switch-button-tb-m: 10px;
  --kc-padding-switch-button-lr-m: 16px;
  --kc-padding-switch-button-tb-s: 6px;
  --kc-padding-switch-button-lr-s: 12px;
  --kc-padding-xs: 4px;
  --kc-padding-s: 5px;
  --kc-padding-sm: 6px;
  --kc-padding-m: 10px;
  --kc-padding-l: 12px;
  --kc-padding-xl: 16px;
  --kc-padding-10: 10px;
  --kc-padding-12: 12px;
  --kc-padding-dropdown-default-option: var(--kc-padding-xs);
  --kc-padding-dropdown-transparent: 12px 10px 12px 12px;
  --kc-padding-dropdown-list-bottom: 7px;
  --kc-padding-dropdown-list-options-container-m: 8px;
  --kc-padding-dropdown-list-options-container-s: var(--kc-padding-xs);
  --kc-padding-dropdown-item: 8px;
  --kc-padding-dropdown-item-options-container: var(--kc-padding-l);
  --kc-space-dialog-footer: 8px;
  --kc-snackbar-right-padding-top: 12px;
  --kc-snackbar-right-padding-right: 8px;
  --kc-snackbar-right-padding-bottom: 8px;
  --kc-snackbar-right-padding-left: 4px;
  --kc-snackbar-left-padding-top: 12px;
  --kc-snackbar-left-padding-right: 8px;
  --kc-snackbar-left-padding-bottom: 16px;
  --kc-snackbar-left-padding-left: 16px;
  --kc-snackbar-main-padding: 12px;
  --kc-padding-swap-input-container: 24px;
  --kc-padding-swap-input-container-lr-s: 16px;
}
:root {
  --kc-size-spinner-xs: 16px;
  --kc-size-spinner-sm: 20px;
  --kc-size-spinner-md: 24px;
  --kc-size-spinner-lg: 32px;
  --kc-size-spinner-xl: 40px;
  --kc-spinner-mask-inner-radius: 58%;
  --kc-spinner-animation-duration: 1s;
  --kc-size-table-skeleton-height: 20px;
  --kc-width-table-skeleton-content: 80%;
}
:root {
  --kc-space-skeleton-group-gap: var(--kc-space-sm);
  --kc-space-skeleton-card-padding: var(--kc-space-m);
  --kc-radius-skeleton-default: var(--kc-radius-xs);
  --kc-radius-skeleton-card: var(--kc-radius-s);
  --kc-duration-skeleton-animation: 1.5s;
}
:root {
  --kc-size-sm: 37px;
  --kc-size-md: 45px;
  --kc-size-lg: 54px;
}
:root {
  --kc-width-xs: 138px;
  --kc-width-sm: 177px;
  --kc-width-md: 191px;
  --kc-width-lg: 240px;
}
:root {
  --kc-height-nav: 77px;
}
:root {
  --kc-gap-xxs: var(--kc-space-xs);
  --kc-gap-xs: var(--kc-space-s);
  --kc-gap-sm: var(--kc-space-sm);
  --kc-gap-md: var(--kc-space-m);
  --kc-gap-lg: var(--kc-space-ml);
}
:root {
  --kc-border-radius-xs: var(--kc-radius-xs);
  --kc-border-radius-sm: var(--kc-radius-s);
  --kc-border-radius-md: var(--kc-radius-sm);
}
:root {
  --kc-border-width-default: var(--kc-border-width-1);
}
:root {
  --kc-opacity-disabled: 0.3;
}
:root {
  --kc-width-snackbar-container: 380px;
  --kc-width-snackbar: 374px;
  --kc-width-snackbar-min: 320px;
  --kc-width-snackbar-content-min: 277px;
  --kc-width-snackbar-icon-area: 48px;
  --kc-space-snackbar-title-bottom: 4px;
  --kc-space-snackbar-link-horizontal: 4px;
  --kc-border-width-snackbar-left: 3px;
  --kc-space-snackbar-progress-left: 2px;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Light.eot);
  src:
    local("Gilroy Light"),
    local("Gilroy-Light"),
    url(https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"),
    url(https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Light.woff) format("woff"),
    url(https://cdn.jsdelivr.net/gh/repalash/gilroy-free-webfont@fonts/Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
:root {
  --kc-font-family:
    Plus Jakarta Sans,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  --kc-font-family-raleway: "Raleway", sans-serif;
  --kc-font-family-dm-sans: "DM Sans", sans-serif;
  --kc-font-family-base: var(--kc-font-family);
  --kc-font-family-gilroy: font-family: "Gilroy";
}
:root {
  --kc-font-size-10: 10px;
  --kc-font-size-12: 12px;
  --kc-font-size-14: 14px;
  --kc-font-size-16: 16px;
  --kc-font-size-18: 18px;
  --kc-font-size-20: 20px;
  --kc-font-size-26: 26px;
  --kc-font-size-28: 28px;
  --kc-font-size-40: 40px;
  --kc-font-size-52: 52px;
  --kc-font-size-64: 64px;
  --kc-font-size-72: 72px;
  --kc-font-size-base: var(--kc-font-size-16);
}
:root {
  --kc-font-weight-100: 100;
  --kc-font-weight-200: 200;
  --kc-font-weight-300: 300;
  --kc-font-weight-400: 400;
  --kc-font-weight-500: 500;
  --kc-font-weight-600: 600;
  --kc-font-weight-700: 700;
  --kc-font-weight-800: 800;
  --kc-font-weight-900: 900;
}
:root {
  --kc-font-variant-numeric: lining-nums tabular-nums;
  --kc-line-height-normal: var(--kc-font-line-height-130);
}
.kc-text {
  font-family: var(--kc-font-family-base);
}
.kc-text-title {
  font-weight: var(--kc-font-weight-700);
  font-size: var(--kc-font-size-72);
  line-height: var(--kc-font-line-height-100);
  letter-spacing: var(--kc-letter-spacing-minus-3);
}
.kc-text-h1,
h1,
.kc-h1,
.kc-text-h2,
h2,
.kc-h2,
.kc-text-h3,
h3,
.kc-h3 {
  font-weight: var(--kc-font-weight-600);
  letter-spacing: var(--kc-letter-spacing-minus-2);
  font-variant-numeric: var(--kc-font-variant-numeric);
}
.kc-text-h1,
h1,
.kc-h1 {
  font-size: var(--kc-font-size-64);
  line-height: var(--kc-font-line-height-103);
}
.kc-text-h2,
h2,
.kc-h2 {
  font-size: var(--kc-font-size-52);
  line-height: var(--kc-font-line-height-90);
}
.kc-text-h3,
h3,
.kc-h3 {
  font-size: var(--kc-font-size-40);
  line-height: var(--kc-font-line-height-100);
}
.kc-text-h4,
h4,
.kc-h4 {
  font-weight: var(--kc-font-weight-700);
  font-size: var(--kc-font-size-26);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-2);
  font-variant-numeric: var(--kc-font-variant-numeric);
}
.kc-text-h5 {
  font-weight: var(--kc-font-weight-600);
  font-size: var(--kc-font-size-20);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-variant-numeric: var(--kc-font-variant-numeric);
}
.kc-text-h6 {
  font-weight: var(--kc-font-weight-600);
  font-size: var(--kc-font-size-18);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-variant-numeric: var(--kc-font-variant-numeric);
}
.kc-text-hint,
.kc-text-caption,
small,
.kc-small {
  font-size: var(--kc-font-size-12);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-text-hint-medium {
  font-weight: var(--kc-font-weight-500);
}
.kc-text-body-xs {
  font-size: var(--kc-font-size-12);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: 0;
  font-weight: var(--kc-font-weight-400);
}
.kc-text-body-sm {
  font-size: var(--kc-font-size-14);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-text-body-md,
h6,
.kc-h6 {
  font-size: var(--kc-font-size-16);
  line-height: var(--kc-font-line-height-135);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-text-body-lg,
h5,
.kc-h5 {
  font-size: var(--kc-font-size-18);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-text-body-xl {
  font-size: var(--kc-font-size-20);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-weight-regular {
  font-weight: var(--kc-font-weight-400);
}
.kc-weight-medium {
  font-weight: var(--kc-font-weight-500);
}
.kc-weight-semi {
  font-weight: var(--kc-font-weight-600);
}
.kc-weight-bold {
  font-weight: var(--kc-font-weight-700);
}
.kc-text-label {
  font-size: var(--kc-font-size-14);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-600);
}
.kc-text-body,
p,
.kc-p {
  font-size: var(--kc-font-size-16);
  line-height: var(--kc-font-line-height-135);
  letter-spacing: var(--kc-letter-spacing-minus-1);
  font-weight: var(--kc-font-weight-400);
}
.kc-text-code,
code,
.kc-code {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: var(--kc-font-size-14);
  line-height: var(--kc-font-line-height-130);
}
:root {
  --kc-typography-button-primary-m-font-family: var(--kc-font-family-base);
  --kc-typography-button-primary-m-font-weight: var(--kc-font-weight-600);
  --kc-typography-button-primary-m-font-size: var(--kc-font-size-18);
  --kc-typography-button-primary-m-line-height: var(--kc-font-line-height-130);
  --kc-typography-button-primary-m-letter-spacing: var( --kc-letter-spacing-minus-1 );
  --kc-typography-button-primary-s-font-family: var(--kc-font-family-base);
  --kc-typography-button-primary-s-font-weight: var(--kc-font-weight-600);
  --kc-typography-button-primary-s-font-size: var(--kc-font-size-14);
  --kc-typography-button-primary-s-line-height: var(--kc-font-line-height-130);
  --kc-typography-button-primary-s-letter-spacing: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-button-secondary-m-font-family: var(--kc-font-family-base);
  --kc-typography-button-secondary-m-font-weight: var(--kc-font-weight-500);
  --kc-typography-button-secondary-m-font-size: var(--kc-font-size-16);
  --kc-typography-button-secondary-m-line-height: var( --kc-font-line-height-135 );
  --kc-typography-button-secondary-m-letter-spacing: var( --kc-letter-spacing-minus-3 );
  --kc-typography-button-secondary-s-font-family: var(--kc-font-family-base);
  --kc-typography-button-secondary-s-font-weight: var(--kc-font-weight-400);
  --kc-typography-button-secondary-s-font-size: var(--kc-font-size-14);
  --kc-typography-button-secondary-s-line-height: var( --kc-font-line-height-130 );
  --kc-typography-button-secondary-s-letter-spacing: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-button-tag-m-font-family: var(--kc-font-family-base);
  --kc-typography-button-tag-m-font-weight: var(--kc-font-weight-400);
  --kc-typography-button-tag-m-font-size: var(--kc-font-size-12);
  --kc-typography-button-tag-m-line-height: var(--kc-font-line-height-100);
  --kc-typography-button-tag-m-letter-spacing: 0;
  --kc-typography-button-tag-s-font-family: var(--kc-font-family-base);
  --kc-typography-button-tag-s-font-weight: var(--kc-font-weight-400);
  --kc-typography-button-tag-s-font-size: var(--kc-font-size-10);
  --kc-typography-button-tag-s-line-height: var(--kc-font-line-height-100);
  --kc-typography-button-tag-s-letter-spacing: 0;
  --kc-typography-button-tag-secondary-font-family: var(--kc-font-family-base);
  --kc-typography-button-tag-secondary-font-weight: var(--kc-font-weight-400);
  --kc-typography-button-tag-secondary-font-size: var(--kc-font-size-16);
  --kc-typography-button-tag-secondary-line-height: var( --kc-font-line-height-button-tag-secondary );
  --kc-typography-button-tag-secondary-letter-spacing: 0;
}
:root {
  --kc-typography-switch-font-family: var(--kc-font-family-base);
  --kc-typography-switch-font-weight-m: var(--kc-font-weight-500);
  --kc-typography-switch-font-size-m: var(--kc-font-size-16);
  --kc-typography-switch-line-height-m: var(--kc-font-line-height-135);
  --kc-typography-switch-letter-spacing-m: var(--kc-letter-spacing-minus-3);
  --kc-typography-switch-font-family: var(--kc-font-family-base);
  --kc-typography-switch-font-weight-s: var(--kc-font-weight-500);
  --kc-typography-switch-font-size-s: var(--kc-font-size-14);
  --kc-typography-switch-line-height-s: var(--kc-font-line-height-130);
  --kc-typography-switch-letter-spacing-s: var(--kc-letter-spacing-minus-3);
}
:root {
  --kc-typography-input-font-family: var(--kc-font-family-base);
  --kc-typography-input-font-weight: var(--kc-font-weight-400);
  --kc-typography-input-font-size-m: var(--kc-font-size-16);
  --kc-typography-input-font-size-s: var(--kc-font-size-14);
  --kc-typography-input-font-size-l: var(--kc-font-size-28);
  --kc-typography-input-line-height: var(--kc-font-line-height-input-text);
  --kc-typography-input-letter-spacing: 0;
}
:root {
  --kc-typography-dialog-font-family-title: var(--kc-font-family-base);
  --kc-typography-dialog-font-weight-title: var(--kc-font-weight-600);
  --kc-typography-dialog-font-size-title: var(--kc-font-size-20);
  --kc-typography-dialog-line-height-title: var(--kc-font-line-height-130);
  --kc-typography-dialog-letter-spacing-title: var(--kc-letter-spacing-minus-1);
}
:root {
  --kc-typography-input-font-family-label: var(--kc-font-family-base);
  --kc-typography-input-font-weight-label: var(--kc-font-weight-400);
  --kc-typography-input-font-size-label-m: var(--kc-font-size-14);
  --kc-typography-input-font-size-label-s: var(--kc-font-size-12);
  --kc-typography-input-font-size-label-l: var(--kc-font-size-16);
  --kc-typography-input-line-height-label: var(--kc-font-line-height-100);
  --kc-typography-input-letter-spacing-label: 0;
  --kc-typography-input-font-family-available: var(--kc-font-family-gilroy);
  --kc-typography-input-font-weight-available: var(--kc-font-weight-500);
  --kc-typography-input-line-height-available: var(--kc-font-line-height-130);
  --kc-typography-input-letter-spacing-available: var( --kc-letter-spacing-minus-1 );
}
:root {
  --kc-typography-input-font-size-error: var(--kc-font-size-12);
}
:root {
  --kc-typography-dropdown-default-font-family: var(--kc-font-family-raleway);
  --kc-typography-dropdown-default-font-weight: var(--kc-font-weight-500);
  --kc-typography-dropdown-default-font-size: var(--kc-font-size-16);
  --kc-typography-dropdown-default-line-height: var(--kc-font-line-height-100);
  --kc-typography-dropdown-default-letter-spacing: 0;
  --kc-typography-dropdown-list-font-family-m: var(--kc-font-family-raleway);
  --kc-typography-dropdown-list-font-weight-m: var(--kc-font-weight-400);
  --kc-typography-dropdown-list-font-size-m: var(--kc-font-size-16);
  --kc-typography-dropdown-list-line-height-m: var(--kc-font-line-height-135);
  --kc-typography-dropdown-list-letter-spacing-m: var( --kc-letter-spacing-minus-1 );
  --kc-typography-dropdown-list-font-family-s: var(--kc-font-family-raleway);
  --kc-typography-dropdown-list-font-weight-s: var(--kc-font-weight-400);
  --kc-typography-dropdown-list-font-size-s: var(--kc-font-size-14);
  --kc-typography-dropdown-list-line-height-s: var(--kc-font-line-height-135);
  --kc-typography-dropdown-list-letter-spacing-s: var( --kc-letter-spacing-minus-1 );
  --kc-typography-dropdown-item-font-family: var(--kc-font-family-base);
  --kc-typography-dropdown-item-font-weight: var(--kc-font-weight-500);
  --kc-typography-dropdown-item-font-size: var(--kc-font-size-14);
  --kc-typography-dropdown-item-line-height: var(--kc-font-line-height-130);
  --kc-typography-dropdown-item-letter-spacing: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-toggle-xs-font-family: var(--kc-font-family-base);
  --kc-typography-toggle-xs-font-weight: var(--kc-font-weight-500);
  --kc-typography-toggle-xs-font-size: var(--kc-font-size-12);
  --kc-typography-toggle-xs-line-height: var(--kc-font-line-height-130);
  --kc-typography-toggle-xs-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-toggle-sm-font-family: var(--kc-font-family-base);
  --kc-typography-toggle-sm-font-weight: var(--kc-font-weight-500);
  --kc-typography-toggle-sm-font-size: var(--kc-font-size-14);
  --kc-typography-toggle-sm-line-height: var(--kc-font-line-height-130);
  --kc-typography-toggle-sm-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-toggle-md-font-family: var(--kc-font-family-base);
  --kc-typography-toggle-md-font-weight: var(--kc-font-weight-500);
  --kc-typography-toggle-md-font-size: var(--kc-font-size-16);
  --kc-typography-toggle-md-line-height: var(--kc-font-line-height-135);
  --kc-typography-toggle-md-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-toggle-lg-font-family: var(--kc-font-family-base);
  --kc-typography-toggle-lg-font-weight: var(--kc-font-weight-500);
  --kc-typography-toggle-lg-font-size: var(--kc-font-size-18);
  --kc-typography-toggle-lg-line-height: var(--kc-font-line-height-130);
  --kc-typography-toggle-lg-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-toggle-xlg-font-family: var(--kc-font-family-base);
  --kc-typography-toggle-xlg-font-weight: var(--kc-font-weight-500);
  --kc-typography-toggle-xlg-font-size: var(--kc-font-size-20);
  --kc-typography-toggle-xlg-line-height: var(--kc-font-line-height-130);
  --kc-typography-toggle-xlg-letter-spacing: var(--kc-letter-spacing-minus-1);
}
:root {
  --kc-typography-checkbox-xs-font-family: var(--kc-font-family-base);
  --kc-typography-checkbox-xs-font-weight: var(--kc-font-weight-500);
  --kc-typography-checkbox-xs-font-size: var(--kc-font-size-12);
  --kc-typography-checkbox-xs-line-height: var(--kc-font-line-height-130);
  --kc-typography-checkbox-xs-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-checkbox-sm-font-family: var(--kc-font-family-base);
  --kc-typography-checkbox-sm-font-weight: var(--kc-font-weight-500);
  --kc-typography-checkbox-sm-font-size: var(--kc-font-size-14);
  --kc-typography-checkbox-sm-line-height: var(--kc-font-line-height-130);
  --kc-typography-checkbox-sm-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-checkbox-md-font-family: var(--kc-font-family-base);
  --kc-typography-checkbox-md-font-weight: var(--kc-font-weight-500);
  --kc-typography-checkbox-md-font-size: var(--kc-font-size-16);
  --kc-typography-checkbox-md-line-height: var(--kc-font-line-height-135);
  --kc-typography-checkbox-md-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-checkbox-lg-font-family: var(--kc-font-family-base);
  --kc-typography-checkbox-lg-font-weight: var(--kc-font-weight-500);
  --kc-typography-checkbox-lg-font-size: var(--kc-font-size-18);
  --kc-typography-checkbox-lg-line-height: var(--kc-font-line-height-130);
  --kc-typography-checkbox-lg-letter-spacing: var(--kc-letter-spacing-minus-1);
  --kc-typography-checkbox-xlg-font-family: var(--kc-font-family-base);
  --kc-typography-checkbox-xlg-font-weight: var(--kc-font-weight-500);
  --kc-typography-checkbox-xlg-font-size: var(--kc-font-size-20);
  --kc-typography-checkbox-xlg-line-height: var(--kc-font-line-height-130);
  --kc-typography-checkbox-xlg-letter-spacing: var(--kc-letter-spacing-minus-1);
}
:root {
  --kc-swap-input-font-family-footer: var(--kc-font-family-base);
  --kc-swap-input-font-font-weight-balance-m: var(--kc-font-weight-400);
  --kc-swap-input-font-font-size-balance-m: var(--kc-font-size-16);
  --kc-swap-input-font-line-height-balance-m: var(--kc-font-line-height-135);
  --kc-swap-input-font-letter-spacing-balance-m: var( --kc-letter-spacing-minus-1 );
  --kc-swap-input-font-weight-balance-s: var(--kc-font-weight-400);
  --kc-swap-input-font-size-balance-s: var(--kc-font-size-14);
  --kc-swap-input-font-line-height-balance-s: var(--kc-font-line-height-130);
  --kc-swap-input-font-letter-spacing-balance-s: var( --kc-letter-spacing-minus-3 );
  --kc-swap-input-font-font-weight-usd-price-m: var(--kc-font-weight-400);
  --kc-swap-input-font-font-size-usd-price-m: var(--kc-font-size-16);
  --kc-swap-input-font-line-height-balance-m: var(--kc-font-line-height-100);
  --kc-swap-input-font-letter-spacing-usd-price-s: var( --kc-letter-spacing-minus-3 );
  --kc-swap-input-font-weight-usd-price-s: var(--kc-font-weight-400);
  --kc-swap-input-font-size-usd-price-s: var(--kc-font-size-14);
  --kc-swap-input-font-line-height-usd-price-s: var(--kc-font-line-height-130);
  --kc-swap-input-font-letter-spacing-usd-price-m: 0;
  --kc-swap-input-font-weight-input-s: var(--kc-font-weight-600);
  --kc-swap-input-font-size-input-s: var(--kc-font-size-20);
  --kc-swap-input-font-line-height-input-s: var(--kc-font-line-height-130);
  --kc-swap-input-letter-spacing-input-s: var(--kc-letter-spacing-minus-1);
  --kc-swap-input-font-size-header-s: (--kc-font-size-14) --kc-swap-input-font-weight-header-s: var(--kc-font-weight-500) --kc-swap-input-line-height-header-s: var(--kc-font-line-height-130) --kc-swap-input-letter-spacing-header-s: var(--kc-letter-spacing-minus-3);
}
:root {
  --kc-typography-snackbar-title-font-family: var(--kc-font-family-base);
  --kc-typography-snackbar-title-font-weight: var(--kc-font-weight-600);
  --kc-typography-snackbar-title-font-size: var(--kc-font-size-16);
  --kc-typography-snackbar-title-line-height: var( --kc-font-line-height-title-snackbar );
  --kc-typography-snackbar-title-letter-spacing: 0;
  --kc-typography-snackbar-message-font-family: var(--kc-font-family-base);
  --kc-typography-snackbar-message-font-weight: var(--kc-font-weight-400);
  --kc-typography-snackbar-message-font-size: var(--kc-font-size-14);
  --kc-typography-snackbar-message-line-height: var( --kc-font-line-height-input-text );
  --kc-typography-snackbar-message-letter-spacing: 0;
  --kc-typography-snackbar-link-font-family: var(--kc-font-family-base);
  --kc-typography-snackbar-link-font-weight: var(--kc-font-weight-400);
  --kc-typography-snackbar-link-font-size: var(--kc-font-size-14);
  --kc-typography-snackbar-link-line-height: var(--kc-font-line-height-130);
  --kc-typography-snackbar-link-letter-spacing: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-vertical-nav-font-family: var(--kc-font-family-base);
  --kc-typography-vertical-nav-font-weight-label: var(--kc-font-weight-500);
  --kc-typography-vertical-nav-font-size-label: var(--kc-font-size-16);
  --kc-typography-vertical-nav-line-height-label: var( --kc-font-line-height-135 );
  --kc-typography-vertical-nav-letter-spacing-label: var( --kc-letter-spacing-minus-1 );
  --kc-typography-vertical-nav-font-weight-description: var( --kc-font-weight-400 );
  --kc-typography-vertical-nav-font-size-description: var(--kc-font-size-14);
  --kc-typography-vertical-nav-line-height-description: var( --kc-font-line-height-130 );
  --kc-typography-vertical-nav-letter-spacing-description: var( --kc-letter-spacing-minus-1 );
  --kc-typography-vertical-nav-font-weight-label-selected: var( --kc-font-weight-500 );
  --kc-typography-vertical-nav-font-size-label-selected: var(--kc-font-size-16);
  --kc-typography-vertical-nav-line-height-label-selected: var( --kc-font-line-height-135 );
  --kc-typography-vertical-nav-letter-spacing-label-selected: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-font-line-height-90: 90%;
  --kc-font-line-height-100: 100%;
  --kc-font-line-height-103: 103%;
  --kc-font-line-height-130: 130%;
  --kc-font-line-height-135: 135%;
  --kc-font-line-height-button-tag-secondary: 20.02px;
  --kc-font-line-height-input-text: 20.02px;
  --kc-font-line-height-title-snackbar: 20.02px;
}
:root {
  --kc-letter-spacing-minus-3: -3%;
  --kc-letter-spacing-minus-2: -2%;
  --kc-letter-spacing-minus-1: -1%;
}
:root {
  --kc-typography-info-value-font-family-xs: var(--kc-font-family-base);
  --kc-typography-info-value-font-weight-xs: var(--kc-font-weight-500);
  --kc-typography-info-value-font-size-xs: var(--kc-font-size-10);
  --kc-typography-info-value-line-height-xs: var(--kc-font-line-height-135);
  --kc-typography-info-value-letter-spacing-xs: var( --kc-letter-spacing-minus-3 );
  --kc-typography-info-value-font-family-sm: var(--kc-font-family-base);
  --kc-typography-info-value-font-weight-sm: var(--kc-font-weight-500);
  --kc-typography-info-value-font-size-sm: var(--kc-font-size-14);
  --kc-typography-info-value-line-height-sm: var(--kc-font-line-height-135);
  --kc-typography-info-value-letter-spacing-sm: var( --kc-letter-spacing-minus-3 );
  --kc-typography-info-value-font-family-md: var(--kc-font-family-base);
  --kc-typography-info-value-font-weight-md: var(--kc-font-weight-500);
  --kc-typography-info-value-font-size-md: var(--kc-font-size-16);
  --kc-typography-info-value-line-height-md: var(--kc-font-line-height-135);
  --kc-typography-info-value-letter-spacing-md: var( --kc-letter-spacing-minus-3 );
  --kc-typography-info-value-font-family-lg: var(--kc-font-family-base);
  --kc-typography-info-value-font-weight-lg: var(--kc-font-weight-500);
  --kc-typography-info-value-font-size-lg: var(--kc-font-size-18);
  --kc-typography-info-value-line-height-lg: var(--kc-font-line-height-135);
  --kc-typography-info-value-letter-spacing-lg: var( --kc-letter-spacing-minus-3 );
  --kc-typography-info-value-font-family-xlg: var(--kc-font-family-base);
  --kc-typography-info-value-font-weight-xlg: var(--kc-font-weight-500);
  --kc-typography-info-value-font-size-xlg: var(--kc-font-size-20);
  --kc-typography-info-value-line-height-xlg: var(--kc-font-line-height-135);
  --kc-typography-info-value-letter-spacing-xlg: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-dual-token-font-family-xs: var(--kc-font-family-base);
  --kc-typography-dual-token-font-weight-xs: var(--kc-font-weight-500);
  --kc-typography-dual-token-font-size-xs: var(--kc-font-size-10);
  --kc-typography-dual-token-line-height-xs: var(--kc-font-line-height-135);
  --kc-typography-dual-token-letter-spacing-xs: var(--kc-letter-spacing-minus-3);
  --kc-typography-dual-token-font-family-sm: var(--kc-font-family-base);
  --kc-typography-dual-token-font-weight-sm: var(--kc-font-weight-500);
  --kc-typography-dual-token-font-size-sm: var(--kc-font-size-14);
  --kc-typography-dual-token-line-height-sm: var(--kc-font-line-height-135);
  --kc-typography-dual-token-letter-spacing-sm: var(--kc-letter-spacing-minus-3);
  --kc-typography-dual-token-font-family-md: var(--kc-font-family-base);
  --kc-typography-dual-token-font-weight-md: var(--kc-font-weight-500);
  --kc-typography-dual-token-font-size-md: var(--kc-font-size-16);
  --kc-typography-dual-token-line-height-md: var(--kc-font-line-height-135);
  --kc-typography-dual-token-letter-spacing-md: var(--kc-letter-spacing-minus-3);
  --kc-typography-dual-token-font-family-lg: var(--kc-font-family-base);
  --kc-typography-dual-token-font-weight-lg: var(--kc-font-weight-500);
  --kc-typography-dual-token-font-size-lg: var(--kc-font-size-20);
  --kc-typography-dual-token-line-height-lg: var(--kc-font-line-height-135);
  --kc-typography-dual-token-letter-spacing-lg: var(--kc-letter-spacing-minus-3);
  --kc-typography-dual-token-font-family-xlg: var(--kc-font-family-base);
  --kc-typography-dual-token-font-weight-xlg: var(--kc-font-weight-500);
  --kc-typography-dual-token-font-size-xlg: var(--kc-font-size-40);
  --kc-typography-dual-token-line-height-xlg: var(--kc-font-line-height-135);
  --kc-typography-dual-token-letter-spacing-xlg: var(--kc-letter-spacing-minus-3);
}
:root {
  --kc-typography-table-header-font-family: var(--kc-font-family-base);
  --kc-typography-table-header-font-weight: var(--kc-font-weight-500);
  --kc-typography-table-header-font-size: var(--kc-font-size-14);
  --kc-typography-table-header-line-height: var(--kc-font-line-height-130);
  --kc-typography-table-header-letter-spacing: var(--kc-letter-spacing-minus-3);
  --kc-typography-table-sort-icon-font-size: 18px;
  --kc-font-size-sort-arrow: 8px;
  --kc-typography-dual-token-letter-spacing-xlg: var( --kc-letter-spacing-minus-3 );
}
:root {
  --kc-typography-tooltip-font-family: var(--kc-font-family-base);
  --kc-typography-tooltip-font-weight: var(--kc-font-weight-500);
  --kc-typography-tooltip-font-size: var(--kc-font-size-12);
  --kc-typography-tooltip-line-height: var(--kc-font-line-height-130);
  --kc-typography-tooltip-letter-spacing: var(--kc-letter-spacing-minus-1);
}
:root {
  --kc-duration-instant: 0s;
  --kc-duration-fastest: 0.1s;
  --kc-duration-faster: 0.15s;
  --kc-duration-fast: 0.2s;
  --kc-duration-normal: 0.3s;
  --kc-duration-slow: 0.4s;
  --kc-duration-slower: 0.6s;
  --kc-duration-slowest: 0.8s;
}
:root {
  --kc-ease-linear: linear;
  --kc-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --kc-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --kc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --kc-ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --kc-ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --kc-ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --kc-ease-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --kc-ease-enter: var(--kc-ease-out);
  --kc-ease-exit: var(--kc-ease-in);
  --kc-ease-interactive: var(--kc-ease-in-out);
}
:root {
  --kc-transition-micro: var(--kc-duration-fastest) var(--kc-ease-interactive);
  --kc-transition-fast: var(--kc-duration-fast) var(--kc-ease-interactive);
  --kc-transition-normal: var(--kc-duration-normal) var(--kc-ease-interactive);
  --kc-transition-smooth: var(--kc-duration-normal) var(--kc-ease-smooth);
  --kc-transition-modal: var(--kc-duration-slow) var(--kc-ease-out);
  --kc-transition-page: var(--kc-duration-slower) var(--kc-ease-in-out);
  --kc-transition-loading: var(--kc-duration-slowest) var(--kc-ease-linear);
  --kc-spinner-duration: 1s;
}
:root {
  --kc-transition-button: var(--kc-duration-fastest) var(--kc-ease-interactive);
  --kc-transition-button-shadow: var(--kc-duration-fast) var(--kc-ease-out);
  --kc-transition-input: var(--kc-duration-fast) var(--kc-ease-interactive);
  --kc-transition-input-focus: var(--kc-duration-normal) var(--kc-ease-out);
  --kc-transition-card: var(--kc-duration-normal) var(--kc-ease-smooth);
  --kc-transition-elevation: var(--kc-duration-fast) var(--kc-ease-out);
  --kc-transition-nav: var(--kc-duration-normal) var(--kc-ease-interactive);
  --kc-transition-dropdown: var(--kc-duration-fast) var(--kc-ease-out);
  --kc-transition-overlay: var(--kc-duration-normal) var(--kc-ease-interactive);
  --kc-transition-modal-backdrop: var(--kc-duration-slow) var(--kc-ease-out);
  --kc-transition-toast: var(--kc-duration-normal) var(--kc-ease-spring);
  --kc-transition-notification: var(--kc-duration-slow) var(--kc-ease-out);
  --kc-transition-skeleton: var(--kc-duration-slowest) var(--kc-ease-linear);
  --kc-transition-spinner: var(--kc-duration-loading) var(--kc-ease-linear);
  --kc-transition-table-skeleton: 1.5s;
}
@keyframes kc-spinner-blade {
  0% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes kc-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kc-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes kc-scale-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes kc-scale-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes kc-slide-up {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes kc-slide-down {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes kc-slide-left {
  from {
    opacity: 0;
    transform: translateX(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes kc-slide-right {
  from {
    opacity: 0;
    transform: translateX(-1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes kc-bounce {
  0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes kc-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kc-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes kc-shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
@keyframes kc-glow {
  0%, 100% {
    box-shadow: 0 0 5px var(--kc-color-primary);
  }
  50% {
    box-shadow: 0 0 20px var(--kc-color-primary);
  }
}
.kc-animate-fade-in {
  animation: kc-fade-in var(--kc-duration-normal) var(--kc-ease-out) forwards;
}
.kc-animate-fade-out {
  animation: kc-fade-out var(--kc-duration-normal) var(--kc-ease-in) forwards;
}
.kc-animate-scale-in {
  animation: kc-scale-in var(--kc-duration-normal) var(--kc-ease-spring) forwards;
}
.kc-animate-scale-out {
  animation: kc-scale-out var(--kc-duration-fast) var(--kc-ease-in) forwards;
}
.kc-animate-slide-up {
  animation: kc-slide-up var(--kc-duration-normal) var(--kc-ease-out) forwards;
}
.kc-animate-slide-down {
  animation: kc-slide-down var(--kc-duration-normal) var(--kc-ease-out) forwards;
}
.kc-animate-slide-left {
  animation: kc-slide-left var(--kc-duration-normal) var(--kc-ease-out) forwards;
}
.kc-animate-slide-right {
  animation: kc-slide-right var(--kc-duration-normal) var(--kc-ease-out) forwards;
}
.kc-animate-bounce {
  animation: kc-bounce 1s ease infinite;
}
.kc-animate-pulse {
  animation: kc-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.kc-animate-spin {
  animation: kc-spin var(--kc-duration-normal) linear infinite;
}
.kc-animate-shimmer {
  background:
    linear-gradient(
      90deg,
      var(--kc-bg-surface) 0%,
      var(--kc-bg-surface-elevated) 50%,
      var(--kc-bg-surface) 100%);
  background-size: 200px 100%;
  animation: kc-shimmer 1.5s ease-in-out infinite;
}
.kc-animate-glow {
  animation: kc-glow 2s ease-in-out infinite;
}
.kc-transition-none {
  transition: none;
}
.kc-transition-all {
  transition: all var(--kc-transition-normal);
}
.kc-transition-opacity {
  transition: opacity var(--kc-transition-fast);
}
.kc-transition-transform {
  transition: transform var(--kc-transition-normal);
}
.kc-transition-colors {
  transition:
    color var(--kc-transition-fast),
    background-color var(--kc-transition-fast),
    border-color var(--kc-transition-fast);
}
.kc-transition-shadow {
  transition: box-shadow var(--kc-transition-normal);
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .kc-animate-pulse,
  .kc-animate-bounce,
  .kc-animate-spin,
  .kc-animate-shimmer,
  .kc-animate-glow {
    animation: none !important;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("./media/defi-icomoon-7JNZNKWC.eot?umsmtd");
  src:
    url("./media/defi-icomoon-7JNZNKWC.eot?umsmtd#iefix") format("embedded-opentype"),
    url("./media/defi-icomoon-HSBYSRIH.ttf?umsmtd") format("truetype"),
    url("./media/defi-icomoon-7FPH733W.woff?umsmtd") format("woff"),
    url("./media/defi-icomoon-YS24NWHF.svg?umsmtd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon-list-todo:before {
  content: "\ec7b";
}
.icon-icon-noun-people-7102174:before {
  content: "\ec7c";
}
.icon-zap:before {
  content: "\ec79";
}
.icon-help-circle:before {
  content: "\ec77";
}
.icon-arrow-narrow-up:before {
  content: "\ec6c";
}
.icon-percent-01:before {
  content: "\ec76";
}
.icon-loading-02:before {
  content: "\ec75";
}
.icon-arrow-narrow-right:before {
  content: "\ec2a";
}
.icon-refresh-ccw-04:before {
  content: "\ec59";
}
.icon-switch-vertical-01:before {
  content: "\ec5a";
}
.icon-switch-vertical-02:before {
  content: "\ec5b";
}
.icon-coins-02:before {
  content: "\ec5c";
}
.icon-credit-card-upload:before {
  content: "\ec5d";
}
.icon-wallet-03:before {
  content: "\ec5e";
}
.icon-check-circle:before {
  content: "\ec5f";
}
.icon-check-verified-02:before {
  content: "\ec60";
}
.icon-check:before {
  content: "\ec61";
}
.icon-copy-03:before {
  content: "\ec62";
}
.icon-copy-06:before {
  content: "\ec63";
}
.icon-dots-vertical:before {
  content: "\ec64";
}
.icon-double-check:before {
  content: "\ec65";
}
.icon-info-circle:before {
  content: "\ec66";
}
.icon-log-out-01:before {
  content: "\ec67";
}
.icon-menu-01:before {
  content: "\ec68";
}
.icon-menu-03:before {
  content: "\ec69";
}
.icon-minde:before {
  content: "\ec6a";
}
.icon-minus:before {
  content: "\ec6b";
}
.icon-search-md:before {
  content: "\ec6d";
}
.icon-settings-01:before {
  content: "\ec6e";
}
.icon-upload-cloud-02:before {
  content: "\ec6f";
}
.icon-watter:before {
  content: "\ec70";
}
.icon-x-circle:before {
  content: "\ec71";
}
.icon-x-close:before {
  content: "\ec72";
}
.icon-alert-triangle:before {
  content: "\ec73";
}
.icon-send-01:before {
  content: "\ec74";
}
.icon-chain:before {
  content: "\eb37";
}
.icon-sidebar-collapse:before {
  content: "\e90e";
}
.icon-sidebar-expand:before {
  content: "\eb29";
}
.icon-layout-sidebar-left-collapse-1:before {
  content: "\eb2a";
}
.icon-layout-sidebar-left-expand:before {
  content: "\e90f";
}
.icon-layout-sidebar-left-collapse-11:before {
  content: "\eb2b";
}
.icon-cart:before {
  content: "\ecb7";
}
.icon-nft2:before {
  content: "\e90c";
}
.icon-Copy:before {
  content: "\eb35";
}
.icon-medal:before {
  content: "\e900";
  color: #6fc7ba;
}
.icon-Copy---Copy:before {
  content: "\e901";
  color: #cde6eb;
}
.icon-trophy:before {
  content: "\eb33";
}
.icon-1:before {
  content: "\eb34";
}
.icon-nft:before {
  content: "\eb32";
}
.icon-NFT---v1:before {
  content: "\e902";
}
.icon-NFT---v2:before {
  content: "\e903";
}
.icon-NFT---v3:before {
  content: "\e904";
}
.icon-nft1:before {
  content: "\eb36";
}
.icon-NFT-Icon:before {
  content: "\e905";
  color: #38a6fb;
}
.icon-icon1:before {
  content: "\e906";
}
.icon-trophy-notification:before {
  content: "\eb31";
}
.icon-trophy1:before {
  content: "\e907";
}
.icon-sold-out:before {
  content: "\eb2f";
}
.icon-badge-check:before {
  content: "\eb30";
}
.icon-bell-ring:before {
  content: "\eb2e";
}
.icon-announcement:before {
  content: "\eb2d";
}
.icon-announcement-megaphone-1:before {
  content: "\eb38";
}
.icon-announcement1:before {
  content: "\eb39";
}
.icon-announcement2:before {
  content: "\eb3a";
}
.icon-check1:before {
  content: "\eb3b";
}
.icon-general-notification:before {
  content: "\eb3c";
}
.icon-sold-out1:before {
  content: "\eb3d";
}
.icon-sold-out2:before {
  content: "\eb3e";
}
.icon-deposit:before {
  content: "\eb2c";
}
.icon-withdraw:before {
  content: "\fffd";
}
.icon-discord:before {
  content: "\eb27";
  color: #5865f2;
}
.icon-medium:before {
  content: "\eb28";
}
.icon-telegram:before {
  content: "\eb3f";
  color: #1b92d1;
}
.icon-twitter:before {
  content: "\eb40";
}
.icon-reddit:before {
  content: "\eb41";
}
.icon-gas-fee:before {
  content: "\eb26";
}
.icon-more-menu:before {
  content: "\eb25";
}
.icon-kaspa-coin:before {
  content: "\eb24";
  color: #6fc7ba;
}
.icon-kaspa-coin1 .path1:before {
  content: "\eb42";
  color: rgb(26, 26, 26);
}
.icon-kaspa-coin1 .path2:before {
  content: "\eb43";
  margin-left: -1.0009765625em;
  color: rgb(111, 199, 186);
}
.icon-right-arrow:before {
  content: "\eb23";
}
.icon-sort:before {
  content: "\eb22";
}
.icon-dollar:before {
  content: "\e908";
}
.icon-filter-svg:before {
  content: "\eb44";
}
.icon-test:before {
  content: "\e909";
}
.icon-test1:before {
  content: "\eb45";
}
.icon-test2:before {
  content: "\eb46";
}
.icon-noun-trade-2103709:before {
  content: "\e90a";
}
.icon-top-holders:before {
  content: "\eb47";
}
.icon-noun-group-597105:before {
  content: "\e90b";
}
.icon-noun-group-597105-1:before {
  content: "\e910";
}
.icon-noun-group-5971051:before {
  content: "\eb48";
}
.icon-funding:before {
  content: "\eb49";
}
.icon-noun-avatar-853971:before {
  content: "\eb4a";
}
.icon-economy:before {
  content: "\eb4b";
}
.icon-people-funding:before {
  content: "\eb4c";
}
.icon-noun-shareholders-1333632:before {
  content: "\e90d";
}
.icon-sentiment-heart:before {
  content: "\eada";
}
.icon-sentiment-rocket:before {
  content: "\eadb";
}
.icon-sentiment-smile:before {
  content: "\eb1f";
}
.icon-sentiment-negative:before {
  content: "\eb20";
}
.icon-sentiment-danger:before {
  content: "\eb21";
}
.icon-fire:before {
  content: "\ead9";
}
.icon-double-arrow-right-icon:before {
  content: "\ea6a";
}
.icon-referrals:before {
  content: "\ea3d";
}
.icon-referral-customer-icon:before {
  content: "\ea3e";
}
.icon-rocket:before {
  content: "\ea04";
}
.icon-krc20-tokens:before {
  content: "\ea03";
}
.icon-transfer-tokens:before {
  content: "\e970";
}
.icon-transfer-tokens1:before {
  content: "\e971";
}
.icon-transfer-tokens2:before {
  content: "\eb4d";
}
.icon-crypto-wallet-svgrepo-com6:before {
  content: "\eb4e";
}
.icon-crypto-wallet-svgrepo-com5:before {
  content: "\eb4f";
}
.icon-crypto-wallet-svgrepo-com4:before {
  content: "\eb50";
}
.icon-crypto-wallet-svgrepo-com:before {
  content: "\e911";
}
.icon-transfer-tokens3:before {
  content: "\e972";
}
.icon-check-details:before {
  content: "\e912";
}
.icon-details-check:before {
  content: "\e913";
}
.icon-kaspa-wallet:before {
  content: "\e914";
}
.icon-kaspa-wallet1:before {
  content: "\e915";
}
.icon-kaspa-wallet2 .path1:before {
  content: "\e916";
  color: rgb(0, 0, 0);
}
.icon-kaspa-wallet2 .path2:before {
  content: "\e917";
  margin-left: -0.9775390625em;
  color: rgb(110, 198, 185);
}
.icon-kaspa-wallet2 .path3:before {
  content: "\e918";
  margin-left: -0.9775390625em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com1 .path1:before {
  content: "\e919";
  color: rgb(0, 0, 0);
}
.icon-crypto-wallet-svgrepo-com1 .path2:before {
  content: "\e91a";
  margin-left: -0.9775390625em;
  color: rgb(110, 198, 185);
}
.icon-crypto-wallet-svgrepo-com1 .path3:before {
  content: "\e91b";
  margin-left: -0.9775390625em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com2 .path1:before {
  content: "\e91c";
  color: rgb(0, 0, 0);
}
.icon-crypto-wallet-svgrepo-com2 .path2:before {
  content: "\e91d";
  margin-left: -0.9775390625em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com2 .path3:before {
  content: "\e91e";
  margin-left: -0.9775390625em;
  color: rgb(111, 199, 186);
}
.icon-crypto-wallet-svgrepo-com3 .path1:before {
  content: "\e91f";
  color: rgb(0, 0, 0);
  opacity: 0.2;
}
.icon-crypto-wallet-svgrepo-com3 .path2:before {
  content: "\e920";
  margin-left: -0.82421875em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com3 .path3:before {
  content: "\e921";
  margin-left: -0.82421875em;
  color: rgb(111, 199, 186);
}
.icon-crypto-wallet-svgrepo-com7 .path1:before {
  content: "\e922";
  color: rgb(0, 0, 0);
}
.icon-crypto-wallet-svgrepo-com7 .path2:before {
  content: "\e923";
  margin-left: -0.82421875em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com7 .path3:before {
  content: "\e924";
  margin-left: -0.82421875em;
  color: rgb(111, 199, 186);
}
.icon-crypto-wallet-svgrepo-com8 .path1:before {
  content: "\e925";
  color: rgb(0, 0, 0);
}
.icon-crypto-wallet-svgrepo-com8 .path2:before {
  content: "\e926";
  margin-left: -0.82421875em;
  color: rgb(26, 26, 26);
}
.icon-crypto-wallet-svgrepo-com8 .path3:before {
  content: "\e927";
  margin-left: -0.82421875em;
  color: rgb(111, 199, 186);
}
.icon-svgviewer-output:before {
  content: "\eb51";
}
.icon-crypto-wallet-svgrepo-com31:before {
  content: "\e928";
}
.icon-crypto-wallet-svgrepo-com21:before {
  content: "\eb52";
  color: #fff;
}
.icon-crypto-wallet-svgrepo-com11:before {
  content: "\e929";
  color: #47495f;
}
.icon-crypto-wallet-svgrepo-com9:before {
  content: "\eb53";
  color: #47495f;
}
.icon-seBuWC01:before {
  content: "\e92a";
}
.icon-e6e6c6c7-f593-4663-b8a6-a42e06d25c19:before {
  content: "\e92b";
}
.icon-add-file:before {
  content: "\eb1d";
}
.icon-add-folder:before {
  content: "\eb1e";
}
.icon-activity:before {
  content: "\e92c";
}
.icon-add:before {
  content: "\e92d";
}
.icon-add-10px:before {
  content: "\e92e";
}
.icon-add-12px:before {
  content: "\e92f";
}
.icon-add-20px:before {
  content: "\e930";
}
.icon-add-circle:before {
  content: "\e931";
}
.icon-add-circle-12px:before {
  content: "\e932";
}
.icon-add-circle-20px:before {
  content: "\e933";
}
.icon-add-circle-filled:before {
  content: "\e934";
}
.icon-add-circle-filled-12px:before {
  content: "\e935";
}
.icon-add-circle-filled-20px:before {
  content: "\e936";
}
.icon-agents:before {
  content: "\e937";
}
.icon-agents-12px:before {
  content: "\e938";
}
.icon-agents-20px:before {
  content: "\e939";
}
.icon-alerted-license:before {
  content: "\e93a";
}
.icon-alerted-license-12px:before {
  content: "\e93b";
}
.icon-alerted-license-20px:before {
  content: "\e93c";
}
.icon-analytics:before {
  content: "\e93d";
}
.icon-analytics-12px:before {
  content: "\e93e";
}
.icon-analytics-20px:before {
  content: "\e93f";
}
.icon-archive:before {
  content: "\e940";
}
.icon-archive-12px:before {
  content: "\e941";
}
.icon-archive-20px:before {
  content: "\e942";
}
.icon-arrow-12px-down:before {
  content: "\e943";
}
.icon-arrow-12px-left:before {
  content: "\e944";
}
.icon-arrow-12px-right:before {
  content: "\e945";
}
.icon-arrow-12px-up:before {
  content: "\e946";
}
.icon-arrow-20px-down:before {
  content: "\e947";
}
.icon-arrow-20px-left:before {
  content: "\e948";
}
.icon-arrow-20px-right:before {
  content: "\e949";
}
.icon-arrow-20px-up:before {
  content: "\e94a";
}
.icon-arrow-down:before {
  content: "\e94b";
}
.icon-arrow-left:before {
  content: "\e94c";
}
.icon-arrow-right:before {
  content: "\e94d";
}
.icon-arrow-up:before {
  content: "\e94e";
}
.icon-article:before {
  content: "\e94f";
}
.icon-article-12px:before {
  content: "\e950";
}
.icon-article-20px:before {
  content: "\e951";
}
.icon-artifacts:before {
  content: "\e952";
}
.icon-artifacts-12px:before {
  content: "\e953";
}
.icon-artifacts-20px:before {
  content: "\e954";
}
.icon-artifacts-add:before {
  content: "\e955";
}
.icon-artifacts-add-12px:before {
  content: "\e956";
}
.icon-artifacts-add-20px:before {
  content: "\e957";
}
.icon-asterisk:before {
  content: "\e958";
}
.icon-asterisk-10px:before {
  content: "\e959";
}
.icon-asterisk-12px:before {
  content: "\e95a";
}
.icon-asterisk-20px:before {
  content: "\e95b";
}
.icon-attachment:before {
  content: "\e95c";
}
.icon-attachment-12px:before {
  content: "\e95d";
}
.icon-attachment-20px:before {
  content: "\e95e";
}
.icon-average:before {
  content: "\e95f";
}
.icon-bars:before {
  content: "\e960";
}
.icon-bars-12px:before {
  content: "\e961";
}
.icon-bars-20px:before {
  content: "\e962";
}
.icon-bell:before {
  content: "\e963";
}
.icon-bell-12px:before {
  content: "\e964";
}
.icon-bell-20px:before {
  content: "\e965";
}
.icon-bell-crossed:before {
  content: "\e966";
}
.icon-bell-crossed-12px:before {
  content: "\e967";
}
.icon-bell-crossed-20px:before {
  content: "\e968";
}
.icon-bookmark:before {
  content: "\e969";
}
.icon-bookmark-12px:before {
  content: "\e96a";
}
.icon-bookmark-20px:before {
  content: "\e96b";
}
.icon-branches:before {
  content: "\e96c";
}
.icon-branches-12px:before {
  content: "\e96d";
}
.icon-branches-20px:before {
  content: "\e96e";
}
.icon-broken-arrow-12px-down:before {
  content: "\e96f";
}
.icon-broken-arrow-12px-up:before {
  content: "\e973";
}
.icon-broken-arrow-20px-down:before {
  content: "\e974";
}
.icon-broken-arrow-20px-up:before {
  content: "\e975";
}
.icon-broken-arrow-down:before {
  content: "\e976";
}
.icon-broken-arrow-up:before {
  content: "\e977";
}
.icon-bug:before {
  content: "\e978";
}
.icon-bug-12px:before {
  content: "\e979";
}
.icon-bug-20px:before {
  content: "\e97a";
}
.icon-buildType:before {
  content: "\e97b";
}
.icon-buildType-12px:before {
  content: "\e97c";
}
.icon-buildType-12px-arrow:before {
  content: "\e97d";
}
.icon-buildType-12px-fill:before {
  content: "\e97e";
}
.icon-buildType-12px-fill-arrow:before {
  content: "\e97f";
}
.icon-buildType-20px:before {
  content: "\e980";
}
.icon-buildType-20px-arrow:before {
  content: "\e981";
}
.icon-buildType-20px-fill:before {
  content: "\e982";
}
.icon-buildType-20px-fill-arrow:before {
  content: "\e983";
}
.icon-buildType-arrow:before {
  content: "\e984";
}
.icon-buildType-composite:before {
  content: "\e985";
}
.icon-buildType-composite-12px:before {
  content: "\e986";
}
.icon-buildType-composite-12px-arrow:before {
  content: "\e987";
}
.icon-buildType-composite-12px-fill:before {
  content: "\e988";
}
.icon-buildType-composite-12px-fill-arrow:before {
  content: "\e989";
}
.icon-buildType-composite-20px:before {
  content: "\e98a";
}
.icon-buildType-composite-20px-arrow:before {
  content: "\e98b";
}
.icon-buildType-composite-20px-fill:before {
  content: "\e98c";
}
.icon-buildType-composite-20px-fill-arrow:before {
  content: "\e98d";
}
.icon-buildType-composite-arrow:before {
  content: "\e98e";
}
.icon-buildType-composite-fill:before {
  content: "\e98f";
}
.icon-buildType-composite-fill-arrow:before {
  content: "\e990";
}
.icon-buildType-fill:before {
  content: "\e991";
}
.icon-buildType-fill-arrow:before {
  content: "\e992";
}
.icon-burndown:before {
  content: "\e993";
}
.icon-calendar:before {
  content: "\e994";
}
.icon-calendar-12px:before {
  content: "\e995";
}
.icon-calendar-20px:before {
  content: "\e996";
}
.icon-cancel:before {
  content: "\e997";
}
.icon-cancel-12px:before {
  content: "\e998";
}
.icon-cancel-20px:before {
  content: "\e999";
}
.icon-cancel-filled:before {
  content: "\e99a";
}
.icon-cancel-filled-12px:before {
  content: "\e99b";
}
.icon-cancel-filled-20px:before {
  content: "\e99c";
}
.icon-caret-down-10px:before {
  content: "\e99d";
}
.icon-caret-right-10px:before {
  content: "\e99e";
}
.icon-change:before {
  content: "\e99f";
}
.icon-changes:before {
  content: "\e9a0";
}
.icon-changes-12px:before {
  content: "\e9a1";
}
.icon-changes-20px:before {
  content: "\e9a2";
}
.icon-checkmark:before {
  content: "\e9a3";
}
.icon-checkmark-12px:before {
  content: "\e9a4";
}
.icon-checkmark-20px:before {
  content: "\e9a5";
}
.icon-chevron-10px:before {
  content: "\e9a6";
}
.icon-chevron-12px-down:before {
  content: "\e9a7";
}
.icon-chevron-12px-left:before {
  content: "\e9a8";
}
.icon-chevron-12px-right:before {
  content: "\e9a9";
}
.icon-fcolchevron-12px-up:before {
  content: "\e9aa";
}
.icon-chevron-20px-down:before {
  content: "\e9ab";
}
.icon-chevron-20px-left:before {
  content: "\e9ac";
}
.icon-chevron-20px-right:before {
  content: "\e9ad";
}
.icon-chevron-20px-up:before {
  content: "\e9ae";
}
.icon-chevron-down:before {
  content: "\e9af";
}
.icon-chevron-left:before {
  content: "\e9b0";
}
.icon-chevron-right:before {
  content: "\e9b1";
}
.icon-chevron-up:before {
  content: "\e9b2";
}
.icon-close:before {
  content: "\e9b3";
}
.icon-close-12px:before {
  content: "\e9b4";
}
.icon-close-20px:before {
  content: "\e9b5";
}
.icon-cloud:before {
  content: "\e9b6";
}
.icon-cloud-12px:before {
  content: "\e9b7";
}
.icon-cloud-20px:before {
  content: "\e9b8";
}
.icon-code:before {
  content: "\e9b9";
}
.icon-code-12px:before {
  content: "\e9ba";
}
.icon-code-20px:before {
  content: "\e9bb";
}
.icon-collapse:before {
  content: "\e9bc";
}
.icon-collapse-12px:before {
  content: "\e9bd";
}
.icon-collapse-14px:before {
  content: "\e9be";
}
.icon-collapse-20px:before {
  content: "\e9bf";
}
.icon-collapse-all:before {
  content: "\e9c0";
}
.icon-collapse-all-12px:before {
  content: "\e9c1";
}
.icon-collapse-all-20px:before {
  content: "\e9c2";
}
.icon-comment:before {
  content: "\e9c3";
}
.icon-comment-12px:before {
  content: "\e9c4";
}
.icon-comment-20px:before {
  content: "\e9c5";
}
.icon-commit:before {
  content: "\e9c6";
}
.icon-commit-12px:before {
  content: "\e9c7";
}
.icon-commit-20px:before {
  content: "\e9c8";
}
.icon-compare:before {
  content: "\e9c9";
}
.icon-compare-12px:before {
  content: "\e9ca";
}
.icon-compare-20px:before {
  content: "\e9cb";
}
.icon-copy:before {
  content: "\e9cc";
}
.icon-copy-12px:before {
  content: "\e9cd";
}
.icon-copy-20px:before {
  content: "\e9ce";
}
.icon-crop:before {
  content: "\e9cf";
}
.icon-crop-12px:before {
  content: "\e9d0";
}
.icon-crop-20px:before {
  content: "\e9d1";
}
.icon-cup:before {
  content: "\e9d2";
}
.icon-cup-12px:before {
  content: "\e9d3";
}
.icon-cup-20px:before {
  content: "\e9d4";
}
.icon-curly-brackets:before {
  content: "\e9d5";
}
.icon-curly-brackets-12px:before {
  content: "\e9d6";
}
.icon-curly-brackets-20px:before {
  content: "\e9d7";
}
.icon-data:before {
  content: "\e9d8";
}
.icon-dice:before {
  content: "\e9d9";
}
.icon-dice-12px:before {
  content: "\e9da";
}
.icon-dice-20px:before {
  content: "\e9db";
}
.icon-disconnected:before {
  content: "\e9dc";
}
.icon-disconnected-12px:before {
  content: "\e9dd";
}
.icon-disconnected-20px:before {
  content: "\e9de";
}
.icon-distribution:before {
  content: "\e9df";
}
.icon-double-chevron-left:before {
  content: "\e9e0";
}
.icon-double-chevron-left-12px:before {
  content: "\e9e1";
}
.icon-double-chevron-left-20px:before {
  content: "\e9e2";
}
.icon-double-chevron-right:before {
  content: "\e9e3";
}
.icon-double-chevron-right-12px:before {
  content: "\e9e4";
}
.icon-double-chevron-right-20px:before {
  content: "\e9e5";
}
.icon-download:before {
  content: "\e9e6";
}
.icon-download-12px:before {
  content: "\e9e7";
}
.icon-download-20px:before {
  content: "\e9e8";
}
.icon-drag:before {
  content: "\e9e9";
}
.icon-drag-12px:before {
  content: "\e9ea";
}
.icon-drag-20px:before {
  content: "\e9eb";
}
.icon-drop:before {
  content: "\e9ec";
}
.icon-duplicate:before {
  content: "\e9ed";
}
.icon-duplicate-12px:before {
  content: "\e9ee";
}
.icon-duplicate-20px:before {
  content: "\e9ef";
}
.icon-earth:before {
  content: "\e9f0";
}
.icon-earth-12px:before {
  content: "\e9f1";
}
.icon-earth-20px:before {
  content: "\e9f2";
}
.icon-e-mail:before {
  content: "\e9f3";
}
.icon-e-mail-12px:before {
  content: "\e9f4";
}
.icon-e-mail-20px:before {
  content: "\e9f5";
}
.icon-emoji:before {
  content: "\e9f6";
}
.icon-emoji-round:before {
  content: "\e9f7";
}
.icon-emoji-round-plus:before {
  content: "\e9f8";
}
.icon-entry:before {
  content: "\e9f9";
}
.icon-exception:before {
  content: "\e9fa";
}
.icon-exception-12px:before {
  content: "\e9fb";
}
.icon-exception-20px:before {
  content: "\e9fc";
}
.icon-exception-double:before {
  content: "\e9fd";
}
.icon-exception-double-12px:before {
  content: "\e9fe";
}
.icon-exception-double-20px:before {
  content: "\e9ff";
}
.icon-exception-empty:before {
  content: "\ea00";
}
.icon-exception-empty-12px:before {
  content: "\ea01";
}
.icon-exception-empty-20px:before {
  content: "\ea02";
}
.icon-expand:before {
  content: "\ea05";
}
.icon-expand-12px:before {
  content: "\ea06";
}
.icon-expand-14px:before {
  content: "\ea07";
}
.icon-expand-20px:before {
  content: "\ea08";
}
.icon-expand-all:before {
  content: "\ea09";
}
.icon-expand-all-12px:before {
  content: "\ea0a";
}
.icon-expand-all-20px:before {
  content: "\ea0b";
}
.icon-experiment:before {
  content: "\ea0c";
}
.icon-experiment-20px:before {
  content: "\ea0d";
}
.icon-eye:before {
  content: "\ea0e";
}
.icon-eye-12px:before {
  content: "\ea0f";
}
.icon-eye-20px:before {
  content: "\ea10";
}
.icon-eye-crossed:before {
  content: "\ea11";
}
.icon-eye-crossed-12px:before {
  content: "\ea12";
}
.icon-eye-crossed-20px:before {
  content: "\ea13";
}
.icon-fields:before {
  content: "\ea14";
}
.icon-file:before {
  content: "\ea15";
}
.icon-file-12px:before {
  content: "\ea16";
}
.icon-file-20px:before {
  content: "\ea17";
}
.icon-file-add-any .path1:before {
  content: "\ea18";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-add-any .path2:before {
  content: "\ea19";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-add-any .path3:before {
  content: "\ea1a";
  margin-left: -1em;
  color: rgb(154, 167, 176);
}
.icon-file-archive .path1:before {
  content: "\ea1b";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-archive .path2:before {
  content: "\ea1c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-archive .path3:before {
  content: "\ea1d";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path4:before {
  content: "\ea1e";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path5:before {
  content: "\ea1f";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path6:before {
  content: "\ea20";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path7:before {
  content: "\ea21";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path8:before {
  content: "\ea22";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path9:before {
  content: "\ea23";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path10:before {
  content: "\ea24";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path11:before {
  content: "\ea25";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path12:before {
  content: "\ea26";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path13:before {
  content: "\ea27";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path14:before {
  content: "\ea28";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path15:before {
  content: "\ea29";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-archive .path16:before {
  content: "\ea2a";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-as .path1:before {
  content: "\ea2b";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-as .path2:before {
  content: "\ea2c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-as .path3:before {
  content: "\ea2d";
  margin-left: -1em;
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-as .path4:before {
  content: "\ea2e";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-as .path5:before {
  content: "\ea2f";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-aspectj .path1:before {
  content: "\ea30";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-aspectj .path2:before {
  content: "\ea31";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-aspectj .path3:before {
  content: "\ea32";
  margin-left: -1em;
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-aspectj .path4:before {
  content: "\ea33";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-aspectj .path5:before {
  content: "\ea34";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-config .path1:before {
  content: "\ea35";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-config .path2:before {
  content: "\ea36";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-config .path3:before {
  content: "\ea37";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-css .path1:before {
  content: "\ea38";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-css .path2:before {
  content: "\ea39";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-css .path3:before {
  content: "\ea3a";
  margin-left: -1em;
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-css .path4:before {
  content: "\ea3b";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-css .path5:before {
  content: "\ea3c";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-css .path6:before {
  content: "\ea3f";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-custom .path1:before {
  content: "\ea40";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-custom .path2:before {
  content: "\ea41";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-custom .path3:before {
  content: "\ea42";
  margin-left: -1em;
  color: rgb(154, 167, 176);
}
.icon-file-custom .path4:before {
  content: "\ea43";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-diagram .path1:before {
  content: "\ea44";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-diagram .path2:before {
  content: "\ea45";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-diagram .path3:before {
  content: "\ea46";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-diagram .path4:before {
  content: "\ea47";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-diagram .path5:before {
  content: "\ea48";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-diagram .path6:before {
  content: "\ea49";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-dtd .path1:before {
  content: "\ea4a";
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-dtd .path2:before {
  content: "\ea4b";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-dtd .path3:before {
  content: "\ea4c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-dtd .path4:before {
  content: "\ea4d";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-dtd .path5:before {
  content: "\ea4e";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-dtd .path6:before {
  content: "\ea4f";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-go .path1:before {
  content: "\ea50";
  color: rgb(119, 187, 226);
}
.icon-file-go .path2:before {
  content: "\ea51";
  margin-left: -1em;
  color: rgb(119, 187, 226);
}
.icon-file-go .path3:before {
  content: "\ea52";
  margin-left: -1em;
  color: rgb(119, 187, 226);
}
.icon-file-go .path4:before {
  content: "\ea53";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-file-go .path5:before {
  content: "\ea54";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-go .path6:before {
  content: "\ea55";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-file-go .path7:before {
  content: "\ea56";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-go .path8:before {
  content: "\ea57";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-file-go .path9:before {
  content: "\ea58";
  margin-left: -1em;
  color: rgb(183, 147, 127);
}
.icon-file-go .path10:before {
  content: "\ea59";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-go .path11:before {
  content: "\ea5a";
  margin-left: -1em;
  color: rgb(183, 147, 127);
}
.icon-file-gql .path1:before {
  content: "\ea5b";
  color: rgb(249, 139, 158);
  opacity: 0.7;
}
.icon-file-gql .path2:before {
  content: "\ea5c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-gql .path3:before {
  content: "\ea5d";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-gql .path4:before {
  content: "\ea5e";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-gql .path5:before {
  content: "\ea5f";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-gql .path6:before {
  content: "\ea60";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-htaccess .path1:before {
  content: "\ea61";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-htaccess .path2:before {
  content: "\ea62";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-htaccess .path3:before {
  content: "\ea63";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path4:before {
  content: "\ea64";
  margin-left: -1em;
  color: rgb(190, 32, 46);
}
.icon-file-htaccess .path5:before {
  content: "\ea65";
  margin-left: -1em;
  color: rgb(190, 32, 46);
  opacity: 0.35;
}
.icon-file-htaccess .path6:before {
  content: "\ea66";
  margin-left: -1em;
  color: rgb(190, 32, 46);
}
.icon-file-htaccess .path7:before {
  content: "\ea67";
  margin-left: -1em;
  color: rgb(190, 32, 46);
  opacity: 0.35;
}
.icon-file-htaccess .path8:before {
  content: "\ea68";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path9:before {
  content: "\ea69";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path10:before {
  content: "\ea6b";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path11:before {
  content: "\ea6c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path12:before {
  content: "\ea6d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-htaccess .path13:before {
  content: "\ea6e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-html .path1:before {
  content: "\ea6f";
  color: rgb(98, 181, 67);
  opacity: 0.7;
}
.icon-file-html .path2:before {
  content: "\ea70";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-html .path3:before {
  content: "\ea71";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-html .path4:before {
  content: "\ea72";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-idl .path1:before {
  content: "\ea73";
  color: rgb(185, 155, 248);
  opacity: 0.7;
}
.icon-file-idl .path2:before {
  content: "\ea74";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-idl .path3:before {
  content: "\ea75";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-idl .path4:before {
  content: "\ea76";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-idl .path5:before {
  content: "\ea77";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-idl .path6:before {
  content: "\ea78";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-java .path1:before {
  content: "\ea79";
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-java .path2:before {
  content: "\ea7a";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java .path3:before {
  content: "\ea7b";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java .path4:before {
  content: "\ea7c";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-java-class .path1:before {
  content: "\ea7d";
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-java-class .path2:before {
  content: "\ea7e";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java-class .path3:before {
  content: "\ea7f";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java-class .path4:before {
  content: "\ea80";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-java-class .path5:before {
  content: "\ea81";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-java-outside-source .path1:before {
  content: "\ea82";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java-outside-source .path2:before {
  content: "\ea83";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-java-outside-source .path3:before {
  content: "\ea84";
  margin-left: -1em;
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-java-outside-source .path4:before {
  content: "\ea85";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-js .path1:before {
  content: "\ea86";
  color: rgb(244, 175, 61);
  opacity: 0.7;
}
.icon-file-js .path2:before {
  content: "\ea87";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-js .path3:before {
  content: "\ea88";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-js .path4:before {
  content: "\ea89";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-js .path5:before {
  content: "\ea8a";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-json .path1:before {
  content: "\ea8b";
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-json .path2:before {
  content: "\ea8c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json .path3:before {
  content: "\ea8d";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json .path4:before {
  content: "\ea8e";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-dark .path1:before {
  content: "\ea8f";
  color: rgb(154, 167, 176);
}
.icon-file-json-dark .path2:before {
  content: "\ea90";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-dark .path3:before {
  content: "\ea91";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-dark .path4:before {
  content: "\ea92";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-schema .path1:before {
  content: "\ea93";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-schema .path2:before {
  content: "\ea94";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-schema .path3:before {
  content: "\ea95";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.5;
}
.icon-file-json-schema .path4:before {
  content: "\ea96";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-json-schema .path5:before {
  content: "\ea97";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-json-schema-dark .path1:before {
  content: "\ea98";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-schema-dark .path2:before {
  content: "\ea99";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-json-schema-dark .path3:before {
  content: "\ea9a";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.5;
}
.icon-file-json-schema-dark .path4:before {
  content: "\ea9b";
  margin-left: -1em;
  color: rgb(154, 167, 176);
}
.icon-file-json-schema-dark .path5:before {
  content: "\ea9c";
  margin-left: -1em;
  color: rgb(154, 167, 176);
}
.icon-file-jsp .path1:before {
  content: "\ea9d";
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-jsp .path2:before {
  content: "\ea9e";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-jsp .path3:before {
  content: "\ea9f";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-jsp .path4:before {
  content: "\eaa0";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-jsp .path5:before {
  content: "\eaa1";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-jsp .path6:before {
  content: "\eaa2";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-jspx .path1:before {
  content: "\eaa3";
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-jspx .path2:before {
  content: "\eaa4";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-jspx .path3:before {
  content: "\eaa5";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-jspx .path4:before {
  content: "\eaa6";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-jspx .path5:before {
  content: "\eaa7";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-jspx .path6:before {
  content: "\eaa8";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-kotlin .path1:before {
  content: "\eaa9";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-kotlin .path2:before {
  content: "\eaaa";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-kotlin .path3:before {
  content: "\eaab";
  margin-left: -1em;
  color: rgb(14, 174, 255);
}
.icon-file-kotlin .path4:before {
  content: "\eaac";
  margin-left: -1em;
  color: rgb(14, 174, 255);
}
.icon-file-kotlin .path5:before {
  content: "\eaad";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-file-manifest .path1:before {
  content: "\eaae";
  color: rgb(185, 155, 248);
  opacity: 0.7;
}
.icon-file-manifest .path2:before {
  content: "\eaaf";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-manifest .path3:before {
  content: "\eab0";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-manifest .path4:before {
  content: "\eab1";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-manifest .path5:before {
  content: "\eab2";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-properties .path1:before {
  content: "\eab3";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-properties .path2:before {
  content: "\eab4";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-properties .path3:before {
  content: "\eab5";
  margin-left: -1em;
  color: rgb(98, 181, 67);
}
.icon-file-properties .path4:before {
  content: "\eab6";
  margin-left: -1em;
  color: rgb(244, 175, 61);
}
.icon-file-properties .path5:before {
  content: "\eab7";
  margin-left: -1em;
  color: rgb(242, 101, 34);
}
.icon-file-python .path1:before {
  content: "\eab8";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-python .path2:before {
  content: "\eab9";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-python .path3:before {
  content: "\eaba";
  margin-left: -1em;
  color: rgb(64, 160, 207);
  opacity: 0.9;
}
.icon-file-python .path4:before {
  content: "\eabb";
  margin-left: -1em;
  color: rgb(255, 201, 0);
  opacity: 0.9;
}
.icon-file-regexp .path1:before {
  content: "\eabc";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-regexp .path2:before {
  content: "\eabd";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-regexp .path3:before {
  content: "\eabe";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-regexp .path4:before {
  content: "\eabf";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-text .path1:before {
  content: "\eac0";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-text .path2:before {
  content: "\eac1";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-text .path3:before {
  content: "\eac2";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-ts .path1:before {
  content: "\eac3";
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-ts .path2:before {
  content: "\eac4";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-ts .path3:before {
  content: "\eac5";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-ts .path4:before {
  content: "\eac6";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-ts .path5:before {
  content: "\eac7";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-tsx .path1:before {
  content: "\eac8";
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-tsx .path2:before {
  content: "\eac9";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-tsx .path3:before {
  content: "\eaca";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-tsx .path4:before {
  content: "\eacb";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-tsx .path5:before {
  content: "\eacc";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-tsx .path6:before {
  content: "\eacd";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-ui-form:before {
  content: "\eace";
  color: #9aa7b0;
}
.icon-file-unknown .path1:before {
  content: "\eacf";
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-unknown .path2:before {
  content: "\ead0";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-unknown .path3:before {
  content: "\ead1";
  margin-left: -1em;
  color: rgb(64, 182, 224);
}
.icon-file-wsdl .path1:before {
  content: "\ead2";
  color: rgb(64, 182, 224);
  opacity: 0.7;
}
.icon-file-wsdl .path2:before {
  content: "\ead3";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-wsdl .path3:before {
  content: "\ead4";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-wsdl .path4:before {
  content: "\ead5";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-wsdl .path5:before {
  content: "\ead6";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-xhtml .path1:before {
  content: "\ead7";
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-xhtml .path2:before {
  content: "\ead8";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xhtml .path3:before {
  content: "\eadc";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xhtml .path4:before {
  content: "\eadd";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-xml .path1:before {
  content: "\eade";
  color: rgb(242, 101, 34);
  opacity: 0.7;
}
.icon-file-xml .path2:before {
  content: "\eadf";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xml .path3:before {
  content: "\eae0";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xml .path4:before {
  content: "\eae1";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-xml .path5:before {
  content: "\eae2";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-xsd .path1:before {
  content: "\eae3";
  color: rgb(244, 175, 61);
  opacity: 0.7;
}
.icon-file-xsd .path2:before {
  content: "\eae4";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xsd .path3:before {
  content: "\eae5";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-xsd .path4:before {
  content: "\eae6";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-xsd .path5:before {
  content: "\eae7";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-yaml .path1:before {
  content: "\eae8";
  color: rgb(249, 139, 158);
  opacity: 0.7;
}
.icon-file-yaml .path2:before {
  content: "\eae9";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-yaml .path3:before {
  content: "\eaea";
  margin-left: -1em;
  color: rgb(154, 167, 176);
  opacity: 0.8;
}
.icon-file-yaml .path4:before {
  content: "\eaeb";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-yaml .path5:before {
  content: "\eaec";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-file-yaml .path6:before {
  content: "\eaed";
  margin-left: -1em;
  color: rgb(35, 31, 32);
  opacity: 0.7;
}
.icon-filter:before {
  content: "\eaee";
}
.icon-filter-12px:before {
  content: "\eaef";
}
.icon-filter-20px:before {
  content: "\eaf0";
}
.icon-filters:before {
  content: "\eaf1";
}
.icon-flag:before {
  content: "\eaf2";
}
.icon-flag-12px:before {
  content: "\eaf3";
}
.icon-flag-20px:before {
  content: "\eaf4";
}
.icon-folder:before {
  content: "\eaf5";
}
.icon-folder-12px:before {
  content: "\eaf6";
}
.icon-folder-20px:before {
  content: "\eaf7";
}
.icon-frown:before {
  content: "\eaf8";
}
.icon-fullscreen:before {
  content: "\eaf9";
}
.icon-fullscreen-exit:before {
  content: "\eafa";
}
.icon-galaxy:before {
  content: "\eafb";
}
.icon-gift:before {
  content: "\eafc";
}
.icon-gift-12px:before {
  content: "\eafd";
}
.icon-gift-20px:before {
  content: "\eafe";
}
.icon-git:before {
  content: "\eaff";
}
.icon-group:before {
  content: "\eb00";
}
.icon-group-12px:before {
  content: "\eb01";
}
.icon-group-20px:before {
  content: "\eb02";
}
.icon-help:before {
  content: "\eb03";
}
.icon-help-12px:before {
  content: "\eb04";
}
.icon-help-20px:before {
  content: "\eb05";
}
.icon-history:before {
  content: "\eb06";
}
.icon-hourglass:before {
  content: "\eb07";
}
.icon-hourglass-12px:before {
  content: "\eb08";
}
.icon-hourglass-20px:before {
  content: "\eb09";
}
.icon-ignored:before {
  content: "\eb0a";
}
.icon-ignored-12px:before {
  content: "\eb0b";
}
.icon-ignored-20px:before {
  content: "\eb0c";
}
.icon-image:before {
  content: "\eb0d";
}
.icon-image-12px:before {
  content: "\eb0e";
}
.icon-image-20px:before {
  content: "\eb0f";
}
.icon-info:before {
  content: "\eb10";
}
.icon-info-12px:before {
  content: "\eb11";
}
.icon-info-20px:before {
  content: "\eb12";
}
.icon-info-filled:before {
  content: "\eb13";
}
.icon-info-filled-12px:before {
  content: "\eb14";
}
.icon-info-filled-20px:before {
  content: "\eb15";
}
.icon-investigation:before {
  content: "\eb16";
}
.icon-investigation-12px:before {
  content: "\eb17";
}
.icon-issue:before {
  content: "\eb18";
}
.icon-lamp:before {
  content: "\eb19";
}
.icon-lamp-12px:before {
  content: "\eb1a";
}
.icon-lamp-20px:before {
  content: "\eb1b";
}
.icon-link:before {
  content: "\eb1c";
}
.icon-link-12px:before {
  content: "\eb54";
}
.icon-link-20px:before {
  content: "\eb55";
}
.icon-location:before {
  content: "\eb56";
}
.icon-location-12px:before {
  content: "\eb57";
}
.icon-location-20px:before {
  content: "\eb58";
}
.icon-lock:before {
  content: "\eb59";
}
.icon-lock-12px:before {
  content: "\eb5a";
}
.icon-lock-20px:before {
  content: "\eb5b";
}
.icon-log:before {
  content: "\eb5c";
}
.icon-low:before {
  content: "\eb5d";
}
.icon-low-12px:before {
  content: "\eb5e";
}
.icon-low-20px:before {
  content: "\eb5f";
}
.icon-magic-wand:before {
  content: "\eb60";
}
.icon-magic-wand-12px:before {
  content: "\eb61";
}
.icon-magic-wand-20px:before {
  content: "\eb62";
}
.icon-mammoth:before {
  content: "\eb63";
}
.icon-mammoth-12px:before {
  content: "\eb64";
}
.icon-mammoth-20px:before {
  content: "\eb65";
}
.icon-marker:before {
  content: "\eb66";
}
.icon-right-container-menu:before {
  content: "\eb67";
}
.icon-menu-12px:before {
  content: "\eb68";
}
.icon-menu-20px:before {
  content: "\eb69";
}
.icon-meta:before {
  content: "\eb6a";
}
.icon-modified:before {
  content: "\eb6b";
}
.icon-modified-10px:before {
  content: "\eb6c";
}
.icon-modified-12px:before {
  content: "\eb6d";
}
.icon-modified-20px:before {
  content: "\eb6e";
}
.icon-money:before {
  content: "\eb6f";
}
.icon-money-12px:before {
  content: "\eb70";
}
.icon-money-20px:before {
  content: "\eb71";
}
.icon-more:before {
  content: "\eb72";
}
.icon-more-12px:before {
  content: "\eb73";
}
.icon-more-20px:before {
  content: "\eb74";
}
.icon-more-options:before {
  content: "\eb75";
}
.icon-more-options-12px:before {
  content: "\eb76";
}
.icon-more-options-20px:before {
  content: "\eb77";
}
.icon-move:before {
  content: "\eb78";
}
.icon-move-to-top:before {
  content: "\eb79";
}
.icon-move-to-top-12px:before {
  content: "\eb7a";
}
.icon-move-to-top-20px:before {
  content: "\eb7b";
}
.icon-mute:before {
  content: "\eb7c";
}
.icon-mute-12px:before {
  content: "\eb7d";
}
.icon-mute-20px:before {
  content: "\eb7e";
}
.icon-muted:before {
  content: "\eb7f";
}
.icon-new-window:before {
  content: "\eb80";
}
.icon-new-window-12px:before {
  content: "\eb81";
}
.icon-new-window-20px:before {
  content: "\eb82";
}
.icon-no-artifacts:before {
  content: "\eb83";
}
.icon-no-artifacts-12px:before {
  content: "\eb84";
}
.icon-no-artifacts-20px:before {
  content: "\eb85";
}
.icon-ok:before {
  content: "\eb86";
}
.icon-ok-12px:before {
  content: "\eb87";
}
.icon-ok-20px:before {
  content: "\eb88";
}
.icon-overtime:before {
  content: "\eb89";
}
.icon-overtime-12px:before {
  content: "\eb8a";
}
.icon-overtime-20px:before {
  content: "\eb8b";
}
.icon-parameters:before {
  content: "\eb8c";
}
.icon-parameters-12px:before {
  content: "\eb8d";
}
.icon-parameters-20px:before {
  content: "\eb8e";
}
.icon-paused:before {
  content: "\eb8f";
}
.icon-paused-12px:before {
  content: "\eb90";
}
.icon-paused-20px:before {
  content: "\eb91";
}
.icon-paused-outline:before {
  content: "\eb92";
}
.icon-paused-outline-12px:before {
  content: "\eb93";
}
.icon-paused-outline-20px:before {
  content: "\eb94";
}
.icon-pencil:before {
  content: "\eb95";
}
.icon-pencil-12px:before {
  content: "\eb96";
}
.icon-pencil-20px:before {
  content: "\eb97";
}
.icon-pennant:before {
  content: "\eb98";
}
.icon-permission:before {
  content: "\eb99";
}
.icon-permission-12px:before {
  content: "\eb9a";
}
.icon-permission-20px:before {
  content: "\eb9b";
}
.icon-pin-empty:before {
  content: "\eb9c";
}
.icon-pin-empty-12px:before {
  content: "\eb9d";
}
.icon-pin-empty-20px:before {
  content: "\eb9e";
}
.icon-pin-filled:before {
  content: "\eb9f";
}
.icon-pin-filled-12px:before {
  content: "\eba0";
}
.icon-pin-filled-20px:before {
  content: "\eba1";
}
.icon-pipeline:before {
  content: "\eba2";
}
.icon-pipeline-12px:before {
  content: "\eba3";
}
.icon-pipeline-20px:before {
  content: "\eba4";
}
.icon-play:before {
  content: "\eba5";
}
.icon-pr-close:before {
  content: "\eba6";
}
.icon-printer:before {
  content: "\eba7";
}
.icon-printer-12px:before {
  content: "\eba8";
}
.icon-printer-20px:before {
  content: "\eba9";
}
.icon-pr-merged:before {
  content: "\ebaa";
}
.icon-pr-merged-12px:before {
  content: "\ebab";
}
.icon-pr-merged-20px:before {
  content: "\ebac";
}
.icon-project:before {
  content: "\ebad";
}
.icon-project-12px:before {
  content: "\ebae";
}
.icon-project-12px-arrow:before {
  content: "\ebaf";
}
.icon-project-12px-fill:before {
  content: "\ebb0";
}
.icon-project-12px-fill-arrow:before {
  content: "\ebb1";
}
.icon-project-20px:before {
  content: "\ebb2";
}
.icon-project-20px-arrow:before {
  content: "\ebb3";
}
.icon-project-20px-fill:before {
  content: "\ebb4";
}
.icon-project-20px-fill-arrow:before {
  content: "\ebb5";
}
.icon-project-arrow:before {
  content: "\ebb6";
}
.icon-project-fill:before {
  content: "\ebb7";
}
.icon-project-fill-arrow:before {
  content: "\ebb8";
}
.icon-pr-open:before {
  content: "\ebb9";
}
.icon-pr-unknown:before {
  content: "\ebba";
}
.icon-puzzle:before {
  content: "\ebbb";
}
.icon-puzzle-12px:before {
  content: "\ebbc";
}
.icon-puzzle-20px:before {
  content: "\ebbd";
}
.icon-quick-guide:before {
  content: "\ebbe";
}
.icon-quick-guide-12px:before {
  content: "\ebbf";
}
.icon-quick-guide-20px:before {
  content: "\ebc0";
}
.icon-rate:before {
  content: "\ebc1";
}
.icon-redo:before {
  content: "\ebc2";
}
.icon-redo-12px:before {
  content: "\ebc3";
}
.icon-redo-20px:before {
  content: "\ebc4";
}
.icon-remove:before {
  content: "\ebc5";
}
.icon-remove-10px:before {
  content: "\ebc6";
}
.icon-remove-12px:before {
  content: "\ebc7";
}
.icon-remove-20px:before {
  content: "\ebc8";
}
.icon-renamed-10px:before {
  content: "\ebc9";
}
.icon-reply:before {
  content: "\ebca";
}
.icon-reply-12px:before {
  content: "\ebcb";
}
.icon-reply-20px:before {
  content: "\ebcc";
}
.icon-reviewers-graph:before {
  content: "\ebcd";
}
.icon-run:before {
  content: "\ebce";
}
.icon-run-12px:before {
  content: "\ebcf";
}
.icon-run-20px:before {
  content: "\ebd0";
}
.icon-search:before {
  content: "\ebd1";
}
.icon-search-12px:before {
  content: "\ebd2";
}
.icon-search-20px:before {
  content: "\ebd3";
}
.icon-search-empty:before {
  content: "\ebd4";
}
.icon-search-error:before {
  content: "\ebd5";
}
.icon-services:before {
  content: "\ebd6";
}
.icon-services-12px:before {
  content: "\ebd7";
}
.icon-services-20px:before {
  content: "\ebd8";
}
.icon-settings:before {
  content: "\ebd9";
}
.icon-settings-12px:before {
  content: "\ebda";
}
.icon-settings-20px:before {
  content: "\ebdb";
}
.icon-shield:before {
  content: "\ebdc";
}
.icon-shield-12px:before {
  content: "\ebdd";
}
.icon-shield-20px:before {
  content: "\ebde";
}
.icon-similar:before {
  content: "\ebdf";
}
.icon-sparkle:before {
  content: "\ebe0";
}
.icon-sparkle-12px:before {
  content: "\ebe1";
}
.icon-sparkle-20px:before {
  content: "\ebe2";
}
.icon-spinner:before {
  content: "\ebe3";
}
.icon-spinner-12px:before {
  content: "\ebe4";
}
.icon-spinner-20px:before {
  content: "\ebe5";
}
.icon-spinner-static:before {
  content: "\ebe6";
}
.icon-spinner-static-12px:before {
  content: "\ebe7";
}
.icon-spinner-static-20px:before {
  content: "\ebe8";
}
.icon-stack:before {
  content: "\ebe9";
}
.icon-stamp:before {
  content: "\ebea";
}
.icon-star-empty:before {
  content: "\ebeb";
}
.icon-star-empty-12px:before {
  content: "\ebec";
}
.icon-star-empty-20px:before {
  content: "\ebed";
}
.icon-star-filled:before {
  content: "\ebee";
}
.icon-star-filled-12px:before {
  content: "\ebef";
}
.icon-star-filled-20px:before {
  content: "\ebf0";
}
.icon-stop:before {
  content: "\ebf1";
}
.icon-stop-12px:before {
  content: "\ebf2";
}
.icon-stop-20px:before {
  content: "\ebf3";
}
.icon-success:before {
  content: "\ebf4";
}
.icon-success-12px:before {
  content: "\ebf5";
}
.icon-success-20px:before {
  content: "\ebf6";
}
.icon-table:before {
  content: "\ebf7";
}
.icon-table-12px:before {
  content: "\ebf8";
}
.icon-table-20px:before {
  content: "\ebf9";
}
.icon-tag:before {
  content: "\ebfa";
}
.icon-tag-12px:before {
  content: "\ebfb";
}
.icon-tag-20px:before {
  content: "\ebfc";
}
.icon-task:before {
  content: "\ebfd";
}
.icon-task-12px:before {
  content: "\ebfe";
}
.icon-task-20px:before {
  content: "\ebff";
}
.icon-template:before {
  content: "\ec00";
}
.icon-template-12px:before {
  content: "\ec01";
}
.icon-template-12px-arrow:before {
  content: "\ec02";
}
.icon-template-20px:before {
  content: "\ec03";
}
.icon-template-20px-arrow:before {
  content: "\ec04";
}
.icon-template-arrow:before {
  content: "\ec05";
}
.icon-terminal:before {
  content: "\ec06";
}
.icon-terminal-12px:before {
  content: "\ec07";
}
.icon-terminal-20px:before {
  content: "\ec08";
}
.icon-theme:before {
  content: "\ec09";
}
.icon-theme-12px:before {
  content: "\ec0a";
}
.icon-theme-20px:before {
  content: "\ec0b";
}
.icon-time:before {
  content: "\ec0c";
}
.icon-time-12px:before {
  content: "\ec0d";
}
.icon-time-20px:before {
  content: "\ec0e";
}
.icon-torrent:before {
  content: "\ec0f";
}
.icon-trash:before {
  content: "\ec10";
}
.icon-trash-12px:before {
  content: "\ec11";
}
.icon-trash-20px:before {
  content: "\ec12";
}
.icon-treemap:before {
  content: "\ec13";
}
.icon-umbrella:before {
  content: "\ec14";
}
.icon-umbrella-12px:before {
  content: "\ec15";
}
.icon-umbrella-20px:before {
  content: "\ec16";
}
.icon-unauthorized:before {
  content: "\ec17";
}
.icon-unauthorized-12px:before {
  content: "\ec18";
}
.icon-unauthorized-20px:before {
  content: "\ec19";
}
.icon-undo:before {
  content: "\ec1a";
}
.icon-undo-12px:before {
  content: "\ec1b";
}
.icon-undo-20px:before {
  content: "\ec1c";
}
.icon-unknown-os:before {
  content: "\ec1d";
}
.icon-unknown-os-12px:before {
  content: "\ec1e";
}
.icon-unknown-os-20px:before {
  content: "\ec1f";
}
.icon-unmute:before {
  content: "\ec20";
}
.icon-unmute-12px:before {
  content: "\ec21";
}
.icon-unmute-20px:before {
  content: "\ec22";
}
.icon-unrelated:before {
  content: "\ec23";
}
.icon-unrelated-12px:before {
  content: "\ec24";
}
.icon-unrelated-20px:before {
  content: "\ec25";
}
.icon-unsorted:before {
  content: "\ec26";
}
.icon-unsorted-10px:before {
  content: "\ec27";
}
.icon-unsorted-12px:before {
  content: "\ec28";
}
.icon-unsorted-20px:before {
  content: "\ec29";
}
.icon-update:before {
  content: "\ec2b";
}
.icon-update-12px:before {
  content: "\ec2c";
}
.icon-update-20px:before {
  content: "\ec2d";
}
.icon-user:before {
  content: "\ec2e";
}
.icon-user-12px:before {
  content: "\ec2f";
}
.icon-user-20px:before {
  content: "\ec30";
}
.icon-user-cancel:before {
  content: "\ec31";
}
.icon-user-cancel-12px:before {
  content: "\ec32";
}
.icon-user-cancel-20px:before {
  content: "\ec33";
}
.icon-user-exception:before {
  content: "\ec34";
}
.icon-user-exception-12px:before {
  content: "\ec35";
}
.icon-user-exception-20px:before {
  content: "\ec36";
}
.icon-user-exception-empty:before {
  content: "\ec37";
}
.icon-user-exception-empty-12px:before {
  content: "\ec38";
}
.icon-user-exception-empty-20px:before {
  content: "\ec39";
}
.icon-user-gear:before {
  content: "\ec3a";
}
.icon-user-hourglass:before {
  content: "\ec3b";
}
.icon-user-hourglass-12px:before {
  content: "\ec3c";
}
.icon-user-hourglass-20px:before {
  content: "\ec3d";
}
.icon-user-ok:before {
  content: "\ec3e";
}
.icon-user-ok-12px:before {
  content: "\ec3f";
}
.icon-user-ok-20px:before {
  content: "\ec40";
}
.icon-user-spinner:before {
  content: "\ec41";
}
.icon-user-spinner-12px:before {
  content: "\ec42";
}
.icon-user-spinner-20px:before {
  content: "\ec43";
}
.icon-user-warning:before {
  content: "\ec44";
}
.icon-user-warning-12px:before {
  content: "\ec45";
}
.icon-user-warning-20px:before {
  content: "\ec46";
}
.icon-user-warning-empty:before {
  content: "\ec47";
}
.icon-user-warning-empty-12px:before {
  content: "\ec48";
}
.icon-user-warning-empty-20px:before {
  content: "\ec49";
}
.icon-vcs-root:before {
  content: "\ec4a";
}
.icon-vcs-root-12px:before {
  content: "\ec4b";
}
.icon-vcs-root-12px-arrow:before {
  content: "\ec4c";
}
.icon-vcs-root-20px:before {
  content: "\ec4d";
}
.icon-vcs-root-20px-arrow:before {
  content: "\ec4e";
}
.icon-vcs-root-arrow:before {
  content: "\ec4f";
}
.icon-vote-empty:before {
  content: "\ec50";
}
.icon-vote-filled:before {
  content: "\ec51";
}
.icon-warning:before {
  content: "\ec52";
}
.icon-warning-12px:before {
  content: "\ec53";
}
.icon-warning-20px:before {
  content: "\ec54";
}
.icon-warning-empty:before {
  content: "\ec55";
}
.icon-warning-empty-12px:before {
  content: "\ec56";
}
.icon-warning-empty-20px:before {
  content: "\ec57";
}
.icon-wrap:before {
  content: "\ec58";
}
.icon-file-02:before {
  content: "\ec7a";
}
.icon-qr:before {
  content: "\ec78";
}
:root {
  font-family: var(--kc-font-family-base);
  font-size: var(--kc-font-size-base);
  line-height: var(--kc-line-height-normal);
  color: var(--kc-text-primary);
  background-color: var(--kc-bg-primary);
  scroll-behavior: smooth;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.kc-testnet-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  font-family: var(--kc-font-family-base);
  font-weight: var(--kc-font-weight-500);
  font-size: 8px;
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-minus-3);
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  color: var(--kc-color-green-700);
  background: var(--kc-color-primary-600);
  height: 10px;
  padding-left: var(--kc-padding-xs);
  padding-right: var(--kc-padding-xs);
  border-radius: var(--kc-radius-xs);
}
.kc-testnet-banner {
  position: absolute;
  top: 40px;
  right: -40px;
  color: var(--kc-color-green-700);
  background: var(--kc-color-primary-600);
  font-family: var(--kc-font-family-base);
  font-weight: var(--kc-font-weight-700);
  font-size: var(--kc-font-size-12);
  line-height: var(--kc-font-line-height-130);
  letter-spacing: var(--kc-letter-spacing-2);
  text-align: center;
  padding: var(--kc-space-xs) 0;
  width: 200px;
  transform: rotate(45deg);
  transform-origin: center;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
h5,
.kc-h5 {
  font-weight: var(--kc-font-weight-600);
}
h6,
.kc-h6 {
  font-weight: var(--kc-font-weight-600);
}
p,
.kc-p {
  margin-bottom: var(--kc-space-m);
}
code,
.kc-code {
  background-color: var(--kc-bg-surface);
  padding: var(--kc-space-xs) var(--kc-space-s);
  border-radius: var(--kc-radius-sm);
}
.kc-linear-left {
  padding: 1px;
  width: 100%;
  background-image:
    linear-gradient(
      38.59deg,
      rgba(111, 199, 186, 0.2) 30%,
      var(--kc-color-black-900) 50%);
}
.kc-linear-right {
  padding: 1px;
  width: 100%;
  background-image:
    linear-gradient(
      228.59deg,
      rgba(111, 199, 186, 0.2) 30%,
      var(--kc-color-black-900) 50%);
}
.kc-linear-glow-left {
  background:
    linear-gradient(
      38.59deg,
      rgba(111, 199, 186, 0.0509803922) -4.58%,
      rgba(16, 18, 21, 0.4) 44.15%),
    linear-gradient(var(--kc-color-black-900), var(--kc-color-black-900));
}
.kc-linear-glow-right {
  background:
    linear-gradient(
      228.59deg,
      rgba(111, 199, 186, 0.0509803922) -4.58%,
      rgba(16, 18, 21, 0.4) 44.15%),
    linear-gradient(var(--kc-color-black-900), var(--kc-color-black-900));
}
:focus-visible {
  outline: none;
  outline-offset: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--kc-color-black-700);
  border-radius: var(--kc-radius-sm);
}
::-webkit-scrollbar-thumb {
  background: var(--kc-color-gray-500);
  border-radius: var(--kc-radius-sm);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--kc-color-gray-400);
}
.kc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.kc-hidden {
  display: none !important;
}
.kc-block {
  display: block !important;
}
.kc-inline {
  display: inline !important;
}
.kc-inline-block {
  display: inline-block !important;
}
.kc-flex {
  display: flex !important;
}
.kc-inline-flex {
  display: inline-flex !important;
}
.kc-grid {
  display: grid !important;
}
.kc-relative {
  position: relative !important;
}
.kc-absolute {
  position: absolute !important;
}
.kc-fixed {
  position: fixed !important;
}
.kc-sticky {
  position: sticky !important;
}
.kc-overflow-hidden {
  overflow: hidden !important;
}
.kc-overflow-auto {
  overflow: auto !important;
}
.kc-overflow-scroll {
  overflow: scroll !important;
}
.kc-text-left {
  text-align: left !important;
}
.kc-text-center {
  text-align: center !important;
}
.kc-text-right {
  text-align: right !important;
}
.kc-text-justify {
  text-align: justify !important;
}
.kc-underline {
  text-decoration: underline !important;
}
.kc-no-underline {
  text-decoration: none !important;
}
.kc-uppercase {
  text-transform: uppercase !important;
}
.kc-lowercase {
  text-transform: lowercase !important;
}
.kc-capitalize {
  text-transform: capitalize !important;
}
.kc-cursor-pointer {
  cursor: pointer !important;
}
.kc-cursor-not-allowed {
  cursor: not-allowed !important;
}
.kc-cursor-default {
  cursor: default !important;
}
.kc-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.kc-select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.kc-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.kc-pointer-events-none {
  pointer-events: none !important;
}
.kc-pointer-events-auto {
  pointer-events: auto !important;
}
.kc-w-full {
  width: 100% !important;
}
.kc-h-full {
  height: 100% !important;
}
.kc-w-auto {
  width: auto !important;
}
.kc-h-auto {
  height: auto !important;
}
.kc-flex-1 {
  flex: 1 1 0% !important;
}
.kc-flex-auto {
  flex: 1 1 auto !important;
}
.kc-flex-none {
  flex: none !important;
}
.kc-flex-row {
  flex-direction: row !important;
}
.kc-flex-col {
  flex-direction: column !important;
}
.kc-items-start {
  align-items: flex-start !important;
}
.kc-items-center {
  align-items: center !important;
}
.kc-items-end {
  align-items: flex-end !important;
}
.kc-items-stretch {
  align-items: stretch !important;
}
.kc-justify-start {
  justify-content: flex-start !important;
}
.kc-justify-center {
  justify-content: center !important;
}
.kc-justify-end {
  justify-content: flex-end !important;
}
.kc-justify-between {
  justify-content: space-between !important;
}
.kc-justify-around {
  justify-content: space-around !important;
}
.kc-flex-wrap {
  flex-wrap: wrap !important;
}
.kc-flex-nowrap {
  flex-wrap: nowrap !important;
}
.kc-gap-0 {
  gap: var(--kc-space-none) !important;
}
.kc-gap-4 {
  gap: var(--kc-space-xs) !important;
}
.kc-gap-8 {
  gap: var(--kc-space-s) !important;
}
.kc-gap-12 {
  gap: var(--kc-space-sm) !important;
}
.kc-gap-16 {
  gap: var(--kc-space-m) !important;
}
.kc-gap-24 {
  gap: var(--kc-space-ml) !important;
}
.kc-gap-32 {
  gap: var(--kc-space-l) !important;
}
.kc-gap-40 {
  gap: var(--kc-space-xl) !important;
}
.kc-gap-48 {
  gap: var(--kc-space-xxl) !important;
}
:root {
  --primary-color: #6fc7ba;
  --secondary-color: rgb(22, 255, 182);
  --tertiary-color: rgb(22, 163, 119);
  --gray-0: #ffffff;
  --gray-10: #d6f1e9;
  --gray-20: #c7e8de;
  --gray-30: #b5ddd0;
  --gray-40: #a3cac1;
  --gray-50: #95baba;
  --gray-60: #7f9e9e;
  --gray-70: #617171;
  --gray-80: #4d5a5a;
  --gray-85: #2a3737;
  --gray-89: #131c1e;
  --gray-90: #0d1415;
  --gray-91: #101919;
  --gray-92: #0a1010;
  --gray-93: #0f1717;
  --gray-94: #080e0e;
  --gray-95: #060a0a;
  --gray-100: #0d0e0e;
  --red-10: #fff1f1;
  --red-20: #ffd7d9;
  --red-30: #ffb3b8;
  --red-40: #ff8389;
  --red-50: #fa4d56;
  --red-60: #da1e28;
  --red-70: #a2191f;
  --red-80: #750e13;
  --red-90: #520408;
  --red-100: #2d0709;
  --orange-10: #fff7f1;
  --orange-20: #ffe6d7;
  --orange-30: #ffceb3;
  --orange-40: #ffa483;
  --orange-50: #fa8f4d;
  --orange-60: #da6c1e;
  --orange-70: #a24919;
  --orange-80: #75320e;
  --orange-90: #521b04;
  --orange-100: #2d1407;
  --yellow-60: #b9b738;
  --blue-10: #edf5ff;
  --blue-20: #d0e2ff;
  --blue-30: #a6c8ff;
  --blue-40: #78a9ff;
  --blue-50: #4589ff;
  --blue-60: #0f62fe;
  --blue-70: #0043ce;
  --blue-80: #002d9c;
  --blue-90: #001d6c;
  --blue-100: #001141;
  --green-0: #ffffff;
  --green-31: #16b563;
  --green-105: #4dad64;
  --green-110: #4ba260;
  --green-0: #ffffff;
  --green-10: #e9f6f4;
  --green-20: #cfede6;
  --green-30: #9fdacd;
  --green-40: #70c8b5;
  --green-50: #4dbaa2;
  --green-60: #3ea28c;
  --green-70: #328170;
  --green-80: #256053;
  --green-90: #183f36;
  --green-95: #0d211d;
  --green-100: #060f0d;
  --green-buy: #38b872;
  --green-buy-bg: rgba(56, 184, 114, 0.1);
  --green-buy-bg-hover: rgba(56, 184, 114, 0.3);
  --green-buy-bg-active: rgba(56, 184, 114, 0.4);
  --white: #ffffff;
  --text-primary: var(--white);
  --text-secondary: var(--gray-40);
  --text-tertiary: var(--gray-50);
  --text-key: var(--text-secondary);
  --text-value: var(--text-primary);
  --background: #07090a;
  --secondary-background: #101314;
  --tertiary-background: #252f32;
  --gold: #b1a02e;
  --primary-border-color: var(--gray-89);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --overlay-subtle: rgba(255, 255, 255, 0.085);
  --overlay-medium: rgba(255, 255, 255, 0.1);
  --table-header-bg: #0d1316;
  --table-header-color: #767876;
  --bottom-fade-color: #07090a;
  --bottom-fade-color-transparent: rgba(7, 9, 10, 0);
  --column-hint-icon-shadow: 0 0 8px #030303;
  --pagination-btn-bg: #1f2832;
  --pagination-shadow: rgba(16, 24, 40, 0.18);
  --pagination-shadow-subtle: rgba(16, 24, 40, 0.05);
  --pagination-disabled-opacity: 0.5;
  --scrollbar-thumb: rgba(255, 255, 255, 0.05);
  --skeleton-bg: #21262d;
  --skeleton-shimmer-start: #21262d;
  --skeleton-shimmer-mid: #2d353f;
  --btn-disabled-bg: var(--gray-80);
  --card-universal-bg: rgba(240, 255, 254, 0.085);
  --card-overlay-1: rgba(255, 255, 255, 0.1);
  --card-overlay-2: rgba(255, 255, 255, 0.15);
  --card-overlay-3: rgba(255, 255, 255, 0.2);
  --card-overlay-4: rgba(255, 255, 255, 0.3);
  --header-border-c1: rgb(45, 58, 58);
  --header-border-c2: rgb(39, 44, 42);
  --header-border-connected-c3: rgb(79, 115, 115);
  --header-border-connected-c4: rgb(96, 122, 108);
  --brand-text: var(--primary-color);
  --price-positive-color: var(--green-50);
  --price-up-color: var(--green-30);
}
.price-negative {
  color: var(--red-50);
}
.price-negative .icon {
  color: var(--red-50);
}
.price-positive {
  color: var(--price-positive-color);
}
.price-positive .icon {
  color: var(--price-positive-color);
}
.label-color {
  color: var(--gray-30);
}
.label-primary {
  color: var(--text-primary);
}
.label-name {
  color: var(--text-key);
}
.label-link {
  color: var(--blue-60);
}
.label-gold {
  color: var(--gold);
}
.label-value {
  color: var(--text-value);
}
.no-word-break {
  white-space: nowrap;
}
.error-alert {
  color: var(--red-60);
}
.success-alert {
  color: var(--green-30);
}
.highlight {
  color: var(--yellow-60);
}
.price-down {
  color: var(--red-50);
}
.price-up {
  color: var(--price-up-color);
}
.green-gradient-text {
  color: var(--green-60);
  background:
    linear-gradient(
      180deg,
      rgba(82, 250, 255, 0.2) 0%,
      rgba(18, 22, 25, 0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 1px 0 #000000;
}
.kaspa-currency-suffix {
  font-family: "Plus Jakarta Sans", sans-serif;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kaspa-currency-suffix::after {
  content: "KAS";
  color: var(--text-key);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  display: block;
}
.kaspa-currency-suffix.sm::after {
  font-size: 8px !important;
}
.kaspa-currency-suffix.md::after {
  font-size: 12px !important;
}
.kaspa-currency-suffix.lg::after {
  font-size: 16px !important;
}
.title-gradient-text {
  background:
    linear-gradient(
      to right,
      var(--primary-color),
      var(--secondary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mint-button .button-container {
  background:
    linear-gradient(
      90deg,
      rgb(84, 113, 255) 0%,
      rgb(27, 18, 158) 100%);
  border: 0 !important;
  color: white !important;
}
.mint-button .button-container .icon {
  color: white !important;
}
.mint-button .button-container:hover {
  background:
    linear-gradient(
      90deg,
      rgba(84, 113, 255, 0.7) 0%,
      rgba(27, 18, 158, 0.7) 100%);
}
.burn-button .button-container {
  background:
    linear-gradient(
      90deg,
      rgb(255, 84, 84) 0%,
      rgb(158, 18, 18) 100%);
  border: 0 !important;
  color: white !important;
}
.burn-button .button-container .icon {
  color: white !important;
}
.burn-button .button-container:hover {
  background:
    linear-gradient(
      90deg,
      rgba(255, 84, 84, 0.7) 0%,
      rgba(158, 18, 18, 0.7) 100%);
}
:root {
  --colors-primary-0: #4c887f;
  --colors-primary-10: #54968c;
  --colors-primary-20: #5ca59a;
  --colors-primary-30: #65b5a9;
  --colors-primary-40: #6fc7ba;
  --colors-primary-50: #9bd1d0;
  --colors-primary-60: #a4d5d4;
  --colors-primary-70: #acd9d8;
  --colors-primary-80: #b4dcdc;
  --colors-primary-100: #dff7f7;
  --colors-secondary-0: #000000;
  --colors-secondary-10: #04030a;
  --colors-secondary-20: #070514;
  --colors-secondary-30: #0e0a28;
  --colors-secondary-40: #1b134f;
  --colors-secondary-50: #36269d;
  --colors-secondary-60: #5c4fb0;
  --colors-secondary-70: #8177c2;
  --colors-secondary-80: #ccc8e7;
  --colors-secondary-100: #e5e3f3;
  --colors-grays-0: #000000ff;
  --colors-grays-10: #010102ff;
  --colors-grays-20: #010203ff;
  --colors-grays-30: #020406ff;
  --colors-grays-40: #03080bff;
  --colors-grays-50: #11171aff;
  --colors-grays-60: #1f2629ff;
  --colors-grays-70: #3a4446ff;
  --colors-grays-80: #718081ff;
  --colors-grays-100: #dff7f7ff;
}
:root {
  color-scheme: dark;
}
[data-theme=light] {
  color-scheme: light;
  --background: #f4f8f7;
  --secondary-background: #ffffff;
  --tertiary-background: #e2eeeb;
  --text-primary: #0d1415;
  --text-secondary: #4d5a5a;
  --text-tertiary: #4d5a5a;
  --text-key: var(--text-secondary);
  --text-value: var(--text-primary);
  --brand-text: var(--green-70);
  --price-positive-color: var(--green-70);
  --price-up-color: var(--green-70);
  --spinner-color-primary: var(--green-60);
  --spinner-color-secondary: var(--green-40);
  --spinner-color-gradient: var(--gray-93);
  --gray-85: #c7e8de;
  --gray-89: #d0e8e0;
  --gray-90: #ffffff;
  --gray-91: #f5fbf9;
  --gray-92: #f0f7f5;
  --gray-93: #e8f2f0;
  --gray-94: #e2eeeb;
  --gray-95: #d8e9e6;
  --gray-100: #0d1415;
  --gray-40: #4d5a5a;
  --gray-50: #617171;
  --gray-60: #7f9e9e;
  --gray-70: #617171;
  --gray-80: #4d5a5a;
  --primary-border-color: #b5ddd0;
  --border-subtle: rgba(0, 0, 0, 0.08);
  --overlay-subtle: rgba(0, 0, 0, 0.06);
  --overlay-medium: rgba(0, 0, 0, 0.1);
  --table-header-bg: #dceae7;
  --table-header-color: #4d5a5a;
  --bottom-fade-color: #f4f8f7;
  --bottom-fade-color-transparent: rgba(244, 248, 247, 0);
  --column-hint-icon-shadow: none;
  --surface-0: #ffffff;
  --surface-50: #f8fafb;
  --surface-100: #f0f7f5;
  --surface-200: #e2eeeb;
  --surface-300: #c7e8de;
  --surface-400: #a3cac1;
  --surface-500: #7f9e9e;
  --surface-600: #617171;
  --surface-700: #4d5a5a;
  --surface-800: #2a3737;
  --surface-900: #131c1e;
  --surface-ground: #f4f8f7;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #d0e8e0;
  --surface-hover: #e2eeeb;
  --text-color: #0d1415;
  --text-color-secondary: #4d5a5a;
  --mask-bg: rgba(0, 0, 0, 0.4);
  --pagination-btn-bg: #d8e9e6;
  --pagination-shadow: rgba(0, 0, 0, 0.1);
  --pagination-shadow-subtle: rgba(0, 0, 0, 0.04);
  --pagination-disabled-opacity: 0.3;
  --scrollbar-thumb: rgba(0, 0, 0, 0.25);
  --skeleton-bg: #dde2e7;
  --skeleton-shimmer-start: #dde2e7;
  --skeleton-shimmer-mid: #eaeff3;
  --btn-disabled-bg: var(--card-overlay-2);
  --btn-primary-disabled-bg: rgba(0, 0, 0, 0.28);
  --btn-primary-disabled-text: rgba(255, 255, 255, 0.6);
  --card-universal-bg: rgba(0, 0, 0, 0.04);
  --card-overlay-1: rgba(0, 0, 0, 0.04);
  --card-overlay-2: rgba(0, 0, 0, 0.06);
  --card-overlay-3: rgba(0, 0, 0, 0.08);
  --card-overlay-4: rgba(0, 0, 0, 0.12);
  --header-border-c1: rgb(180, 220, 210);
  --header-border-c2: rgb(200, 235, 225);
  --header-border-connected-c3: rgb(100, 190, 170);
  --header-border-connected-c4: rgb(130, 200, 185);
}
[data-theme=light] .title-gradient-text {
  background:
    linear-gradient(
      to right,
      var(--green-70),
      var(--green-60));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme=light] app-portfolio-sidebar .item.active .title {
  color: var(--green-70) !important;
}
[data-theme=light] app-portfolio-sidebar .item.active .icon {
  color: var(--green-70);
}
[data-theme=light] app-portfolio-sidebar .item.active:hover .title {
  color: var(--green-70) !important;
}
[data-theme=light] app-portfolio-sidebar .item.active:hover .icon {
  color: var(--green-70);
}
[data-theme=light] .nft-card,
[data-theme=light] app-nft-item-card .nft-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--surface-border);
  background: var(--secondary-background);
}
[data-theme=light] app-nft-view .avatar .avatar-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--surface-border);
  border-radius: 12px !important;
  overflow: hidden;
}
[data-theme=light] .toggle-group-bar-container.secondary {
  background: var(--gray-94);
  border: 1px solid var(--surface-border);
  border-radius: 12px;
}
[data-theme=light] .toggle-group-bar-container.secondary .slider {
  background: var(--green-60) !important;
}
[data-theme=light] .toggle-group-bar-container.secondary .option-container.active .icon {
  color: var(--white);
}
[data-theme=light] .toggle-group-bar-container.secondary .option-container.active .option-name {
  color: var(--white);
}
[data-theme=light] app-theme-toggle .theme-toggle svg {
  width: 20px;
  height: 20px;
}
[data-theme=light] app-theme-toggle .theme-toggle {
  color: var(--text-primary);
}
[data-theme=light] app-theme-toggle .theme-toggle:hover {
  background: var(--card-overlay-2);
}
:root {
  --shell-bg-rail: #0a0c0e;
  --shell-bg-base: #0c0e10;
  --shell-bg-panel: #111417;
  --shell-bg-inset: #0b0d0f;
  --shell-bg-elev: #222528;
  --shell-bg-hover: rgba(255, 255, 255, 0.04);
  --shell-bg-active: rgba(255, 255, 255, 0.07);
  --shell-line: #1d2227;
  --shell-line-strong: #272d33;
  --shell-txt-1: #f3f6f8;
  --shell-txt-2: #9aa4ad;
  --shell-txt-3: #6a747d;
  --shell-txt-4: #4a535b;
  --shell-accent: #6fc7ba;
  --shell-accent-strong: #15ffb5;
  --shell-accent-soft: rgba(111, 199, 186, 0.14);
  --shell-accent-line: rgba(111, 199, 186, 0.32);
  --shell-accent-contrast: #06120f;
}
[data-theme=light] {
  --shell-bg-rail: #ffffff;
  --shell-bg-base: #f6f8f9;
  --shell-bg-panel: #ffffff;
  --shell-bg-inset: #eef1f3;
  --shell-bg-elev: #ffffff;
  --shell-bg-hover: rgba(16, 24, 28, 0.04);
  --shell-bg-active: rgba(16, 24, 28, 0.07);
  --shell-line: #e2e7ea;
  --shell-line-strong: #d2d9dd;
  --shell-txt-1: #0d1417;
  --shell-txt-2: #55616b;
  --shell-txt-3: #8a949c;
  --shell-txt-4: #aab2b9;
  --shell-accent: #2f9e8f;
  --shell-accent-strong: #16a085;
  --shell-accent-soft: rgba(47, 158, 143, 0.1);
  --shell-accent-line: rgba(47, 158, 143, 0.3);
  --shell-accent-contrast: #ffffff;
}
@font-face {
  font-family: "Black Future";
  src: url("./media/BlackFuture-BBMCMVLF.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.typo-title-1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
}
.typo-title-1-bolder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
}
.typo-title-2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
}
.typo-title-2-bolder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
}
.typo-title-3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: 0;
}
.typo-title-3-bolder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: 0;
}
.typo-title-4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0;
}
.typo-title-5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0;
}
.typo-title-4-bolder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0;
}
.typo-title-5-bolder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0;
}
.typo-paragraph-0 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-1-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-1-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-2-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-2-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  word-spacing: 0;
}
.typo-paragraph-3-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-paragraph-3-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.45;
  word-spacing: 0;
}
.typo-label-1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 8px;
  word-spacing: 0;
}
.typo-label-1-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 8px;
  word-spacing: 0;
}
.typo-label-2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  word-spacing: 0;
}
.typo-label-2-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-size: 12px;
  word-spacing: 0;
}
.kaspa-value {
  white-space: nowrap;
  word-break: keep-all;
}
.currency-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: var(--gray-50);
}
.white-space-nowrap {
  white-space: nowrap;
}
.text-align-center {
  text-align: center;
}
.flex-container-gap-0 {
  display: flex;
  justify-content: flex-start;
}
.flex-container-gap-4 {
  display: flex;
  justify-content: flex-start;
  gap: 4px;
}
.inline-flex-container-gap-4 {
  display: inline-flex;
  justify-content: flex-start;
  gap: 4px;
}
.flex-container-gap-8 {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.flex-container-gap-16 {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
.flex-container-gap-12 {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}
.flex-container-gap-24 {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}
.flex-container-gap-32 {
  display: flex;
  justify-content: flex-start;
  gap: 32px;
}
.flex-container-gap-48 {
  display: flex;
  justify-content: flex-start;
  gap: 48px;
}
.flex-container-column-gap-0 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-container-column-gap-4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
}
.flex-container-column-gap-6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
}
.flex-container-column-gap-8 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
.flex-container-column-gap-12 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
}
.flex-container-column-gap-16 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
.flex-container-column-gap-24 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}
.flex-container-column-gap-32 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 32px;
}
.flex-container-column-gap-48 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 48px;
}
.flex-container-row-space-between {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.flex-container-row-space-evenly {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.flex-container-column-space-between {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.short-page-width {
  width: 54%;
}
@media all and (max-width: 1200px) {
  .short-page-width {
    width: 80%;
  }
}
@media all and (max-width: 768px) {
  .short-page-width {
    width: 100%;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-sticky {
  position: sticky;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.flex-0 {
  flex: 0;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100% !important;
}
.border-radius-8 {
  border-radius: 8px;
}
.border-radius-12 {
  border-radius: 12px;
}
.padding-4 {
  padding: 4px;
}
.padding-8 {
  padding: 8px;
}
.padding-12 {
  padding: 12px;
}
.padding-16 {
  padding: 16px;
}
.padding-24 {
  padding: 24px;
}
.padding-32 {
  padding: 32px;
}
.padding-48 {
  padding: 48px;
}
.gap-4 {
  gap: 4px;
}
.gap-8 {
  gap: 8px;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-20 {
  gap: 20px;
}
.gap-24 {
  gap: 24px;
}
.gap-32 {
  gap: 32px;
}
.gap-48 {
  gap: 48px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-flex-end {
  justify-content: flex-end;
}
.card {
  background: var(--gray-90);
  border-radius: 12px;
}
.card-2 {
  background: var(--gray-92);
  border-radius: 12px;
}
.card-universal {
  background: var(--card-universal-bg);
  border-radius: 12px;
}
.flex-direction-reverse {
  flex-direction: column-reverse;
}
.align-items-center {
  align-items: center;
}
.align-self-center {
  align-self: center;
}
.align-items-flex-end {
  align-items: flex-end;
}
.align-items-flex-start {
  align-items: flex-start;
}
.separator-line {
  width: 100%;
  height: 1px;
  background-color: var(--gray-90);
}
.empty-state {
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.disabledStyle {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.skeleton {
  width: 100%;
  height: 20px;
  background-color: var(--skeleton-bg);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  display: block;
}
.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      var(--skeleton-shimmer-start) 0%,
      var(--skeleton-shimmer-mid) 50%,
      var(--skeleton-shimmer-start) 100%);
  animation: shine 1.5s infinite;
}
@keyframes shine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.vertical-divider {
  width: 1px;
  height: 100%;
  background: var(--gray-90);
  display: block;
}
.horizontal-divider {
  width: 100%;
  height: 1px;
  background: var(--gray-90);
  display: block;
}
.horizontal-divider-universal {
  width: 100%;
  height: 1px;
  background: var(--overlay-subtle);
  display: block;
}
.vertical-divider-universal {
  width: 1px;
  height: 100%;
  background: var(--overlay-subtle);
  display: block;
}
.card-light-opacity-1 {
  background: var(--card-overlay-1);
}
.card-light-opacity-2 {
  background: var(--card-overlay-2);
}
.card-light-opacity-3 {
  background: var(--card-overlay-3);
}
.card-light-opacity-4 {
  background: var(--card-overlay-4);
}
.mb-20 {
  margin-bottom: 20px;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.m-auto {
  margin-left: auto;
  margin-right: auto;
}
.m-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.bottom-fade {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  background:
    linear-gradient(
      180deg,
      var(--bottom-fade-color-transparent) 0%,
      var(--bottom-fade-color) 100%);
  z-index: 100;
  pointer-events: none;
}
.rotate-90 {
  transform: rotate(90deg);
}
.status-icon {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: var(--gray-70);
}
.status-icon.online {
  background-color: var(--green-105);
  box-shadow: 0 0 10px 0 rgba(92, 218, 121, 0.7);
}
.status-icon.offline {
  background-color: var(--red-50);
}
.nft-collection-pivot-link {
  color: var(--gray-70);
}
.nft-collection-pivot-link:hover {
  cursor: pointer;
  color: var(--blue-50);
}
.dummy-height-element {
  pointer-events: none;
}
.skeleton-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent !important;
  transition: opacity ease-out 0.5s;
  border-radius: 4px;
  pointer-events: none;
}
*::-webkit-scrollbar-track {
  width: 1px;
  margin-top: 5px;
  margin-right: 5px;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 16px;
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-small::-webkit-scrollbar {
  width: 4px;
}
.scroll-medium::-webkit-scrollbar {
  width: 6px;
}
.scroll-large::-webkit-scrollbar {
  width: 8px;
}
.app-shell h1,
.app-shell h2,
.app-shell h3,
.app-shell strong,
.app-shell small,
.app-shell span,
.platform-page h1,
.platform-page h2,
.platform-page h3,
.platform-page strong,
.platform-page small,
.platform-page span {
  overflow-wrap: anywhere;
}
.app-shell .compact,
.platform-page .compact {
  align-items: center;
}
.app-shell .definition-list,
.platform-page .definition-list {
  display: grid;
  gap: 8px;
  margin: 0;
}
.app-shell .definition-list div,
.platform-page .definition-list div {
  display: grid;
  grid-template-columns: minmax(100px, 0.7fr) minmax(0, 1fr);
  gap: 12px;
}
.app-shell .definition-list dt,
.platform-page .definition-list dt {
  color: var(--text-secondary);
}
.app-shell .definition-list dd,
.platform-page .definition-list dd {
  min-width: 0;
  margin: 0;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}
.app-shell .action-grid,
.app-shell .form-grid,
.platform-page .action-grid,
.platform-page .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.app-shell .action-grid button,
.app-shell .data-panel > button,
.app-shell .form-grid input,
.app-shell .form-grid textarea,
.app-shell .data-panel input,
.app-shell .data-panel textarea,
.app-shell .panel > input,
.app-shell .panel > textarea,
.platform-page .action-grid button,
.platform-page .data-panel > button,
.platform-page .form-grid input,
.platform-page .form-grid textarea,
.platform-page .data-panel input,
.platform-page .data-panel textarea,
.platform-page .panel > input,
.platform-page .panel > textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--gray-89);
  border-radius: 8px;
  color: var(--text-primary);
  background: var(--background);
}
.app-shell .action-grid button,
.app-shell .data-panel > button,
.platform-page .action-grid button,
.platform-page .data-panel > button {
  cursor: pointer;
}
.app-shell .action-grid button:disabled,
.app-shell .data-panel > button:disabled,
.platform-page .action-grid button:disabled,
.platform-page .data-panel > button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.app-shell label,
.platform-page label {
  display: grid;
  gap: 6px;
}
.app-shell .form-grid input,
.app-shell .form-grid textarea,
.app-shell .data-panel input,
.app-shell .data-panel textarea,
.app-shell .panel > input,
.app-shell .panel > textarea,
.platform-page .form-grid input,
.platform-page .form-grid textarea,
.platform-page .data-panel input,
.platform-page .data-panel textarea,
.platform-page .panel > input,
.platform-page .panel > textarea {
  padding: 8px 10px;
}
.app-shell .form-grid textarea,
.app-shell .data-panel textarea,
.app-shell .panel > textarea,
.platform-page .form-grid textarea,
.platform-page .data-panel textarea,
.platform-page .panel > textarea {
  min-height: 84px;
  resize: vertical;
}
.app-shell .wide,
.app-shell .verified-fields,
.platform-page .wide,
.platform-page .verified-fields {
  grid-column: 1/-1;
}
.app-shell .empty-state,
.platform-page .empty-state {
  padding: 12px;
  color: var(--text-secondary);
}
.platform-page {
  display: grid;
  gap: 24px;
  max-width: 1180px;
  margin: 0 auto;
  color: var(--kc-text-primary);
}
.platform-page h1,
.platform-page h2,
.platform-page h3,
.platform-page p {
  margin: 0;
}
.page-header,
.section-heading,
.page-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.page-actions {
  align-items: center;
}
.status-tag {
  display: inline-flex;
}
.status-tag .kc-button {
  min-width: 0;
  white-space: nowrap;
  text-transform: capitalize;
}
.status-tag .kc-button.disabled {
  cursor: default;
  opacity: 1;
}
.status-tag.status-success .kc-button {
  border-color: var(--kc-color-success-700);
  background: var(--kc-color-success-600);
  color: var(--kc-color-black);
}
.status-tag.status-info .kc-button {
  border-color: var(--kc-color-secondary-600);
  background: var(--kc-color-secondary-600);
  color: var(--kc-color-white);
}
.status-tag.status-danger .kc-button {
  border-color: var(--kc-color-danger-600);
  background-color: var(--kc-color-danger-600);
  color: var(--kc-color-white);
}
.status-tag.status-neutral .kc-button {
  border-color: var(--kc-color-gray-700);
  background: var(--kc-color-gray-900);
  color: var(--kc-color-gray-300);
}
.status-tag.status-warning .kc-button {
  border-color: var(--kc-color-warning-700);
  background-color: var(--kc-color-warning-600);
  color: var(--kc-color-black);
}
.tabbar {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  gap: var(--kc-space-xs);
  padding: var(--kc-space-xs);
  overflow-x: auto;
  border: var(--kc-border-width-1) solid var(--kc-color-gray-700);
  border-radius: var(--kc-radius-sm);
  background: var(--kc-color-black-900);
}
.tabbar button {
  min-width: max-content;
  min-height: 36px;
  border: 0;
  border-radius: var(--kc-radius-xs);
  padding: 0 var(--kc-space-m);
  color: var(--kc-color-gray-300);
  background: transparent;
  font-family: var(--kc-font-family-base);
  font-size: var(--kc-font-size-14);
  font-weight: var(--kc-font-weight-600);
  cursor: pointer;
  white-space: nowrap;
}
.tabbar button.active {
  color: var(--kc-color-black);
  background: var(--kc-color-primary-600);
}
.eyebrow {
  margin: 0 0 8px;
  color: var(--primary-color);
  text-transform: uppercase;
}
.muted {
  color: var(--text-secondary);
}
.metric-grid,
.detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.metric-card,
.panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--gray-89);
  border-radius: 8px;
  background: var(--secondary-background);
}
.metric-card {
  min-height: 104px;
}
.metric-card small {
  color: var(--text-secondary);
}
.metric-card strong {
  font-size: 24px;
}
.metric-card {
  background:
    linear-gradient(
      180deg,
      rgba(111, 199, 186, 0.04),
      transparent),
    var(--secondary-background);
}
.metric-card .metric-delta {
  color: var(--kc-color-success-600);
  font-size: 12px;
  font-weight: 700;
}
.redesign-page {
  --kcc20-panel: var(--kc-bg-surface, var(--secondary-background));
  --kcc20-inset: var(--kc-bg-secondary, var(--background));
  --kcc20-line: var(--kc-border-primary, var(--gray-89));
  --kcc20-line-strong: var(--kc-border-secondary, var(--gray-89));
  --kcc20-muted: var(--kc-text-secondary, var(--text-secondary));
  --font-mono:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  max-width: 1440px;
  font-size: 14px;
  letter-spacing: 0;
}
.redesign-page .page-header {
  align-items: flex-end;
}
.redesign-page .typo-title-5-bolder,
.redesign-page .page-header h1 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}
.redesign-page .section-heading h2,
.redesign-page .panel h2,
.redesign-page .data-panel h2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}
.redesign-page .metric-card strong,
.redesign-page .metric__v {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.redesign-page .panel,
.redesign-page .metric-card,
.redesign-page .data-section {
  border-color: var(--kcc20-line);
  border-radius: var(--kc-radius-m, 16px);
  background: var(--kcc20-panel);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02) inset;
}
.redesign-page .data-section {
  display: grid;
  gap: 0;
  overflow: hidden;
}
.redesign-page .mobile-section-tabs {
  display: none;
}
.redesign-page [id^=token-] {
  scroll-margin-top: 84px;
}
.redesign-page .section-heading {
  padding: 16px;
  border-bottom: 1px solid var(--kcc20-line);
}
.redesign-page .panel .section-heading {
  padding: 0;
  border-bottom: 0;
}
.redesign-page .split-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 16px;
  align-items: start;
}
.redesign-page .stack {
  display: grid;
  gap: 12px;
}
.redesign-page .row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.redesign-page .between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.redesign-page .wrap {
  flex-wrap: wrap;
}
.redesign-page .filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--kcc20-line);
}
.redesign-page .filter-bar select,
.redesign-page .filter-bar input {
  width: auto;
  min-width: 150px;
}
.redesign-page .segmented {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--kcc20-line);
  border-radius: var(--kc-radius-sm, 8px);
  background: var(--kcc20-inset);
}
.redesign-page .segmented button {
  min-height: 32px;
  border: 0;
  border-radius: var(--kc-radius-xs, 4px);
  padding: 0 12px;
  color: var(--kcc20-muted);
  background: transparent;
  cursor: pointer;
}
.redesign-page .segmented button.active {
  color: var(--kc-color-black);
  background: var(--kc-color-primary-600);
}
.redesign-page .soft-card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--kcc20-line);
  border-radius: var(--kc-radius-sm, 12px);
  background: var(--kcc20-inset);
}
.redesign-page .mono,
.mono {
  font-family:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  font-variant-numeric: tabular-nums lining-nums;
}
.redesign-page .num,
.redesign-page table,
.redesign-page .metric-card strong {
  font-variant-numeric: tabular-nums lining-nums;
}
.redesign-page .tiny {
  color: var(--kcc20-muted);
  font-size: 11px;
}
.redesign-page .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--kc-color-primary-600);
}
.redesign-page .status-dot.warn {
  background: var(--kc-color-warning-600);
}
.redesign-page .status-dot.bad {
  background: var(--kc-color-danger-600);
}
.redesign-page .progress-line {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--kcc20-inset);
}
.redesign-page .progress-line span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--kc-color-primary-600);
}
.redesign-page .mobile-card-list {
  display: none;
}
.definition-list {
  display: grid;
  gap: 8px;
  margin: 0;
}
.definition-list div {
  display: grid;
  grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1fr);
  gap: 12px;
}
.definition-list dt {
  color: var(--text-secondary);
}
.definition-list dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}
.action-grid,
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.platform-page .action-grid button,
.platform-page .panel > button,
.platform-page .form-grid input,
.platform-page .form-grid select,
.platform-page .form-grid textarea,
.platform-page .data-panel input,
.platform-page .data-panel select,
.platform-page .data-panel textarea,
.platform-page .panel > input,
.platform-page .panel > select,
.platform-page .panel > textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--gray-89);
  border-radius: 8px;
  color: var(--text-primary);
  background: var(--background);
}
.platform-page .action-grid button,
.platform-page .panel > button {
  cursor: pointer;
}
.platform-page .action-grid button:disabled,
.platform-page .panel > button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.platform-page label {
  display: grid;
  gap: 6px;
}
.platform-page .form-grid input,
.platform-page .form-grid select,
.platform-page .form-grid textarea,
.platform-page .data-panel input,
.platform-page .data-panel select,
.platform-page .data-panel textarea,
.platform-page .panel > input,
.platform-page .panel > select,
.platform-page .panel > textarea {
  padding: 8px 10px;
}
.platform-page .form-grid textarea,
.platform-page .data-panel textarea,
.platform-page .panel > textarea {
  min-height: 96px;
  resize: vertical;
}
.action-grid kc-button,
.action-row kc-button,
.trade-actions kc-button,
.token-link-actions kc-button {
  width: 100%;
}
.action-grid kc-button .kc-button,
.action-row kc-button .kc-button,
.trade-actions kc-button .kc-button,
.token-link-actions kc-button .kc-button {
  width: 100%;
}
@media (max-width: 900px) {
  .app-shell .detail-grid,
  .app-shell .private-grid,
  .app-shell .action-grid,
  .app-shell .form-grid,
  .platform-page .detail-grid,
  .platform-page .private-grid,
  .platform-page .action-grid,
  .platform-page .form-grid {
    grid-template-columns: 1fr;
  }
  .app-shell .definition-list div,
  .platform-page .definition-list div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .page-header,
  .section-heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-header h1 {
    font-size: 24px;
    line-height: 1.1;
  }
  .panel h2,
  .data-panel h2 {
    font-size: 16px;
    line-height: 1.2;
  }
  .metric-grid {
    grid-template-columns: 1fr;
  }
  .redesign-page .split-layout {
    grid-template-columns: 1fr;
  }
  .redesign-page .section-heading h2,
  .redesign-page .panel h2,
  .redesign-page .data-panel h2 {
    font-size: 14px;
  }
  .redesign-page .filter-bar select,
  .redesign-page .filter-bar input {
    width: 100%;
  }
  .redesign-page .mobile-section-tabs {
    position: sticky;
    top: -16px;
    z-index: 4;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 24px 0 8px;
    background: var(--background);
  }
  .redesign-page .mobile-section-tabs a {
    display: inline-grid;
    min-height: 34px;
    place-items: center;
    padding: 0 12px;
    border: 1px solid var(--gray-89);
    border-radius: 8px;
    color: var(--text-secondary);
    background: var(--background);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }
}
@media (max-width: 640px) {
  .redesign-page {
    gap: 16px;
  }
  .redesign-page .page-actions {
    width: 100%;
  }
  .redesign-page .page-actions kc-button,
  .redesign-page .page-actions kc-button .kc-button {
    width: 100%;
  }
  .redesign-page .desktop-table {
    display: none;
  }
  .redesign-page .mobile-card-list {
    display: grid;
    gap: 10px;
  }
}
[data-theme=light] .tabbar {
  background: #ffffff;
  border-color: #e2e7ea;
}
[data-theme=light] .tabbar button {
  color: #55616b;
}
[data-theme=light] .status-tag.status-neutral .kc-button {
  border-color: #d2d9dd;
  background: #eef1f3;
  color: #55616b;
}
:root {
  --font-mono:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  --fv-num: lining-nums tabular-nums;
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-34: 34px;
  --fs-44: 44px;
  --fs-56: 56px;
  --r-xs: 4px;
  --r-s: 8px;
  --r-sm: 12px;
  --r-m: 16px;
  --r-ml: 20px;
  --r-l: 24px;
  --r-round: 999px;
  --s-2: 2px;
  --s-4: 4px;
  --s-6: 6px;
  --s-8: 8px;
  --s-10: 10px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-32: 32px;
  --s-40: 40px;
  --s-48: 48px;
}
.redesign-page {
  --bg-app: #08090b;
  --bg-base: #0c0e10;
  --bg-rail: #0a0c0e;
  --bg-panel: #111417;
  --bg-panel-2: #15181c;
  --bg-elev: #222528;
  --bg-inset: #0b0d0f;
  --bg-hover: rgba(255, 255, 255, 0.04);
  --bg-active: rgba(255, 255, 255, 0.07);
  --line: #1d2227;
  --line-strong: #272d33;
  --line-faint: #14171a;
  --txt-1: #f3f6f8;
  --txt-2: #9aa4ad;
  --txt-3: #6a747d;
  --txt-4: #4a535b;
  --accent: #6fc7ba;
  --accent-strong: #15ffb5;
  --accent-soft: rgba(111, 199, 186, 0.14);
  --accent-line: rgba(111, 199, 186, 0.32);
  --accent-contrast: #06120f;
  --buy: #3fc753;
  --buy-soft: rgba(63, 199, 83, 0.12);
  --sell: #e04242;
  --sell-soft: rgba(224, 66, 66, 0.12);
  --warn: #e6a223;
  --info: #62a8ff;
  --info-soft: rgba(98, 168, 255, 0.12);
  --metric-grid:
    linear-gradient(
      180deg,
      #14181c 0%,
      #0f1215 100%);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 16px 48px rgba(0, 0, 0, 0.5);
  --kcc20-panel: var(--bg-panel);
  --kcc20-inset: var(--bg-inset);
  --kcc20-line: var(--line);
  --kcc20-line-strong: var(--line-strong);
  --kcc20-muted: var(--txt-3);
  --gray-89: var(--line);
  --red-50: var(--sell);
  --green-buy: var(--buy);
  --secondary-background: var(--bg-panel);
}
[data-theme=light] .redesign-page {
  --bg-app: #eef1f3;
  --bg-base: #f6f8f9;
  --bg-rail: #ffffff;
  --bg-panel: #ffffff;
  --bg-panel-2: #f7f9fa;
  --bg-elev: #ffffff;
  --bg-inset: #eef1f3;
  --bg-hover: rgba(16, 24, 28, 0.04);
  --bg-active: rgba(16, 24, 28, 0.07);
  --line: #e2e7ea;
  --line-strong: #d2d9dd;
  --line-faint: #edf0f2;
  --txt-1: #0d1417;
  --txt-2: #55616b;
  --txt-3: #8a949c;
  --txt-4: #aab2b9;
  --accent: #2f9e8f;
  --accent-strong: #16a085;
  --accent-soft: rgba(47, 158, 143, 0.1);
  --accent-line: rgba(47, 158, 143, 0.3);
  --accent-contrast: #ffffff;
  --buy: #1f9d52;
  --buy-soft: rgba(31, 157, 82, 0.1);
  --sell: #d83b3b;
  --sell-soft: rgba(216, 59, 59, 0.1);
  --info: #2f6fed;
  --info-soft: rgba(47, 111, 237, 0.1);
  --metric-grid:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f4f7f8 100%);
  --shadow-sm: 0 1px 2px rgba(16, 24, 28, 0.06);
  --shadow-md: 0 8px 24px rgba(16, 24, 28, 0.08);
  --shadow-pop: 0 16px 48px rgba(16, 24, 28, 0.16);
}
.kcc-rd {
  color: var(--txt-1);
  font-variant-numeric: var(--fv-num);
}
.kcc-rd .num {
  font-variant-numeric: var(--fv-num);
}
.kcc-rd .mono {
  font-family: var(--font-mono);
  font-variant-numeric: var(--fv-num);
  letter-spacing: -0.01em;
}
.kcc-rd .muted {
  color: var(--txt-3);
}
.kcc-rd .small {
  font-size: 12px;
}
.kcc-rd .xsmall {
  font-size: 11px;
}
.kcc-rd .tiny {
  font-size: 12px;
  line-height: 1.5;
  color: var(--txt-3);
}
.kcc-rd .row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kcc-rd .col {
  display: flex;
  flex-direction: column;
}
.kcc-rd .between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.kcc-rd .wrap {
  flex-wrap: wrap;
}
.kcc-rd .grow {
  flex: 1;
}
.kcc-rd .right {
  margin-left: auto;
}
.kcc-rd .gap8 {
  gap: 8px;
}
.kcc-rd .gap12 {
  gap: 12px;
}
.kcc-rd .gap16 {
  gap: 16px;
}
.kcc-rd .gap24 {
  gap: 24px;
}
.kcc-rd .mt8 {
  margin-top: 8px;
}
.kcc-rd .mt12 {
  margin-top: 12px;
}
.kcc-rd .mt16 {
  margin-top: 16px;
}
.kcc-rd .divider {
  height: 1px;
  background: var(--line);
  margin: 16px 0;
}
.kcc-rd .pos {
  color: var(--buy);
}
.kcc-rd .neg {
  color: var(--sell);
}
.kcc-rd .accent {
  color: var(--accent);
}
.kcc-rd {
}
.kcc-rd .phead {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
}
.kcc-rd .phead__eyebrow {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
}
.kcc-rd .phead h1 {
  font-size: var(--fs-28);
  font-weight: 700;
  letter-spacing: -0.025em;
  margin: 5px 0 0;
}
.kcc-rd .phead p.sub {
  color: var(--txt-2);
  font-size: 13px;
  margin: 6px 0 0;
  max-width: 60ch;
  line-height: 1.5;
}
.kcc-rd .phead__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.kcc-rd {
}
.kcc-rd .tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 999px;
  padding: 3px 10px;
  border: 0.5px solid var(--line-strong);
  background: var(--bg-elev);
  color: var(--txt-2);
  white-space: nowrap;
}
.kcc-rd .tag--ok {
  color: #58d377;
  background: var(--buy-soft);
  border-color: transparent;
}
.kcc-rd .tag--warn {
  color: #f3bb41;
  background: rgba(230, 162, 35, 0.12);
  border-color: transparent;
}
.kcc-rd .tag--bad {
  color: #e06969;
  background: var(--sell-soft);
  border-color: transparent;
}
.kcc-rd .tag--info {
  color: var(--accent);
  background: var(--accent-soft);
  border-color: transparent;
}
.kcc-rd .tag--violet {
  color: #a069ea;
  background: rgba(148, 99, 231, 0.13);
  border-color: transparent;
}
.kcc-rd .tag--neutral {
  color: var(--txt-3);
}
.kcc-rd {
}
.kcc-rd .side-tag {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  padding: 3px 8px;
  background: var(--bg-elev);
  color: var(--txt-2);
  white-space: nowrap;
}
.kcc-rd .side-tag--cross {
  color: var(--txt-2, #c2c8d6);
}
.kcc-rd .side-tag--buy {
  color: var(--buy);
  background: var(--buy-soft);
}
.kcc-rd .side-tag--sell {
  color: var(--sell);
  background: var(--sell-soft);
}
.kcc-rd {
}
.kcc-rd .status-text {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--txt-2);
}
.kcc-rd .status-text--success {
  color: var(--buy);
}
.kcc-rd .status-text--danger {
  color: var(--sell);
}
.kcc-rd .status-text--warning {
  color: #f3bb41;
}
.kcc-rd .status-text--info {
  color: var(--accent);
}
.kcc-rd .status-text--neutral {
  color: var(--txt-3);
}
.kcc-rd {
}
.kcc-rd .activity-action-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.kcc-rd .activity-action-cell strong {
  font-weight: 600;
  color: var(--txt-1);
}
.kcc-rd .activity-action-cell__dot {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--txt-4);
}
.kcc-rd .activity-action-cell.dir-up strong {
  color: var(--buy);
}
.kcc-rd .activity-action-cell.dir-up .activity-action-cell__dot {
  background: var(--buy);
}
.kcc-rd .activity-action-cell.dir-down strong {
  color: var(--sell);
}
.kcc-rd .activity-action-cell.dir-down .activity-action-cell__dot {
  background: var(--sell);
}
.kcc-rd .activity-action-cell.dir-info strong {
  color: var(--accent);
}
.kcc-rd .activity-action-cell.dir-info .activity-action-cell__dot {
  background: var(--accent);
}
.kcc-rd .activity-action-cell.dir-neutral strong {
  color: var(--txt-2);
}
.kcc-rd .activity-action-cell.dir-neutral .activity-action-cell__dot {
  background: var(--txt-3);
}
.kcc-rd .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--txt-3);
  background: var(--bg-inset);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 2px 7px;
  cursor: pointer;
}
.kcc-rd .pill:hover {
  color: var(--txt-2);
  border-color: var(--line-strong);
}
.kcc-rd {
}
.kcc-rd .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: none;
  display: inline-block;
}
.kcc-rd .dot--ok {
  background: var(--buy);
  box-shadow: 0 0 0 3px var(--buy-soft);
}
.kcc-rd .dot--warn {
  background: var(--warn);
  box-shadow: 0 0 0 3px rgba(230, 162, 35, 0.14);
}
.kcc-rd .dot--bad {
  background: var(--sell);
  box-shadow: 0 0 0 3px var(--sell-soft);
}
.kcc-rd {
}
.kcc-rd .panel {
  background: var(--bg-panel);
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  overflow: hidden;
  display: block;
  padding: 0;
  gap: 0;
}
.kcc-rd .panel__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--line);
}
.kcc-rd .panel__head h2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
}
.kcc-rd .panel__head .muted {
  color: var(--txt-3);
  font-size: 12px;
}
.kcc-rd .panel__head .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kcc-rd .panel__body {
  padding: 20px;
}
.kcc-rd .panel__body--flush {
  padding: 0;
}
.kcc-rd {
  --kc-linear-border-left: linear-gradient(var(--line), var(--line));
  --kc-linear-border-right: linear-gradient(var(--line), var(--line));
  --kc-linear-glow-wash-left: none;
  --kc-linear-glow-wash-right: none;
  --kc-linear-glow-base-left: var(--bg-panel);
  --kc-linear-glow-base-right: var(--bg-panel);
}
.kcc-rd .kc-linear-left,
.kcc-rd .kc-linear-right {
  background-image: none;
  background-color: var(--line);
}
.kcc-rd .kc-linear-glow-left,
.kcc-rd .kc-linear-glow-right {
  background: var(--bg-panel);
}
.kcc-rd .panel--glow {
  border: 0;
  border-radius: calc(var(--r-m) - 1px);
  height: 100%;
}
.kcc-rd {
}
.kcc-rd .mintcard,
.kcc-rd .scard {
  border: 1px solid var(--line);
  background: var(--bg-panel);
}
.kcc-rd .mintcard:hover {
  border-color: var(--line-strong);
}
.kcc-rd {
}
.kcc-rd .metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin-bottom: 22px;
}
.kcc-rd .metrics .kc-linear-left,
.kcc-rd .metrics .kc-linear-right {
  border-radius: var(--r-sm);
}
.kcc-rd .metric {
  border-radius: calc(var(--r-sm) - 1px);
  padding: 16px 20px;
}
.kcc-rd .metric__k {
  font-size: 12px;
  color: var(--txt-3);
  display: flex;
  align-items: center;
  gap: 6px;
}
.kcc-rd .metric__v {
  font-size: var(--fs-24);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 8px;
  line-height: 1;
}
.kcc-rd .metric__d {
  font-size: 12px;
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.kcc-rd .metric__d.up {
  color: var(--buy);
}
.kcc-rd .metric__d.down {
  color: var(--sell);
}
.kcc-rd {
}
.kcc-rd .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.kcc-rd .tbl thead th {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--txt-3);
  padding: 11px 20px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  background: var(--bg-panel);
  -webkit-user-select: none;
  user-select: none;
}
.kcc-rd .tbl thead th.r,
.kcc-rd .tbl td.r {
  text-align: right;
}
.kcc-rd .tbl thead th.sortable {
  cursor: pointer;
}
.kcc-rd .tbl thead th .sort {
  opacity: 0.4;
  margin-left: 3px;
}
.kcc-rd .tbl thead th.is-sorted {
  color: var(--txt-1);
}
.kcc-rd .tbl thead th.is-sorted .sort {
  opacity: 1;
  color: var(--accent);
}
.kcc-rd .tbl tbody td {
  padding: 0 20px;
  height: 52px;
  border-bottom: 1px solid var(--line-faint);
  color: var(--txt-1);
  vertical-align: middle;
}
.kcc-rd .tbl tbody tr {
  transition: background 0.12s;
}
.kcc-rd .tbl tbody tr.clickable {
  cursor: pointer;
}
.kcc-rd .tbl tbody tr:hover {
  background: var(--bg-hover);
}
.kcc-rd .tbl tbody tr:last-child td {
  border-bottom: 0;
}
.kcc-rd .tbl .muted {
  color: var(--txt-3);
}
.kcc-rd .tbl .pos {
  color: var(--buy);
}
.kcc-rd .tbl .neg {
  color: var(--sell);
}
.kcc-rd .tokcell {
  display: flex;
  align-items: center;
  gap: 11px;
}
.kcc-rd a.tokcell {
  color: inherit;
  text-decoration: none;
}
.kcc-rd a.tokcell:hover b {
  color: var(--accent);
}
.kcc-rd .logo {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  flex: none;
  object-fit: cover;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 13px;
  color: var(--accent-contrast);
  background: var(--accent);
  text-transform: uppercase;
}
.kcc-rd .logo--sm {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  font-size: 11px;
}
.kcc-rd .logo--lg {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  font-size: 19px;
}
.kcc-rd .tokcell__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.kcc-rd .tokcell__meta b {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.kcc-rd .tokcell__meta small {
  font-size: 11px;
  color: var(--txt-3);
}
.kcc-rd {
}
.kcc-rd .seg {
  display: inline-flex;
  background: var(--bg-inset);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 3px;
  gap: 2px;
}
.kcc-rd .seg.full {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.kcc-rd .seg button {
  border: 0;
  background: transparent;
  color: var(--txt-2);
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
}
.kcc-rd .seg button:hover {
  color: var(--txt-1);
}
.kcc-rd .seg button.active {
  background: var(--bg-elev);
  color: var(--txt-1);
  box-shadow: var(--shadow-sm);
}
.kcc-rd .seg--buy button.active.buy {
  background: var(--buy);
  color: #04130a;
}
.kcc-rd .seg--buy button.active.sell {
  background: var(--sell);
  color: #fff;
}
.kcc-rd {
}
.kcc-rd .tabs {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  overflow-y: hidden;
}
.kcc-rd .tabs button {
  border: 0;
  background: transparent;
  color: var(--txt-2);
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  padding: 12px 16px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.kcc-rd .tabs button:hover {
  color: var(--txt-1);
}
.kcc-rd .tabs button.active {
  color: var(--txt-1);
}
.kcc-rd .tabs button.active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}
.kcc-rd .tabs .cnt {
  font-size: 11px;
  color: var(--txt-3);
  background: var(--bg-inset);
  border-radius: 999px;
  padding: 0 7px;
}
.kcc-rd {
}
.kcc-rd .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.kcc-rd .field > label {
  font-size: 12px;
  color: var(--txt-2);
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.kcc-rd .field > label .hint {
  color: var(--txt-3);
  font-weight: 400;
}
.kcc-rd .input {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 14px;
  background: var(--bg-inset);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--txt-1);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.kcc-rd .input:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}
.kcc-rd .input input,
.kcc-rd .input textarea {
  flex: 1;
  min-width: 0;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: var(--font-sans, inherit);
  font-size: 15px;
  outline: none;
  font-variant-numeric: var(--fv-num);
}
.kcc-rd .input .suffix {
  color: var(--txt-3);
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.kcc-rd .input--lg {
  height: 56px;
}
.kcc-rd .input--lg input {
  font-size: 22px;
  font-weight: 600;
}
.kcc-rd .input--area {
  height: auto;
  align-items: stretch;
  padding: 12px 14px;
}
.kcc-rd .input--area textarea {
  resize: vertical;
  min-height: 76px;
  font-size: 14px;
}
.kcc-rd .select {
  height: 44px;
  padding: 0 12px;
  background: var(--bg-inset);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--txt-1);
  font: inherit;
}
.kcc-rd {
}
.kcc-rd .dl {
  display: flex;
  flex-direction: column;
}
.kcc-rd .dl > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--line-faint);
}
.kcc-rd .dl > div:last-child {
  border-bottom: 0;
}
.kcc-rd .dl dt {
  color: var(--txt-3);
  font-size: 13px;
  margin: 0;
}
.kcc-rd .dl dd {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  font-variant-numeric: var(--fv-num);
  margin: 0;
}
.kcc-rd .dl dd.accent {
  color: var(--accent);
}
.kcc-rd {
}
.kcc-rd .kv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--line-faint);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
}
.kcc-rd .kv > div {
  background: var(--bg-panel);
  padding: 11px 13px;
}
.kcc-rd .kv dt {
  font-size: 11px;
  color: var(--txt-3);
  margin: 0 0 4px;
}
.kcc-rd .kv dd {
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: var(--fv-num);
  margin: 0;
}
.kcc-rd .kv dd.accent {
  color: var(--accent);
}
.kcc-rd .kv--3 {
  grid-template-columns: repeat(3, 1fr);
}
.kcc-rd .kv--4 {
  grid-template-columns: repeat(4, 1fr);
}
.kcc-rd {
}
.kcc-rd .bar {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: var(--bg-inset);
  overflow: hidden;
}
.kcc-rd .bar > i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--accent),
      var(--accent-strong));
}
.kcc-rd {
}
.kcc-rd .split2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  align-items: start;
}
.kcc-rd .split2--wide {
  grid-template-columns: 320px minmax(0, 1fr);
}
.kcc-rd .stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.kcc-rd .duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
.kcc-rd {
}
.kcc-rd .vnav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kcc-rd .vnav__item {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 12px;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  border: 0;
  background: transparent;
  text-align: left;
  width: 100%;
}
.kcc-rd .vnav__item:hover {
  background: var(--bg-hover);
}
.kcc-rd .vnav__item.active {
  background: var(--accent-soft);
}
.kcc-rd .vnav__n {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  background: var(--bg-inset);
  border: 1px solid var(--line-strong);
  color: var(--txt-3);
}
.kcc-rd .vnav__item.active .vnav__n {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast);
}
.kcc-rd .vnav__item.done .vnav__n {
  background: var(--buy-soft);
  border-color: var(--buy);
  color: var(--buy);
}
.kcc-rd .vnav__l b {
  font-size: 13px;
  font-weight: 600;
  display: block;
}
.kcc-rd .vnav__l small {
  font-size: 12px;
  color: var(--txt-3);
}
.kcc-rd {
}
.kcc-rd .hstep {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
  padding: 16px 18px;
  background: var(--bg-panel);
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  overflow-x: auto;
  counter-reset: hstep-num;
}
.kcc-rd .hstep kc-stepper {
  flex: 1;
  min-width: 150px;
}
.kcc-rd .hstep kc-stepper .stepper-progress {
  flex: 1;
}
.kcc-rd {
}
.kcc-rd .hstep kc-stepper .stepper-icon-wrapper {
  counter-increment: hstep-num;
}
.kcc-rd .hstep kc-stepper .stepper-icon-wrapper kc-icon {
  display: none;
}
.kcc-rd .hstep kc-stepper .stepper-icon-wrapper::after {
  content: counter(hstep-num);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: var(--kc-color-black-700, #1a1a1a);
}
.kcc-rd {
}
.kcc-rd .hstep kc-stepper.is-upcoming .stepper-icon-wrapper {
  background-color: transparent;
  border-color: var(--line);
}
.kcc-rd .hstep kc-stepper.is-upcoming .stepper-icon-wrapper::after {
  color: var(--txt-3);
}
.kcc-rd {
}
@media (max-width: 640px) {
  .kcc-rd .hstep {
    gap: 10px;
  }
  .kcc-rd .hstep kc-stepper {
    min-width: 0;
  }
  .kcc-rd .hstep kc-stepper .stepper-title,
  .kcc-rd .hstep kc-stepper .stepper-sub-title {
    display: none;
  }
}
.kcc-rd {
}
.kcc-rd .drop {
  border: 1.5px dashed var(--line-strong);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  color: var(--txt-3);
  background: var(--bg-inset);
  cursor: pointer;
}
.kcc-rd .drop:hover {
  border-color: var(--accent);
  color: var(--txt-2);
}
.kcc-rd {
}
.kcc-rd .mintgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.kcc-rd .mintcard {
  background: var(--bg-panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: border-color 0.15s, transform 0.1s;
}
.kcc-rd .mintcard:hover {
  border-color: var(--line-strong);
  transform: translateY(-2px);
}
.kcc-rd .mintcard__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kcc-rd {
}
.kcc-rd .softcard {
  background: var(--bg-inset);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
}
.kcc-rd {
}
.kcc-rd .scard {
  background: var(--bg-panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
}
.kcc-rd {
}
.kcc-rd .actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.kcc-rd .actions kc-button,
.kcc-rd .actions kc-button .kc-button {
  width: 100%;
}
.redesign-page {
  grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 1100px) {
  .kcc-rd .split2,
  .kcc-rd .split2--wide,
  .kcc-rd .duo {
    grid-template-columns: minmax(0, 1fr);
  }
  .kcc-rd .phead {
    flex-wrap: wrap;
  }
  .kcc-rd .phead__actions {
    margin-left: 0;
  }
}
@media (max-width: 720px) {
  .kcc-rd .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kcc-rd .actions {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .kcc-rd .tbl {
    font-size: 12px;
  }
  .kcc-rd .tbl.m-cards {
    display: block;
  }
  .kcc-rd .tbl.m-cards thead {
    display: none;
  }
  .kcc-rd .tbl.m-cards tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
  }
  .kcc-rd .tbl.m-cards tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 12px;
    background: var(--bg-inset);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 13px;
  }
  .kcc-rd .tbl.m-cards tr:hover {
    background: var(--bg-inset);
  }
  .kcc-rd .tbl.m-cards td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    height: auto;
    padding: 0;
    border: 0;
    text-align: left;
  }
  .kcc-rd .tbl.m-cards td::before {
    content: attr(data-label);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--txt-3);
    font-weight: 600;
  }
  .kcc-rd .tbl.m-cards td.r {
    text-align: left;
  }
  .kcc-rd .tbl.m-cards td.cardhead {
    grid-column: 1/-1;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--line);
  }
  .kcc-rd .tbl.m-cards td.cardhead::before {
    display: none;
  }
  .kcc-rd .tbl.m-cards td.cardact {
    grid-column: 1/-1;
    align-items: stretch;
  }
  .kcc-rd .tbl.m-cards td.cardact::before {
    display: none;
  }
  .kcc-rd .tbl.m-cards td.cardact .row {
    justify-content: stretch !important;
  }
  .kcc-rd .tbl.m-cards td.cardact .btn,
  .kcc-rd .tbl.m-cards td.cardact kc-button {
    flex: 1;
  }
  .kcc-rd .tbl.m-cards td.m-hide {
    display: none;
  }
  .kcc-rd .tbl.m-cards .bar {
    width: 100%;
  }
  .kcc-rd .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kcc-rd .metric {
    min-width: 0;
  }
  .kcc-rd .metric__v {
    font-size: var(--fs-20);
    overflow-wrap: break-word;
  }
  .kcc-rd .phead h1 {
    font-size: var(--fs-24);
  }
}
[data-theme=light] .input-control {
  background-color: #ffffff !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .input-control:hover {
  border-color: #c4ccd1 !important;
}
[data-theme=light] .input-container.search .input-control {
  background-color: transparent !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .input-container.search .input-control:hover:not(.disabled) {
  background-color: #eef1f3 !important;
  border-color: #c4ccd1 !important;
}
[data-theme=light] .input-container.search.filled .input-control {
  background-color: #f6f8f9 !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .input-container.disabled .input-control {
  background-color: #f0f3f4 !important;
  border-color: #e2e7ea !important;
}
[data-theme=light] .input-field {
  color: #0d1417 !important;
}
[data-theme=light] .input-field::placeholder {
  color: #8a949c !important;
}
[data-theme=light] .input-label {
  color: #0d1417 !important;
}
[data-theme=light] .input-container.disabled .input-label {
  color: #55616b !important;
}
[data-theme=light] .kc-switch {
  background-color: #eef1f3 !important;
}
[data-theme=light] .kc-switch__slider {
  background-color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(16, 24, 28, 0.1), 0 1px 2px rgba(16, 24, 28, 0.16) !important;
}
[data-theme=light] .kc-switch .kc-switch-button {
  color: #55616b !important;
}
[data-theme=light] .kc-switch .kc-switch-button:hover {
  color: #0d1417 !important;
}
[data-theme=light] .kc-switch .kc-switch-button--selected.kc-switch-button--selected {
  border-color: #d2d9dd !important;
  color: #0d1417 !important;
}
[data-theme=light] .kc-switch .kc-switch-button--disabled {
  color: #8a949c !important;
}
[data-theme=light] .kc-button.secondary {
  color: #0d1417 !important;
}
[data-theme=light] .kc-button.secondary:not(.disabled):not(.loading):hover {
  border-color: #c4ccd1 !important;
}
[data-theme=light] .kc-button.primary.disabled {
  background-color: #f0f3f4 !important;
  color: #8a949c !important;
}
[data-theme=light] .kc-button.secondary.disabled {
  border-color: #e2e7ea !important;
  color: #8a949c !important;
}
[data-theme=light] .kc-table table {
  color: #0d1417 !important;
}
[data-theme=light] .kc-table__header {
  background-color: #f6f8f9 !important;
}
[data-theme=light] .kc-table__header-cell {
  color: #55616b !important;
}
[data-theme=light] .kc-table__body-row:hover {
  background-color: #eef1f3 !important;
}
[data-theme=light] .kc-table__body-row--striped {
  background-color: #f6f8f9 !important;
}
[data-theme=light] .kc-table__body-row--selected {
  background-color: #e8f0ee !important;
}
[data-theme=light] .kc-table__body-cell {
  color: #0d1417 !important;
}
[data-theme=light] .kc-table__skeleton-content {
  background:
    linear-gradient(
      90deg,
      #f0f3f4 0%,
      #eef1f3 50%,
      #f0f3f4 100%) !important;
  background-size: 200% 100% !important;
}
[data-theme=light] .kc-table__skeleton-row.kc-table__body-row--striped:hover {
  background-color: #f6f8f9 !important;
}
[data-theme=light] .kc-skeleton {
  background:
    linear-gradient(
      90deg,
      #dde2e7 0%,
      #eaeff3 40%,
      #dde2e7 80%) !important;
  background-size: 200% 100% !important;
}
[data-theme=light] .kc-skeleton-loader::before {
  background:
    linear-gradient(
      90deg,
      #dde2e7 0%,
      #eaeff3 40%,
      #dde2e7 80%) !important;
  background-size: 200% 100% !important;
}
[data-theme=light] .kc-linear-left {
  background-image:
    linear-gradient(
      38.59deg,
      var(--accent-line, rgba(47, 158, 143, 0.3)) 30%,
      var(--line, #e2e7ea) 50%);
}
[data-theme=light] .kc-linear-right {
  background-image:
    linear-gradient(
      228.59deg,
      var(--accent-line, rgba(47, 158, 143, 0.3)) 30%,
      var(--line, #e2e7ea) 50%);
}
[data-theme=light] .kc-linear-glow-left {
  background:
    linear-gradient(
      38.59deg,
      var(--accent-soft, rgba(47, 158, 143, 0.06)) -4.58%,
      transparent 44.15%),
    linear-gradient(var(--bg-panel, #ffffff), var(--bg-panel, #ffffff));
}
[data-theme=light] .kc-linear-glow-right {
  background:
    linear-gradient(
      228.59deg,
      var(--accent-soft, rgba(47, 158, 143, 0.06)) -4.58%,
      transparent 44.15%),
    linear-gradient(var(--bg-panel, #ffffff), var(--bg-panel, #ffffff));
}
[data-theme=light] .redesign-page .kc-linear-left,
[data-theme=light] .redesign-page .kc-linear-right {
  background-image: none;
  background-color: var(--line, #e2e7ea);
}
[data-theme=light] .redesign-page .kc-linear-glow-left,
[data-theme=light] .redesign-page .kc-linear-glow-right {
  background: var(--bg-panel, #ffffff);
}
[data-theme=light] .kc-accordion {
  border-color: #e2e7ea !important;
}
[data-theme=light] .kc-accordion__header {
  background-color: #ffffff !important;
}
[data-theme=light] .kc-accordion__header--disabled {
  background-color: #f0f3f4 !important;
}
[data-theme=light] .kc-accordion__content {
  background-color: #ffffff !important;
  border-color: #e2e7ea !important;
}
[data-theme=light] .kc-accordion__title {
  color: #0d1417 !important;
}
[data-theme=light] .kc-accordion__content-inner {
  color: #55616b !important;
}
[data-theme=light] .kc-accordion__icon {
  color: #55616b !important;
}
[data-theme=light] .toggle-text {
  color: #0d1417 !important;
}
[data-theme=light] .toggle-disabled .toggle-text {
  color: #8a949c !important;
}
[data-theme=light] .dropdown-select.default,
[data-theme=light] .dropdown-select.list {
  background-color: #ffffff !important;
  color: #0d1417 !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .dropdown-select.default:hover:not(.disabled),
[data-theme=light] .dropdown-select.list:hover:not(.disabled) {
  background-color: #eef1f3 !important;
  border-color: #c4ccd1 !important;
}
[data-theme=light] .dropdown-select.transparent {
  color: #0d1417 !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .dropdown-options-container {
  background-color: #ffffff !important;
  border-color: #d2d9dd !important;
  color: #0d1417 !important;
}
[data-theme=light] .dropdown-option {
  color: #0d1417 !important;
}
[data-theme=light] .dropdown-option:hover {
  background-color: #eef1f3 !important;
}
[data-theme=light] .dropdown-option.selected {
  background-color: #e8f0ee !important;
  color: #0d1417 !important;
}
[data-theme=light] .kc-button.tag {
  background-color: #f6f8f9 !important;
  border-color: #d2d9dd !important;
  color: #55616b !important;
}
[data-theme=light] .kc-button.tag.disabled {
  background-color: #f0f3f4 !important;
  border-color: #e2e7ea !important;
  color: #8a949c !important;
}
[data-theme=light] .kc-button.tag.selected,
[data-theme=light] .kc-button.tag:not(.disabled):hover {
  background: var(--shell-accent-soft, rgba(47, 158, 143, 0.12)) !important;
  border-color: var(--shell-accent-line, rgba(47, 158, 143, 0.32)) !important;
  color: var(--green-70, #328170) !important;
}
[data-theme=light] .alert-container {
  border-color: #e2e7ea !important;
}
[data-theme=light] .alert-container.warning {
  background: #fff8e9 !important;
  border-color: #fce9bf !important;
}
[data-theme=light] .alert-container.warning .alert-icon-container {
  background-color: #fce9bf !important;
}
[data-theme=light] .alert-container.info {
  background: #f1e8fc !important;
  border-color: #dcc8f8 !important;
}
[data-theme=light] .alert-container.info .alert-icon-container {
  background-color: #dcc8f8 !important;
}
[data-theme=light] .alert-container.success {
  background: #e6f9eb !important;
  border-color: #c3f0cd !important;
}
[data-theme=light] .alert-container.success .alert-icon-container {
  background-color: #c3f0cd !important;
}
[data-theme=light] .alert-container.error {
  background: #fceded !important;
  border-color: #f5cccc !important;
}
[data-theme=light] .alert-container.error .alert-icon-container {
  background-color: #f5cccc !important;
}
[data-theme=light] .alert-text,
[data-theme=light] .alert-title {
  color: #0d1417 !important;
}
[data-theme=light] .empty {
  background: #f6f8f9 !important;
  border-color: #d2d9dd !important;
}
[data-theme=light] .empty[data-tone=info] {
  border-color: #dcc8f8 !important;
}
[data-theme=light] .empty[data-tone=warning] {
  border-color: #fce9bf !important;
}
[data-theme=light] .empty[data-tone=error] {
  border-color: #f5cccc !important;
}
[data-theme=light] .empty[data-tone=info] .empty__icon {
  background: #f1e8fc !important;
}
[data-theme=light] .empty[data-tone=warning] .empty__icon {
  background: #fff8e9 !important;
}
[data-theme=light] .empty[data-tone=error] .empty__icon {
  background: #fceded !important;
}
[data-theme=light] .empty__title {
  color: #0d1417 !important;
}
[data-theme=light] .empty__subtitle,
[data-theme=light] .empty__reason,
[data-theme=light] .empty__reason span {
  color: #55616b !important;
}
[data-theme=light] .empty__action--secondary {
  border-color: #d2d9dd !important;
  color: #0d1417 !important;
}
[data-theme=light] .empty__action--secondary:hover {
  border-color: #c4ccd1 !important;
}
* {
  box-sizing: border-box;
}
html,
body {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--kc-bg-primary);
  color: var(--kc-text-primary);
  font-family:
    "Plus Jakarta Sans",
    Inter,
    system-ui,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums lining-nums;
}
:root {
  --kc-font-size-base: var(--kc-font-size-14);
  --kc-height-button-m: 42px;
  --kc-width-button-m: max-content;
  --kc-typography-button-primary-m-font-size: var(--kc-font-size-14);
  --kc-typography-button-primary-m-line-height: var(--kc-font-line-height-130);
  --kc-typography-button-primary-m-letter-spacing: 0;
  --kc-typography-button-secondary-m-font-size: var(--kc-font-size-14);
  --kc-typography-button-secondary-m-line-height: var( --kc-font-line-height-130 );
  --kc-typography-button-secondary-m-letter-spacing: 0;
  --background: var(--kc-bg-primary);
  --secondary-background: var(--kc-bg-secondary);
  --tertiary-background: var(--kc-bg-tertiary);
  --text-primary: var(--kc-text-primary);
  --text-secondary: var(--kc-text-secondary);
  --text-tertiary: var(--kc-color-gray-400);
  --primary-color: var(--kc-color-primary-600);
  --primary-border-color: var(--kc-color-black-800);
}
button,
input,
textarea,
select {
  font: inherit;
}
[contenteditable]:focus {
  outline: none;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.error-message {
  color: var(--red-50);
  font-size: 0.85rem;
  margin-top: 0.25rem;
}
.body-blur *:not(.profile-header-container) {
  filter: blur(1px);
  pointer-events: none;
}
.body-blur {
  pointer-events: auto;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation: fadeIn 0.5s ease-in forwards;
}
@keyframes popInModalCenter {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.info-pip {
  display: inline-block;
  margin-left: 6px;
  font-size: 0.75em;
  color: var(--text-muted, rgba(255, 255, 255, 0.5));
  cursor: help;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
}
.info-pip:hover {
  color: var(--accent, #6cb6ff);
}
[data-theme=light] img[src*=logo-sidebar] {
  filter: invert(1) hue-rotate(180deg);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-CTDFQ5B6.css.map */