*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed}input,button,textarea,select{font:inherit}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:''}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button{background:0 0;border:none;padding:0;cursor:pointer}a{color:inherit}*:focus{outline:none}*:focus-visible{outline:1px solid var(--secondary-accent-clr);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}hr{margin-bottom:var(--root-4);height:2px;background-color:var(--primary-accent-clr);border:none}hr:nth-of-type(even){background-color:var(--secondary-accent-clr)}@font-face{font-family:karla variable;font-style:normal;ont-display:swap;font-weight:200 800;src:url(https://cdn.jsdelivr.net/fontsource/fonts/karla:vf@latest/latin-wght-normal.woff2)format('woff2-variations');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:dm serif display;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/dm-serif-display@latest/latin-400-normal.woff2)format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/dm-serif-display@latest/latin-400-normal.woff)format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:geist mono variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/geist-mono:vf@latest/latin-wght-normal.woff2)format('woff2-variations');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--root-0:0;--root-1:0.25rem;--root-2:0.5rem;--root-3:0.75rem;--root-4:1rem;--root-5:1.5rem;--root-6:2rem;--root-7:2.5rem;--root-8:3rem;--root-9:3.5rem;--root-10:4rem;--root-11:5rem;--root-12:6rem;--root--1:-0.25rem;--root--2:-0.5rem;--root--3:-0.75rem;--root--4:-1rem;--root--5:-1.5rem;--root--6:-2rem;--root--7:-2.5rem;--root--8:-3rem;--root--9:-3.5rem;--root--10:-4rem;--root--11:-5rem;--root--12:-6rem;--rel-0:0;--rel-1:0.25em;--rel-2:0.5em;--rel-3:0.75em;--rel-4:1em;--rel-5:1.5em;--rel-6:2em;--rel-7:2.5em;--rel-8:3em;--rel-9:3.5em;--rel-10:4em;--rel-11:5em;--rel-12:6em;--rel--1:-0.25em;--rel--2:-0.5em;--rel--3:-0.75em;--rel--4:-1em;--rel--5:-1.5em;--rel--6:-2em;--rel--7:-2.5em;--rel--8:-3em;--rel--9:-3.5em;--rel--10:-4em;--rel--11:-5em;--rel--12:-6em;--primary-clr:rgb(35, 100, 170);--secondary-clr:rgb(234, 115, 23);--primary-accent-clr:rgb(35, 100, 170);--secondary-accent-clr:rgb(61, 165, 217);--gray-clr:rgb(235, 235, 235);--text-clr:rgb(7, 20, 34);--bg-clr:rgb(245, 245, 245);--silver-clr:rgb(132, 143, 165);--green-clr:rgb(95, 211, 147);--white-clr:rgb(255, 255, 255);--black-clr:rgb(0, 0, 0);--container:64rem;--body-font:'Karla Variable', sans-serif;--heading-font:'DM Serif Display', serif;--mono-font:'Geist Mono Variable', monospace;--main-height:calc(100svh - 100px);--transition-default:150ms all ease;--shadow-default:rgba(0, 0, 0, 0.16) 0px 1px 4px;--linear-gradient-default:linear-gradient(transparent, #00000099, #000000ee)}.dark:root{--primary-clr:rgb(234, 115, 23);--secondary-clr:rgb(254, 198, 1);--primary-accent-clr:rgb(35, 100, 170);--secondary-accent-clr:rgb(61, 165, 217);--gray-clr:rgb(19, 31, 44);--text-clr:rgb(255, 255, 255);--bg-clr:rgb(7, 20, 34)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.m-0{margin:var(--root-0)}.m-1{margin:var(--root-1)}.m-2{margin:var(--root-2)}.m-3{margin:var(--root-3)}.m-4{margin:var(--root-4)}.m-5{margin:var(--root-5)}.m-6{margin:var(--root-6)}.m-7{margin:var(--root-7)}.m-8{margin:var(--root-8)}.m-9{margin:var(--root-9)}.m-10{margin:var(--root-10)}.m-11{margin:var(--root-11)}.m-12{margin:var(--root-12)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--root-1);margin-right:var(--root-1)}.mx-2{margin-left:var(--root-2);margin-right:var(--root-2)}.mx-3{margin-left:var(--root-3);margin-right:var(--root-3)}.mx-4{margin-left:var(--root-4);margin-right:var(--root-4)}.mx-5{margin-left:var(--root-5);margin-right:var(--root-5)}.mx-6{margin-left:var(--root-6);margin-right:var(--root-6)}.mx-7{margin-left:var(--root-7);margin-right:var(--root-7)}.mx-8{margin-left:var(--root-8);margin-right:var(--root-8)}.mx-9{margin-left:var(--root-9);margin-right:var(--root-9)}.mx-10{margin-left:var(--root-10);margin-right:var(--root-10)}.mx-11{margin-left:var(--root-11);margin-right:var(--root-11)}.mx-12{margin-left:var(--root-12);margin-right:var(--root-12)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--root-1);margin-bottom:var(--root-1)}.my-2{margin-top:var(--root-2);margin-bottom:var(--root-2)}.my-3{margin-top:var(--root-3);margin-bottom:var(--root-3)}.my-4{margin-top:var(--root-4);margin-bottom:var(--root-4)}.my-5{margin-top:var(--root-5);margin-bottom:var(--root-5)}.my-6{margin-top:var(--root-6);margin-bottom:var(--root-6)}.my-7{margin-top:var(--root-7);margin-bottom:var(--root-7)}.my-8{margin-top:var(--root-8);margin-bottom:var(--root-8)}.my-9{margin-top:var(--root-9);margin-bottom:var(--root-9)}.my-10{margin-top:var(--root-10);margin-bottom:var(--root-10)}.my-11{margin-top:var(--root-11);margin-bottom:var(--root-11)}.my-12{margin-top:var(--root-12);margin-bottom:var(--root-12)}.mt-0{margin-top:var(--root-0)}.mt-1{margin-top:var(--root-1)}.mt-2{margin-top:var(--root-2)}.mt-3{margin-top:var(--root-3)}.mt-4{margin-top:var(--root-4)}.mt-5{margin-top:var(--root-5)}.mt-6{margin-top:var(--root-6)}.mt-7{margin-top:var(--root-7)}.mt-8{margin-top:var(--root-8)}.mt-9{margin-top:var(--root-9)}.mt-10{margin-top:var(--root-10)}.mt-11{margin-top:var(--root-11)}.mt-12{margin-top:var(--root-12)}.mb-0{margin-bottom:var(--root-0)}.mb-1{margin-bottom:var(--root-1)}.mb-2{margin-bottom:var(--root-2)}.mb-3{margin-bottom:var(--root-3)}.mb-4{margin-bottom:var(--root-4)}.mb-5{margin-bottom:var(--root-5)}.mb-6{margin-bottom:var(--root-6)}.mb-7{margin-bottom:var(--root-7)}.mb-8{margin-bottom:var(--root-8)}.mb-9{margin-bottom:var(--root-9)}.mb-10{margin-bottom:var(--root-10)}.mb-11{margin-bottom:var(--root-11)}.mb-12{margin-bottom:var(--root-12)}.ml-0{margin-left:var(--root-0)}.ml-1{margin-left:var(--root-1)}.ml-2{margin-left:var(--root-2)}.ml-3{margin-left:var(--root-3)}.ml-4{margin-left:var(--root-4)}.ml-5{margin-left:var(--root-5)}.ml-6{margin-left:var(--root-6)}.ml-7{margin-left:var(--root-7)}.ml-8{margin-left:var(--root-8)}.ml-9{margin-left:var(--root-9)}.ml-10{margin-left:var(--root-10)}.ml-11{margin-left:var(--root-11)}.ml-12{margin-left:var(--root-12)}.mr-0{margin-right:var(--root-0)}.mr-1{margin-right:var(--root-1)}.mr-2{margin-right:var(--root-2)}.mr-3{margin-right:var(--root-3)}.mr-4{margin-right:var(--root-4)}.mr-5{margin-right:var(--root-5)}.mr-6{margin-right:var(--root-6)}.mr-7{margin-right:var(--root-7)}.mr-8{margin-right:var(--root-8)}.mr-9{margin-right:var(--root-9)}.mr-10{margin-right:var(--root-10)}.mr-11{margin-right:var(--root-11)}.mr-12{margin-right:var(--root-12)}.p-0{padding:var(--root-0)}.p-1{padding:var(--root-1)}.p-2{padding:var(--root-2)}.p-3{padding:var(--root-3)}.p-4{padding:var(--root-4)}.p-5{padding:var(--root-5)}.p-6{padding:var(--root-6)}.p-7{padding:var(--root-7)}.p-8{padding:var(--root-8)}.p-9{padding:var(--root-9)}.p-10{padding:var(--root-10)}.p-11{padding:var(--root-11)}.p-12{padding:var(--root-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--root-1);padding-right:var(--root-1)}.px-2{padding-left:var(--root-2);padding-right:var(--root-2)}.px-3{padding-left:var(--root-3);padding-right:var(--root-3)}.px-4{padding-left:var(--root-4);padding-right:var(--root-4)}.px-5{padding-left:var(--root-5);padding-right:var(--root-5)}.px-6{padding-left:var(--root-6);padding-right:var(--root-6)}.px-7{padding-left:var(--root-7);padding-right:var(--root-7)}.px-8{padding-left:var(--root-8);padding-right:var(--root-8)}.px-9{padding-left:var(--root-9);padding-right:var(--root-9)}.px-10{padding-left:var(--root-10);padding-right:var(--root-10)}.px-11{padding-left:var(--root-11);padding-right:var(--root-11)}.px-12{padding-left:var(--root-12);padding-right:var(--root-12)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--root-1);padding-bottom:var(--root-1)}.py-2{padding-top:var(--root-2);padding-bottom:var(--root-2)}.py-3{padding-top:var(--root-3);padding-bottom:var(--root-3)}.py-4{padding-top:var(--root-4);padding-bottom:var(--root-4)}.py-5{padding-top:var(--root-5);padding-bottom:var(--root-5)}.py-6{padding-top:var(--root-6);padding-bottom:var(--root-6)}.py-7{padding-top:var(--root-7);padding-bottom:var(--root-7)}.py-8{padding-top:var(--root-8);padding-bottom:var(--root-8)}.py-9{padding-top:var(--root-9);padding-bottom:var(--root-9)}.py-10{padding-top:var(--root-10);padding-bottom:var(--root-10)}.py-11{padding-top:var(--root-11);padding-bottom:var(--root-11)}.py-12{padding-top:var(--root-12);padding-bottom:var(--root-12)}.pt-0{padding-top:var(--root-0)}.pt-1{padding-top:var(--root-1)}.pt-2{padding-top:var(--root-2)}.pt-3{padding-top:var(--root-3)}.pt-4{padding-top:var(--root-4)}.pt-5{padding-top:var(--root-5)}.pt-6{padding-top:var(--root-6)}.pt-7{padding-top:var(--root-7)}.pt-8{padding-top:var(--root-8)}.pt-9{padding-top:var(--root-9)}.pt-10{padding-top:var(--root-10)}.pt-11{padding-top:var(--root-11)}.pt-12{padding-top:var(--root-12)}.pb-0{padding-bottom:var(--root-0)}.pb-1{padding-bottom:var(--root-1)}.pb-2{padding-bottom:var(--root-2)}.pb-3{padding-bottom:var(--root-3)}.pb-4{padding-bottom:var(--root-4)}.pb-5{padding-bottom:var(--root-5)}.pb-6{padding-bottom:var(--root-6)}.pb-7{padding-bottom:var(--root-7)}.pb-8{padding-bottom:var(--root-8)}.pb-9{padding-bottom:var(--root-9)}.pb-10{padding-bottom:var(--root-10)}.pb-11{padding-bottom:var(--root-11)}.pb-12{padding-bottom:var(--root-12)}.pl-0{padding-left:var(--root-0)}.pl-1{padding-left:var(--root-1)}.pl-2{padding-left:var(--root-2)}.pl-3{padding-left:var(--root-3)}.pl-4{padding-left:var(--root-4)}.pl-5{padding-left:var(--root-5)}.pl-6{padding-left:var(--root-6)}.pl-7{padding-left:var(--root-7)}.pl-8{padding-left:var(--root-8)}.pl-9{padding-left:var(--root-9)}.pl-10{padding-left:var(--root-10)}.pl-11{padding-left:var(--root-11)}.pl-12{padding-left:var(--root-12)}.pr-0{padding-right:var(--root-0)}.pr-1{padding-right:var(--root-1)}.pr-2{padding-right:var(--root-2)}.pr-3{padding-right:var(--root-3)}.pr-4{padding-right:var(--root-4)}.pr-5{padding-right:var(--root-5)}.pr-6{padding-right:var(--root-6)}.pr-7{padding-right:var(--root-7)}.pr-8{padding-right:var(--root-8)}.pr-9{padding-right:var(--root-9)}.pr-10{padding-right:var(--root-10)}.pr-11{padding-right:var(--root-11)}.pr-12{padding-right:var(--root-12)}.flex{display:flex}.flex-inline{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.grid{display:grid}.grid-col-auto{grid-template-columns:auto}.grid-col-1{grid-template-columns:repeat(1,1fr)}.grid-col-2{grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.grid-col-4{grid-template-columns:repeat(4,1fr)}.grid-col-5{grid-template-columns:repeat(5,1fr)}.grid-col-6{grid-template-columns:repeat(6,1fr)}.grid-col-7{grid-template-columns:repeat(7,1fr)}.grid-col-8{grid-template-columns:repeat(8,1fr)}.grid-col-9{grid-template-columns:repeat(9,1fr)}.grid-col-10{grid-template-columns:repeat(10,1fr)}.grid-col-11{grid-template-columns:repeat(11,1fr)}.grid-col-12{grid-template-columns:repeat(12,1fr)}.grid-row-auto{grid-template-rows:auto}.grid-row-1{grid-template-rows:repeat(1,1fr)}.grid-row-2{grid-template-rows:repeat(2,1fr)}.grid-row-3{grid-template-rows:repeat(3,1fr)}.grid-row-4{grid-template-rows:repeat(4,1fr)}.grid-row-5{grid-template-rows:repeat(5,1fr)}.grid-row-6{grid-template-rows:repeat(6,1fr)}.grid-row-7{grid-template-rows:repeat(7,1fr)}.grid-row-8{grid-template-rows:repeat(8,1fr)}.grid-row-9{grid-template-rows:repeat(9,1fr)}.grid-row-10{grid-template-rows:repeat(10,1fr)}.grid-row-11{grid-template-rows:repeat(11,1fr)}.grid-row-12{grid-template-rows:repeat(12,1fr)}.gs-1{grid-column:span 1}.gs-2{grid-column:span 2}.gs-3{grid-column:span 3}.gs-4{grid-column:span 4}.gs-5{grid-column:span 5}.gs-6{grid-column:span 6}.gs-7{grid-column:span 7}.gs-8{grid-column:span 8}.gs-9{grid-column:span 9}.gs-10{grid-column:span 10}.gs-11{grid-column:span 11}.gs-12{grid-column:span 12}.g-0{gap:var(--root-0)}.g-1{gap:var(--root-1)}.g-2{gap:var(--root-2)}.g-3{gap:var(--root-3)}.g-4{gap:var(--root-4)}.g-5{gap:var(--root-5)}.g-6{gap:var(--root-6)}.g-7{gap:var(--root-7)}.g-8{gap:var(--root-8)}.g-9{gap:var(--root-9)}.g-10{gap:var(--root-10)}.g-11{gap:var(--root-11)}.g-12{gap:var(--root-12)}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.none{display:none}.opaque{opacity:1}.transparent{opacity:0}.visible{visibility:visible}.hidden{visibility:hidden}.o-hidden{overflow:hidden}.oy-hidden{overflow-y:hidden}.ox-hidden{overflow-x:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.container{max-width:var(--container)}.main{min-height:var(--main-height)}article{max-width:var(--container)}.w-auto{width:auto}.w-100{width:100%}.mxw-100{max-width:100%}.mnw-100{min-width:100%}.h-auto{height:auto}.h-100{height:100%}.mxh-100{max-height:100%}.mnh-100{min-height:100%}.text-center{text-align:center}.solid-border{border:2px solid var(--primary-accent-clr);border-radius:var(--root-1)}.dashed-border:before{position:absolute;content:"";display:block;top:var(--root--2);left:var(--root--2);height:calc(100% + var(--root-1));width:calc(100% + var(--root-1));border:2px dashed var(--secondary-accent-clr);border-radius:var(--root-1);pointer-events:none}@media screen and (max-width:992px){.mob-p-0{padding:var(--root-0)}.mob-p-1{padding:var(--root-1)}.mob-p-2{padding:var(--root-2)}.mob-p-3{padding:var(--root-3)}.mob-p-4{padding:var(--root-4)}.mob-p-5{padding:var(--root-5)}.mob-p-6{padding:var(--root-6)}.mob-p-7{padding:var(--root-7)}.mob-p-8{padding:var(--root-8)}.mob-p-9{padding:var(--root-9)}.mob-p-10{padding:var(--root-10)}.mob-p-11{padding:var(--root-11)}.mob-p-12{padding:var(--root-12)}.mob-px-0{padding-left:0;padding-right:0}.mob-px-1{padding-left:var(--root-1);padding-right:var(--root-1)}.mob-px-2{padding-left:var(--root-2);padding-right:var(--root-2)}.mob-px-3{padding-left:var(--root-3);padding-right:var(--root-3)}.mob-px-4{padding-left:var(--root-4);padding-right:var(--root-4)}.mob-px-5{padding-left:var(--root-5);padding-right:var(--root-5)}.mob-px-6{padding-left:var(--root-6);padding-right:var(--root-6)}.mob-px-7{padding-left:var(--root-7);padding-right:var(--root-7)}.mob-px-8{padding-left:var(--root-8);padding-right:var(--root-8)}.mob-px-9{padding-left:var(--root-9);padding-right:var(--root-9)}.mob-px-10{padding-left:var(--root-10);padding-right:var(--root-10)}.mob-px-11{padding-left:var(--root-11);padding-right:var(--root-11)}.mob-px-12{padding-left:var(--root-12);padding-right:var(--root-12)}.mob-py-0{padding-top:0;padding-bottom:0}.mob-py-1{padding-top:var(--root-1);padding-bottom:var(--root-1)}.mob-py-2{padding-top:var(--root-2);padding-bottom:var(--root-2)}.mob-py-3{padding-top:var(--root-3);padding-bottom:var(--root-3)}.mob-py-4{padding-top:var(--root-4);padding-bottom:var(--root-4)}.mob-py-5{padding-top:var(--root-5);padding-bottom:var(--root-5)}.mob-py-6{padding-top:var(--root-6);padding-bottom:var(--root-6)}.mob-py-7{padding-top:var(--root-7);padding-bottom:var(--root-7)}.mob-py-8{padding-top:var(--root-8);padding-bottom:var(--root-8)}.mob-py-9{padding-top:var(--root-9);padding-bottom:var(--root-9)}.mob-py-10{padding-top:var(--root-10);padding-bottom:var(--root-10)}.mob-py-11{padding-top:var(--root-11);padding-bottom:var(--root-11)}.mob-py-12{padding-top:var(--root-12);padding-bottom:var(--root-12)}.mob-pt-0{padding-top:var(--root-0)}.mob-pt-1{padding-top:var(--root-1)}.mob-pt-2{padding-top:var(--root-2)}.mob-pt-3{padding-top:var(--root-3)}.mob-pt-4{padding-top:var(--root-4)}.mob-pt-5{padding-top:var(--root-5)}.mob-pt-6{padding-top:var(--root-6)}.mob-pt-7{padding-top:var(--root-7)}.mob-pt-8{padding-top:var(--root-8)}.mob-pt-9{padding-top:var(--root-9)}.mob-pt-10{padding-top:var(--root-10)}.mob-pt-11{padding-top:var(--root-11)}.mob-pt-12{padding-top:var(--root-12)}.mob-pb-0{padding-bottom:var(--root-0)}.mob-pb-1{padding-bottom:var(--root-1)}.mob-pb-2{padding-bottom:var(--root-2)}.mob-pb-3{padding-bottom:var(--root-3)}.mob-pb-4{padding-bottom:var(--root-4)}.mob-pb-5{padding-bottom:var(--root-5)}.mob-pb-6{padding-bottom:var(--root-6)}.mob-pb-7{padding-bottom:var(--root-7)}.mob-pb-8{padding-bottom:var(--root-8)}.mob-pb-9{padding-bottom:var(--root-9)}.mob-pb-10{padding-bottom:var(--root-10)}.mob-pb-11{padding-bottom:var(--root-11)}.mob-pb-12{padding-bottom:var(--root-12)}.mob-pl-0{padding-left:var(--root-0)}.mob-pl-1{padding-left:var(--root-1)}.mob-pl-2{padding-left:var(--root-2)}.mob-pl-3{padding-left:var(--root-3)}.mob-pl-4{padding-left:var(--root-4)}.mob-pl-5{padding-left:var(--root-5)}.mob-pl-6{padding-left:var(--root-6)}.mob-pl-7{padding-left:var(--root-7)}.mob-pl-8{padding-left:var(--root-8)}.mob-pl-9{padding-left:var(--root-9)}.mob-pl-10{padding-left:var(--root-10)}.mob-pl-11{padding-left:var(--root-11)}.mob-pl-12{padding-left:var(--root-12)}.mob-pr-0{padding-right:var(--root-0)}.mob-pr-1{padding-right:var(--root-1)}.mob-pr-2{padding-right:var(--root-2)}.mob-pr-3{padding-right:var(--root-3)}.mob-pr-4{padding-right:var(--root-4)}.mob-pr-5{padding-right:var(--root-5)}.mob-pr-6{padding-right:var(--root-6)}.mob-pr-7{padding-right:var(--root-7)}.mob-pr-8{padding-right:var(--root-8)}.mob-pr-9{padding-right:var(--root-9)}.mob-pr-10{padding-right:var(--root-10)}.mob-pr-11{padding-right:var(--root-11)}.mob-pr-12{padding-right:var(--root-12)}.mob-flex{display:flex}.mob-flex-inline{display:inline-flex}.mob-flex-row{flex-direction:row}.mob-flex-col{flex-direction:column}.mob-flex-wrap{flex-wrap:wrap}.mob-flex-nowrap{flex-wrap:nowrap}.mob-justify-start{justify-content:flex-start}.mob-justify-center{justify-content:center}.mob-justify-end{justify-content:flex-end}.mob-justify-between{justify-content:space-between}.mob-justify-around{justify-content:space-around}.mob-justify-evenly{justify-content:space-evenly}.mob-items-start{align-items:flex-start}.mob-items-center{align-items:center}.mob-items-end{align-items:flex-end}.mob-items-stretch{align-items:stretch}.mob-grid-col-1{grid-template-columns:repeat(1,1fr)}.mob-grid-col-2{grid-template-columns:repeat(2,1fr)}.mob-grid-col-3{grid-template-columns:repeat(3,1fr)}.mob-grid-col-4{grid-template-columns:repeat(4,1fr)}.mob-grid-col-5{grid-template-columns:repeat(5,1fr)}.mob-grid-col-6{grid-template-columns:repeat(6,1fr)}.mob-grid-col-7{grid-template-columns:repeat(7,1fr)}.mob-grid-col-8{grid-template-columns:repeat(8,1fr)}.mob-grid-col-9{grid-template-columns:repeat(9,1fr)}.mob-grid-col-10{grid-template-columns:repeat(10,1fr)}.mob-grid-col-11{grid-template-columns:repeat(11,1fr)}.mob-grid-col-12{grid-template-columns:repeat(12,1fr)}.mob-grid-row-auto{grid-template-rows:auto}.mob-grid-row-1{grid-template-rows:repeat(1,1fr)}.mob-grid-row-2{grid-template-rows:repeat(2,1fr)}.mob-grid-row-3{grid-template-rows:repeat(3,1fr)}.mob-grid-row-4{grid-template-rows:repeat(4,1fr)}.mob-grid-row-5{grid-template-rows:repeat(5,1fr)}.mob-grid-row-6{grid-template-rows:repeat(6,1fr)}.mob-grid-row-7{grid-template-rows:repeat(7,1fr)}.mob-grid-row-8{grid-template-rows:repeat(8,1fr)}.mob-grid-row-9{grid-template-rows:repeat(9,1fr)}.mob-grid-row-10{grid-template-rows:repeat(10,1fr)}.mob-grid-row-11{grid-template-rows:repeat(11,1fr)}.mob-grid-row-12{grid-template-rows:repeat(12,1fr)}.mob-gs-1{grid-column:span 1}.mob-gs-2{grid-column:span 2}.mob-gs-3{grid-column:span 3}.mob-gs-4{grid-column:span 4}.mob-gs-5{grid-column:span 5}.mob-gs-6{grid-column:span 6}.mob-gs-7{grid-column:span 7}.mob-gs-8{grid-column:span 8}.mob-gs-9{grid-column:span 9}.mob-gs-10{grid-column:span 10}.mob-gs-11{grid-column:span 11}.mob-gs-12{grid-column:span 12}.mob-g-0{gap:var(--root-0)}.mob-g-1{gap:var(--root-1)}.mob-g-2{gap:var(--root-2)}.mob-g-3{gap:var(--root-3)}.mob-g-4{gap:var(--root-4)}.mob-g-5{gap:var(--root-5)}.mob-g-6{gap:var(--root-6)}.mob-g-7{gap:var(--root-7)}.mob-g-8{gap:var(--root-8)}.mob-g-9{gap:var(--root-9)}.mob-g-10{gap:var(--root-10)}.mob-g-11{gap:var(--root-11)}.mob-g-12{gap:var(--root-12)}.mob-order-1{order:1}.mob-order-2{order:2}.mob-order-3{order:3}.mob-order-4{order:4}.mob-order-5{order:5}.mob-order-6{order:6}.mob-order-7{order:7}.mob-order-8{order:8}.mob-order-9{order:9}.mob-order-10{order:10}.mob-order-11{order:11}.mob-order-12{order:12}}.white-clr{color:var(--white-clr)}.white-bg{background-color:var(--white-clr)}.black-clr{color:var(--black-clr)}.black-bg{background-color:var(--black-clr)}.primary-clr{color:var(--primary-clr)}.primary-accent-clr{color:var(--primary-accent-clr)}.secondary-clr{color:var(--secondary-clr)}.secondary-accent-clr{color:var(--secondary-accent-clr)}.primary-bg{background-color:var(--primary-clr)}.primary-accent-bg{background-color:var(--primary-accent-clr)}.secondary-bg{background-color:var(--secondary-clr)}.secondary-accent-bg{background-color:var(--secondary-accent-clr)}.primary-stroke{stroke:var(--primary-clr)}.primary-accent-stroke{stroke:var(--primary-accent-clr)}.secondary-stroke{stroke:var(--secondary-clr)}.secondary-accent-stroke{stroke:var(--secondary-accent-clr)}.text-smallest{font-size:.6rem}.text-small{font-size:.8rem}.text-normal{font-size:1rem}.text-medium{font-size:1.5rem}.text-big{font-size:1.5rem}.text-bigger{font-size:1.75rem}.text-biggest{font-size:2rem}body{background:var(--bg-clr)}body,button,input{font-family:var(--body-font)}header,footer,main *,div,p,span{color:var(--text-clr);font-family:inherit}main p{margin-bottom:var(--rel-4)}a{color:var(--primary-clr)}.little-link{text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.styled-link,article a[class]{display:inline-flex;position:relative;text-decoration:none;color:var(--text-clr);min-height:32px}.styled-link::before,article a[class]::before{position:absolute;content:'';display:block;width:100%;height:2px;bottom:3px;left:0;background-color:var(--secondary-accent-clr);transition:var(--transition-default)}.styled-link:hover::before,.styled-link:focus::before,article a[class]:hover::before,article a[class]:focus::before{height:10px;transform-origin:bottom;opacity:.5}main{h1, h2, h3, h4, h5, h6 { color: var(--text-clr); font-family: var(--heading-font); margin-bottom: var(--rel-4); letter-spacing: 1px; } p, ul, ol, li, span, th, td, pre, code, blockquote { font-size: 1.25rem; line-height: 1.6; } code { font-family: var(--mono-font); }}@keyframes flyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate{will-change:opacity,transform;animation:flyIn 200ms cubic-bezier(.895,.03,.685,.22)forwards}.feather{height:16px;width:auto;color:inherit;stroke:inherit}.feather.feather-arrow-up-right{height:12px;width:auto;stroke:var(--secondary-clr)}main button,main input[type=submit]{display:block;min-width:var(--root-12);padding:var(--root-2)var(--root-4);border:1px solid var(--primary-clr);border-radius:var(--root-1);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600;background-color:initial;color:var(--primary-clr);transition:var(--transition-default)}main button:hover,main button:focus,main input[type=submit]:hover,main input[type=submit]:focus{border-color:var(--secondary-clr);color:var(--secondary-clr)}main button.send,main input[type=submit].send{border:1px solid var(--green-clr);color:var(--green-clr)}main button.send:hover,main button.send:focus,main input[type=submit].send:hover,main input[type=submit].send:focus{background-color:var(--green-clr);color:var(--black-clr)}figure.hidden-figure{position:relative;overflow:hidden;border-radius:var(--root-1);background-color:var(--black-clr);z-index:0;.background { position: absolute; filter: blur(4px) grayscale(1); opacity: 0.2; pointer-events: none; z-index: -1; object-fit: cover; width: 100%; height: 100%; } figcaption { position: absolute; pointer-events: none; bottom: 0; left: 0; width: 100%; padding: var(--root-8) var(--root-4) var(--root-4); border-radius: 0 0 var(--root-1) var(--root-1); background: var(--linear-gradient-default); color: var(--secondary-clr); text-transform: uppercase; letter-spacing: 1px; opacity: 0; transition: var(--transition-default); }}figure.hidden-figure:hover,figure.hidden-figure:focus{figcaption { opacity: 1; }}input[type=text],input[type=email],input[type=name],input[type=password],input[type=date],textarea{display:block;width:100%;margin-bottom:var(--root-6);padding:var(--root-2)var(--root-4);border:1px solid var(--gray-clr);border-radius:var(--root-1);background-color:var(--gray-clr);transition:var(--transition-default)}input[type=text]:hover,input[type=text]:focus,input[type=email]:hover,input[type=email]:focus,input[type=name]:hover,input[type=name]:focus,input[type=password]:hover,input[type=password]:focus,input[type=date]:hover,input[type=date]:focus,textarea:hover,textarea:focus{outline:none;border:1px solid var(--secondary-clr)}label{display:block;margin-bottom:var(--root-1);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}label:has(+input[required])::after,label:has(+textarea[required])::after{content:'*';color:red}.skip-to-main{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:9999;padding:1em;background-color:var(--gray-clr);color:var(--text-clr);font-size:var(--root-4);text-decoration:none;opacity:0;pointer-events:none;transition:var(--transition-default)}.skip-to-main:focus{top:var(--root-4);opacity:1}.skip-to-main:hover{text-decoration:underline;color:var(--secondary-clr)}table{width:100%;th { padding: var(--root-1) var(--root-4); background-color: var(--bg-clr); text-align: left; font-weight: 600; } td { padding: var(--root-1) var(--root-4); border: 1px solid var(--bg-clr); text-align: left; } tr:nth-child(even) { background-color: #00000006; }}.dark table{tr:nth-child(even) { background-color:#ffffff08; }}.tag{display:inline-block;>a { padding: var(--root-1) var(--root-2); background-color: var(--gray-clr); border-radius: var(--root-1); text-decoration: none; transition: var(--transition-default); } >a:hover, >a:focus { background-color: var(--secondary-clr); color: var(--bg-clr); }}.tag.tag-light{a { background-color: #FFFFFF33; color: #ffffff; } >a:hover, >a:focus { background-color: #FFFFFF66; color: #ffffff; }}@keyframes pop{0%{opacity:0;visibility:hidden;bottom:var(--root-7)}15%{opacity:1;visibility:visible;bottom:var(--root-8)}85%{opacity:1;visibility:visible;bottom:var(--root-8)}100%{opacity:0;visibility:hidden;bottom:var(--root-7)}}.toast{position:fixed;right:var(--root-8);padding:var(--root-4);border-radius:var(--root-1);background-color:var(--gray-clr);box-shadow:var(--shadow-default);opacity:0;visibility:hidden;bottom:var(--root-7);pointer-events:none}.pop{animation-name:pop;animation-duration:3s;animation-direction:forwards}.title-section{--background-image:url(/images/backgrounds/blurred-1.jpg);position:relative;overflow:hidden;h1 { font-size: var(--root-10); } time, span:not([class]) { color: inherit; }}.title-section::before{content:"";position:absolute;display:block;height:100%;width:100%;top:0;left:0;background-image:var(--linear-gradient-default),var(--background-image);background-repeat:no-repeat;background-size:cover;filter:grayscale(50%)brightness(.8)opacity(.8);z-index:-1}.title-section::after{content:"";position:absolute;display:block;height:100%;width:100%;top:0;left:0;background-color:rgba(7,20,34,.5);z-index:-2}@media screen and (max-width:992px){.title-section{h1 { font-size: var(--root-8); }}}article{background-color:var(--gray-clr);border-radius:var(--root-1);padding:var(--root-6);>*:first-child { margin-top: 0; } >p:first-child::first-line { color: var(--secondary-clr); } h1, h2, h3, h4, h5, h6 { margin-top: var(--rel-5); margin-bottom: var(--rel-3); display: flex; align-items: center; justify-content: space-between; gap: var(--root-4); a { display: none; text-decoration: none; color: var(--secondary-clr); } } h1:hover, h1:focus, h2:hover, h2:focus, h3:hover, h3:focus, h4:hover, h4:focus, h5:hover, h5:focus, h6:hover, h6:focus { a { display: block; } } h1 { font-size: var(--root-10); } h2 { font-size: var(--root-8); } h3 { font-size: var(--root-6); } h4 { font-size: var(--root-5); } h5 { font-size: var(--root-4); } h6 { font-size: var(--root-3); } ul, ol { padding: revert; list-style: revert; ::marker { color: var(--secondary-clr); } } ul:has(input[type="checkbox"]), ol:has(input[type="checkbox"]) { padding: 0; list-style: none; } p, ul, ol { margin-bottom: var(--root-4); ul, ol { margin-bottom: 0; } } pre, blockquote, table { margin: var(--root-6) 0; } p>code, li>code { display: inline-block; padding: 0 4px; opacity: 0.8; background-color: var(--bg-clr); border-radius: var(--root-1); } pre, img { width: fit-content; border-radius: var(--root-1); margin-left: auto; margin-right: auto; } pre { padding: var(--root-8) var(--root-4) var(--root-4); span { color: var(--white-clr); } } figure.code-figure { position: relative; background-color: #0d1117; border-radius: var(--root-1); figcaption { position: absolute; content: ''; top: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--root-2) var(--root-4); background: linear-gradient(to right, var(--silver-clr), transparent); border-radius: var(--root-1) var(--root-1) 0 0; } figcaption, button { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } button { color: var(--secondary-clr); } pre { width: 100%; overflow: scroll; margin-left: 0; margin-right: 0; code { text-wrap: nowrap; } } } @media screen and (max-width: 992px) { figure.code-figure { pre { width: calc(100vw - var(--root-8)); } } } .copy-code { min-width: unset; border: none; padding: 0; } .copy-code:hover, .copy-code:focus { border: none; min-width: unset; opacity: 0.7; } blockquote { position: relative; padding: var(--root-4); border: 2px solid var(--primary-accent-clr); font-style: italic; p:first-child:has(em:first-child strong:first-child), p:last-child { margin-bottom: 0; } p:first-child em:first-child strong:first-child { position: absolute; top: var(--root--3); right: var(--root-4); padding: 0 var(--root-2); background-color: var(--gray-clr); text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; font-style: normal; color: var(--secondary-clr); } } blockquote:nth-of-type(even) { border: 2px solid var(--secondary-accent-clr); } blockquote:before { position: absolute; display: block; content: '~~'; bottom: -6px; left: var(--root-4); padding: 0 var(--root-2); background-color: var(--gray-clr); color: var(--secondary-clr); line-height: 10px; }}@media screen and (max-width:992px){article{background-color:var(--gray-clr);border-radius:0;padding:var(--root-4);h1 { font-size: var(--root-9); } h2 { font-size: var(--root-7); } h3 { font-size: var(--root-5); } h4 { font-size: var(--root-4); } h5 { font-size: var(--root-3); } h6 { font-size: var(--root-2); }}}aside.article-menu{position:sticky;height:100vh;top:var(--root-8);a { display: block; color: var(--text-clr); opacity: 0.7; text-decoration: none; padding: var(--root-1) 0; transition: var(--transition-default); } a:hover, a:focus { opacity: 1; } a.toc-active { color: var(--secondary-clr); opacity: 1; }}@media screen and (max-width:992px){aside.article-menu{position:relative;height:auto;top:0;padding-top:var(--root-8)}}.card{position:relative;background-color:var(--gray-clr);border-radius:var(--root-1);>a { padding: var(--root-6); text-decoration: none; >:last-child { margin-bottom: 0; padding-bottom: 0; } span { color: var(--secondary-clr); } }}.card:before{position:absolute;content:"";opacity:0;top:0;left:0;height:100%;width:100%;border:2px dashed var(--primary-accent-clr);border-radius:var(--root-1);transition:var(--transition-default);pointer-events:none}.card:hover:before,.card:focus:before{top:var(--root--1);left:var(--root--1);opacity:1}@media screen and (max-width:992px){.card{>a { padding: var(--root-4); }}}footer{background-color:var(--gray-clr);a { text-decoration: none; transition: var(--transition-default); } ul { a, button { display: block; height: 100%; color: var(--text-clr); opacity: 0.7; } li a, li button { padding: var(--root-2) var(--root-4); } a.active, a:hover, a:focus, button:hover, autton:focus { color: var(--secondary-clr); opacity: 1; } }}header{a { text-decoration: none; transition: var(--transition-default); h1.title { color: var(--text-clr); } } img, svg { height: var(--root-4); width: auto; } svg path { fill: var(--primary-clr); } .logo-top, .logo-bottom { transition: var(--transition-default); } a:hover .logo-top, a:focus .logo-top { transform: translateY(31%); fill: var(--primary-clr); } a:hover .logo-bottom, a:focus .logo-bottom { opacity: 0; transform: translateY(-25%); fill: var(--primary-clr); } ul { a { display: block; height: 100%; color: var(--text-clr); opacity: 0.7; } li:last-child a { padding-right: 0; } a.active, a:hover, a:focus { color: var(--secondary-clr); opacity: 1; } }}@media screen and (max-width:640px){header h1.title{display:none}}.utterances{max-width:calc(100% + 8px);width:calc(100% + 8px);margin-left:-4px}