@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap');

html {
  height:100%;
}
#App {
  height:100%;
}
body {
  --font-sans: 'Inter',sans-serif;
--font-mono: 'Fira Code',monospace;

  --spacing:0.25rem;
    --grey-50:#FAFAFA;
--grey-100:#F5F5F5;
--grey-200:#E5E5E5;
--grey-300:#D4D4D4;
--grey-400:#A3A3A3;
--grey-500:#737373;
--grey-600:#525252;
--grey-700:#404040;
--grey-800:#262626;
--grey-900:#171717;
--primary-50:#ffe9f0;
--primary-100:#ffc7d6;
--primary-200:#ff8d9e;
--primary-300:#ff5877;
--primary-400:#ff0053;
--primary-500:#ff0039;
--primary-600:#ff0039;
--primary-700:#f10033;
--primary-800:#e3002b;
--primary-900:#d4001f;
--green-50:#ECFDF5;
--green-100:#D1FAE5;
--green-200:#A7F3D0;
--green-300:#6EE7B7;
--green-400:#34D399;
--green-500:#10B981;
--green-600:#059669;
--green-700:#047857;
--green-800:#065F46;
--green-900:#064E3B;
--red-50:#FEF2F2;
--red-100:#FEE2E2;
--red-200:#FECACA;
--red-300:#FCA5A5;
--red-400:#F87171;
--red-500:#EF4444;
--red-600:#DC2626;
--red-700:#B91C1C;
--red-800:#991B1B;
--red-900:#7F1D1D;
--yellow-50:#FFFBEB;
--yellow-100:#FEF3C7;
--yellow-200:#FDE68A;
--yellow-300:#FCD34D;
--yellow-400:#FBBF24;
--yellow-500:#F59E0B;
--yellow-600:#D97706;
--yellow-700:#B45309;
--yellow-800:#92400E;
--yellow-900:#78350F;
--blue-50:#EFF6FF;
--blue-100:#DBEAFE;
--blue-200:#BFDBFE;
--blue-300:#93C5FD;
--blue-400:#60A5FA;
--blue-500:#3B82F6;
--blue-600:#2563EB;
--blue-700:#1D4ED8;
--blue-800:#1E40AF;
--blue-900:#1E3A8A;
--indigo-50:#EEF2FF;
--indigo-100:#E0E7FF;
--indigo-200:#C7D2FE;
--indigo-300:#A5B4FC;
--indigo-400:#818CF8;
--indigo-500:#6366F1;
--indigo-600:#4F46E5;
--indigo-700:#4338CA;
--indigo-800:#3730A3;
--indigo-900:#312E81;
--purple-50:#F5F3FF;
--purple-100:#EDE9FE;
--purple-200:#DDD6FE;
--purple-300:#C4B5FD;
--purple-400:#A78BFA;
--purple-500:#8B5CF6;
--purple-600:#7C3AED;
--purple-700:#6D28D9;
--purple-800:#5B21B6;
--purple-900:#4C1D95;
  --text-xxs:0.625rem;
  --line-height-xxs:0.9rem;

  --text-xs:0.75rem;
  --line-height-xs:1rem;
  
  --text-sm:0.875rem;
  --line-height-sm:1.25rem;

  --text-base:1rem;
  --line-height-base:1.5rem;
  
  --text-lg:1.125rem;
  --line-height-lg:1.75rem;

  --text-xl:1.25rem;
  --line-height-xl:1.75rem;

  --text-2xl:1.5rem;
  --line-height-2xl:2rem;

  --text-3xl:1.875rem;
  --line-height-3xl:2.25rem;

  --text-4xl:2.25rem;
  --line-height-4xl:2.5rem;

  --shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

  font-family:var(--font-sans);
  font-size:var(--text-base);
  margin:0;
  height:100%;
}
input, button {
  border:none;
  background:transparent;
  font-family:var(--font-sans);
}
input:focus {
  outline:none;
}
a {
  color:inherit;
  text-decoration:none;
}
a:visited {
  color:inherit;
}
button {
  border:none;
}

ul, li {
  margin:0;
  padding:0;
  list-style-type:none;
}
* {
  box-sizing:border-box;
  position:relative;
  margin:0;
  
}
    
  

    .cjsoja {
      color:var(--grey-200);
  height:100%;
  display:block;
  position:relative;
  background-color:var(--grey-800);
    }
      

    .dZwVQL {
      height:auto;
  display:flex;
  min-width:none;
  position:relative;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:space-between;
    }
      

    .bWbFql {
      color:var(--grey-200);
  width:auto;
  margin:0px;
  padding:0px;
  position:relative;
  box-sizing:border-box;
    }
      

    .bBaYEY {
      color:var(--grey-300);
    }
        .bBaYEY {
          
        }
      

    .ftaNwg {
      
    }
      

    .bOBWTR {
      gap:calc(2 * var(--spacing));
  color:var(--grey-200);
  display:flex;
  padding:calc(4 * var(--spacing));
  flex-direction:column;
    }
      

    .cZHCWH {
      display:flex;
  align-items:center;
  justify-content:space-between;
    }