: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{--grey1: #fafafa;--grey2: #f4f4f5;--grey3: #e4e4e7;--grey4: #d4d4d8;--grey5: #d4d4d8;--grey6: #71717a;--grey7: #52525b;--grey8: #3f3f46;--grey9: #27272a;--grey10: #18181b;--is-dark: true;--app-background: var(--grey10);--input-background: var(--grey10);--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;background-color:var(--app-background)!important;color:var(--grey1);font-family:var(--font-family-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {font-family: var(--font-family-headers);} code {font-family: var(--font-family-code);} ::selection {background-color: var(--grey8);} ::marker {color: var(--primary-color);} .uppercase {text-transform: uppercase;} .bold {font-weight: bold !important;} .letterspacing-1 {letter-spacing: 1px;} .letterspacing-2 {letter-spacing: 2px;} .text-center {text-align: center;} .h1 {font-size: 2.75rem;} .h2 {font-size: 2rem; display: inline; position: relative;} .h3 {font-size: 1.5rem;} .h4 {font-size: 1.25rem;} .body-text {font-size: 1rem;} .default-text {font-size: 1rem;} .label {font-size: .875rem;} ul {list-style: none !important;} ul > li {text-decoration: none !important;} a {text-decoration: none;} .primary-color {color: var(--primary-color); a {color: var(--primary-color);}} a:hover,ul > li a:hover {color: var(--primary-color-dark) !important; text-decoration: none;} ul > li a:hover {color: var(--grey2) !important;} .grey1,.grey1 > a {color: var(--grey1);} .grey2,.grey2 > a {color: var(--grey2) !important;} .grey3,.grey3 > a {color: var(--grey3);} .grey4,.grey4 > a {color: var(--grey4) !important;} .grey5,.grey5 > a {color: var(--grey5) !important;} .grey6,.grey6 > a {color: var(--grey6) !important;} .grey7,.grey7 > a {color: var(--grey7) !important;} .grey8,.grey8 > a {color: var(--grey8) !important;} .grey9,.grey9 > a {color: var(--grey9) !important;} .grey10,.grey10 > a {color: var(--grey10) !important;} .orange {color: var(--orange);} .yellow {color: var(--yellow);} .green {color: var(--green);} .dot {height: 4px; width: 4px; display: inline-block; border-radius: 50%; background: var(--grey6);} input {background-color: var(--grey9); &:hover {background-color: var(--grey8);} width: 100%; border: 0; height: 3rem; padding: 0 1rem; border-radius: var(--border-radius); color: var(--grey1); caret-color: var(--primary-color); accent-color: var(--primary-color); line-height: 1.5;} textarea {background-color: var(--grey9); &:hover {background-color: var(--grey8);} width: 100%; border: 0; height: 6.5rem; padding: .5rem 1rem; border-radius: var(--border-radius); color: var(--grey1); caret-color: var(--primary-color); accent-color: var(--primary-color); line-height: 1.5;} .subsection-data + .subsection-data {margin-top: 2rem;} .subsection-wrappers + .subsection-wrappers {margin-top: 3rem;} .subsection {padding-top: 2rem;} .subsection + .subsection {margin-top: 4rem;} .subsection-title {margin-bottom: 1rem;}}body.light{--grey1: #18181b;--grey2: #27272a;--grey3: #3f3f46;--grey4: #52525b;--grey5: #71717a;--grey6: #d4d4d8;--grey7: #d4d4d8;--grey8: #e4e4e7;--grey9: #f4f4f5;--grey10: #fafafa;--is-dark: false}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--grey6)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--grey1)}@media (min-width: 1280px) and (max-width: 1791px){:root{font-size:16px}}@media (max-width: 768px){body{--border-width: 1px}}@media (max-width: 1200px){:root{font-size:13px}.letterspacing-1{letter-spacing:1px}.letterspacing-2{letter-spacing:2px}}.error{text-align:center;padding:3rem;display:flex;place-content:center;height:100vh;flex-wrap:wrap;font-weight:700}.error svg{width:3em;height:3em}.error-message{padding-top:1.5rem;width:100%}.app-container{--app-max-width: 1200px;max-width:var(--app-max-width);width:100%;position:relative;padding:5.25rem 1rem;margin:auto}.app-container .darkModeWrapper{position:fixed;top:1rem;right:1rem;cursor:pointer;z-index:999}#top-scroll-bar{z-index:101}@media (max-width: 768px){.app-container{--app-max-width: 100%;padding:6rem 1rem}}@media (max-width: 1279px) and (min-width: 1791px){.app-container{--app-max-width: 1000px}}@media (min-width: 1280px) and (max-width: 1791px){.app-container{--app-max-width: 960px}}@media (min-width: 1900px){.app-container{padding:8.25rem 1rem}}@keyframes slideInFromLeft{0%{transform:translate(min(-14.5rem,-230.517px))}80%{transform:translate(1rem)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}80%{transform:translate(min(-15.5rem,-246.517px))}to{transform:translate(min(-14.5rem,-230.517px))}}.left-pane{position:fixed;top:10rem;left:-2px;border-radius:0 var(--border-radius) var(--border-radius) 0;width:14.5rem;animation:slideInFromLeft .3s ease-in-out forwards;z-index:1;background-color:var(--grey9)}.left-pane.open{animation:slideInFromLeft .3s ease-in-out forwards}.left-pane.open .toggle-button{transform:translate(0)}.left-pane.open .arrow{width:1rem;height:1rem;stroke:var(--primary-color);transform:rotate(180deg)}.left-pane.closed{animation:slideOutToLeft .3s ease-in-out forwards}.left-pane.closed .toggle-button{transform:translate(3rem);border-radius:0 var(--border-radius) var(--border-radius) 0;background:var(--grey9)}.left-pane.closed .toggle-button:hover{background:var(--grey8)}.left-pane.closed .arrow{transform:rotate(0);width:1.5rem;height:1.5rem;stroke:var(--primary-color)}.left-pane :is(ul).menu{padding:0 1rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex-wrap:wrap;grid-gap:.8125rem;margin-bottom:0}.left-pane .left-pane-header-container{display:flex;justify-content:space-between}.left-pane .left-pane-header-container .left-pane-header{font-size:1rem;padding:1rem 1.5rem;color:var(--primary-color)}.left-pane .left-pane-header-container .toggle-button{width:3rem;position:relative;display:flex;justify-content:center;align-items:center;top:0;cursor:pointer;transition:transform .3s linear}@media (max-width: 1200px){.left-pane{display:none!important}}.left-pane-item{list-style:none;font-size:16px;color:var(--grey5);cursor:pointer;display:flex;align-items:center;gap:.75rem;svg {width: 1rem; height: 1rem;}}.left-pane-item.selected{color:var(--primary-color);font-weight:700}.main-title{padding-top:2.75rem}.summary-text{padding-top:2.5rem}.scroll-text{padding-top:2.75rem}.hide{opacity:0;transition:height .2s ease-in-out;transition:opacity .2s ease-in-out}.show{opacity:1;transition:height .2s ease-in-out;transition:opacity .2s ease-in-out}.loader{padding:6rem 3rem 3rem;display:flex;justify-content:center;align-items:center;svg {width: 100%; .red-dot {animation: bounce 1s infinite;} .i-char {transform-origin: 50% 100%; animation: bouncePlatform 1s infinite;}} .loading-text {width: 100%; font-weight: bold; color: var(--grey1); position: relative; & .secondary {font-weight: normal; font-size: .9em; color: var(--primary-color);}}}.loader.fullscreen{background:var(--grey10);width:100%;height:100vh;z-index:10;position:fixed;top:0;left:0;padding-top:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-16px)}60%{transform:translateY(-10px)}}@keyframes bouncePlatform{0%,40%,50%,80%,to{transform:scaleY(1)}60%{transform:scaleY(.8)}}.header{transition:all .15s ease-in;z-index:100;position:fixed;top:1rem;left:50%;transform:translate(-50%);width:100%;max-width:calc(var(--app-max-width) + 4rem);border-radius:1rem}.header .header-wrapper{transition:all .15s ease-in;display:flex;align-items:center;justify-content:space-between;max-width:var(--app-max-width);margin:auto;padding:1rem}.header .header-wrapper .menu{display:flex;align-items:center;gap:2rem}.header .header-wrapper .menu .menuItem{a {font-size: 1rem; color: var(--grey1); &:hover {color: var(--primary-color);}} &.selected {a {color: var(--primary-color); font-weight: bold; position: relative; &:after {content: "•"; font-size: 1rem; position: absolute; top: 70%; left: 50%; transform: translateX(-50%);}}}}.header .header-wrapper .menu .menuItem .darkModeSwitch{position:relative;top:.25rem}.header.overlayHeader{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:rgba(255,255,255,.1);padding:0 2rem}.header.overlayHeader .header-wrapper .darkModeSwitch svg{transition:all .15s ease-in}.light .overlayHeader{background-color:var(--grey9)}@media screen and (max-width: 768px){.header.overlayHeader{padding:0rem;top:0;border-radius:0}.header .header-wrapper .menu{gap:1.5rem}}.logo{font-size:1.25rem;font-weight:700;display:flex;align-items:center;color:var(--grey1)}.logo:hover{color:var(--grey1)!important}.logo :last-child{color:var(--primary-color);font-size:1.7rem;position:relative;top:-3px}.banner{margin:2rem;position:fixed;bottom:1rem;left:50%;display:flex;align-items:center;justify-content:space-between;width:40%;box-shadow:#64646f33 0 7px 29px;border-radius:var(--border-radius);padding:.5rem 1rem;color:#fff!important;transform:translate(-50%);z-index:200}.banner.success-banner{background:var(--green)}.banner.error-banner{background:var(--primary-color)}.banner.neutral-banner{background:var(--grey5)}.banner .banner-text{width:calc(100% - 2rem);text-align:center}.banner .cross{margin-left:1rem;position:relative;height:1rem;width:1rem;cursor:pointer}.banner .cross:after{content:"";position:absolute;width:2px;height:100%;background-color:#fff;transform:translate(.5rem) rotate(45deg)}.banner .cross:before{content:"";position:absolute;width:2px;height:100%;background-color:#fff;transform:translate(.5rem) rotate(-45deg)}.dark .neutral-banner{background:var(--grey8)}@media (max-width: 1200px){.banner{bottom:0;left:0;padding:1rem!important;margin-top:1rem;width:calc(100% - 2rem);font-weight:700;transform:translate(-1rem)}}