:root{font-size:20px}*{margin:0;padding:0;box-sizing:border-box}* :focus-visible{outline:1px solid var(--primary-color)}html:has(dialog[open]){overflow:hidden}body{--gray1: #fafafa;--gray2: #f4f4f5;--gray3: #e4e4e7;--gray4: #d4d4d8;--gray5: #d4d4d8;--gray6: #71717a;--gray7: #52525b;--gray8: #3f3f46;--gray9: #27272a;--gray10: #18181b;--is-dark: true;--app-background: var(--gray10);--input-background: var(--gray10);--orange: #f2994a;--yellow: #f2c94c;--green: #27ae60;--primary-color: #ff565a;--border-radius: .5rem;--border-width: 1px;--font-family-headers: "Poppins", sans-serif !important;--font-family-text: "Poppins", sans-serif !important;--font-family-code: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace !important;font-family:var(--font-family-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}body.light{--gray1: #18181b;--gray2: #27272a;--gray3: #3f3f46;--gray4: #52525b;--gray5: #71717a;--gray6: #d4d4d8;--gray7: #d4d4d8;--gray8: #e4e4e7;--gray9: #f4f4f5;--gray10: #fafafa}body h1,body h2,body h3,body h4,body h5,body h6,body .h1,body .h2,body .h3,body .h4,body .h5,body .h6{font-family:var(--font-family-headers)}body code{font-family:var(--font-family-code)}body ::selection{background-color:var(--gray8)}body ::marker{color:var(--primary-color)}body .uppercase{text-transform:uppercase}body .bold{font-weight:700!important}body .letterspacing-1{letter-spacing:1px}body .letterspacing-2{letter-spacing:2px}body .text-center{text-align:center}body .h1{font-size:2.75rem}body .h2{font-size:2rem;display:inline;position:relative}body .h3{font-size:1.5rem}body .h4{font-size:1.25rem}body .body-text,body .default-text{font-size:1rem}body .label{font-size:.875rem}body ul{list-style:none!important}body ul>li{text-decoration:none!important}body a{text-decoration:none}body .primary-color,body .primary-color a{color:var(--primary-color)}body a:hover,body ul>li:hover{color:var(--primary-color-dark)!important;text-decoration:none}body ul>li a:hover{color:var(--gray2)!important}body .gray1 .gray1>a{color:var(--gray1)}body .gray2 .gray2>a{color:var(--gray2)!important}body .gray3 .gray3>a{color:var(--gray3)}body .gray4 .gray4>a{color:var(--gray4)!important}body .gray5 .gray5>a{color:var(--gray5)!important}body .gray6 .gray6>a{color:var(--gray6)!important}body .gray7 .gray7>a{color:var(--gray7)!important}body .gray8 .gray8>a{color:var(--gray8)!important}body .gray9 .gray9>a{color:var(--gray9)!important}body .gray10 .gray10>a{color:var(--gray10)!important}body .orange{color:var(--orange)}body .yellow{color:var(--yellow)}body .green{color:var(--green)}body .dot{height:4px;width:4px;display:inline-block;border-radius:50%;background:var(--gray6)}body input{background-color:var(--gray9);width:100%;border:0;height:3rem;padding:0 1rem;border-radius:var(--border-radius);color:var(--gray1);caret-color:var(--primary-color);accent-color:var(--primary-color);line-height:1.5}body input:hover{background-color:var(--gray8)}body textarea{background-color:var(--gray9);width:100%;border:0;height:6.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);color:var(--gray1);caret-color:var(--primary-color);accent-color:var(--primary-color);line-height:1.5}body textarea:hover{background-color:var(--gray8)}body .subsection-data+.subsection-data{margin-top:2rem}body .subsection-wrappers+.subsection-wrappers{margin-top:3rem}body .subsection{padding-top:2rem}body .subsection+.subsection{margin-top:4rem}body .subsection-title{margin-bottom:1rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--gray6)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}@media (min-width: 1280px) and (max-width: 1791){:root{font-size:16px}}@media (max-width: 1279px){body{--border-width: 1px}}@media (max-width: 1200px){:root{font-size:13px}.letterspacing-1{letter-spacing:1px}.letterspacing-2{letter-spacing:2px}}.animate{animation-duration:2s;animation-fill-mode:both;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:fadeInOut}.center-align{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100vw;height:100vh;padding:2rem;box-sizing:border-box}.text-2xl{font-size:1.5rem;line-height:2rem}@keyframes fadeInOut{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.95)}}