@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=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

/* src/styles.scss */
.text-align-center {
  text-align: center;
}
.flex {
  display: flex;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.wrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-baseline {
  align-items: baseline;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-stretch {
  align-self: stretch;
}
.align-self-baseline {
  align-self: baseline;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-center {
  align-content: center;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.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;
}
.flex-11 {
  flex: 11;
}
.flex-12 {
  flex: 12;
}
.flex-13 {
  flex: 13;
}
.flex-14 {
  flex: 14;
}
.flex-15 {
  flex: 15;
}
.flex-16 {
  flex: 16;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.gap-0 {
  gap: 0;
}
.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-28 {
  gap: 28px;
}
.gap-32 {
  gap: 32px;
}
.gap-36 {
  gap: 36px;
}
.gap-40 {
  gap: 40px;
}
.gap-44 {
  gap: 44px;
}
.gap-48 {
  gap: 48px;
}
.gap-52 {
  gap: 52px;
}
.gap-56 {
  gap: 56px;
}
.gap-60 {
  gap: 60px;
}
.gap-64 {
  gap: 64px;
}
.gap-68 {
  gap: 68px;
}
.gap-72 {
  gap: 72px;
}
.row-gap-0 {
  row-gap: 0;
}
.row-gap-4 {
  row-gap: 4px;
}
.row-gap-8 {
  row-gap: 8px;
}
.row-gap-12 {
  row-gap: 12px;
}
.row-gap-16 {
  row-gap: 16px;
}
.row-gap-20 {
  row-gap: 20px;
}
.row-gap-24 {
  row-gap: 24px;
}
.row-gap-28 {
  row-gap: 28px;
}
.row-gap-32 {
  row-gap: 32px;
}
.row-gap-36 {
  row-gap: 36px;
}
.row-gap-40 {
  row-gap: 40px;
}
.row-gap-44 {
  row-gap: 44px;
}
.row-gap-48 {
  row-gap: 48px;
}
.row-gap-52 {
  row-gap: 52px;
}
.row-gap-56 {
  row-gap: 56px;
}
.row-gap-60 {
  row-gap: 60px;
}
.row-gap-64 {
  row-gap: 64px;
}
.row-gap-68 {
  row-gap: 68px;
}
.row-gap-72 {
  row-gap: 72px;
}
.column-gap-0 {
  column-gap: 0;
}
.column-gap-4 {
  column-gap: 4px;
}
.column-gap-8 {
  column-gap: 8px;
}
.column-gap-12 {
  column-gap: 12px;
}
.column-gap-16 {
  column-gap: 16px;
}
.column-gap-20 {
  column-gap: 20px;
}
.column-gap-24 {
  column-gap: 24px;
}
.column-gap-28 {
  column-gap: 28px;
}
.column-gap-32 {
  column-gap: 32px;
}
.column-gap-36 {
  column-gap: 36px;
}
.column-gap-40 {
  column-gap: 40px;
}
.column-gap-44 {
  column-gap: 44px;
}
.column-gap-48 {
  column-gap: 48px;
}
.column-gap-52 {
  column-gap: 52px;
}
.column-gap-56 {
  column-gap: 56px;
}
.column-gap-60 {
  column-gap: 60px;
}
.column-gap-64 {
  column-gap: 64px;
}
.column-gap-68 {
  column-gap: 68px;
}
.column-gap-72 {
  column-gap: 72px;
}
.m-0 {
  margin: 0;
}
.m-4 {
  margin: 4px;
}
.m-8 {
  margin: 8px;
}
.m-12 {
  margin: 12px;
}
.m-16 {
  margin: 16px;
}
.m-20 {
  margin: 20px;
}
.m-24 {
  margin: 24px;
}
.m-28 {
  margin: 28px;
}
.m-32 {
  margin: 32px;
}
.m-36 {
  margin: 36px;
}
.m-40 {
  margin: 40px;
}
.m-44 {
  margin: 44px;
}
.m-48 {
  margin: 48px;
}
.m-52 {
  margin: 52px;
}
.m-56 {
  margin: 56px;
}
.m-60 {
  margin: 60px;
}
.m-64 {
  margin: 64px;
}
.m-68 {
  margin: 68px;
}
.m-72 {
  margin: 72px;
}
.mt-0 {
  margin-top: 0;
}
.mt-4 {
  margin-top: 4px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-28 {
  margin-top: 28px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-36 {
  margin-top: 36px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-44 {
  margin-top: 44px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-52 {
  margin-top: 52px;
}
.mt-56 {
  margin-top: 56px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-64 {
  margin-top: 64px;
}
.mt-68 {
  margin-top: 68px;
}
.mt-72 {
  margin-top: 72px;
}
.mr-0 {
  margin-right: 0;
}
.mr-4 {
  margin-right: 4px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-16 {
  margin-right: 16px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-24 {
  margin-right: 24px;
}
.mr-28 {
  margin-right: 28px;
}
.mr-32 {
  margin-right: 32px;
}
.mr-36 {
  margin-right: 36px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-44 {
  margin-right: 44px;
}
.mr-48 {
  margin-right: 48px;
}
.mr-52 {
  margin-right: 52px;
}
.mr-56 {
  margin-right: 56px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-64 {
  margin-right: 64px;
}
.mr-68 {
  margin-right: 68px;
}
.mr-72 {
  margin-right: 72px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-44 {
  margin-bottom: 44px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-52 {
  margin-bottom: 52px;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-64 {
  margin-bottom: 64px;
}
.mb-68 {
  margin-bottom: 68px;
}
.mb-72 {
  margin-bottom: 72px;
}
.ml-0 {
  margin-left: 0;
}
.ml-4 {
  margin-left: 4px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-12 {
  margin-left: 12px;
}
.ml-16 {
  margin-left: 16px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-24 {
  margin-left: 24px;
}
.ml-28 {
  margin-left: 28px;
}
.ml-32 {
  margin-left: 32px;
}
.ml-36 {
  margin-left: 36px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-44 {
  margin-left: 44px;
}
.ml-48 {
  margin-left: 48px;
}
.ml-52 {
  margin-left: 52px;
}
.ml-56 {
  margin-left: 56px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-64 {
  margin-left: 64px;
}
.ml-68 {
  margin-left: 68px;
}
.ml-72 {
  margin-left: 72px;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-28 {
  margin-left: 28px;
  margin-right: 28px;
}
.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}
.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-44 {
  margin-left: 44px;
  margin-right: 44px;
}
.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}
.mx-52 {
  margin-left: 52px;
  margin-right: 52px;
}
.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}
.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}
.mx-68 {
  margin-left: 68px;
  margin-right: 68px;
}
.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}
.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}
.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}
.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.my-68 {
  margin-top: 68px;
  margin-bottom: 68px;
}
.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 4px;
}
.p-8 {
  padding: 8px;
}
.p-12 {
  padding: 12px;
}
.p-16 {
  padding: 16px;
}
.p-20 {
  padding: 20px;
}
.p-24 {
  padding: 24px;
}
.p-28 {
  padding: 28px;
}
.p-32 {
  padding: 32px;
}
.p-36 {
  padding: 36px;
}
.p-40 {
  padding: 40px;
}
.p-44 {
  padding: 44px;
}
.p-48 {
  padding: 48px;
}
.p-52 {
  padding: 52px;
}
.p-56 {
  padding: 56px;
}
.p-60 {
  padding: 60px;
}
.p-64 {
  padding: 64px;
}
.p-68 {
  padding: 68px;
}
.p-72 {
  padding: 72px;
}
.pt-0 {
  padding-top: 0;
}
.pt-4 {
  padding-top: 4px;
}
.pt-8 {
  padding-top: 8px;
}
.pt-12 {
  padding-top: 12px;
}
.pt-16 {
  padding-top: 16px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-24 {
  padding-top: 24px;
}
.pt-28 {
  padding-top: 28px;
}
.pt-32 {
  padding-top: 32px;
}
.pt-36 {
  padding-top: 36px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-44 {
  padding-top: 44px;
}
.pt-48 {
  padding-top: 48px;
}
.pt-52 {
  padding-top: 52px;
}
.pt-56 {
  padding-top: 56px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-64 {
  padding-top: 64px;
}
.pt-68 {
  padding-top: 68px;
}
.pt-72 {
  padding-top: 72px;
}
.pr-0 {
  padding-right: 0;
}
.pr-4 {
  padding-right: 4px;
}
.pr-8 {
  padding-right: 8px;
}
.pr-12 {
  padding-right: 12px;
}
.pr-16 {
  padding-right: 16px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-24 {
  padding-right: 24px;
}
.pr-28 {
  padding-right: 28px;
}
.pr-32 {
  padding-right: 32px;
}
.pr-36 {
  padding-right: 36px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-44 {
  padding-right: 44px;
}
.pr-48 {
  padding-right: 48px;
}
.pr-52 {
  padding-right: 52px;
}
.pr-56 {
  padding-right: 56px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-64 {
  padding-right: 64px;
}
.pr-68 {
  padding-right: 68px;
}
.pr-72 {
  padding-right: 72px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-4 {
  padding-bottom: 4px;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-16 {
  padding-bottom: 16px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-24 {
  padding-bottom: 24px;
}
.pb-28 {
  padding-bottom: 28px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pb-36 {
  padding-bottom: 36px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-44 {
  padding-bottom: 44px;
}
.pb-48 {
  padding-bottom: 48px;
}
.pb-52 {
  padding-bottom: 52px;
}
.pb-56 {
  padding-bottom: 56px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-64 {
  padding-bottom: 64px;
}
.pb-68 {
  padding-bottom: 68px;
}
.pb-72 {
  padding-bottom: 72px;
}
.pl-0 {
  padding-left: 0;
}
.pl-4 {
  padding-left: 4px;
}
.pl-8 {
  padding-left: 8px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-24 {
  padding-left: 24px;
}
.pl-28 {
  padding-left: 28px;
}
.pl-32 {
  padding-left: 32px;
}
.pl-36 {
  padding-left: 36px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-44 {
  padding-left: 44px;
}
.pl-48 {
  padding-left: 48px;
}
.pl-52 {
  padding-left: 52px;
}
.pl-56 {
  padding-left: 56px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-64 {
  padding-left: 64px;
}
.pl-68 {
  padding-left: 68px;
}
.pl-72 {
  padding-left: 72px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}
.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-44 {
  padding-left: 44px;
  padding-right: 44px;
}
.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}
.px-52 {
  padding-left: 52px;
  padding-right: 52px;
}
.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}
.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}
.px-68 {
  padding-left: 68px;
  padding-right: 68px;
}
.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}
.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.dropdown-overlay-panel {
  border-radius: 8px;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-animated-panel {
  will-change: opacity, transform;
}
.dropdown-overlay-fullscreen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.dropdown-animated-fullscreen {
  will-change: opacity, transform;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.7);
}
:root {
  --white: #ffffff;
  --black: hsl(0, 0%, 0%);
  --vampire-black: #07090a;
  --gray-0: #141414;
  --gray-10: #181818;
  --gray-15: #282828;
  --gray-20: #333333;
  --gray-25: #404040;
  --gray-40: #616161;
  --gray-45: #757575;
  --gray-60: #9e9e9e;
  --gray-75: #bdbdbd;
  --gray-85: #d9d9d9;
  --gray-90: #eeeeee;
  --gray-95: #f8f8f8;
  --blue-10: #7477ff;
  --blue-20: #595cff;
  --blue-30: #383aa3;
  --green-10: #96ffa5;
  --green-20: #3fc753;
  --green-30: #267d33;
  --orange-10: #ffd27d;
  --orange-20: #e6a223;
  --orange-30: #986b17;
  --red-10: #ff7474;
  --red-20: #e04242;
  --red-30: #923c3c;
  --yellow-10: #ffff8f;
  --yellow-20: #fafa49;
  --yellow-30: #b1b135;
  --purple-10: #d883ff;
  --purple-20: #b43aed;
  --purple-30: #6e1b94;
  --kaspa-10: #a2fff1;
  --kaspa-20: rgb(111, 199, 186);
  --kaspa-30: #32635c;
  --primary: var(--kaspa-20);
  --secondary: var(--purple-20);
  --tertiary: var(--blue-20);
  --universal-tertiary-color: rgba(255, 255, 255, 0.1);
  --universal-tertiary-2: rgba(255, 255, 255, 0.2);
  --primary-rgb:
    111,
    199,
    186;
  --primary-rgb:
    111,
    199,
    186;
  --primary-text: white;
  --background: var(--vampire-black);
  --background-secondary: #0d1316;
  --border-secondary: #1c2e2f;
  --base-0: #07090a;
  --base-1: #0e100f;
  --base-2: #1e1e1e;
  --base-3: #292929;
  --base-4: #3b4247;
  --primary-wallet: #6fc7ba;
  --secondary-wallet: #b43aed;
  --text-base-0: #594d66;
  --text-base-1: white;
  --icon-base-0: #abface;
  --icon-base-1: #63ffa9;
  --gradient-1:
    linear-gradient(
      
      90deg,
      #a2fff1 0%,
      #00d4aa 100% );
  --gradient-2:
    linear-gradient(
      
      90deg,
      #7477ff 0%,
      #595cff 30%,
      #b43aed 70%,
      #d883ff 100% );
}
:root .text-white {
  color: var(--white) !important;
}
:root .text-black {
  color: var(--black) !important;
}
:root .text-vampire-black {
  color: var(--vampire-black) !important;
}
:root .text-primary {
  color: var(--primary) !important;
}
:root .text-secondary {
  color: var(--secondary) !important;
}
:root .text-tertiary {
  color: var(--tertiary) !important;
}
:root .text-universal-tertiary-color {
  color: var(--universal-tertiary-color) !important;
}
:root .text-universal-tertiary-2 {
  color: var(--universal-tertiary-2) !important;
}
:root .text-primary-text {
  color: var(--primary-text) !important;
}
:root .text-background {
  color: var(--background) !important;
}
:root .text-background-secondary {
  color: var(--background-secondary) !important;
}
:root .text-border-secondary {
  color: var(--border-secondary) !important;
}
:root .text-gray-0 {
  color: var(--gray-0) !important;
}
:root .text-gray-10 {
  color: var(--gray-10) !important;
}
:root .text-gray-15 {
  color: var(--gray-15) !important;
}
:root .text-gray-20 {
  color: var(--gray-20) !important;
}
:root .text-gray-25 {
  color: var(--gray-25) !important;
}
:root .text-gray-40 {
  color: var(--gray-40) !important;
}
:root .text-gray-45 {
  color: var(--gray-45) !important;
}
:root .text-gray-60 {
  color: var(--gray-60) !important;
}
:root .text-gray-75 {
  color: var(--gray-75) !important;
}
:root .text-gray-85 {
  color: var(--gray-85) !important;
}
:root .text-gray-90 {
  color: var(--gray-90) !important;
}
:root .text-gray-95 {
  color: var(--gray-95) !important;
}
:root .text-blue-10 {
  color: var(--blue-10) !important;
}
:root .text-blue-20 {
  color: var(--blue-20) !important;
}
:root .text-blue-30 {
  color: var(--blue-30) !important;
}
:root .text-green-10 {
  color: var(--green-10) !important;
}
:root .text-green-20 {
  color: var(--green-20) !important;
}
:root .text-green-30 {
  color: var(--green-30) !important;
}
:root .text-orange-10 {
  color: var(--orange-10) !important;
}
:root .text-orange-20 {
  color: var(--orange-20) !important;
}
:root .text-orange-30 {
  color: var(--orange-30) !important;
}
:root .text-red-10 {
  color: var(--red-10) !important;
}
:root .text-red-20 {
  color: var(--red-20) !important;
}
:root .text-red-30 {
  color: var(--red-30) !important;
}
:root .text-yellow-10 {
  color: var(--yellow-10) !important;
}
:root .text-yellow-20 {
  color: var(--yellow-20) !important;
}
:root .text-yellow-30 {
  color: var(--yellow-30) !important;
}
:root .text-purple-10 {
  color: var(--purple-10) !important;
}
:root .text-purple-20 {
  color: var(--purple-20) !important;
}
:root .text-purple-30 {
  color: var(--purple-30) !important;
}
:root .text-kaspa-10 {
  color: var(--kaspa-10) !important;
}
:root .text-kaspa-20 {
  color: var(--kaspa-20) !important;
}
:root .text-kaspa-30 {
  color: var(--kaspa-30) !important;
}
:root .bg-white {
  background-color: var(--white) !important;
}
:root .bg-black {
  background-color: var(--black) !important;
}
:root .bg-vampire-black {
  background-color: var(--vampire-black) !important;
}
:root .bg-primary {
  background-color: var(--primary) !important;
}
:root .bg-secondary {
  background-color: var(--secondary) !important;
}
:root .bg-tertiary {
  background-color: var(--tertiary) !important;
}
:root .bg-universal-tertiary-color {
  background-color: var(--universal-tertiary-color) !important;
}
:root .bg-universal-tertiary-2 {
  background-color: var(--universal-tertiary-2) !important;
}
:root .bg-primary-text {
  background-color: var(--primary-text) !important;
}
:root .bg-background {
  background-color: var(--background) !important;
}
:root .bg-background-secondary {
  background-color: var(--background-secondary) !important;
}
:root .bg-border-secondary {
  background-color: var(--border-secondary) !important;
}
:root .bg-gray-0 {
  background-color: var(--gray-0) !important;
}
:root .bg-gray-10 {
  background-color: var(--gray-10) !important;
}
:root .bg-gray-15 {
  background-color: var(--gray-15) !important;
}
:root .bg-gray-20 {
  background-color: var(--gray-20) !important;
}
:root .bg-gray-25 {
  background-color: var(--gray-25) !important;
}
:root .bg-gray-40 {
  background-color: var(--gray-40) !important;
}
:root .bg-gray-45 {
  background-color: var(--gray-45) !important;
}
:root .bg-gray-60 {
  background-color: var(--gray-60) !important;
}
:root .bg-gray-75 {
  background-color: var(--gray-75) !important;
}
:root .bg-gray-85 {
  background-color: var(--gray-85) !important;
}
:root .bg-gray-90 {
  background-color: var(--gray-90) !important;
}
:root .bg-gray-95 {
  background-color: var(--gray-95) !important;
}
:root .bg-blue-10 {
  background-color: var(--blue-10) !important;
}
:root .bg-blue-20 {
  background-color: var(--blue-20) !important;
}
:root .bg-blue-30 {
  background-color: var(--blue-30) !important;
}
:root .bg-green-10 {
  background-color: var(--green-10) !important;
}
:root .bg-green-20 {
  background-color: var(--green-20) !important;
}
:root .bg-green-30 {
  background-color: var(--green-30) !important;
}
:root .bg-orange-10 {
  background-color: var(--orange-10) !important;
}
:root .bg-orange-20 {
  background-color: var(--orange-20) !important;
}
:root .bg-orange-30 {
  background-color: var(--orange-30) !important;
}
:root .bg-red-10 {
  background-color: var(--red-10) !important;
}
:root .bg-red-20 {
  background-color: var(--red-20) !important;
}
:root .bg-red-30 {
  background-color: var(--red-30) !important;
}
:root .bg-yellow-10 {
  background-color: var(--yellow-10) !important;
}
:root .bg-yellow-20 {
  background-color: var(--yellow-20) !important;
}
:root .bg-yellow-30 {
  background-color: var(--yellow-30) !important;
}
:root .bg-purple-10 {
  background-color: var(--purple-10) !important;
}
:root .bg-purple-20 {
  background-color: var(--purple-20) !important;
}
:root .bg-purple-30 {
  background-color: var(--purple-30) !important;
}
:root .bg-kaspa-10 {
  background-color: var(--kaspa-10) !important;
}
:root .bg-kaspa-20 {
  background-color: var(--kaspa-20) !important;
}
:root .bg-kaspa-30 {
  background-color: var(--kaspa-30) !important;
}
:root .border-white {
  border-color: var(--white) !important;
}
:root .border-black {
  border-color: var(--black) !important;
}
:root .border-vampire-black {
  border-color: var(--vampire-black) !important;
}
:root .border-primary {
  border-color: var(--primary) !important;
}
:root .border-secondary {
  border-color: var(--secondary) !important;
}
:root .border-tertiary {
  border-color: var(--tertiary) !important;
}
:root .border-universal-tertiary-color {
  border-color: var(--universal-tertiary-color) !important;
}
:root .border-universal-tertiary-2 {
  border-color: var(--universal-tertiary-2) !important;
}
:root .border-primary-text {
  border-color: var(--primary-text) !important;
}
:root .border-background {
  border-color: var(--background) !important;
}
:root .border-background-secondary {
  border-color: var(--background-secondary) !important;
}
:root .border-border-secondary {
  border-color: var(--border-secondary) !important;
}
:root .border-gray-0 {
  border-color: var(--gray-0) !important;
}
:root .border-gray-10 {
  border-color: var(--gray-10) !important;
}
:root .border-gray-15 {
  border-color: var(--gray-15) !important;
}
:root .border-gray-20 {
  border-color: var(--gray-20) !important;
}
:root .border-gray-25 {
  border-color: var(--gray-25) !important;
}
:root .border-gray-40 {
  border-color: var(--gray-40) !important;
}
:root .border-gray-45 {
  border-color: var(--gray-45) !important;
}
:root .border-gray-60 {
  border-color: var(--gray-60) !important;
}
:root .border-gray-75 {
  border-color: var(--gray-75) !important;
}
:root .border-gray-85 {
  border-color: var(--gray-85) !important;
}
:root .border-gray-90 {
  border-color: var(--gray-90) !important;
}
:root .border-gray-95 {
  border-color: var(--gray-95) !important;
}
:root .border-blue-10 {
  border-color: var(--blue-10) !important;
}
:root .border-blue-20 {
  border-color: var(--blue-20) !important;
}
:root .border-blue-30 {
  border-color: var(--blue-30) !important;
}
:root .border-green-10 {
  border-color: var(--green-10) !important;
}
:root .border-green-20 {
  border-color: var(--green-20) !important;
}
:root .border-green-30 {
  border-color: var(--green-30) !important;
}
:root .border-orange-10 {
  border-color: var(--orange-10) !important;
}
:root .border-orange-20 {
  border-color: var(--orange-20) !important;
}
:root .border-orange-30 {
  border-color: var(--orange-30) !important;
}
:root .border-red-10 {
  border-color: var(--red-10) !important;
}
:root .border-red-20 {
  border-color: var(--red-20) !important;
}
:root .border-red-30 {
  border-color: var(--red-30) !important;
}
:root .border-yellow-10 {
  border-color: var(--yellow-10) !important;
}
:root .border-yellow-20 {
  border-color: var(--yellow-20) !important;
}
:root .border-yellow-30 {
  border-color: var(--yellow-30) !important;
}
:root .border-purple-10 {
  border-color: var(--purple-10) !important;
}
:root .border-purple-20 {
  border-color: var(--purple-20) !important;
}
:root .border-purple-30 {
  border-color: var(--purple-30) !important;
}
:root .border-kaspa-10 {
  border-color: var(--kaspa-10) !important;
}
:root .border-kaspa-20 {
  border-color: var(--kaspa-20) !important;
}
:root .border-kaspa-30 {
  border-color: var(--kaspa-30) !important;
}
:root .gradient-1 {
  background: var(--gradient-1) !important;
}
:root .gradient-2 {
  background: var(--gradient-2) !important;
}
:root .bg-base-0 {
  background-color: var(--base-0) !important;
}
:root .bg-base-1 {
  background-color: var(--base-1) !important;
}
:root .bg-base-2 {
  background-color: var(--base-2) !important;
}
:root .bg-base-3 {
  background-color: var(--base-3) !important;
}
:root .bg-base-4 {
  background-color: var(--base-4) !important;
}
:root .bg-primary-wallet {
  background-color: var(--primary-wallet) !important;
}
:root .bg-secondary-wallet {
  background-color: var(--secondary-wallet) !important;
}
:root .text-base-0 {
  color: var(--text-base-0) !important;
}
:root .text-base-1 {
  color: var(--text-base-1) !important;
}
:root .text-primary-wallet {
  color: var(--primary-wallet) !important;
}
:root .text-secondary-wallet {
  color: var(--secondary-wallet) !important;
}
:root .icon-base-0 {
  color: var(--icon-base-0) !important;
}
:root .icon-base-1 {
  color: var(--icon-base-1) !important;
}
:root .border-base-0 {
  border-color: var(--base-0) !important;
}
:root .border-base-1 {
  border-color: var(--base-1) !important;
}
:root .border-base-2 {
  border-color: var(--base-2) !important;
}
:root .border-base-3 {
  border-color: var(--base-3) !important;
}
:root .border-base-4 {
  border-color: var(--base-4) !important;
}
:root .card-0 {
  background-color: var(--base-2);
  border-radius: 14px;
  padding: 12px 16px;
  transition: background-color ease-in-out 0.3s;
  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.34);
}
:root .card-0.card-hover:hover {
  background-color: var(--base-3);
}
: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);
}
: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-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-BL5KE6Z5.eot?umsmtd");
  src:
    url("./media/defi-icomoon-BL5KE6Z5.eot?umsmtd#iefix") format("embedded-opentype"),
    url("./media/defi-icomoon-AX25JYXN.ttf?umsmtd") format("truetype"),
    url("./media/defi-icomoon-QTAOZ2PO.woff?umsmtd") format("woff"),
    url("./media/defi-icomoon-OGFB3QK3.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-file-02:before {
  content: "\ec7a";
}
.icon-qr:before {
  content: "\ec78";
}
.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";
}
: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;
}
.thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}
.light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}
.bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}
.black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.typo-title-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.typo-title-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.typo-title-3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.375;
  letter-spacing: -0.01em;
}
.typo-title-4 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.375;
  letter-spacing: -0.02em;
}
.typo-title-5 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.typo-title-6 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.typo-text-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
}
.typo-text-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}
.typo-text-3 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
.typo-text-4 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
}
.typo-text-5 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
}
.typo-text-6 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
}
.typo-header-1 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.typo-header-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.typo-caption {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.typo-caption-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.typo-label {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.typo-button-small {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.typo-button-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.typo-button-large {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.typo-ui-overline {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.typo-ui-badge {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
.typo-link {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-decoration: underline;
}
.typo-quote {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0.01em;
}
.typo-responsive-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 5vw, 2.5rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.typo-responsive-text {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 3vw, 1.125rem);
  line-height: 1.5;
}
.text-align-center {
  text-align: center;
}
.clickable {
  cursor: pointer !important;
}
.flex {
  display: flex;
}
.row {
  flex-direction: row;
}
.column {
  flex-direction: column;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.wrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-stretch {
  align-items: stretch;
}
.align-items-baseline {
  align-items: baseline;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-stretch {
  align-self: stretch;
}
.align-self-baseline {
  align-self: baseline;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-center {
  align-content: center;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.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;
}
.flex-11 {
  flex: 11;
}
.flex-12 {
  flex: 12;
}
.flex-13 {
  flex: 13;
}
.flex-14 {
  flex: 14;
}
.flex-15 {
  flex: 15;
}
.flex-16 {
  flex: 16;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.gap-0 {
  gap: 0;
}
.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-28 {
  gap: 28px;
}
.gap-32 {
  gap: 32px;
}
.gap-36 {
  gap: 36px;
}
.gap-40 {
  gap: 40px;
}
.gap-44 {
  gap: 44px;
}
.gap-48 {
  gap: 48px;
}
.gap-52 {
  gap: 52px;
}
.gap-56 {
  gap: 56px;
}
.gap-60 {
  gap: 60px;
}
.gap-64 {
  gap: 64px;
}
.gap-68 {
  gap: 68px;
}
.gap-72 {
  gap: 72px;
}
.row-gap-0 {
  row-gap: 0;
}
.row-gap-4 {
  row-gap: 4px;
}
.row-gap-8 {
  row-gap: 8px;
}
.row-gap-12 {
  row-gap: 12px;
}
.row-gap-16 {
  row-gap: 16px;
}
.row-gap-20 {
  row-gap: 20px;
}
.row-gap-24 {
  row-gap: 24px;
}
.row-gap-28 {
  row-gap: 28px;
}
.row-gap-32 {
  row-gap: 32px;
}
.row-gap-36 {
  row-gap: 36px;
}
.row-gap-40 {
  row-gap: 40px;
}
.row-gap-44 {
  row-gap: 44px;
}
.row-gap-48 {
  row-gap: 48px;
}
.row-gap-52 {
  row-gap: 52px;
}
.row-gap-56 {
  row-gap: 56px;
}
.row-gap-60 {
  row-gap: 60px;
}
.row-gap-64 {
  row-gap: 64px;
}
.row-gap-68 {
  row-gap: 68px;
}
.row-gap-72 {
  row-gap: 72px;
}
.column-gap-0 {
  column-gap: 0;
}
.column-gap-4 {
  column-gap: 4px;
}
.column-gap-8 {
  column-gap: 8px;
}
.column-gap-12 {
  column-gap: 12px;
}
.column-gap-16 {
  column-gap: 16px;
}
.column-gap-20 {
  column-gap: 20px;
}
.column-gap-24 {
  column-gap: 24px;
}
.column-gap-28 {
  column-gap: 28px;
}
.column-gap-32 {
  column-gap: 32px;
}
.column-gap-36 {
  column-gap: 36px;
}
.column-gap-40 {
  column-gap: 40px;
}
.column-gap-44 {
  column-gap: 44px;
}
.column-gap-48 {
  column-gap: 48px;
}
.column-gap-52 {
  column-gap: 52px;
}
.column-gap-56 {
  column-gap: 56px;
}
.column-gap-60 {
  column-gap: 60px;
}
.column-gap-64 {
  column-gap: 64px;
}
.column-gap-68 {
  column-gap: 68px;
}
.column-gap-72 {
  column-gap: 72px;
}
.m-0 {
  margin: 0;
}
.m-4 {
  margin: 4px;
}
.m-8 {
  margin: 8px;
}
.m-12 {
  margin: 12px;
}
.m-16 {
  margin: 16px;
}
.m-20 {
  margin: 20px;
}
.m-24 {
  margin: 24px;
}
.m-28 {
  margin: 28px;
}
.m-32 {
  margin: 32px;
}
.m-36 {
  margin: 36px;
}
.m-40 {
  margin: 40px;
}
.m-44 {
  margin: 44px;
}
.m-48 {
  margin: 48px;
}
.m-52 {
  margin: 52px;
}
.m-56 {
  margin: 56px;
}
.m-60 {
  margin: 60px;
}
.m-64 {
  margin: 64px;
}
.m-68 {
  margin: 68px;
}
.m-72 {
  margin: 72px;
}
.mt-0 {
  margin-top: 0;
}
.mt-4 {
  margin-top: 4px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-28 {
  margin-top: 28px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-36 {
  margin-top: 36px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-44 {
  margin-top: 44px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-52 {
  margin-top: 52px;
}
.mt-56 {
  margin-top: 56px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-64 {
  margin-top: 64px;
}
.mt-68 {
  margin-top: 68px;
}
.mt-72 {
  margin-top: 72px;
}
.mr-0 {
  margin-right: 0;
}
.mr-4 {
  margin-right: 4px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-16 {
  margin-right: 16px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-24 {
  margin-right: 24px;
}
.mr-28 {
  margin-right: 28px;
}
.mr-32 {
  margin-right: 32px;
}
.mr-36 {
  margin-right: 36px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-44 {
  margin-right: 44px;
}
.mr-48 {
  margin-right: 48px;
}
.mr-52 {
  margin-right: 52px;
}
.mr-56 {
  margin-right: 56px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-64 {
  margin-right: 64px;
}
.mr-68 {
  margin-right: 68px;
}
.mr-72 {
  margin-right: 72px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-36 {
  margin-bottom: 36px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-44 {
  margin-bottom: 44px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mb-52 {
  margin-bottom: 52px;
}
.mb-56 {
  margin-bottom: 56px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-64 {
  margin-bottom: 64px;
}
.mb-68 {
  margin-bottom: 68px;
}
.mb-72 {
  margin-bottom: 72px;
}
.ml-0 {
  margin-left: 0;
}
.ml-4 {
  margin-left: 4px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-12 {
  margin-left: 12px;
}
.ml-16 {
  margin-left: 16px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-24 {
  margin-left: 24px;
}
.ml-28 {
  margin-left: 28px;
}
.ml-32 {
  margin-left: 32px;
}
.ml-36 {
  margin-left: 36px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-44 {
  margin-left: 44px;
}
.ml-48 {
  margin-left: 48px;
}
.ml-52 {
  margin-left: 52px;
}
.ml-56 {
  margin-left: 56px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-64 {
  margin-left: 64px;
}
.ml-68 {
  margin-left: 68px;
}
.ml-72 {
  margin-left: 72px;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-28 {
  margin-left: 28px;
  margin-right: 28px;
}
.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}
.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}
.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mx-44 {
  margin-left: 44px;
  margin-right: 44px;
}
.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}
.mx-52 {
  margin-left: 52px;
  margin-right: 52px;
}
.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}
.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}
.mx-68 {
  margin-left: 68px;
  margin-right: 68px;
}
.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}
.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}
.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}
.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.my-68 {
  margin-top: 68px;
  margin-bottom: 68px;
}
.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 4px;
}
.p-8 {
  padding: 8px;
}
.p-12 {
  padding: 12px;
}
.p-16 {
  padding: 16px;
}
.p-20 {
  padding: 20px;
}
.p-24 {
  padding: 24px;
}
.p-28 {
  padding: 28px;
}
.p-32 {
  padding: 32px;
}
.p-36 {
  padding: 36px;
}
.p-40 {
  padding: 40px;
}
.p-44 {
  padding: 44px;
}
.p-48 {
  padding: 48px;
}
.p-52 {
  padding: 52px;
}
.p-56 {
  padding: 56px;
}
.p-60 {
  padding: 60px;
}
.p-64 {
  padding: 64px;
}
.p-68 {
  padding: 68px;
}
.p-72 {
  padding: 72px;
}
.pt-0 {
  padding-top: 0;
}
.pt-4 {
  padding-top: 4px;
}
.pt-8 {
  padding-top: 8px;
}
.pt-12 {
  padding-top: 12px;
}
.pt-16 {
  padding-top: 16px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-24 {
  padding-top: 24px;
}
.pt-28 {
  padding-top: 28px;
}
.pt-32 {
  padding-top: 32px;
}
.pt-36 {
  padding-top: 36px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-44 {
  padding-top: 44px;
}
.pt-48 {
  padding-top: 48px;
}
.pt-52 {
  padding-top: 52px;
}
.pt-56 {
  padding-top: 56px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-64 {
  padding-top: 64px;
}
.pt-68 {
  padding-top: 68px;
}
.pt-72 {
  padding-top: 72px;
}
.pr-0 {
  padding-right: 0;
}
.pr-4 {
  padding-right: 4px;
}
.pr-8 {
  padding-right: 8px;
}
.pr-12 {
  padding-right: 12px;
}
.pr-16 {
  padding-right: 16px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-24 {
  padding-right: 24px;
}
.pr-28 {
  padding-right: 28px;
}
.pr-32 {
  padding-right: 32px;
}
.pr-36 {
  padding-right: 36px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-44 {
  padding-right: 44px;
}
.pr-48 {
  padding-right: 48px;
}
.pr-52 {
  padding-right: 52px;
}
.pr-56 {
  padding-right: 56px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-64 {
  padding-right: 64px;
}
.pr-68 {
  padding-right: 68px;
}
.pr-72 {
  padding-right: 72px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-4 {
  padding-bottom: 4px;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-16 {
  padding-bottom: 16px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-24 {
  padding-bottom: 24px;
}
.pb-28 {
  padding-bottom: 28px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pb-36 {
  padding-bottom: 36px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-44 {
  padding-bottom: 44px;
}
.pb-48 {
  padding-bottom: 48px;
}
.pb-52 {
  padding-bottom: 52px;
}
.pb-56 {
  padding-bottom: 56px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-64 {
  padding-bottom: 64px;
}
.pb-68 {
  padding-bottom: 68px;
}
.pb-72 {
  padding-bottom: 72px;
}
.pl-0 {
  padding-left: 0;
}
.pl-4 {
  padding-left: 4px;
}
.pl-8 {
  padding-left: 8px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-24 {
  padding-left: 24px;
}
.pl-28 {
  padding-left: 28px;
}
.pl-32 {
  padding-left: 32px;
}
.pl-36 {
  padding-left: 36px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-44 {
  padding-left: 44px;
}
.pl-48 {
  padding-left: 48px;
}
.pl-52 {
  padding-left: 52px;
}
.pl-56 {
  padding-left: 56px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-64 {
  padding-left: 64px;
}
.pl-68 {
  padding-left: 68px;
}
.pl-72 {
  padding-left: 72px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}
.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.px-44 {
  padding-left: 44px;
  padding-right: 44px;
}
.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}
.px-52 {
  padding-left: 52px;
  padding-right: 52px;
}
.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}
.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}
.px-68 {
  padding-left: 68px;
  padding-right: 68px;
}
.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}
.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.kc-input-error-text {
  margin-top: 6px;
  font-size: 0.8rem;
  color: var(--kc-color-danger-600);
  font-weight: 600;
}
kc-button.kc-button-danger button.secondary {
  color: var(--kc-color-danger-600);
  border-color: var(--kc-color-danger-600);
}
kc-button.kc-button-danger button.secondary:not(.disabled):not(.loading):hover {
  border-color: var(--kc-color-danger-700);
  color: var(--kc-color-danger-700);
}
.seg-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .seg-tabs {
    display: inline-grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    grid-template-columns: none;
  }
}
.seg-tab {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--gray-60);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 9px 8px;
  border-radius: 9px;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  row-gap: 2px;
  flex-wrap: wrap;
  min-width: 0;
  text-align: center;
}
.seg-tab:hover {
  color: var(--gray-75);
}
.seg-tab.active {
  background: rgba(111, 199, 186, 0.15);
  color: var(--white);
  box-shadow: inset 0 0 0 1px var(--kaspa-20);
}
.seg-tab-label {
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
}
.seg-tab-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--gray-60);
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}
.seg-tab.active .seg-tab-badge {
  background: rgba(111, 199, 186, 0.2);
  color: var(--kaspa-20);
}
.role-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.role-chip {
  font-size: 11px;
  border-radius: 6px;
  padding: 3px 9px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--gray-75);
}
.role-chip.owner {
  background: rgba(230, 162, 35, 0.15);
  color: var(--orange-20);
}
.role-chip.heir,
.role-chip.recovery,
.role-chip.seller {
  background: rgba(89, 92, 255, 0.15);
  color: var(--blue-20);
}
.role-chip.signer,
.role-chip.buyer {
  background: rgba(111, 199, 186, 0.15);
  color: var(--kaspa-20);
}
.role-chip.arbiter {
  background: rgba(158, 158, 158, 0.15);
  color: var(--gray-60);
}
.filter-chip {
  appearance: none;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 12px;
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--border-secondary);
  color: var(--gray-60);
  transition: all 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}
.filter-chip:hover {
  color: var(--gray-75);
  border-color: var(--gray-45);
}
.filter-chip.active {
  background: rgba(111, 199, 186, 0.15);
  border-color: var(--kaspa-20);
  color: var(--white);
}
.status-toggle {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 9px;
  background: var(--gray-15);
  border: 1px solid var(--border-secondary);
}
.status-seg {
  appearance: none;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  background: transparent;
  color: var(--gray-60);
  transition: all 0.15s;
  white-space: nowrap;
}
.status-seg:hover {
  color: var(--gray-75);
}
.status-seg.active {
  background: rgba(111, 199, 186, 0.15);
  color: var(--white);
}
.panel {
  background: var(--gray-10);
  border: 1px solid var(--border-secondary);
  border-radius: 14px;
  padding: 20px;
  box-sizing: border-box;
  min-width: 0;
}
@media (min-width: 768px) {
  .panel {
    padding: 22px;
  }
}
.contract-input,
.form-input {
  background: var(--bg-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 10px;
  padding: 11px 13px;
  color: var(--white);
  font-family: var(--font-mono, monospace);
  outline: none;
  transition: border-color 0.2s;
  width: 100%;
  box-sizing: border-box;
}
.contract-input:focus,
.form-input:focus {
  border-color: var(--kaspa-20);
}
.contract-input:disabled,
.form-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.contract-input.invalid,
.form-input.invalid {
  border-color: var(--red-20);
}
.utxo-row {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px;
  min-width: 0;
  overflow: hidden;
}
.utxo-row:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.utxo-row > a,
.utxo-row > span:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utxo-row > span:last-child {
  flex-shrink: 0;
}
.pubkey-display {
  background: rgba(255, 204, 0, 0.08);
  border: 1px solid rgba(255, 204, 0, 0.2);
  border-radius: 10px;
}
.contract-summary {
  background: rgba(111, 199, 186, 0.08);
  border: 1px solid var(--kaspa-20);
  border-radius: 12px;
}
.param-item {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
.lookup-result {
  background: rgba(111, 199, 186, 0.06);
  border: 1px solid rgba(111, 199, 186, 0.2);
  border-radius: 12px;
}
.back-button {
  background: var(--gray-10);
  border: 1px solid var(--border-secondary);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  cursor: pointer;
}
.back-button:hover {
  border-color: var(--kaspa-20);
}
.btn {
  appearance: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.15s;
  white-space: nowrap;
}
.btn.primary {
  background: var(--gradient-kaspa, linear-gradient(180deg, #6fc7ba 0%, #15ffb5 100%));
  color: #07211d;
}
.btn.secondary {
  background: var(--gray-10);
  border: 1px solid var(--border-secondary);
  color: var(--white);
  font-weight: 500;
}
.btn.ghost {
  background: transparent;
  color: var(--gray-75);
  font-weight: 500;
}
.btn.full {
  width: 100%;
}
.btn.grow {
  flex: 1;
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.status-badge {
  font-size: 11px;
  font-weight: 500;
  border-radius: 7px;
  padding: 3px 10px;
  white-space: nowrap;
  align-self: flex-start;
}
.status-badge.active {
  color: var(--green-20);
  background: rgba(63, 199, 83, 0.12);
  border: 1px solid var(--green-20);
}
.status-badge.spent {
  color: var(--gray-60);
  background: var(--gray-15);
  border: 1px solid var(--border-secondary);
}
.status-badge.tracking,
.status-badge.unknown {
  color: var(--yellow-20);
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.4);
}
.source-badge {
  font-size: 11px;
  color: var(--gray-60);
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  padding: 2px 8px;
  white-space: nowrap;
}
.banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 12px;
  padding: 14px 16px;
}
.banner svg {
  flex-shrink: 0;
  margin-top: 1px;
}
.banner .banner-body {
  flex: 1;
  font-size: 13px;
  line-height: 1.5;
  color: var(--gray-75);
}
.banner .banner-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}
.banner.warn {
  border: 1px solid rgba(230, 162, 35, 0.35);
  background: rgba(230, 162, 35, 0.08);
}
.banner.warn svg {
  color: var(--orange-20);
}
.banner.warn .banner-title {
  color: var(--orange-10);
}
.banner.caution {
  border: 1px solid rgba(255, 193, 7, 0.4);
  background: rgba(255, 193, 7, 0.09);
}
.banner.caution svg {
  color: var(--yellow-20);
}
.banner.caution .banner-title {
  color: var(--yellow-20);
}
.banner.error {
  border: 1px solid var(--red-20);
  background: rgba(224, 66, 66, 0.1);
}
.banner.error svg {
  color: var(--red-20);
}
.banner.error .banner-title {
  color: var(--red-20);
}
.result-panel {
  background: rgba(63, 199, 83, 0.1);
  border: 1px solid var(--green-20);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.state-block {
  border: 1px dashed rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
  border-radius: 16px;
  padding: 48px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.state-block .sb-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(111, 199, 186, 0.1);
  border: 1px solid rgba(111, 199, 186, 0.25);
  color: var(--kaspa-20);
}
.state-block .sb-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--white);
}
.state-block .sb-text {
  font-size: 13px;
  color: var(--gray-60);
  max-width: 400px;
  line-height: 1.6;
}
.state-block .sb-actions {
  display: flex;
  gap: 10px;
  margin-top: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.state-block.is-error {
  border-style: solid;
  border-color: var(--red-20);
  background: rgba(224, 66, 66, 0.08);
}
.state-block.is-error .sb-icon {
  background: rgba(224, 66, 66, 0.14);
  color: var(--red-20);
}
.skeleton-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 560px) {
  .skeleton-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
  }
}
.skeleton-card {
  border: 1px solid var(--border-secondary);
  background: var(--gray-10);
  border-radius: 14px;
  padding: 20px;
  height: 210px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.skeleton-card .sk {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  animation: kc-pulse 1.4s ease-in-out infinite;
}
.skeleton-card .sk.line {
  height: 12px;
}
.skeleton-card .sk.wide {
  width: 60%;
}
.skeleton-card .sk.narrow {
  width: 40%;
}
.skeleton-card .sk.block {
  flex: 1;
}
.skeleton-card .sk.avatar {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}
@keyframes kc-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.advanced-section {
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  background: var(--gray-10);
}
.advanced-section summary {
  -webkit-user-select: none;
  user-select: none;
  padding: 14px 16px;
  cursor: pointer;
  font-size: 13px;
  color: var(--gray-75);
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.advanced-section summary::-webkit-details-marker {
  display: none;
}
.advanced-section summary:hover {
  color: var(--kaspa-20);
}
.advanced-section[open] summary {
  border-bottom: 1px solid var(--border-secondary);
}
.advanced-section .adv-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.advanced-section .adv-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.advanced-section .adv-label {
  font-size: 11px;
  color: var(--gray-45);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.advanced-section .adv-value {
  font-size: 12px;
  color: var(--gray-75);
  font-family: var(--font-mono, monospace);
  word-break: break-all;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field-label {
  font-size: 12px;
  color: var(--gray-75);
  font-weight: 500;
}
.field-help {
  font-size: 11px;
  color: var(--gray-45);
  line-height: 1.4;
}
.max-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
}
.max-text span {
  color: var(--gray-30);
  font-weight: 600;
  font-size: 14px;
  padding: 5px 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
.max-text.clickable {
  cursor: pointer;
}
.max-text.clickable span:hover {
  color: white;
  background: rgba(255, 255, 255, 0.15);
}
.max-text.disabled {
  cursor: not-allowed;
}
.max-text.disabled span {
  opacity: 0.5;
}
.text-mono {
  font-family: var(--font-mono, monospace);
  font-size: 13px;
}
.text-truncate {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-blue {
  color: var(--blue-20);
  text-decoration: none;
}
.text-blue:hover {
  text-decoration: underline;
}
.text-red {
  color: var(--red-20);
}
.text-green {
  color: var(--green-20);
}
.text-yellow {
  color: var(--yellow-20);
}
.fw-bold {
  font-weight: 600;
}
.cursor-pointer {
  cursor: pointer;
}
:root {
  --background: #07090a;
  --background-secondary: #0d1316;
  --primary: #6fc7ba;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  background-color: var(--background);
  color: var(--white);
  height: 100%;
}
a {
  color: var(--blue-10);
  text-decoration: none;
}
button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.text-primary {
  color: var(--kaspa-20);
}
.text-secondary {
  color: var(--purple-20);
}
.text-tertiary {
  color: var(--blue-20);
}
.text-light {
  color: var(--gray-95);
}
.text-medium {
  color: var(--gray-75);
}
.text-dark {
  color: var(--gray-45);
}
.border-light {
  border-color: var(--gray-25);
}
.border-medium {
  border-color: var(--gray-40);
}
.border-dark {
  border-color: var(--gray-60);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #273b39;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #314b48;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #273b39 transparent;
}
.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#application-loader-startup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--primary);
  font-family:
    "Poppins",
    "Roboto",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.45s ease, transform 0.45s ease;
}
#application-loader-startup .loader-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
  text-align: center;
  transition: transform 0.45s ease, opacity 0.45s ease;
}
#application-loader-startup.fade-out {
  opacity: 0;
  transform: translateY(24px);
  pointer-events: none;
}
#application-loader-startup.fade-out .loader-content {
  opacity: 0;
  transform: translateY(-12px);
}
#application-loader-startup .loading-text {
  color: var(--text-primary);
  font-size: 1rem;
  letter-spacing: 0.02em;
}
#application-loader-startup .loading-subtext {
  color: var(--text-secondary);
  font-size: 0.875rem;
  max-width: 280px;
}
#application-loader-startup .lds-ring {
  color: var(--primary);
  filter: drop-shadow(0 6px 18px rgba(111, 199, 186, 0.4));
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

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