:root {
  --gray600: #475467;
  --gray900: #101828;
  --primary600: #0056b3;
  --gray500: #667085;
  --gray800: #1d2939;
  --white: white;
  --gray300: #d0d5dd;
  --gray700: #344054;
  --primary700: #004691;
  --primary50: #c3dfff;
  --primary100: #9ccbff;
  --primary300: #4fa3ff;
  --gray50: #f9fafb;
  --primary25: #e9f4ff;
  --primary800: #00356f;
  --gray100: #f2f4f7;
  --gray200: #eaecf0;
  --primary200: #75b7ff;
  --error200: #fecdca;
  --error50: #fef3f2;
  --error700: #b42318;
  --warning200: #fedf89;
  --warning50: #fffaeb;
  --warning700: #b54708;
  --success200: #a6f4c5;
  --success50: #ecfdf3;
  --success700: #027a48;
  --primary500: #116fd5;
  --success500: #12b76a;
  --error500: #f04438;
  --warning500: #f79009;
  --gray25: #fcfcfd;
  --gray400: #98a2b3;
  --primary400: #278bf7;
  --primary900: #00254d;
  --error25: #fffbfa;
  --error100: #fee4e2;
  --error300: #fda29b;
  --error400: #f97066;
  --error600: #d92d20;
  --error800: #912018;
  --error900: #7a271a;
  --warning25: #fffcf5;
  --warning100: #fef0c7;
  --warning300: #fec84b;
  --warning400: #fdb022;
  --warning600: #dc6803;
  --warning800: #93370d;
  --warning900: #7a2e0e;
  --success25: #f6fef9;
  --success100: #d1fadf;
  --success300: #6ce9a6;
  --success400: #32d583;
  --success600: #039855;
  --success800: #05603a;
  --success900: #054f31;
  --indigo25: #f5f8ff;
  --indigo50: #eef4ff;
  --indigo100: #e0eaff;
  --indigo200: #c7d7fe;
  --indigo300: #a4bcfd;
  --indigo400: #8098f9;
  --indigo500: #6172f3;
  --indigo600: #444ce7;
  --indigo700: #3538cd;
  --indigo800: #2d31a6;
  --indigo900: #2d3282;
  --blue25: #f5faff;
  --blue50: #eff8ff;
  --blue100: #d1e9ff;
  --blue200: #b2ddff;
  --blue300: #84caff;
  --blue400: #53b1fd;
  --blue500: #2e90fa;
  --blue600: #1570ef;
  --blue700: #175cd3;
  --blue800: #1849a9;
  --blue900: #194185;
  --pink25: #fef6fb;
  --pink50: #fdf2fa;
  --pink100: #fce7f6;
  --pink200: #fcceee;
  --pink300: #faa7e0;
  --pink400: #f670c7;
  --pink500: #ee46bc;
  --pink600: #dd2590;
  --pink700: #c11574;
  --pink800: #9e165f;
  --pink900: #851651;
  --orange25: #fefaf5;
  --orange50: #fef6ee;
  --orange100: #fdead7;
  --orange200: #f9dbaf;
  --orange300: #f7b27a;
  --orange400: #f38744;
  --orange500: #ef6820;
  --orange600: #e04f16;
  --orange700: #b93815;
  --orange800: #932f19;
  --orange900: #772917;

  --primary-color: #0056b3;
  --primary-color-rgb: 0, 86, 179;
  --border-color: #d0d5dd;
  --hover-border-color: #98a2b3;
  --hover-background-color: #fafafa;  


  --ss-primary-color: #0056b3;
  --ss-focus-color: #0056b3;
  --ss-bg-color: #ffffff;
  --ss-font-color: #414651;
  --ss-font-placeholder-color: #717680;
  --ss-border-color: #D5D7DA;
  --ss-disabled-color: #dcdee2;
  --ss-highlight-color: #FAFAFA;
  --ss-content-height: 400px;
  --ss-border-radius: 8px;

  /* Border radius values */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xlg: 12px;
}


body {
  color: var(--gray600);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}


.rns-container h1 {
  color: var(--gray900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}

.rns-container h2 {
  color: var(--gray900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.rns-container h3 {
  color: var(--gray900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.rns-container h4 {
  color: var(--gray900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.rns-container h5 {
  color: var(--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.rns-container h6 {
  color: var(--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.rns-container p {
  color: var(--gray600);
  letter-spacing: normal;
  margin-bottom: 0;
}


.rns-container ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

.rns-container ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.rns-container li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.rns-container img {
  max-width: 100%;
  display: inline-block;
}

.rns-container label {
  font-weight: 500;
}

.rns-container input {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}



.rns-container :is(a, button, input, textarea, summary, text):focus-visible {
  outline: none !important;
  box-shadow: 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset;
  border-color: var(--primary-color, #0056b3) !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}


.rns-container :is(a, button, input, textarea, summary, text):focus {  
  outline: none !important;
  box-shadow: 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset;
  border-color: var(--primary-color, #0056b3) !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  border-radius: var(--radius-lg);
}

.rns-container :is(text):focus-visible {
  outline: none !important;
  box-shadow: 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset, 0 0 2px var(--primary-color, #0056b3) inset;
  border-color: var(--primary-color, #0056b3) !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}


.rns-container :is(text):focus {  
  border-radius: var(--radius-lg);
}