.font-picker-popover.svelte-w72dm8{position-area:bottom span-right;width:anchor-size(width)}.preview-shell.svelte-1pvk3np{border:1px solid var(--color-gray-300);background:#ffffffa6;border-radius:.75rem;padding:.75rem}@media (width>=64rem){.preview-shell.svelte-1pvk3np{position:sticky;top:8rem}}.preview-heading.svelte-1pvk3np{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.625rem;display:flex}.preview-heading.svelte-1pvk3np p:where(.svelte-1pvk3np){min-width:0;font-weight:500;line-height:1.25}.preview-heading.svelte-1pvk3np span:where(.svelte-1pvk3np){color:var(--color-gray-400);letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.5625rem}.reader-preview.svelte-1pvk3np{border-radius:.5rem;grid-template-rows:minmax(0,1fr) auto;min-height:22rem;display:grid;overflow:hidden}.preview-text.svelte-1pvk3np{padding:1.25rem;overflow:hidden}.preview-text.svelte-1pvk3np.vertical{width:100%;height:19.5rem}.combined-digits.svelte-1pvk3np{text-combine-upright:all}.illustration.svelte-1pvk3np{background:#7f7f7f1a;border-top:1px solid #7f7f7f40;height:5rem;position:relative;overflow:hidden}.illustration.svelte-1pvk3np .illustration-image:where(.svelte-1pvk3np){width:100%;height:100%;display:block}.illustration.svelte-1pvk3np svg:where(.svelte-1pvk3np){object-fit:cover;width:100%;height:100%}.swatch.svelte-5xalj2,.alpha-slider.svelte-5xalj2{--checkerboard:linear-gradient(45deg, #ccc 25%, transparent 25%) 0 0 / 8px 8px, linear-gradient(-45deg, #ccc 25%, transparent 25%) 0 4px / 8px 8px, linear-gradient(45deg, transparent 75%, #ccc 75%) 4px -4px / 8px 8px, linear-gradient(-45deg, transparent 75%, #ccc 75%) -4px 0 / 8px 8px}.swatch.svelte-5xalj2{background:linear-gradient(var(--swatch-color), var(--swatch-color)), var(--checkerboard)}.color-popover.svelte-5xalj2{position-area:bottom span-right}.theme-copy-from.svelte-5xalj2{z-index:1;position:absolute;inset-block-start:0;inset-inline-end:0}@media (width<=34rem){.theme-copy-from.svelte-5xalj2{margin-block-end:1rem;position:static}}.alpha-slider.svelte-5xalj2{appearance:none;background:linear-gradient(to right, transparent, var(--slider-color)), var(--checkerboard)}.alpha-slider.svelte-5xalj2::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #0000004d;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.alpha-slider.svelte-5xalj2::-moz-range-thumb{appearance:none;background:#fff;border:2px solid #0000004d;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.color-input.svelte-5xalj2{appearance:none}.color-input.svelte-5xalj2::-webkit-color-swatch-wrapper{padding:2px}.color-input.svelte-5xalj2::-webkit-color-swatch{border:none;border-radius:2px}.color-input.svelte-5xalj2::-moz-color-swatch{border:none;border-radius:2px}.appearance-layout.svelte-zvqmnz{gap:2rem;display:grid}@media (width>=64rem){.appearance-layout.svelte-zvqmnz{grid-template-columns:minmax(0,1fr) 20rem;grid-template-areas:"app preview""colors preview""typography preview""aids preview""advanced preview";align-items:start;gap:2rem 1.5rem}}.compound-control.svelte-zvqmnz{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}