@font-face{font-family:Geologica;src:url(./Geologica-VariableFont_CRSV_SHRP_slnt_wght.BUl1cAi8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Caveat;src:url(./Caveat-VariableFont_wght.Cd5oCIlo.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:monokai-icons;src:url(./monokai-icons.CzsAC0iB.woff2?t=1734081042913) format("woff2"),url(./monokai-icons.3GQ6n3JM.woff?t=1734081042913) format("woff");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:monokai-icons;font-style:normal;speak:never}.icon-arrow-end:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-small-right:before{content:""}.icon-arrow-start:before{content:""}.icon-astro:before{content:""}.icon-bullet:before{content:""}.icon-cancel:before{content:""}.icon-clock:before{content:""}.icon-confirm:before{content:""}.icon-copy:before{content:""}.icon-copyright:before{content:""}.icon-delete:before{content:""}.icon-docker:before{content:""}.icon-download:before{content:""}.icon-edit:before{content:""}.icon-elixir:before{content:""}.icon-email:before{content:""}.icon-env:before{content:""}.icon-extension:before{content:""}.icon-farcaster:before{content:""}.icon-filter:before{content:""}.icon-flickr:before{content:""}.icon-happy:before{content:""}.icon-heart:before{content:""}.icon-help:before{content:""}.icon-hidden:before{content:""}.icon-instagram:before{content:""}.icon-link-back:before{content:""}.icon-link:before{content:""}.icon-linkedin:before{content:""}.icon-lock:before{content:""}.icon-logo-apple:before{content:""}.icon-logo-google:before{content:""}.icon-logo-meta:before{content:""}.icon-logo-microsoft:before{content:""}.icon-logo-netflix:before{content:""}.icon-logo-openai:before{content:""}.icon-menu:before{content:""}.icon-monokai-invert:before{content:""}.icon-monokai-pro-invert:before{content:""}.icon-monokai-pro:before{content:""}.icon-monokai:before{content:""}.icon-moon:before{content:""}.icon-nginx:before{content:""}.icon-nodejs:before{content:""}.icon-paper-plane:before{content:""}.icon-php:before{content:""}.icon-plus:before{content:""}.icon-react:before{content:""}.icon-rollup:before{content:""}.icon-ruby:before{content:""}.icon-rust:before{content:""}.icon-scroll-down:before{content:""}.icon-share:before{content:""}.icon-social-media:before{content:""}.icon-star:before{content:""}.icon-sun:before{content:""}.icon-svelte:before{content:""}.icon-unique:before{content:""}.icon-visible:before{content:""}.icon-vue:before{content:""}.icon-warpcast:before{content:""}.icon-x:before{content:""}.icon-yarn:before{content:""}:root{--color-background: #f1ebe7;--color-panel: #e4ded9;--color-line: #d7cec7;--color-text: #161517;--color-dim: #beb7b2;--color-focus: color(display-p3 1 .35 .41);--line-height: 1.5 }html{padding:0;width:100%;height:100%;background:var(--color-background);color:var(--color-text);font-family:Geologica,sans;font-size:clamp(12px,1.5vw,20px);font-variation-settings:"wght" 300;line-height:var(--line-height);letter-spacing:-.04em;accent-color:var(--color-focus)}body{margin:0;padding:5vw}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:400;font-variation-settings:"wght" 900;line-height:1;margin:0}a{font-variation-settings:"wght" 550;color:var(--color-text);text-underline-offset:.15rem;text-decoration:underline;text-decoration-thickness:max(1px,.1rem);text-decoration-color:var(--color-dim);transition:color .25s cubic-bezier(.35,.35,0,1),text-decoration-color .25s cubic-bezier(.35,.35,0,1)}@media(hover:hover){a:hover,a:focus-visible{text-decoration-color:var(--color-text);color:var(--color-focus)}}a:hover{color:var(--color-focus)}h1{font-size:7rem;text-align:center;margin-bottom:calc(1rem * var(--line-height));letter-spacing:-.025em}@media(max-width:480px){h1{font-size:4.5rem}}h1+h2{font-size:1rem;text-transform:uppercase;font-variation-settings:"wght" 400;letter-spacing:.25em;text-align:center;margin-bottom:calc(3rem * var(--line-height))}@media(max-width:480px){h1+h2{font-size:1rem}}h2{font-size:3;font-variation-settings:"wght" 400;margin-bottom:calc(3rem * var(--line-height))}h3{font-family:Caveat;font-variation-settings:"wght" 700;font-size:3rem;margin-bottom:calc(1.5rem * var(--line-height))}p,ul,ol{margin-bottom:calc(1rem * var(--line-height))}p:has(+:not(p,ul,ol)),ul:has(+:not(p,ul,ol)),ol:has(+:not(p,ul,ol)){margin-bottom:calc(3rem * var(--line-height))}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}strong{font-variation-settings:"wght" 700}.icon{font-weight:400!important}button{appearance:none;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:400;font-size:inherit;color:inherit}ul{list-style-type:none;padding:0}ul li{position:relative;margin-left:1.5rem}ul li:before{font-family:monokai-icons;font-size:.8em;font-style:normal;speak:never;color:var(--color-focus);content:"";position:absolute;top:.25em;left:-1.5rem}footer.svelte-1sr6y3t{font-family:Caveat;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;padding:0 1rem;font-size:1.25rem;font-variation-settings:"wght" 700;text-align:center}footer.svelte-1sr6y3t p:where(.svelte-1sr6y3t){margin:0}footer.svelte-1sr6y3t p.version:where(.svelte-1sr6y3t){margin-top:1rem;font-family:monospace;font-size:max(8px,.55rem);color:var(--color-dim)}footer.svelte-1sr6y3t a:where(.svelte-1sr6y3t){text-decoration:none;font-variation-settings:"wght" 700}footer.svelte-1sr6y3t span.icon:where(.svelte-1sr6y3t){font-size:.75em}.icon.svelte-1sr6y3t{margin-right:.15rem;vertical-align:middle;line-height:0}.icon-monokai.svelte-1sr6y3t{margin-left:.75rem}.container.svelte-12qhfyh{display:flex;flex-direction:column}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}.container.svelte-yhjxqj{width:100%;padding:.5rem;display:grid;grid-template-columns:9ch 1fr 4ch;font-size:.75rem;justify-content:center;align-items:center;pointer-events:none;color:var(--color-dim)}.container.is-enabled.svelte-yhjxqj{color:var(--color-text);pointer-events:auto}.label.svelte-yhjxqj{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}input.svelte-yhjxqj{width:100%;margin:0;vertical-align:middle;color:inherit}.value.svelte-yhjxqj input:where(.svelte-yhjxqj){width:5ch;padding:.125rem .25rem;border:none;appearance:none;font-size:inherit;color:inherit;background:var(--color-background)}.slider.svelte-yhjxqj{flex:1;margin:0 .75rem}.value.svelte-yhjxqj{width:4ch}button.svelte-yhjxqj{cursor:pointer;z-index:1;padding:0;margin:0;display:flex}button.svelte-yhjxqj span.icon:where(.svelte-yhjxqj){color:var(--color-focus);transform:rotate(0);transition:transform .25s cubic-bezier(.35,.35,0,1);transform-origin:45% 40%}.is-expanded.svelte-yhjxqj button:where(.svelte-yhjxqj) span.icon:where(.svelte-yhjxqj){transform:rotate(90deg)}button.svelte-aw96os{height:100%;text-transform:uppercase;cursor:pointer;display:flex;justify-content:center;align-items:center;color:inherit;transition:color .25s cubic-bezier(.35,.35,0,1)}@media(hover:hover){button.svelte-aw96os:hover,button.svelte-aw96os:focus-visible{color:var(--color-focus)}button.svelte-aw96os:hover .wrapper:where(.svelte-aw96os),button.svelte-aw96os:focus-visible .wrapper:where(.svelte-aw96os){border-color:var(--color-focus)}button.svelte-aw96os:hover .switch:where(.svelte-aw96os),button.svelte-aw96os:focus-visible .switch:where(.svelte-aw96os){background-color:var(--color-focus)}}.wrapper.svelte-aw96os{width:calc(max(12px,1.2rem) + max(8px,.8rem));height:max(12px,1.2rem);border:max(1px,.1rem) solid var(--color-text);border-radius:max(12px,1.2rem);pointer-events:none;display:flex;align-items:center;justify-content:center}.switch.svelte-aw96os{width:max(8px,.8rem);height:max(8px,.8rem);border-radius:max(8px,.8rem);font-size:calc(max(8px,.8rem)*.85);background-color:var(--color-text);display:block;overflow:hidden;position:relative;transform:translate3d(calc(max(8px,.8rem)/-2),0,0)}.wrapper.svelte-aw96os{transition:border-color .25s cubic-bezier(.35,.35,0,1)}.switch.svelte-aw96os{transition:transform .25s cubic-bezier(.35,.35,0,1),background-color .25s cubic-bezier(.35,.35,0,1)}.icon1.svelte-aw96os{transition:transform .85s cubic-bezier(.35,.35,0,1)}.icon2.svelte-aw96os{transition:transform .25s cubic-bezier(.35,.35,0,1)}.is-active.svelte-aw96os .icon1:where(.svelte-aw96os){transition:transform .25s cubic-bezier(.35,.35,0,1)}.is-active.svelte-aw96os .icon2:where(.svelte-aw96os){transition:transform .85s cubic-bezier(.35,.35,0,1)}.icon.svelte-aw96os{display:flex;position:absolute;inset:0;justify-content:center;align-items:center;color:var(--color-background)}.icon1.svelte-aw96os{transform:translateZ(0) scale(1)}.icon2.svelte-aw96os{transform:translate3d(calc(max(8px,.8rem)*-1),0,0) scale(.5)}.is-active.svelte-aw96os .switch:where(.svelte-aw96os){transform:translate3d(calc(max(8px,.8rem)/2),0,0)}.is-active.svelte-aw96os .icon1:where(.svelte-aw96os){transform:translate3d(max(8px,.8rem),0,0) scale(.5)}.is-active.svelte-aw96os .icon2:where(.svelte-aw96os){transform:translateZ(0) scale(1)}.container.svelte-1b9btqe{width:100%;padding:.5rem;display:grid;grid-template-columns:9ch 1fr 12ch;font-size:.75rem;justify-content:center;align-items:center}.container.is-toggle.svelte-1b9btqe{grid-template-columns:9ch 1fr}.label.svelte-1b9btqe{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.options.svelte-1b9btqe{flex:1;margin:0 .5rem;display:flex}fieldset.svelte-1b9btqe{width:100%;display:flex;border:none;margin:0;padding:0}input.svelte-1b9btqe{margin:0;cursor:pointer}.option.svelte-1b9btqe{padding:0rem .35rem;cursor:pointer}.value.svelte-1b9btqe{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:right}label.svelte-1b9btqe{font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;display:inline-grid}input[type=radio].svelte-1b9btqe{appearance:none;margin:0;font:inherit;color:currentColor;width:1rem;height:1rem;border:max(1px,.1rem) solid currentColor;border-radius:50%;display:grid;place-content:center}input[type=radio].svelte-1b9btqe:before{content:"";width:calc(1rem - (4*max(1px,.1rem)));height:calc(1rem - (4*max(1px,.1rem)));border-radius:50%;transform:scale(0);transition:.25s cubic-bezier(.35,.35,0,1);background-color:var(--color-focus)}input[type=radio].svelte-1b9btqe:checked:before{transform:scale(1)}.expand.svelte-11x70tl{max-height:0px;overflow:hidden;transition:max-height .85s cubic-bezier(.35,.35,0,1)}.expand.is-expanded.svelte-11x70tl{max-height:var(--height)}.container.svelte-1y71c66{min-width:36ch;padding:1rem;font-family:monospace}.inset.svelte-1y71c66{padding-left:2ch}.options.svelte-1y71c66{display:grid;grid-template-columns:1fr 1fr;gap:0}.app.svelte-nejbyb{background-color:var(--color-panel);display:flex;align-items:center;max-width:1024px;margin:0 auto}@media(max-width:480px){.app.svelte-nejbyb{flex-direction:column}.app.svelte-nejbyb .controls:where(.svelte-nejbyb){width:100%}.app.svelte-nejbyb .content:where(.svelte-nejbyb){width:100%}}.controls.svelte-nejbyb{min-width:24rem}.content.svelte-nejbyb{display:flex;min-width:12rem;flex:1;padding:1rem;position:relative;justify-content:center;align-items:center;overflow:hidden}.block-wrapper.svelte-nejbyb{position:relative;width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.block-size.svelte-nejbyb{position:relative}.block.svelte-nejbyb{position:absolute;inset:0}.block.filter.svelte-nejbyb{filter:drop-shadow(0 .5rem 1rem var(--color-text))}.block.background.svelte-nejbyb{background:var(--color-dim)}svg.svelte-nejbyb{position:absolute;inset:0;overflow:visible;mix-blend-mode:exclusion}.comparison.svelte-1a2id7f{margin:0 auto 4rem;text-align:center;text-wrap:balance;font-family:Caveat;font-variation-settings:"wght" 200;font-size:1.25rem;line-height:.65}.comparison.svelte-1a2id7f>div:where(.svelte-1a2id7f){width:7rem;display:inline-flex;flex-direction:column;align-items:center;text-align:center;margin:1rem}@media(max-width:480px){.comparison.svelte-1a2id7f>div:where(.svelte-1a2id7f){width:4rem;margin:.5rem}}p.svelte-1a2id7f{margin:.75rem 0 0}.block.svelte-1a2id7f{width:6rem;height:6rem;background:var(--color-dim)}@media(max-width:480px){.block.svelte-1a2id7f{width:4rem;height:4rem}}.block.active.svelte-1a2id7f{background:var(--color-focus)}.rounded.svelte-1a2id7f{border-radius:35%}.title.svelte-1uha8ag{margin:2rem 0}.title.svelte-1uha8ag span:where(.svelte-1uha8ag){display:block;text-align:center;font-size:3rem;margin-bottom:-2rem;color:var(--color-focus);font-family:Caveat;font-variation-settings:"wght" 600}.title.svelte-1uha8ag h1:where(.svelte-1uha8ag),.title.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 .5rem}.title.svelte-1uha8ag h1:where(.svelte-1uha8ag){white-space:nowrap}.title.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:var(--color-focus)}.title.svelte-1uha8ag{margin-bottom:4rem}.title.svelte-1uha8ag .icon:where(.svelte-1uha8ag){display:inline-block;font-size:.25em;transform:translateY(-1.65em);color:var(--color-text)}@media(max-width:480px){.title.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:2rem;margin-bottom:-1.5rem}}.content.svelte-1uha8ag{margin:0 auto 2rem;max-width:42ch;font-size:1.2rem}.app.svelte-1uha8ag{margin-bottom:4rem}ul.svelte-1uha8ag{margin-top:0}