#buttonContainer.svelte-w49llb{display:flex;position:relative;flex-direction:row;gap:1.5rem;align-items:center;padding:1rem}button.svelte-1ms2zmt{position:relative;transition:border .2s ease-out;width:2rem;height:2rem;overflow:hidden;border:none;background:none;border:2px solid var(--bg4)}button.svelte-1ms2zmt:hover{border:2px solid var(--fg0)}img.svelte-1ms2zmt{color:var(--fg0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem}.toggleRoot.svelte-d39fdc{display:flex;align-items:center;gap:.5rem}button.svelte-d39fdc{position:relative;border-radius:.5rem;border:1px solid var(--bg5);background-color:var(--bg2);overflow:hidden;width:2rem;height:1rem;box-sizing:border-box}.circle.svelte-d39fdc{top:0;left:-.2px;position:absolute;width:1rem;height:1rem;border-radius:50%;background-color:var(--fg0);border:1px solid var(--fg1);z-index:2;transition:left .3s ease-out;box-sizing:border-box}.square.svelte-d39fdc{position:absolute;top:0;right:1.5rem;width:1.5rem;height:1rem;background-color:var(--orange);z-index:1;transition:right .3s ease-out;box-sizing:border-box}.circle.toggleOn.svelte-d39fdc{left:1rem}.square.toggleOn.svelte-d39fdc{right:.5rem}img.svelte-1h32yp1{width:2.5rem;height:2.5rem}h1.svelte-1h32yp1{margin:0}nav.svelte-1h32yp1{position:fixed;box-sizing:border-box;z-index:999;top:0;left:0;width:100dvw;min-width:800px;height:var(--navBarHeight);display:flex;flex-direction:row;gap:2rem;align-items:center;padding:1rem 2rem 1rem 4rem;background-color:var(--bg1);overflow:hidden;border-bottom:3px solid var(--fg0);transition:top .4s ease-out}nav.svelte-1h32yp1:not(.showNav){top:calc(0px - var(--navBarHeight))}[data-theme=dark]{--bg0: #282828;--bg1: #32302f;--bg2: #32302f;--bg3: #45403d;--bg4: #45403d;--bg5: #5a524c;--fg0: #d4be98;--fg1: #ddc7a1;--red: #ea6962;--orange: #e78a4e;--yellow: #d8a657;--green: #a9b665;--aqua: #89b482;--blue: #7daea3;--purple: #d3869b;--grey: #a89984}[data-theme=light]{--bg0: #fbf1c7;--bg1: #f4e8be;--bg2: #f2e5bc;--bg3: #eee0b7;--bg4: #e5d5ad;--bg5: #ddccab;--fg0: #654735;--fg1: #4f3829;--orange: #c35e0a;--yellow: #b47109;--red: #c14a4a;--green: #6c782e;--aqua: #4c7a5d;--blue: #45707a;--purple: #945e80;--grey: #7c6f64}html{background-color:var(--bg0);background-size:100px 100px;background-image:linear-gradient(to right,var(--bg2) 1px,transparent 1px),linear-gradient(to bottom,var(--bg2) 1px,transparent 1px)}body{--navBarHeight: 5rem;--topPad: 7rem;--glow: #5a524c;padding-top:var(--topPad);transition-property:background-color,color,padding-top;transition-duration:.4s;transition-timing-function:ease-out;font-family:Inter,sans-serif;font-weight:400;color:var(--fg1);margin:0;height:calc(100dvh - var(--topPad))}br{display:block;margin:5px 0}h1{font-weight:500;margin:1rem;margin-left:0}h2{margin-top:1rem;margin-bottom:1rem;font-weight:500}.title,b{color:var(--orange)}.hor{display:flex;flex-direction:row;gap:.5rem;margin:.5rem}.ver{display:flex;flex-direction:column;gap:.5rem;margin:.5rem}.horDiv{width:100%;border-bottom:2px solid var(--bg5)}.verDiv{height:auto;border-right:2px solid var(--bg5)}input,button{font-size:24px;padding:.5rem;color:var(--fg1);background-color:var(--bg2);border:2px solid var(--bg5);transition:all .3s ease-out}button:hover{scale:1.05}button:active{scale:.98;filter:brightness(.8)}p,span{font-size:20px}ul{margin:.5rem;font-size:20px}li{margin:.5rem 0;vertical-align:middle;font-size:20px}a{text-decoration:underline;color:var(--orange)}a:visited{color:var(--yellow)}a,button{cursor:pointer}pre{border:2px solid var(--bg5);scrollbar-width:thin;scrollbar-color:var(--fg0) var(--bg1);scrollbar-gutter:stable;font-size:20px}span.inline,.token.tag{color:var(--orange)}.token.keyword{color:var(--red)}.token.punctuation{color:var(--yellow)}.token.boolean{color:var(--purple)}.token.function{color:var(--green)}.token.string{color:var(--yellow)}.token.namespace{color:var(--red);opacity:1}.token.attr-value{color:var(--aqua)}.token.attr-name{color:var(--yellow)}.token.attr-name:has(.namespace){color:var(--blue)}.token.comment{color:var(--grey)}.token.selector{color:var(--red)}.token.property{color:var(--aqua)}.token.language-css{color:var(--green)}.token.language-javascript{color:var(--fg1)}.token.operator{color:var(--red)}pre{overflow:auto;padding:1.25rem;background-color:var(--bg1);line-height:1.3rem}code{font-family:Consolas,sans-serif}