@layer components{.slider-root.svelte-1kixu7n{position:relative;display:flex;align-items:center;width:100%;height:1.25rem;touch-action:none;user-select:none}.slider-track.svelte-1kixu7n{position:relative;height:.375rem;width:100%;flex-grow:1;overflow:hidden;border-radius:9999px;background:var(--slider--bg);cursor:pointer}.slider-track.svelte-1kixu7n .slider-range{position:absolute;height:100%;background-color:var(--slider--accent)}.slider-track.svelte-1kixu7n .slider-range.hide-fill{background-color:transparent}.slider-root.svelte-1kixu7n .slider-thumb{display:block;width:1.25rem;height:1.25rem;background:var(--slider--accent);border-radius:9999px;cursor:grab;transition:transform .1s ease}@media(pointer:fine){.slider-root.svelte-1kixu7n .slider-thumb:hover{transform:scale(1.1)}}.slider-root.svelte-1kixu7n .slider-thumb:focus{outline:none;box-shadow:none}.slider-root.svelte-1kixu7n .slider-thumb:active,.slider-root.svelte-1kixu7n .slider-thumb[data-active]{cursor:grabbing;transform:scale(1.1)}}@layer a11y{.slider-root.svelte-1kixu7n .slider-thumb:focus-visible{outline:2px solid var(--slider--accent);outline-offset:2px}}.slider-with-icon.svelte-1f8r8a2{display:flex;align-items:center;gap:.5rem;flex:1 1 var(--slider-basis, 25%)}.slider-with-icon.svelte-1f8r8a2 .icon-wrapper:where(.svelte-1f8r8a2){display:grid;height:1.5rem;width:1.5rem;font-size:1.5rem;place-content:center;flex-shrink:0}.playground-container.svelte-dvt8a2{display:flex;flex-direction:var(--playground-flex-direction, column);gap:var(--two-column-layout-spacing-top);width:100%;height:100%;container-type:inline-size}.playground-controls.svelte-dvt8a2{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding-inline:var(--playground-controls--padding-inline);container-type:inline-size;color:var(--slider--accent);--slider-basis: 25%;--font-size-slider-basis: 25%}@container (width < 50rem){.playground-controls.svelte-dvt8a2{--slider-basis: 40%;--font-size-slider-basis: 70%}}@container (width < 30rem){.playground-controls.svelte-dvt8a2{--slider-basis: 80%;--font-size-slider-basis: 70%}}.font-size-slider.svelte-dvt8a2{flex:1 1 var(--font-size-slider-basis, 25%)}.playground-textarea.svelte-dvt8a2{flex:1;min-height:20rem;height:100%;container-type:inline-size;font-size:clamp(1rem,3vw,1.15rem)}.playground-textarea.svelte-dvt8a2 textarea:where(.svelte-dvt8a2){--textarea-padding: clamp(1rem, -2.5rem + 10cqi, 3rem);width:100%;height:100%;min-height:inherit;padding:var(--playground-textarea--padding, var(--textarea-padding) calc(var(--textarea-padding) + 1rem));border-top:var(--playground-textarea--border-top, var(--playground-textarea--border, var(--fonts-textarea--border)));border-bottom:var(--playground-textarea--border, var(--fonts-textarea--border));border-inline:var(--playground-textarea--border-inline, var(--playground-textarea--border, var(--fonts-textarea--border)));border-radius:var(--playground-textarea--border-radius, .5rem);background:var(--fonts-textarea--bg);color:var(--text);resize:none;outline:none;font-feature-settings:"liga" 0;text-rendering:optimizeLegibility}.bold-button-wrapper.svelte-dvt8a2{grid-area:bold}.download[data-astro-cid-xby6zur5]{font-size:1.2rem}.download[data-astro-cid-xby6zur5] [data-button-root]{padding:.45em 1em}.font-playground-wrapper[data-astro-cid-acr7jvnv]{display:flex;flex-direction:column;width:100%;min-height:30rem;padding-block:var(--two-column-layout-spacing-top);margin-left:var(--two-column-layout-content-margin-left);--playground-controls--padding-inline: 0rem}@media(max-width:60rem){.font-playground-wrapper[data-astro-cid-acr7jvnv]{min-height:30rem;height:calc(100svh - 10.7rem - var(--header--height));max-height:50rem;padding-block:0rem .5rem;--playground-flex-direction: column-reverse;--playground-controls--padding-inline: var(--page--padding-inline);--playground-textarea--padding: var(--page--padding-inline);--playground-textarea--border-inline: none;--playground-textarea--border-radius: 0px;--playground-textarea--border-top: none;--input__focus--box-shadow-thickness-left: 0px;--input__focus--box-shadow-thickness-right: 0px}}