:root {
  --black1: #232533;
  --black2: #505260;
  --black3: #6d708b;
  --black4: #9193af;
  --black5: #c6c8df;
  --black6: #dedfee;
  --black7: #f0f1fa;
  --greenPrimary: #02a462;
  --green1: #007143;
  --green3: #1cd78b;
  --green4: #40ffb1;
  --green5: #6bffc3;
  --green6: #bdffe4;
  --green7: #e0fff2;
  --purple1: #2f2857;
  --purple2: #4c4380;
  --purple3: #6e63a9;
  --purple4: #9489d1;
  --purple5: #beb4fa;
  --purple6: #e6e2ff;
  --purple7: #f0eeff;
  --failRed: #f12020;
  --lightRed: #ffe9e9;
  --bluePrimary: #0000ff;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::-webkit-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
#app :is(.visible){
  visibility: visible;
}
#app :is(.static){
  position: static;
}
#app :is(.fixed){
  position: fixed;
}
#app :is(.absolute){
  position: absolute;
}
#app :is(.relative){
  position: relative;
}
#app :is(.-bottom-\[5\%\]){
  bottom: -5%;
}
#app :is(.-left-\[10\%\]){
  left: -10%;
}
#app :is(.bottom-0){
  bottom: 0px;
}
#app :is(.left-0){
  left: 0px;
}
#app :is(.left-4){
  left: 1rem;
}
#app :is(.left-\[-40\%\]){
  left: -40%;
}
#app :is(.left-\[10px\]){
  left: 10px;
}
#app :is(.right-0){
  right: 0px;
}
#app :is(.right-\[40px\]){
  right: 40px;
}
#app :is(.top-0){
  top: 0px;
}
#app :is(.top-4){
  top: 1rem;
}
#app :is(.top-\[-30\%\]){
  top: -30%;
}
#app :is(.top-\[30px\]){
  top: 30px;
}
#app :is(.z-\[1999\]){
  z-index: 1999;
}
#app :is(.z-\[999\]){
  z-index: 999;
}
#app :is(.z-\[99\]){
  z-index: 99;
}
#app :is(.m-0){
  margin: 0px;
}
#app :is(.my-2){
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#app :is(.my-3){
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
#app :is(.mb-0){
  margin-bottom: 0px;
}
#app :is(.mb-1){
  margin-bottom: 0.25rem;
}
#app :is(.mb-2){
  margin-bottom: 0.5rem;
}
#app :is(.mb-5){
  margin-bottom: 1.25rem;
}
#app :is(.mb-6){
  margin-bottom: 1.5rem;
}
#app :is(.mb-8){
  margin-bottom: 2rem;
}
#app :is(.ml-2){
  margin-left: 0.5rem;
}
#app :is(.ml-auto){
  margin-left: auto;
}
#app :is(.mr-1){
  margin-right: 0.25rem;
}
#app :is(.mr-2){
  margin-right: 0.5rem;
}
#app :is(.mt-0){
  margin-top: 0px;
}
#app :is(.mt-1){
  margin-top: 0.25rem;
}
#app :is(.mt-2){
  margin-top: 0.5rem;
}
#app :is(.mt-3){
  margin-top: 0.75rem;
}
#app :is(.mt-5){
  margin-top: 1.25rem;
}
#app :is(.mt-7){
  margin-top: 1.75rem;
}
#app :is(.mt-\[60px\]){
  margin-top: 60px;
}
#app :is(.block){
  display: block;
}
#app :is(.inline){
  display: inline;
}
#app :is(.flex){
  display: flex;
}
#app :is(.table){
  display: table;
}
#app :is(.hidden){
  display: none;
}
#app :is(.h-16){
  height: 4rem;
}
#app :is(.h-8){
  height: 2rem;
}
#app :is(.h-\[36px\]){
  height: 36px;
}
#app :is(.h-\[400px\]){
  height: 400px;
}
#app :is(.h-\[80px\]){
  height: 80px;
}
#app :is(.h-\[8px\]){
  height: 8px;
}
#app :is(.h-full){
  height: 100%;
}
#app :is(.h-screen){
  height: 100vh;
}
#app :is(.\!w-0){
  width: 0px !important;
}
#app :is(.w-\[135px\]){
  width: 135px;
}
#app :is(.w-\[180px\]){
  width: 180px;
}
#app :is(.w-\[350px\]){
  width: 350px;
}
#app :is(.w-\[8px\]){
  width: 8px;
}
#app :is(.w-fit){
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#app :is(.w-full){
  width: 100%;
}
#app :is(.\!min-w-0){
  min-width: 0px !important;
}
#app :is(.min-w-\[114px\]){
  min-width: 114px;
}
#app :is(.\!max-w-0){
  max-width: 0rem !important;
}
#app :is(.max-w-\[300px\]){
  max-width: 300px;
}
#app :is(.max-w-\[400px\]){
  max-width: 400px;
}
#app :is(.max-w-\[500px\]){
  max-width: 500px;
}
#app :is(.max-w-\[800px\]){
  max-width: 800px;
}
#app :is(.max-w-lg){
  max-width: 32rem;
}
#app :is(.flex-grow){
  flex-grow: 1;
}
#app :is(.flex-col){
  flex-direction: column;
}
#app :is(.items-center){
  align-items: center;
}
#app :is(.justify-center){
  justify-content: center;
}
#app :is(.justify-between){
  justify-content: space-between;
}
#app :is(.gap-1){
  gap: 0.25rem;
}
#app :is(.gap-2){
  gap: 0.5rem;
}
#app :is(.space-y-6 > :not([hidden]) ~ :not([hidden])){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
#app :is(.overflow-auto){
  overflow: auto;
}
#app :is(.overflow-hidden){
  overflow: hidden;
}
#app :is(.whitespace-pre-wrap){
  white-space: pre-wrap;
}
#app :is(.rounded){
  border-radius: 0.25rem;
}
#app :is(.rounded-\[10px\]){
  border-radius: 10px;
}
#app :is(.rounded-\[500px\]){
  border-radius: 500px;
}
#app :is(.rounded-lg){
  border-radius: 0.5rem;
}
#app :is(.rounded-md){
  border-radius: 0.375rem;
}
#app :is(.rounded-none){
  border-radius: 0px;
}
#app :is(.rounded-sm){
  border-radius: 0.125rem;
}
#app :is(.border){
  border-width: 1px;
}
#app :is(.border-x-0){
  border-left-width: 0px;
  border-right-width: 0px;
}
#app :is(.border-y-0){
  border-top-width: 0px;
  border-bottom-width: 0px;
}
#app :is(.border-l-4){
  border-left-width: 4px;
}
#app :is(.border-solid){
  border-style: solid;
}
#app :is(.border-blue-500){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
#app :is(.border-failRed){
  --tw-border-opacity: 1;
  border-color: rgb(241 32 32 / var(--tw-border-opacity));
}
#app :is(.border-gray-300){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
#app :is(.bg-black-3){
  --tw-bg-opacity: 1;
  background-color: rgb(109 112 139 / var(--tw-bg-opacity));
}
#app :is(.bg-black-5){
  --tw-bg-opacity: 1;
  background-color: rgb(198 200 223 / var(--tw-bg-opacity));
}
#app :is(.bg-failRed){
  --tw-bg-opacity: 1;
  background-color: rgb(241 32 32 / var(--tw-bg-opacity));
}
#app :is(.bg-gray-300){
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
#app :is(.bg-green-1){
  --tw-bg-opacity: 1;
  background-color: rgb(0 113 67 / var(--tw-bg-opacity));
}
#app :is(.bg-green-3){
  --tw-bg-opacity: 1;
  background-color: rgb(28 215 139 / var(--tw-bg-opacity));
}
#app :is(.bg-green-6){
  --tw-bg-opacity: 1;
  background-color: rgb(189 255 228 / var(--tw-bg-opacity));
}
#app :is(.bg-green-primary){
  --tw-bg-opacity: 1;
  background-color: rgb(2 164 98 / var(--tw-bg-opacity));
}
#app :is(.bg-orange-400){
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
#app :is(.bg-orange-50){
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}
#app :is(.bg-purple-2){
  --tw-bg-opacity: 1;
  background-color: rgb(76 67 128 / var(--tw-bg-opacity));
}
#app :is(.bg-red-50){
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
#app :is(.bg-red-500){
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
#app :is(.bg-white){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#app :is(.bg-gradient-to-b){
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
#app :is(.from-\[\#02a462\]){
  --tw-gradient-from: #02a462 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 164 98 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#app :is(.to-\[\#007143\]){
  --tw-gradient-to: #007143 var(--tw-gradient-to-position);
}
#app :is(.object-contain){
  object-fit: contain;
}
#app :is(.p-0){
  padding: 0px;
}
#app :is(.p-1){
  padding: 0.25rem;
}
#app :is(.p-2){
  padding: 0.5rem;
}
#app :is(.p-6){
  padding: 1.5rem;
}
#app :is(.px-1){
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
#app :is(.px-4){
  padding-left: 1rem;
  padding-right: 1rem;
}
#app :is(.px-5){
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
#app :is(.px-8){
  padding-left: 2rem;
  padding-right: 2rem;
}
#app :is(.py-2){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#app :is(.pb-0){
  padding-bottom: 0px;
}
#app :is(.pb-\[30px\]){
  padding-bottom: 30px;
}
#app :is(.pl-0){
  padding-left: 0px;
}
#app :is(.pl-10){
  padding-left: 2.5rem;
}
#app :is(.pr-\[10\%\]){
  padding-right: 10%;
}
#app :is(.pt-1){
  padding-top: 0.25rem;
}
#app :is(.pt-3){
  padding-top: 0.75rem;
}
#app :is(.pt-8){
  padding-top: 2rem;
}
#app :is(.pt-\[15\%\]){
  padding-top: 15%;
}
#app :is(.pt-\[90px\]){
  padding-top: 90px;
}
#app :is(.text-left){
  text-align: left;
}
#app :is(.text-center){
  text-align: center;
}
#app :is(.text-right){
  text-align: right;
}
#app :is(.font-circular-std){
  font-family: CircularStd, sans-serif;
}
#app :is(.text-2xl){
  font-size: 1.5rem;
  line-height: 2rem;
}
#app :is(.text-body1){
  font-size: 16px;
}
#app :is(.text-body2){
  font-size: 14px;
}
#app :is(.text-button){
  font-size: 14px;
}
#app :is(.text-h4){
  font-size: 36px;
}
#app :is(.text-h5){
  font-size: 24px;
}
#app :is(.text-h6){
  font-size: 20px;
}
#app :is(.text-lg){
  font-size: 1.125rem;
  line-height: 1.75rem;
}
#app :is(.text-sm){
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#app :is(.text-subtitle2){
  font-size: 14px;
}
#app :is(.text-xs){
  font-size: 0.75rem;
  line-height: 1rem;
}
#app :is(.font-\[450\]){
  font-weight: 450;
}
#app :is(.font-bold){
  font-weight: 700;
}
#app :is(.font-semibold){
  font-weight: 600;
}
#app :is(.uppercase){
  text-transform: uppercase;
}
#app :is(.capitalize){
  text-transform: capitalize;
}
#app :is(.text-black-1){
  --tw-text-opacity: 1;
  color: rgb(35 37 51 / var(--tw-text-opacity));
}
#app :is(.text-black-2){
  --tw-text-opacity: 1;
  color: rgb(80 82 96 / var(--tw-text-opacity));
}
#app :is(.text-black-3){
  --tw-text-opacity: 1;
  color: rgb(109 112 139 / var(--tw-text-opacity));
}
#app :is(.text-black-4){
  --tw-text-opacity: 1;
  color: rgb(145 147 175 / var(--tw-text-opacity));
}
#app :is(.text-blue-600){
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
#app :is(.text-failRed){
  --tw-text-opacity: 1;
  color: rgb(241 32 32 / var(--tw-text-opacity));
}
#app :is(.text-gray-500){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
#app :is(.text-gray-800){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
#app :is(.text-green-1){
  --tw-text-opacity: 1;
  color: rgb(0 113 67 / var(--tw-text-opacity));
}
#app :is(.text-green-primary){
  --tw-text-opacity: 1;
  color: rgb(2 164 98 / var(--tw-text-opacity));
}
#app :is(.text-purple-1){
  --tw-text-opacity: 1;
  color: rgb(47 40 87 / var(--tw-text-opacity));
}
#app :is(.text-white){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#app :is(.shadow){
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#app :is(.shadow-\[0px_0px_30px_rgba\(35\2c 37\2c 51\2c 0\.1\)\]){
  --tw-shadow: 0px 0px 30px rgba(35,37,51,0.1);
  --tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#app :is(.filter){
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#app :is(.transition-\[padding-left\]){
  transition-property: padding-left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#app :is(.transition-all){
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#app :is(.duration-300){
  transition-duration: 300ms;
}
#app :is(.duration-\[0\.5s\]){
  transition-duration: 0.5s;
}
#app :is(.ease-out){
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.h1Text {
  font-family: CircularStd;
  font-size: 96px;
  letter-spacing: 0.25px;
  color: var(--black1);
  font-weight: 450;
}
.h2Text {
  font-family: CircularStd;
  font-size: 60px;
  letter-spacing: 0.25px;
  color: var(--black1);
  font-weight: 450;
}
.h3Text {
  font-family: CircularStd;
  font-size: 48px;
  letter-spacing: 0.25px;
  color: var(--black1);
  font-weight: 450;
}
.h4Text {
  font-family: CircularStd;
  font-size: 36px;
  letter-spacing: 0.25px;
  color: var(--black1);
  font-weight: bold;
}
.h5Text {
  font-family: CircularStd;
  font-size: 24px;
  color: var(--black1);
  font-weight: 450;
}
.h6Text {
  font-family: CircularStd;
  font-size: 20px;
  color: var(--black1);
  font-weight: bold;
  letter-spacing: 0.15px;
}
.subtitle1Text {
  font-family: CircularStd;
  font-size: 16px;
  color: var(--black1);
  font-weight: bold;
  letter-spacing: 0.5px;
}
.subtitle2Text {
  font-family: CircularStd;
  font-size: 14px;
  color: var(--black1);
  font-weight: bold;
  letter-spacing: 0.5px;
}
.body1Text {
  font-family: CircularStd;
  font-size: 16px;
  color: var(--black1);
  font-weight: 450;
  letter-spacing: 0.5px;
}
.body2Text {
  font-family: CircularStd;
  font-size: 14px;
  color: var(--black1);
  font-weight: 400;
  letter-spacing: 0.25px;
}
.buttonText {
  font-family: CircularStd;
  font-size: 14px;
  color: var(--black1);
  font-weight: 400;
  letter-spacing: 1.25px;
}
.captionText {
  font-family: CircularStd;
  font-size: 12px;
  color: var(--black1);
  font-weight: 400;
  letter-spacing: 0.4px;
}
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
.ant-layout {
  background-color: white;
}
.app-notification-error {
  background-color: #ffe9e9;
}
.app-notification-success .ant-notification-notice-message {
  color: #ffffff !important;
}
.app-notification-success .ant-notification-notice-description {
  color: #ffffff;
}
.app-notification-success {
  background-color: #ffe9e9;
}
/* Let's get this party started */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #455a64;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #455a64;
}
::-webkit-scrollbar {
  height: 5px;
}
.ant-input-number,
.ant-select-selector,
.ant-input,
.ant-picker {
  background: #f0f1fa !important;
}
#app :is(.hover\:border-green-500:hover){
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
#app :is(.hover\:bg-green-1:hover){
  --tw-bg-opacity: 1;
  background-color: rgb(0 113 67 / var(--tw-bg-opacity));
}
#app :is(.hover\:text-green-1:hover){
  --tw-text-opacity: 1;
  color: rgb(0 113 67 / var(--tw-text-opacity));
}
#app :is(.focus\:bg-green-primary:focus){
  --tw-bg-opacity: 1;
  background-color: rgb(2 164 98 / var(--tw-bg-opacity));
}
#app :is(.focus\:text-green-1:focus){
  --tw-text-opacity: 1;
  color: rgb(0 113 67 / var(--tw-text-opacity));
}
#app :is(.focus\:shadow-none:focus){
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px){
  #app :is(.sm\:px-5){
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #app :is(.sm\:text-h6){
    font-size: 20px;
  }
}
@media (min-width: 768px){
  #app :is(.md\:left-\[30\%\]){
    left: 30%;
  }
  #app :is(.md\:block){
    display: block;
  }
  #app :is(.md\:inline){
    display: inline;
  }
  #app :is(.md\:\!w-\[80px\]){
    width: 80px !important;
  }
  #app :is(.md\:w-1\/3){
    width: 33.333333%;
  }
  #app :is(.md\:w-\[400px\]){
    width: 400px;
  }
  #app :is(.md\:w-fit){
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #app :is(.md\:\!min-w-\[80px\]){
    min-width: 80px !important;
  }
  #app :is(.md\:max-w-\[80px\]){
    max-width: 80px;
  }
  #app :is(.md\:max-w-fit){
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  #app :is(.md\:flex-row){
    flex-direction: row;
  }
  #app :is(.md\:p-0){
    padding: 0px;
  }
  #app :is(.md\:p-4){
    padding: 1rem;
  }
  #app :is(.md\:pl-\[100px\]){
    padding-left: 100px;
  }
  #app :is(.md\:pl-\[20\%\]){
    padding-left: 20%;
  }
  #app :is(.md\:pl-\[250px\]){
    padding-left: 250px;
  }
  #app :is(.md\:pl-\[50px\]){
    padding-left: 50px;
  }
  #app :is(.md\:text-3xl){
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  #app :is(.md\:text-h4){
    font-size: 36px;
  }
  #app :is(.md\:text-h5){
    font-size: 24px;
  }
}
#app :is(.\[\&_\.ant-steps-item\.ant-steps-item-active_\.ant-steps-item-description\]\:opacity-100 .ant-steps-item.ant-steps-item-active .ant-steps-item-description){
  opacity: 1;
}
#app :is(.\[\&_\.ant-steps-item\.ant-steps-item-active_\.ant-steps-item-title\]\:opacity-90 .ant-steps-item.ant-steps-item-active .ant-steps-item-title){
  opacity: 0.9;
}
#app :is(.\[\&_\.ant-steps-item\]\:pb-10 .ant-steps-item){
  padding-bottom: 2.5rem;
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-description\]\:text-body1 .ant-steps-item .ant-steps-item-description){
  font-size: 16px;
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-description\]\:text-white .ant-steps-item .ant-steps-item-description){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-description\]\:opacity-50 .ant-steps-item .ant-steps-item-description){
  opacity: 0.5;
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-title\]\:text-body2 .ant-steps-item .ant-steps-item-title){
  font-size: 14px;
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-title\]\:text-white .ant-steps-item .ant-steps-item-title){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#app :is(.\[\&_\.ant-steps-item_\.ant-steps-item-title\]\:opacity-50 .ant-steps-item .ant-steps-item-title){
  opacity: 0.5;
}

