.config-menu,.filler{background-color:#404040}.filler{z-index:0;width:100%;height:150px;position:absolute;bottom:0;transform:translateY(100%)}.filler[data-isactive=false]{transform:translateY(200%)}.config-menu{z-index:1;width:100%;max-width:500px;height:75%;box-shadow:var(--shadow);border-radius:20px 20px 0 0;flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:absolute;bottom:0;transform:translateY(0%)}.config-menu[data-isactive=false]{transform:translateY(100%)}.show-hide-button{cursor:pointer;background:0 0;border:none;align-self:center;width:100%;height:40px;padding:0;position:absolute;top:0;transform:translateY(-100%)}.show-hide-button>svg{opacity:.5;height:100%;transition:transform .53s ease-in-out;transform:translateY(20%)scaleX(1.4)rotate(90deg)}.config-menu>.show-hide-button[data-isactive=false]>svg{animation:2.5s ease-in-out infinite showHideButtonHover}.show-hide-button[data-isactive=true]>svg{transform:translateY(-10%)scaleX(1.4)rotate(270deg)}.config-menu-content{scrollbar-gutter:stable;flex-grow:1;min-height:0;padding:2em;overflow:hidden auto}.config-menu-section{flex-direction:column;gap:1.5em 0;width:100%;margin:2em 0;display:flex}.config-menu-section:first-of-type{margin-top:0}.config-menu-section:last-of-type{margin-bottom:0}.config-menu-section.observed{background-color:#3b3b3b;border-radius:1.5em;transition:max-height .25s ease-in-out;position:relative;overflow:hidden}.config-menu-section.observed>.show-hide-button{top:unset;background:linear-gradient(#0000 0%,#3b3b3b 75%);position:absolute;bottom:0;left:0;transform:none}.config-menu-section.observed>.show-hide-button>svg{opacity:.5;transform:scaleX(1.2)rotate(270deg)}.config-menu-section.observed>.show-hide-button[data-isactive=true]>svg{transform:scaleX(1.2)rotate(90deg)}.svg-select-menu{grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;align-self:center;align-items:center;gap:1em;width:fit-content;padding:1em 1em calc(1em + 20px);display:grid}.svg-menu-item{cursor:pointer;background-color:inherit;aspect-ratio:1;border:2px solid #0000;border-radius:1em;max-width:150px;transition:all .25s ease-in-out;display:flex}.svg-menu-item:hover{background-color:#383838;border-color:#696969}.svg-menu-item[data-isactive=true]{border-color:color-mix(in hsl, var(--accent) 50%, transparent);background-color:#383838}.debug-tools-menu{flex-direction:column;gap:1em;width:100%;padding:1em;display:flex}.config-item-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;display:flex}.config-item-container>span{min-width:20%}.config-item-container>span:first-of-type{text-align:left;white-space:nowrap;margin-left:1em}.config-slider{flex:1}.config-toggle{width:6em;margin-right:2em;display:flex}.credits-section{align-items:center;gap:0;font-size:.85em}.credits-section>img{width:150px}@keyframes showHideButtonHover{0%{transform:translateY(20%)scaleX(1.4)rotate(90deg)}50%{transform:translateY(0%)scaleX(1.4)rotate(90deg)}to{transform:translateY(20%)scaleX(1.4)rotate(90deg)}}@media screen and (width>=1025px){.config-menu{bottom:unset;border-radius:1em;top:50px;right:5px;transform:none}.config-menu[data-isactive=false]{transform:none}.config-menu-content{padding:2em 1em 2em calc(1em + 17px)}}@media screen and (width>=601px) and (width<=1024px){.config-menu{width:80%;max-width:700px}}input[type=range].styled-slider{-webkit-appearance:none;background:0 0;width:100%}input[type=range].styled-slider:focus{outline:none}input[type=range].styled-slider::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#ffffff54;border:1px solid #d3d3d3;border-radius:1em;width:3em;height:1.75em;margin-top:calc(.5em - max(.875em,1px));box-shadow:0 0 2px #000}input[type=range].styled-slider::-webkit-slider-runnable-track{height:1em;box-shadow:none;background:linear-gradient(90deg,#d09f9a,#6283a4);border:none;border-radius:.5em}input[type=range].styled-slider::-webkit-slider-thumb:hover{background:#ffffff87}input[type=range].styled-slider::-webkit-slider-thumb:active{background:#ffffff87}input[type=range].styled-slider::-moz-range-thumb{cursor:pointer;background:#ffffff54;border:1px solid #d3d3d3;border-radius:1em;width:max(3em - 2px,0px);height:max(1.75em - 2px,0px);box-shadow:0 0 2px #000}input[type=range].styled-slider::-moz-range-track{height:1em;box-shadow:none;background:linear-gradient(90deg,#d09f9a,#6283a4);border:none;border-radius:.5em}input[type=range].styled-slider::-moz-range-thumb:hover{background:#ffffff87}input[type=range].styled-slider::-moz-range-thumb:active{background:#ffffff87}input[type=range].styled-slider::-ms-fill-upper{background:0 0;border-color:#0000}input[type=range].styled-slider::-ms-fill-lower{background:0 0;border-color:#0000}input[type=range].styled-slider::-ms-thumb{cursor:pointer;box-sizing:border-box;background:#ffffff54;border:1px solid #d3d3d3;border-radius:1em;width:3em;height:1.75em;margin-top:0;box-shadow:0 0 2px #000}input[type=range].styled-slider::-ms-track{height:1em;box-shadow:none;box-sizing:border-box;background:linear-gradient(90deg,#d09f9a,#6283a4);border:none;border-radius:.5em}input[type=range].styled-slider::-ms-thumb:hover{background:#ffffff87}input[type=range].styled-slider::-ms-thumb:active{background:#ffffff87}input[type=range].styled-toggle{-webkit-appearance:none;background:0 0;width:100%;height:2em}input[type=range].styled-toggle:focus{outline:none}input[type=range].styled-toggle::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#ffffff54;border:1px solid #d3d3d3;border-radius:3em;width:4em;height:2em;margin-top:-.5em;box-shadow:0 0 2px #000}input[type=range].styled-toggle::-webkit-slider-runnable-track{--myColor1:#d09f9a;--myColor2:#6283a4;background:linear-gradient(to right, var(--myColor1), var(--myColor2));height:1em;box-shadow:none;border:none;border-radius:3em;transition:--myColor1 .1s ease-in-out,--myColor2 .1s ease-in-out}input[type=range].styled-toggle[data-isactive=false]::-webkit-slider-runnable-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle:disabled::-webkit-slider-runnable-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle::-webkit-slider-thumb:hover{background:#ffffff87}input[type=range].styled-toggle::-webkit-slider-thumb:active{background:#ffffff87}input[type=range].styled-toggle::-moz-range-thumb{cursor:pointer;background:#ffffff54;border:1px solid #d3d3d3;border-radius:3em;width:4em;height:2em;box-shadow:0 0 2px #000}input[type=range].styled-toggle::-moz-range-track{--myColor1:#d09f9a;--myColor2:#6283a4;background:linear-gradient(to right, var(--myColor1), var(--myColor2));height:1em;box-shadow:none;border:none;border-radius:3em;transition:--myColor1 .1s ease-in-out,--myColor2 .1s ease-in-out}input[type=range].styled-toggle[data-isactive=false]::-moz-range-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle:disabled::-moz-range-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle::-moz-range-thumb:hover{background:#ffffff87}input[type=range].styled-toggle::-moz-range-thumb:active{background:#ffffff87}input[type=range].styled-toggle::-ms-fill-upper{background:0 0;border-color:#0000}input[type=range].styled-toggle::-ms-fill-lower{background:0 0;border-color:#0000}input[type=range].styled-toggle::-ms-thumb{cursor:pointer;box-sizing:border-box;background:#ffffff54;border:1px solid #d3d3d3;border-radius:3em;width:4em;height:2em;margin-top:0;box-shadow:0 0 2px #000}input[type=range].styled-toggle::-ms-track{--myColor1:#d09f9a;--myColor2:#6283a4;background:linear-gradient(to right, var(--myColor1), var(--myColor2));height:1em;box-shadow:none;box-sizing:border-box;border:none;border-radius:3em;transition:--myColor1 .1s ease-in-out,--myColor2 .1s ease-in-out}input[type=range].styled-toggle[data-isactive=false]::-ms-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle:disabled::-ms-track{--myColor1:#9d9d9d;--myColor2:#9d9d9d}input[type=range].styled-toggle::-ms-thumb:hover{background:#ffffff87}input[type=range].styled-toggle::-ms-thumb:active{background:#ffffff87}@property --myColor1{syntax:"<color>";inherits:true;initial-value:#d09f9a}@property --myColor2{syntax:"<color>";inherits:true;initial-value:#6283a4}#root{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100svh;display:flex}:root{--text:#aeaeae;--text-h:#f3f4f6;--bg:#353535;--border:#2e303a;--code-bg:#1f2028;--accent:#6283a4;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#00000040 0 -1px 6px -2px;--sans:Roboto, Lato, system-ui, "Segoe UI", sans-serif;--heading:Roboto, Lato, system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:min(calc(11px + .5vw), 14px)/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}*,button,a{-webkit-tap-highlight-color:transparent}*{scrollbar-color:#ffffff59 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000059 padding-box padding-box;border:1px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff80 padding-box padding-box}html{overflow:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}