@keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}#canvas-container[data-astro-cid-btvtipn6]{position:relative;width:100%}#canvas-container[data-astro-cid-btvtipn6] canvas[data-astro-cid-btvtipn6]{-webkit-touch-callout:none;-webkit-user-select:none;object-fit:contain;width:100%;height:100%}#canvas-container[data-astro-cid-btvtipn6] .overlay[data-astro-cid-btvtipn6]{position:absolute;inset:0}#canvas-container[data-astro-cid-btvtipn6] .overlay[data-astro-cid-btvtipn6].fade-out{animation:fade-out .5s .5s linear forwards}button[data-astro-cid-vnzlvqnm]{--fontSize: var(--textFontSizeOverride, calc(var(--buttonSize) / 2.3));--color: var(--lightTextColor);--lightShadowColor: var(--lightLightShadowColor);--darkShadowColor: var(--darkLightShadowColor);--lightGradientColor: var(--lightLightGradientColor);--darkGradientColor: var(--darkLightGradientColor);touch-action:manipulation;position:relative;z-index:1;appearance:none;border:none;padding:0;margin:0;cursor:pointer;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center;min-width:var(--buttonSize);min-height:var(--buttonSize);border-radius:var(--buttonBorderRadius);box-shadow:var(--shadowOffset) var(--shadowOffset) var(--blurRadius) var(--darkShadowColor),calc(var(--shadowOffset) * -1) calc(var(--shadowOffset) * -1) var(--blurRadius) var(--lightShadowColor);font-family:inherit;font-feature-settings:inherit;font-size:var(--fontSize);color:var(--color);background:linear-gradient(135deg,var(--lightGradientColor),var(--darkGradientColor));transition-property:box-shadow,opacity;transition-duration:.15s;transition-timing-function:ease-in-out}@media (prefers-color-scheme: dark){button[data-astro-cid-vnzlvqnm]{--color: var(--darkTextColor);--lightShadowColor: var(--lightDarkShadowColor);--darkShadowColor: var(--darkDarkShadowColor);--lightGradientColor: var(--lightDarkGradientColor);--darkGradientColor: var(--darkDarkGradientColor)}}button[data-astro-cid-vnzlvqnm].small{--fontSize: var(--textFontSizeOverride, calc(var(--buttonSize) / 4));--minSize: calc(var(--buttonSize) * .75);min-width:var(--minSize);min-height:var(--minSize)}button[data-astro-cid-vnzlvqnm].mini{--fontSize: var(--textFontSizeOverride, calc(var(--buttonSize) / 4));--minSize: calc(var(--buttonSize) * .5);min-width:var(--minSize);min-height:var(--minSize)}button[data-astro-cid-vnzlvqnm].padding{padding-left:calc(var(--minSize) / 2);padding-right:calc(var(--minSize) / 2)}button[data-astro-cid-vnzlvqnm]:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}button[data-astro-cid-vnzlvqnm]:before{touch-action:manipulation;position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(135deg,var(--darkGradientColor),var(--lightGradientColor));border-radius:var(--buttonBorderRadius);transition:opacity .15s ease-in-out;opacity:0}button[data-astro-cid-vnzlvqnm]:disabled:before{opacity:.5}@media (hover: hover){button[data-astro-cid-vnzlvqnm]:not(:disabled):hover:before{opacity:.5}}button[data-astro-cid-vnzlvqnm]:not(:disabled):active:before{opacity:1}.slider[data-astro-cid-txmsbymr]{--fontSize: calc(var(--buttonSize) / 4.5);width:100%}.slider[data-astro-cid-txmsbymr] input[data-astro-cid-txmsbymr]{touch-action:manipulation}.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr]{margin-bottom:calc(var(--buttonSize) / 8)}.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr] .top[data-astro-cid-txmsbymr]{display:flex;justify-content:flex-start;align-items:center}.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr] .top[data-astro-cid-txmsbymr]>label[data-astro-cid-txmsbymr]{font-size:var(--fontSize);font-weight:500}.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr] .top[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=number]{--fontSize: calc(var(--buttonSize) / 6);--height: calc(var(--fontSize) * 2.2);--padding: calc(var(--fontSize) / 2);font-size:var(--fontSize);height:var(--height);width:calc(var(--fontSize) * 4.2);box-sizing:border-box;margin:0;padding:0;outline:none;border:none;border-radius:calc(var(--height) / 4);padding:var(--padding);background-color:#fff;color:var(--textColor)}@media (prefers-color-scheme: dark){.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr] .top[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=number]{background-color:#000}}.slider[data-astro-cid-txmsbymr]>.top[data-astro-cid-txmsbymr]>.subtitle[data-astro-cid-txmsbymr]{font-size:calc(var(--fontSize) * .8);opacity:.8}.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]{--trackHeight: calc(var(--buttonSize) / 3);--lightThumbShadowColor: var(--lightLightThumbShadowColor);--darkThumbShadowColor: var(--darkLightThumbShadowColor);--lightThumbGradientColor: var(--lightLightThumbGradientColor);--darkThumbGradientColor: var(--darkLightThumbGradientColor);--thumbSize: calc(var(--trackHeight) * .9);margin:0;padding:0;border:none;appearance:none;background:transparent;cursor:pointer;width:100%}@media (prefers-color-scheme: dark){.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]{--lightThumbShadowColor: var(--lightDarkThumbShadowColor);--darkThumbShadowColor: var(--darkDarkThumbShadowColor);--lightThumbGradientColor: var(--lightDarkThumbGradientColor);--darkThumbGradientColor: var(--darkDarkThumbGradientColor)}}.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]::-webkit-slider-runnable-track{margin:0;padding:0;border:none;border-radius:calc(var(--trackHeight) / 2);height:var(--trackHeight);box-shadow:inset var(--shadowOffset) var(--shadowOffset) var(--blurRadius) var(--darkShadowColor),inset calc(var(--shadowOffset) * -1) calc(var(--shadowOffset) * -1) var(--blurRadius) var(--lightShadowColor)}.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]::-moz-range-track{margin:0;padding:0;border:none;border-radius:calc(var(--trackHeight) / 2);height:var(--trackHeight);box-shadow:inset var(--shadowOffset) var(--shadowOffset) var(--blurRadius) var(--darkShadowColor),inset calc(var(--shadowOffset) * -1) calc(var(--shadowOffset) * -1) var(--blurRadius) var(--lightShadowColor)}.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]::-webkit-slider-thumb{appearance:none;margin:0;padding:0;border:none;height:var(--thumbSize);width:var(--thumbSize);margin-top:calc((var(--trackHeight) - var(--thumbSize)) / 2);border-radius:calc(var(--thumbSize) / 2);box-shadow:var(--shadowOffset) 0 var(--blurRadius) var(--darkThumbShadowColor),calc(var(--shadowOffset) * -1) 0 var(--blurRadius) var(--lightThumbShadowColor);background:linear-gradient(135deg,var(--lightThumbGradientColor),var(--darkThumbGradientColor))}.slider[data-astro-cid-txmsbymr]>input[data-astro-cid-txmsbymr][type=range]::-moz-range-thumb{appearance:none;margin:0;padding:0;border:none;height:var(--thumbSize);width:var(--thumbSize);margin-top:calc((var(--trackHeight) - var(--thumbSize)) / 2);border-radius:calc(var(--thumbSize) / 2);box-shadow:var(--shadowOffset) 0 var(--blurRadius) var(--darkThumbShadowColor),calc(var(--shadowOffset) * -1) 0 var(--blurRadius) var(--lightThumbShadowColor);background:linear-gradient(135deg,var(--lightThumbGradientColor),var(--darkThumbGradientColor))}#controls[data-astro-cid-ugf5jwxs]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;max-width:500px;margin:auto;>button[data-astro-cid-ugf5jwxs]{width:100%}}div[data-astro-cid-c3abghta].description{padding:20px;max-width:500px;margin:auto}div[data-astro-cid-c3abghta].side-by-side{display:flex;align-items:center;justify-content:center;gap:5px}img[data-astro-cid-c3abghta]{width:100%;height:auto}picture[data-astro-cid-c3abghta].small{width:50%;height:auto}#file-upload[data-astro-cid-i5u6ouup]{position:relative;box-sizing:border-box;width:100%;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}#file-upload[data-astro-cid-i5u6ouup]:before{content:"";position:absolute;inset:0;border:.5em dashed #1e88e5;border-radius:2em;transition:opacity 125ms ease-in-out;opacity:0}#file-upload[data-astro-cid-i5u6ouup].dragging:before{opacity:1}#file-upload[data-astro-cid-i5u6ouup].dragging>button[data-astro-cid-i5u6ouup]{pointer-events:none}#file-upload[data-astro-cid-i5u6ouup]>input[data-astro-cid-i5u6ouup]{position:absolute;inset:0;opacity:0}#file-upload[data-astro-cid-i5u6ouup]>h2[data-astro-cid-i5u6ouup]{margin-top:1.5em;font-weight:400}#file-upload[data-astro-cid-i5u6ouup]>.demo-images[data-astro-cid-i5u6ouup]{display:flex;flex-wrap:wrap;gap:1em;z-index:1}#file-upload[data-astro-cid-i5u6ouup]>.demo-images[data-astro-cid-i5u6ouup]>button[data-astro-cid-i5u6ouup]{display:block;width:15em;height:15em;border:.5em solid #c0c0c0;border-radius:1em;padding:0;overflow:hidden;cursor:pointer;transition:border-color .25s linear}@media (hover: hover){#file-upload[data-astro-cid-i5u6ouup]>.demo-images[data-astro-cid-i5u6ouup]>button[data-astro-cid-i5u6ouup]:hover{border-color:#607587}}#file-upload[data-astro-cid-i5u6ouup]>.demo-images[data-astro-cid-i5u6ouup]>button[data-astro-cid-i5u6ouup]:active{border-color:#1e88e5}#file-upload[data-astro-cid-i5u6ouup]>.demo-images[data-astro-cid-i5u6ouup]>button[data-astro-cid-i5u6ouup]>img[data-astro-cid-i5u6ouup]{-webkit-touch-callout:none;-webkit-user-select:none;display:block;width:100%;height:100%;object-fit:cover;object-position:top}#footer[data-astro-cid-sz7xmlte]{text-align:center;margin-top:1rem;margin-bottom:1rem}#footer[data-astro-cid-sz7xmlte] .text[data-astro-cid-sz7xmlte]{font-size:.8rem;margin-top:.5rem;opacity:.8}#footer[data-astro-cid-sz7xmlte]>.personal-logo-link[data-astro-cid-sz7xmlte] .pfp[data-astro-cid-sz7xmlte]{height:2rem;width:2rem;border-radius:50%}svg[data-astro-cid-pvifmyad]>.dark[data-astro-cid-pvifmyad]{fill:#000}@media (prefers-color-scheme: dark){svg[data-astro-cid-pvifmyad]>.dark[data-astro-cid-pvifmyad]{fill:#fff}}svg[data-astro-cid-pvifmyad]>.light[data-astro-cid-pvifmyad]{stroke:#fff}@media (prefers-color-scheme: dark){svg[data-astro-cid-pvifmyad]>.light[data-astro-cid-pvifmyad]{stroke:#000}}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:block;src:url(/_astro/Inter-Thin.DzN99i8q.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:block;src:url(/_astro/Inter-ThinItalic.DxehbPeK.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:block;src:url(/_astro/Inter-ExtraLight.7kXoOaX_.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:block;src:url(/_astro/Inter-ExtraLightItalic.Ox17i_b0.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:block;src:url(/_astro/Inter-Light.14LG-y7V.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:block;src:url(/_astro/Inter-LightItalic.iBr7p6CH.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:block;src:url(/_astro/Inter-Regular.COLGFB3M.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:block;src:url(/_astro/Inter-Italic.Bm_w1qmz.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:block;src:url(/_astro/Inter-Medium.CDhBSFyE.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:block;src:url(/_astro/Inter-MediumItalic.BqDObnQN.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:block;src:url(/_astro/Inter-SemiBold.BAEEcJ4E.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:block;src:url(/_astro/Inter-SemiBoldItalic.B7KOJJiL.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:block;src:url(/_astro/Inter-Bold.BOs3KVhN.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:block;src:url(/_astro/Inter-BoldItalic.Cabj1n7x.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:block;src:url(/_astro/Inter-ExtraBold.BUaDDWMS.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:block;src:url(/_astro/Inter-ExtraBoldItalic.efVpd_pq.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:block;src:url(/_astro/Inter-Black.BJbWHna9.woff2?v=4.1) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:block;src:url(/_astro/Inter-BlackItalic.D3PIgx41.woff2?v=4.1) format("woff2")}@font-face{font-family:InterVariable;font-weight:100 900;font-style:normal;font-named-instance:"Regular";font-display:block;src:url(/_astro/InterVariable.DiVDrmQJ.woff2?v=4.1) format("woff2 supports variations(gvar)"),url(/_astro/InterVariable.DiVDrmQJ.woff2?v=4.1) format("woff2-variations"),url(/_astro/InterVariable.DiVDrmQJ.woff2?v=4.1) format("woff2")}@font-face{font-family:InterVariable;font-weight:100 900;font-style:italic;font-named-instance:"Italic";font-display:block;src:url(/_astro/InterVariable-Italic.FCBEiFp6.woff2?v=4.1) format("woff2 supports variations(gvar)"),url(/_astro/InterVariable-Italic.FCBEiFp6.woff2?v=4.1) format("woff2-variations"),url(/_astro/InterVariable-Italic.FCBEiFp6.woff2?v=4.1) format("woff2")}html{font-family:Inter,system-ui,sans-serif;background-color:var(--backgroundColor);color:var(--textColor)}@supports (font-variation-settings: normal){html{font-family:Inter var,system-ui,sans-serif}}body{margin:0;padding:0}a{color:var(--linkColor)}a:visited{color:var(--visitedLinkColor)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}main[data-astro-cid-j7pv25f6]{--buttonSize: 80px;--buttonBorderRadius: calc(var(--buttonSize) / 2);--shadowOffset: calc(var(--buttonSize) / 25);--blurRadius: calc(var(--shadowOffset) * 2);--darkShadowColor: var(--darkLightShadowColor);--lightShadowColor: var(--lightLightShadowColor)}@media (prefers-color-scheme: dark){main[data-astro-cid-j7pv25f6]{--darkShadowColor: var(--darkDarkShadowColor);--lightShadowColor: var(--lightDarkShadowColor)}}main[data-astro-cid-j7pv25f6]>header[data-astro-cid-j7pv25f6]{padding:20px}main[data-astro-cid-j7pv25f6]>header[data-astro-cid-j7pv25f6]>svg{display:block;width:120px;height:auto;margin:auto}