@font-face {
  font-family: 'CircularStd';
  src: local('CircularStd'), url(/static/media/CircularStdBook.ce1731670f4779d9c951.ttf) format('truetype');
}

.App {
  text-align: center;
  background: #142c52;
}

.App-logo {
  -webkit-animation: App-logo-spin infinite 20s linear;
          animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

@-webkit-keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.BaseTable {
  box-shadow: 0 2px 4px 0 #eeeeee;
  background-color: #ffffff;
  position: relative;
  box-sizing: border-box;
  font-size: 13px;
}

.BaseTable--disabled {
  opacity: 0.7;
  pointer-events: none;
}

.BaseTable--dynamic .BaseTable__row {
  overflow: hidden;
  align-items: stretch;
}

.BaseTable:not(.BaseTable--dynamic) .BaseTable__row-cell-text,
.BaseTable .BaseTable__row--frozen .BaseTable__row-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BaseTable__table {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column-reverse;
}

.BaseTable__table-main {
  outline: 1px solid #eeeeee;
  left: 0;
}

.BaseTable__table-main .BaseTable__header-cell:first-child, .BaseTable__table-main .BaseTable__row-cell:first-child {
  padding-left: 15px;
}

.BaseTable__table-main .BaseTable__header-cell:last-child, .BaseTable__table-main .BaseTable__row-cell:last-child {
  padding-right: 15px;
}

.BaseTable__table-main .BaseTable__header {
  background-color: #f8f8f8;
}

.BaseTable__table-frozen-left .BaseTable__header,
.BaseTable__table-frozen-left .BaseTable__body, .BaseTable__table-frozen-right .BaseTable__header,
.BaseTable__table-frozen-right .BaseTable__body {
  overflow: hidden !important;
}

.BaseTable__table-frozen-left {
  box-shadow: 2px 0 4px 0 #eeeeee;
  top: 0;
  left: 0;
}

.BaseTable__table-frozen-left .BaseTable__header-cell:first-child, .BaseTable__table-frozen-left .BaseTable__row-cell:first-child {
  padding-left: 15px;
}

.BaseTable__table-frozen-left .BaseTable__header-row,
.BaseTable__table-frozen-left .BaseTable__row {
  padding-right: 0 !important;
}

.BaseTable__table-frozen-left .BaseTable__body {
  overflow-y: auto !important;
}

.BaseTable__table-frozen-right {
  box-shadow: -2px 0 4px 0 #eeeeee;
  top: 0;
  right: 0;
}

.BaseTable__table-frozen-right .BaseTable__header-cell:last-child, .BaseTable__table-frozen-right .BaseTable__row-cell:last-child {
  padding-right: 15px;
}

.BaseTable__table-frozen-right .BaseTable__header-row,
.BaseTable__table-frozen-right .BaseTable__row {
  padding-left: 0 !important;
}

.BaseTable__table-frozen-right .BaseTable__body {
  overflow-y: auto !important;
}

.BaseTable__header {
  overflow: hidden !important;
}

.BaseTable .BaseTable__header,
.BaseTable .BaseTable__body {
  outline: none;
}

.BaseTable__header-row, .BaseTable__row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}

