@font-face{font-family:slothindie-rings;src:url(/assets/slothindie-rings.woff2)format("woff2");font-display:fallback}@media (prefers-color-scheme:light){:root{--accessibility-outline:2px #191919 solid;--background-color:#f3f3f3;--background-color-primary:#805611;--text-color:#171717;--text-color-primary:#452b0099;--text-color-secondary:#3e2d1699}}@media (prefers-color-scheme:dark){:root{--accessibility-outline:2px #fff solid;--background-color:#202020;--background-color-primary:#f5bc6f;--text-color:#f2f2f2;--text-color-primary:#fff9;--text-color-secondary:#fff9}}*{forced-color-adjust:none;margin:0;padding:0;font-family:slothindie-rings,system-ui;&:focus{outline:none}&:focus-visible{outline:var(--accessibility-outline);outline-offset:1px}&::selection{background:var(--text-color-primary);color:var(--background-color)}}html,body{width:100vw;height:100dvh;overflow:clip}.background-container{background:var(--background-color);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:clip;& #background{filter:blur(max(6.3vw,6.3vh));pointer-events:none;width:100vw;height:100dvh;transform:scale(1.3)}}.foreground-container{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:clip;& .top-bar{justify-content:space-between;align-items:center;padding:max(1.258vw,22px) max(1.43vw,25px);display:flex;& .logo-container{align-items:center;gap:max(.8vw,14px);display:flex;& .title{color:var(--background-color-primary);text-transform:uppercase;letter-spacing:calc(-1*max(.109vw,1px));cursor:default;font-size:max(1.846vw,17px);font-weight:400;line-height:1;&::selection{color:currentColor;background:0 0}}& .home-button{background:color-mix(in oklab,var(--text-color)73%,var(--text-color-primary)27%);opacity:0;width:max(7.6vw,69px);height:max(1.955vw,18px);display:block;mask-image:url(/assets/full-logo.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat;@media (prefers-color-scheme:light){mix-blend-mode:color-burn}@media (prefers-color-scheme:dark){mix-blend-mode:color-dodge}&:hover{opacity:1}}}& .repository-button{box-sizing:border-box;border:max(.057vw,1px)var(--background-color-primary)solid;box-shadow:0 max(.114vw,2px)max(.4vw,7px)calc(-1*max(.286vw,5px))var(--background-color-primary);height:max-content;color:var(--background-color-primary);user-select:none;background:0 0;border-radius:max(.286vw,5px);padding:max(.4vw,7px) max(.571vw,10px);font-family:system-ui;font-size:max(.8vw,14px);line-height:1.3;text-decoration:none;&:hover{background:var(--background-color-primary);color:var(--background-color);border-color:#0000}}}& .content{flex-grow:1;flex-shrink:1;overflow:clip;& .scroll-container{transform-origin:0 0;scroll-snap-type:y mandatory;scroll-behavior:smooth;width:calc(100dvh - max(4.47vw,78px));height:100vw;overflow:auto;transform:translate(100vw)rotate(90deg);& .zero-gravity-container{scroll-snap-align:center;justify-content:center;align-items:center;width:calc(100dvh - max(4.47vw,78px));height:100vw;display:flex;position:relative;overflow:clip;& .content-container{transform-origin:50%;align-items:center;width:100vw;height:calc(100dvh - max(4.47vw,78px));display:flex;position:absolute;overflow:clip;transform:rotate(-90deg);& .lead{box-sizing:border-box;width:max-content;height:100%;color:color-mix(in oklab,var(--background-color)38%,var(--background-color-primary)62%);text-transform:uppercase;text-shadow:0 .5vw 2.5vw var(--background-color);letter-spacing:calc(-1*min(.4vw,1.12867vh - max(5.35vw,93px)/88.6 - .225734px));letter-spacing:calc(-1*min(.4vw,1.12867dvh - max(5.35vw,93px)/88.6 - .225734px));transform-origin:0 100%;cursor:default;align-items:flex-end;padding:0 max(1.43vw,25px) calc(max(.779vw,13px) + 18px);font-size:min(8vw,22.5734dvh - max(5.35vw,93px)/4.43 - 4.51467px);line-height:.98;display:flex;transform:scale(.87,1.13)}& .message-scroll-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-height:100%;padding-bottom:calc(max(.88vw,15px) + 20px);display:flex;overflow:clip auto;& .message-container{box-sizing:border-box;flex-direction:column;gap:max(1.43vw,25px);width:100%;max-width:49.271vw;padding:max(2.058vw,36px) max(2.516vw,44px);display:flex;@media screen and (width<=1920px){max-width:946px}& p{color:color-mix(in oklab,var(--background-color)26%,var(--background-color-primary)74%);letter-spacing:max(.109vw,1px);font-size:max(1.258vw,22px);line-height:1.3}& code{font-family:monospace;& *{font-family:monospace}}& :not(pre)>code{border:max(.057vw,1px)var(--background-color)solid;background:rgb(from var(--background-color)r g b/.42);color:var(--text-color-secondary);border-radius:max(.286vw,5px);padding:max(.057vw,1px) max(.286vw,5px);font-size:.95rem;line-height:1.25rem}& .code-container{border:max(.057vw,1px)var(--background-color)solid;border-radius:max(.514vw,9px);position:relative;overflow:clip;& .origin{user-select:none;pointer-events:none;overflow-x:clip;& *{color:#0000}}& .highlight{position:absolute;inset:0;overflow-x:auto}& pre{box-sizing:border-box;width:max-content;min-width:100%;padding:max(1.142vw,20px) max(1.43vw,25px);& ::selection{color:#2e3440;background:#b5cfff}}& pre>code{font-size:max(.8vw,14px);line-height:1.35}}& button{border:max(.057vw,1px)var(--background-color-primary)solid;box-shadow:0 max(.114vw,2px)max(.4vw,7px)calc(-1*max(.286vw,5px))var(--background-color-primary);height:max(2.287vw,40px);color:var(--background-color-primary);user-select:none;background:0 0;border-radius:max(2.287vw,40px);justify-content:center;align-items:center;margin:max(.215vw,4px) 0;font-family:system-ui;font-size:max(.914vw,16px);line-height:1;display:flex;@media (hover:hover){&:hover{background:var(--background-color-primary);color:var(--background-color);border-color:#0000}}&:active{background:color-mix(in oklab,var(--background-color)26%,var(--background-color-primary)74%);color:var(--background-color);border-color:#0000}&:disabled{box-shadow:none;background:color-mix(in oklab,var(--background-color)26%,var(--background-color-primary)74%);color:var(--background-color);cursor:not-allowed;border-color:#0000}}& canvas{background:var(--text-color);pointer-events:none;border-radius:max(.286vw,5px);align-self:center;max-width:100%;margin:max(.215vw,4px) 0}}}& .document-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;padding-bottom:calc(max(.88vw,15px) + 20px);display:flex;position:relative;overflow:clip auto;& .subtitle{width:0;height:0;color:var(--text-color);cursor:default;font-size:0;font-weight:400;position:absolute;top:0;left:0;overflow:clip}& .section-container{box-sizing:border-box;flex-direction:column;gap:max(2.516vw,44px);width:100%;max-width:49.271vw;padding:max(2.058vw,36px) max(2.516vw,44px);display:flex;@media screen and (width<=1920px){max-width:946px}& section{flex-direction:column;gap:max(1.029vw,18px);display:flex}& h3{color:var(--text-color);font-family:system-ui;font-size:max(1.43vw,25px);font-weight:700;line-height:1.15;position:relative;&:before{content:"";background:var(--background-color-primary);width:max(.4vw,7px);height:max(.4vw,7px);position:absolute;top:max(.171vw,3px);left:calc(-1*max(.8vw,14px))}}& h4{color:var(--text-color);margin-top:max(.8vw,14px);font-family:system-ui;font-size:max(1.142vw,20px);font-weight:700;line-height:1.15}& p{color:var(--text-color);font-family:system-ui;font-size:max(.914vw,16px);line-height:1.35}& a{color:var(--background-color-primary);font-family:system-ui;font-weight:700;text-decoration:underline;&:hover{color:var(--text-color-primary);text-decoration:none}}& ul{flex-direction:column;gap:max(.286vw,5px);list-style-position:inside;display:flex;&>li{color:var(--text-color);font-family:system-ui;font-size:max(.914vw,16px);line-height:1.35}}& .table-container{overflow-x:auto;&>table{& *{color:var(--text-color);font-family:system-ui;font-size:max(.914vw,16px);line-height:1.25}& th,& td{padding:max(.286vw,5px) max(.8vw,14px)}}}& code{font-family:monospace;& *{font-family:monospace}}& :not(pre)>code{border:max(.057vw,1px)var(--background-color)solid;background:rgb(from var(--background-color)r g b/.42);color:var(--text-color-secondary);border-radius:max(.286vw,5px);padding:max(.057vw,1px) max(.286vw,5px);font-size:.95rem;line-height:1.25rem}& .code-container{border:max(.057vw,1px)var(--background-color)solid;border-radius:max(.514vw,9px);position:relative;overflow:clip;& .origin{user-select:none;pointer-events:none;overflow-x:clip;& *{color:#0000}}& .highlight{position:absolute;inset:0;overflow-x:auto}& pre{box-sizing:border-box;width:max-content;min-width:100%;padding:max(1.142vw,20px) max(1.43vw,25px);& ::selection{color:#2e3440;background:#b5cfff}}& pre>code{font-size:max(.8vw,14px);line-height:1.35}}}}}}}}& .copyright{background:linear-gradient(rgb(from var(--background-color)r g b/0),var(--background-color));color:var(--text-color-secondary);text-align:right;text-transform:lowercase;z-index:1;pointer-events:none;padding:10px max(1.43vw,25px);font-family:sans-serif;font-size:max(.8vw,14px);line-height:1.1;position:absolute;bottom:0;left:0;right:0}}