:root{--html-color:#fff;--backdrop-color:#222;--backdrop-color-contrast:#fff;--backdrop-color-edge:#000000bf;--base-color-rgb:255, 255, 255;--base-color:rgb(var(--base-color-rgb));--base-color-2:#eee;--base-color-3:#ddd;--base-color-contrast-rgb:0, 0, 0;--base-color-contrast:rgb(var(--base-color-contrast-rgb));--base-color-contrast-2:#333;--base-color-contrast-3:#666;--s0:0px;--s1:2px;--s2:4px;--s3:6px;--s4:10px;--s5:16px;--s6:26px;--s7:42px;--s8:68px;--s9:110px;--s10:178px;--s11:288px;--s12:466px;--content-width:800px;--shadow-1:0px 1px 3px #0000001a;--shadow-2:0px 1px 3px #0000001a, 0px 2px 6px #00000026;--shadow-3:0px 1px 3px #0000001a, 0px 2px 6px #00000026, 0px 4px 12px #0003}body.dark-mode{--html-color:#000;--backdrop-color:#222;--backdrop-color-contrast:#666;--backdrop-color-edge:#fff3;--base-color-rgb:0, 0, 0;--base-color:rgb(var(--base-color-rgb));--base-color-2:#111;--base-color-3:#222;--base-color-contrast-rgb:221, 221, 221;--base-color-contrast:rgb(var(--base-color-contrast-rgb));--base-color-contrast-2:#aaa;--base-color-contrast-3:#777;--shadow-1:0px 1px 3px #ffffff0d;--shadow-2:0px 1px 3px #ffffff0d, 0px 2px 6px #ffffff1a;--shadow-3:0px 1px 3px #ffffff0d, 0px 2px 6px #ffffff1a, 0px 4px 12px #ffffff26}html,body{font-optical-sizing:auto;width:100%;font-family:Outfit,sans-serif;font-style:normal;font-weight:500}html{background-color:var(--html-color);color:var(--backdrop-color-contrast)}h1{font-size:2.2rem;&:not(:last-child){margin-bottom:var(--s5)}}h2{font-size:1.5rem;&:not(:last-child){margin-bottom:var(--s5)}}h3{font-size:1.4rem;&:not(:last-child){margin-bottom:var(--s5)}}h4{font-size:1.3rem;&:not(:last-child){margin-bottom:var(--s5)}}p{font-size:1.125rem;line-height:1.5;&:not(:last-child){margin-bottom:var(--s5)}}label,p.label{margin-bottom:var(--s4);font-size:1.125rem;line-height:1}.text-center{text-align:center}h1.huge{font-size:3rem}.caption{text-transform:uppercase;font-size:.75rem}h2.subtitle{text-transform:uppercase;margin-top:calc(0px - var(--s3));color:var(--base-color-contrast-2)}h3.subtitle{text-transform:uppercase;margin-top:calc(0px - var(--s3));color:var(--base-color-contrast-3);font-size:.8rem}article{& li{font-size:1.125rem;line-height:1.5;&:not(:last-child){margin-bottom:var(--s3)}}& ul,& ol{counter-reset:item;list-style-type:none;&>li{display:block;position:relative}&:not(:last-child){margin-bottom:var(--s5)}}& ul>li:before{content:"";background-color:var(--base-color);width:var(--s4);height:var(--s4);border-radius:var(--s2);box-shadow:var(--shadow-1);color:var(--base-color-contrast-3);position:absolute;top:9px;transform:translate(-26px)}& ol>li:before{content:counter(item);counter-increment:item;color:var(--base-color-contrast-3);background-color:var(--base-color);text-align:center;width:22px;height:22px;padding:var(--s1) 0;border-radius:var(--s3);box-shadow:var(--shadow-1);font-size:12px;position:absolute;top:3px;transform:translate(-32px)}& blockquote{background-color:rgba(var(--base-color-contrast-rgb), .1);padding:var(--s5);margin-left:calc(0px - var(--s5));margin-top:calc(0px - var(--s2));width:calc(100% + var(--s5) + var(--s5));border-radius:var(--s5);&:last-child{margin-bottom:calc(0px - var(--s5))}&:not(:last-child){margin-bottom:var(--s5)}}}body.dark-mode article{& ul>li:before,& ol>li:before{color:var(--base-color-3);background-color:var(--base-color-contrast)}}blockquote{overflow:hidden}code{font-optical-sizing:auto;font-variation-settings:"MONO" 1;font-family:Sono,monospace;font-style:normal;font-weight:500}p code,li code{background-color:var(--base-color);padding:1px var(--s3);border-radius:var(--s3);box-shadow:var(--shadow-1);display:inline;position:relative}code>span{font-size:1rem;line-height:1.3;&:not(:last-child){margin-bottom:var(--s4)}}pre{padding:var(--s6);border-radius:var(--s6);box-shadow:inset 0px 0px 28px var(--backdrop-color-edge);margin-bottom:var(--s5);overflow-x:auto;background-color:var(--backdrop-color)!important}.darkmode-only{display:none}.lightmode-only{display:block}body.dark-mode{& .invert-darkmode{filter:invert()}& .darkmode-only{display:block}& .lightmode-only{display:none}}.glass{backdrop-filter:blur(7px);box-shadow:inset 0px 0px 28px rgba(var(--base-color-rgb), .75)}.paper{background-color:var(--base-color);color:var(--base-color-contrast)}.rounded-1{border-radius:var(--s1)}.rounded-2{border-radius:var(--s2)}.rounded-3{border-radius:var(--s3)}.rounded-4{border-radius:var(--s4)}.rounded,.rounded-5{border-radius:var(--s5)}.rounded-6{border-radius:var(--s6)}.rounded-7{border-radius:var(--s7)}.rounded-8{border-radius:var(--s8)}.padded-1{padding:var(--s1)}.padded-2{padding:var(--s2)}.padded-3{padding:var(--s3)}.padded-4{padding:var(--s4)}.padded,.padded-5{padding:var(--s5)}.padded-6{padding:var(--s6)}.x-padded-1{padding-left:var(--s1);padding-right:var(--s1)}.x-padded-2{padding-left:var(--s2);padding-right:var(--s2)}.x-padded-3{padding-left:var(--s3);padding-right:var(--s3)}.x-padded-4{padding-left:var(--s4);padding-right:var(--s4)}.x-padded,.x-padded-5{padding-left:var(--s5);padding-right:var(--s5)}.x-padded-6{padding-left:var(--s6);padding-right:var(--s6)}.y-padded-1{padding-top:var(--s1);padding-bottom:var(--s1)}.y-padded-2{padding-top:var(--s2);padding-bottom:var(--s2)}.y-padded-3{padding-top:var(--s3);padding-bottom:var(--s3)}.y-padded-4{padding-top:var(--s4);padding-bottom:var(--s4)}.y-padded,.y-padded-5{padding-top:var(--s5);padding-bottom:var(--s5)}.y-padded-6{padding-top:var(--s6);padding-bottom:var(--s6)}.outset-1{margin-left:calc(0px - var(--s1));width:calc(100% + var(--s1) + var(--s1));&:last-child{margin-bottom:calc(0px - var(--s1))}}.outset-2{margin-left:calc(0px - var(--s2));width:calc(100% + var(--s2) + var(--s2));&:last-child{margin-bottom:calc(0px - var(--s2))}}.outset-3{margin-left:calc(0px - var(--s3));width:calc(100% + var(--s3) + var(--s3));&:last-child{margin-bottom:calc(0px - var(--s3))}}.outset-4{margin-left:calc(0px - var(--s4));width:calc(100% + var(--s4) + var(--s4));&:last-child{margin-bottom:calc(0px - var(--s4))}}.outset,.outset-5{margin-left:calc(0px - var(--s5));width:calc(100% + var(--s5) + var(--s5));&:last-child{margin-bottom:calc(0px - var(--s5))}}.outset-6{margin-left:calc(0px - var(--s6));width:calc(100% + var(--s6) + var(--s6));&:last-child{margin-bottom:calc(0px - var(--s6))}}.red-gradient{color:#851f00;background:linear-gradient(125deg,#f82b2b 0%,#f03e1f 50%,#e76113 100%)}.green-gradient{color:#4c8200;background:linear-gradient(125deg,#b8e62e 0%,#81d91c 51%,#4fcc10 100%)}.blue-gradient{color:#00626b;background:linear-gradient(125deg,#2eb1e6 0%,#1cc9d9 51%,#10cca6 100%)}.yellow-gradient{color:#8a7500;background:linear-gradient(125deg,#f5da42 0%,#e6a91c 100%)}.shadow,.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.shadow-3{box-shadow:var(--shadow-3)}.flex{display:flex}.gap-1{gap:var(--s1)}.gap-2{gap:var(--s2)}.gap,.gap-3{gap:var(--s3)}.gap-4{gap:var(--s4)}.gap-5{gap:var(--s5)}.gap-6{gap:var(--s6)}.hideable.show{opacity:1;transition:opacity .4s,transform .4s;position:relative}.hideable:not(.show){opacity:0;pointer-events:none;transition:opacity .1s ease-out,transform .1s ease-out;transform:translateY(10px)}