.BaseTable__header-row {
  background-color: #f8f8f8;
  font-weight: 700;
}

.BaseTable__row {
  background-color: #ffffff;
}

.BaseTable__row:hover, .BaseTable__row--hovered {
  background-color: #f3f3f3;
}

.BaseTable__row-expanded {
  border-bottom: 1px solid #eeeeee;
}

.BaseTable__header-cell, .BaseTable__row-cell {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 7.5px;
  box-sizing: border-box;
}

.BaseTable__header-cell--align-center, .BaseTable__row-cell--align-center {
  justify-content: center;
  text-align: center;
}

.BaseTable__header-cell--align-right, .BaseTable__row-cell--align-right {
  justify-content: flex-end;
  text-align: right;
}

.BaseTable__header-cell {
  position: relative;
  cursor: default;
}

.BaseTable__header-cell:hover .BaseTable__column-resizer {
  visibility: visible;
  opacity: 0.5;
}

.BaseTable__header-cell:hover .BaseTable__column-resizer:hover {
  opacity: 1;
}

.BaseTable__header-cell .BaseTable__sort-indicator {
  display: none;
}

.BaseTable__header-cell--sortable:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}

.BaseTable__header-cell--sortable:not(.BaseTable__header-cell--sorting):hover .BaseTable__sort-indicator {
  display: block;
  color: #888888;
}

