body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#PageHeader1
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter1
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
:root {
--default-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
--font-monospace: 'Source Code Pro', monospace;
--background-primary: #ffffff;
--background-modifier-border: #ddd;
--text-accent: #705dcf;
--text-accent-hover: #7a6ae6;
--text-normal: #2e3338;
--background-secondary: #f2f3f5;
--background-secondary-alt: #fcfcfc;
--text-muted: #888888;
--font-mermaid: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
--text-error: #E4374B;
--background-primary-alt: '#fafafa';
--background-accent: '';
--interactive-accent: hsl( 254, 80%, calc( 68% + 2.5%));
--background-modifier-error: #E4374B;
--background-primary-alt: #fafafa;
--background-modifier-border: #e0e0e0;
}

body,input {
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif
}

code, kbd, pre {
font-family: "Roboto Mono", "Courier New", Courier, monospace;
background-color: #f5f5f5;
}

pre {
padding: 1em 0.5em;
}

table {
background: white;
border: 1px solid #666;
border-collapse: collapse;
padding: 0.5em;
}

table thead th,
table tfoot th {
text-align: left;
background-color: #eaeaea;
color: black;
}

table th, table td {
border: 1px solid #ddd;
padding: 0.5em;
}

table td {
color: #222222;
}

.callout[data-callout="abstract"] .callout-title,
.callout[data-callout="summary"] .callout-title,
.callout[data-callout="tldr"] .callout-title,
.callout[data-callout="faq"] .callout-title,
.callout[data-callout="info"] .callout-title,
.callout[data-callout="help"] .callout-title {
background-color: #828ee7;
}
.callout[data-callout="tip"] .callout-title,
.callout[data-callout="hint"] .callout-title,
.callout[data-callout="important"] .callout-title {
background-color: #34bbe6;
}
.callout[data-callout="success"] .callout-title,
.callout[data-callout="check"] .callout-title,
.callout[data-callout="done"] .callout-title {
background-color: #a3e048;
}
.callout[data-callout="question"] .callout-title,
.callout[data-callout="todo"] .callout-title {
background-color: #49da9a;
}
.callout[data-callout="caution"] .callout-title,
.callout[data-callout="attention"] .callout-title {
background-color: #f7d038;
}
.callout[data-callout="warning"] .callout-title,
.callout[data-callout="missing"] .callout-title,
.callout[data-callout="bug"] .callout-title {
background-color: #eb7532;
}
.callout[data-callout="failure"] .callout-title,
.callout[data-callout="fail"] .callout-title,
.callout[data-callout="danger"] .callout-title,
.callout[data-callout="error"] .callout-title {
background-color: #e6261f;
}
.callout[data-callout="example"] .callout-title {
background-color: #d23be7;
}
.callout[data-callout="quote"] .callout-title,
.callout[data-callout="cite"] .callout-title {
background-color: #aaaaaa;
}

.callout-icon {
flex: 0 0 auto;
display: flex;
align-self: center;
}

svg.svg-icon {
height: 18px;
width: 18px;
stroke-width: 1.75px;
}

.callout {
overflow: hidden;
margin: 1em 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
}

.callout-title {
padding: .5em;
display: flex;
gap: 8px;
font-size: inherit;
color: black;
line-height: 1.3em;
}

.callout-title-inner {
font-weight: bold;
color: black;
}

.callout-content {
overflow-x: auto;
padding: 0.25em .5em;
color: #222222;
background-color: white !important;
}

ul.contains-task-list {
padding-left: 0;
list-style: none;
}

ul.contains-task-list ul.contains-task-list {
padding-left: 2em;
}

ul.contains-task-list li input[type="checkbox"] {
margin-right: .5em;
}

.callout-table,
.callout-table tr,
.callout-table p {
width: 100%;
padding: 0;
}

.callout-table td {
width: 100%;
padding: 0 1em;
}

.callout-table p {
padding-bottom: 0.5em;
}

.source-table {
width: 100%;
background-color: #f5f5f5;
}