*,
*::before,
*::after {
   box-sizing: border-box;
}
html,
body {
   font-size: 16px;
   height: 100%;
}
body {
   background-color: #EFEEF5;
   color: #21252B;
   font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
}
a,
a:link,
a:visited,
a:active {
   color: #99c4d0;
   text-decoration: underline;
}
p {
   padding: 0 .5rem;
   margin: .250rem 0;
   color: #21252B;
}
.small {
   font-size: .750rem;
   color: #21252B;
   padding: .5rem;
}
.overflow {
   overflow-y: auto;
   overflow-x: hidden;
   padding-bottom: 1rem;
}
#debugger-box {
   position: fixed;
   top: 50%;
   left: 50%;
   max-width: 80%;
   min-width: 60vw;
   z-index: 10000;
   background-color: #EFEEF5;
   transform: translate(-50%, -50%);
   border-radius: .250rem;
   box-shadow: 0 .375rem 1.5rem 0 rgba(58, 59, 69, .15);
}
.code-arr {
   color: #96f9fe;
}
.code-brace {
   color: #DA70D6;
}
.code-comment,
.code-comment * {
   color: #666 !important;
}
.code-core {
   color: #DB7C33;
}
.code-func {
   color: #F0C65F;
}
.code-line_number {
   color: #A3A8B5;
   background: #323844;
   min-width: 3rem;
   user-select: none;
   text-align: center;
}
.code-string *,
.code-string {
   color: #76B256;
}
.code-variable *,
.code-variable {
   color: #BA8ECE;
}
#error-box,
#trace-box,
#code-box {
   border-radius: .250rem;
   background-color: #fff;
   margin: 0
}
#trace-box {
   border-radius: .250rem .250rem 0 0;
}
#trace-box {
   border-radius: 0 0 .250rem .250rem;
}
#trace-box table td {
   padding: .250rem;
   color: #21252B;
}
#trace-box .title {
   font-size: 1.5rem;
   color: #344054;
   border-bottom: 2px solid #175cd3;
}
#code-box pre {
   padding: 0;
   margin: 0;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   color: #A3A8B5;
   font-size: 14px !important;
   background-color: #21252B;
   border-radius: .250rem;
}
#code-box .title2 {
   font-size: 1.5rem;
   display: flex;
   align-items: center;
   background-color: #21252B;
   border-radius: .250rem;
   padding: .5rem 0 0 0;
   color: #A3A8B5;
   line-height: 1;
   margin: 0 0 .750rem 0;
}
#code-box pre ::selection {
   background: #344054 !important;
}
#code-box table {
   border-collapse: collapse;
}
#code-box table td:nth-of-type(2) {
   padding-left: 1rem;
}
#code-box {
   background-color: #21252B;
   padding: 1rem;
   margin: 1rem 0;
   border-radius: 0;
}
.title {
   font-size: 1.5rem;
   font-weight: 600;
   padding: 1rem;
   margin: 0;
   background-color: #f9f9f9;
   color: #21252B;
   display: flex;
   flex-direction: column;
}
.bg-danger td:first-of-type {
   background-color: #B32318;
   color: #f0f0f0;
   position: relative;
}
.bg-danger td:first-of-type:after {
   position: absolute;
   right: -24px;
   top: 0;
   content: "";
   border-width: 12px;
   border-color: #B32318;
   border-style: solid;
   border-top-color: transparent;
   border-bottom-color: transparent;
   border-right-color: transparent;
}
.bg-danger {
   background-color: rgba(179, 35, 24, 0.25);
   color: #f0f0f0;
}
.bg-danger2 {
   background-color: rgba(179, 35, 24, .05);
   color: #f0f0f0;
}
.file-line {
   padding: 0 .5rem;
   color: #A3A8B5;
   font-size: .750rem;
   font-weight: normal;
}
#rights {
   display: block;
   margin: 5px auto 20px auto;
   text-align: center;
   font-size: 12px;
   color: #344054;
}
#rights,
#rights a {
   color: #344054;
}
table {
   width: 100%;
}
table td {
   padding: 1px 2px;
}
table thead td {
   background-color: #f5f5f5;
}
table.table tbody tr:nth-child(even) {
   background-color: #f9f9f9;
}
.hide {
   display: none !important;
}
.bordered {
   background-color: #fefefe;
   border: 1px solid #eee;
}
.extraInfo {
   margin: 10px 20px;
}
.extraInfo *:not(h3) {
   font-size: 13px;
}
.extraInfo thead td {
   padding: 0;
}
.extraInfo .title {
   margin: 0;
}