.BaseTable__header-cell--sorting .BaseTable__sort-indicator, .BaseTable__header-cell--sorting:hover .BaseTable__sort-indicator {
  display: block;
}

.BaseTable__header-cell--resizing .BaseTable__column-resizer {
  visibility: visible;
  opacity: 1;
}

.BaseTable__header-cell--resizing .BaseTable__column-resizer::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  content: '';
  left: -9999px;
}

.BaseTable__header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.BaseTable__header-row--resizing .BaseTable__header-cell {
  background-color: transparent;
  cursor: col-resize;
}

.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--sorting) .BaseTable__sort-indicator {
  display: none;
}

.BaseTable__header-row--resizing .BaseTable__header-cell:not(.BaseTable__header-cell--resizing) .BaseTable__column-resizer {
  visibility: hidden;
}

.BaseTable__column-resizer {
  width: 3px;
  visibility: hidden;
  background-color: #cccccc;
}

.BaseTable__column-resizer:hover {
  visibility: visible;
  opacity: 1;
}

.BaseTable__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #ffffff;
}

.BaseTable__resizing-line {
  cursor: col-resize;
  position: absolute;
  top: 0;
  background-color: #cccccc;
  width: 3px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.BaseTable__empty-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #ffffff;
}

.BaseTable__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}

.BaseTable__overlay > * {
  pointer-events: auto;
}