.header.svelte-bal6b7{display:flex;align-items:baseline;height:100%;width:100%;padding:12px 16px;white-space:nowrap}.header.svelte-bal6b7:before{display:inline-block;height:100%;content:""}.logo.svelte-bal6b7{height:1.8rem;margin-right:.8rem;align-self:center}.title.svelte-bal6b7{font-size:1.5rem;margin-right:.5rem}.subtitle.svelte-bal6b7{font-size:1rem;color:var(--color-fg-emphasis-medium);display:none}@media (min-width: 64rem){.subtitle.svelte-bal6b7{display:block}}.contribute.svelte-bal6b7{display:block;margin-left:auto;color:var(--color-fg-emphasis-medium)}.contribute.svelte-bal6b7:hover{color:var(--color-fg-emphasis-high)}.section.svelte-v2pn2e{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.section__header.svelte-v2pn2e{display:flex;align-items:baseline;border-bottom:1px solid #fff;padding-bottom:5px}.section__expand.svelte-v2pn2e{background:none;border:none;cursor:pointer;color:inherit;font-family:monospace;margin-right:8px;font-size:1.1rem}.section__heading.svelte-v2pn2e{font-weight:700;text-transform:uppercase;flex:1 1 auto;cursor:pointer}.section__reset.svelte-v2pn2e{background:none;border:none;box-shadow:none;cursor:pointer;text-decoration:underline;color:var(--color-fg-emphasis-medium)}.section__reset.svelte-v2pn2e:hover{color:var(--color-fg-emphasis-high)}.section__content.svelte-v2pn2e{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:32px}.image.svelte-1me35do{cursor:pointer}.image__input.svelte-1me35do{display:none}.image__container.svelte-1me35do{height:120px;padding:8px 16px;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.image__preview.svelte-1me35do{max-width:100%;max-height:100%;object-fit:contain}.color-picker.svelte-nq6a5t{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.slider__label.svelte-1h0gcvd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.slider__text-input.svelte-1h0gcvd{width:3rem;text-align:center;color:#fff;background:none;border:1px solid #fff;font-size:inherit}.slider__input-container.svelte-1h0gcvd{margin:0 .5rem}.slider__input.svelte-1h0gcvd{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.slider__input.svelte-1h0gcvd::-webkit-slider-runnable-track{background:var(--color-secondary-dimmed);height:.4rem;border-radius:.4rem}.slider__input.svelte-1h0gcvd::-moz-range-track{background:var(--color-secondary-dimmed);height:.4rem;border-radius:.4rem}.slider__input.svelte-1h0gcvd::-moz-range-progress{background:var(--color-secondary);height:.4rem;border-radius:.4rem}.slider__input.svelte-1h0gcvd::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-.3rem;background-color:var(--color-secondary);height:1rem;width:1rem;border-radius:1rem}.slider__input.svelte-1h0gcvd::-moz-range-thumb{border:none;background-color:var(--color-secondary);height:1rem;width:1rem;border-radius:1rem}.slider__container.svelte-1h0gcvd{display:grid;grid-template-columns:2.8rem 1fr 2.8rem;align-items:center;white-space:nowrap}.slider__range--min.svelte-1h0gcvd{text-align:right}.toggle.svelte-1j9rfin{display:flex;align-items:center;justify-content:space-between}.toggle__checkbox.svelte-1j9rfin{display:none}.toggle__label.svelte-1j9rfin{background-color:var(--color-secondary-dimmed);width:2rem;height:1rem;border-radius:1rem;position:relative;cursor:pointer}.toggle__label.svelte-1j9rfin:after{content:"";display:block;position:absolute;width:1.5rem;height:1.5rem;border-radius:1.5rem;background-color:var(--color-disabled);top:-.25rem;left:-.25rem;z-index:1;transition:transform .1s ease-in-out}.toggle__label--active.svelte-1j9rfin:after{transform:translate(1rem);background-color:var(--color-secondary)}.container.svelte-7v3svs{padding:16px;overflow-y:auto;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;gap:48px;justify-items:stretch}.container.svelte-1l1v01j{width:100%;height:100%;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:16px;padding:16px}.option.svelte-1l1v01j{cursor:pointer;background-color:var(--color-bg-dp02);border:2px solid var(--color-fg-disabled);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;color:var(--color-fg-emphasis-high);font-size:inherit}.option--selected.svelte-1l1v01j{border-color:var(--color-fg-emphasis-high)}.option.svelte-1l1v01j:hover,.option.svelte-1l1v01j:active,.option.svelte-1l1v01j:focus{border-color:var(--color-fg-emphasis-high);background-color:var(--color-bg-dp04)}.image.svelte-1l1v01j{max-width:100%;margin-bottom:8px}.preview.svelte-13qbjon.svelte-13qbjon{padding:16px;display:grid;grid-template-rows:1.5rem 1fr;gap:16px;min-width:0;min-height:0}.preview__debug-input.svelte-13qbjon.svelte-13qbjon{width:9rem;justify-self:end}.preview__container.svelte-13qbjon.svelte-13qbjon{display:grid;grid-template-rows:1fr 2.5rem;gap:32px;min-width:0;min-height:0}.preview__container--debug.svelte-13qbjon.svelte-13qbjon{display:none}.preview--debug.svelte-13qbjon .preview__container--debug.svelte-13qbjon{display:grid}.preview__image-container.svelte-13qbjon.svelte-13qbjon{border:1px solid #fff;display:flex;align-items:center;justify-content:center;padding:16px;min-width:0;min-height:0}.preview__image.svelte-13qbjon.svelte-13qbjon{max-width:100%;max-height:100%;object-fit:contain}.preview__loading.svelte-13qbjon.svelte-13qbjon{display:grid;gap:16px;grid-auto-rows:max-content;align-content:center;justify-items:center}.preview__progress.svelte-13qbjon.svelte-13qbjon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:24px;background-color:var(--color-primary-dimmed);border-radius:12px}.preview__progress.svelte-13qbjon.svelte-13qbjon::-webkit-progress-bar{background-color:var(--color-primary-dimmed);border-radius:12px}.preview__progress.svelte-13qbjon.svelte-13qbjon::-webkit-progress-value{background-color:var(--color-primary);border-radius:12px}.preview__progress.svelte-13qbjon.svelte-13qbjon::-moz-progress-bar{background-color:var(--color-primary);border-radius:12px}.preview__download-button.svelte-13qbjon.svelte-13qbjon{display:block;background:var(--color-primary);color:#fff;border:none;padding:.5rem .75rem;border-radius:3px;cursor:pointer;position:relative;font-size:1rem;text-decoration:none;text-align:center;align-self:center}.preview__download-button.svelte-13qbjon.svelte-13qbjon:after{display:none;content:"";position:absolute;top:0;bottom:0;left:0;right:0}.preview__download-button.svelte-13qbjon.svelte-13qbjon:hover:after{display:block;background-color:#ffffff0a}.preview__download-button.svelte-13qbjon.svelte-13qbjon:focus{outline:1px solid #fff}.preview__download-button.svelte-13qbjon.svelte-13qbjon:focus:after{display:block;background-color:#ffffff1f}.preview__download-button.svelte-13qbjon.svelte-13qbjon:active:after{display:block;background-color:#ffffff1a}.preview__error.svelte-13qbjon.svelte-13qbjon{color:var(--color-error);align-self:center;justify-self:center}.grid.svelte-14fuh2n{width:100%;background-color:var(--color-bg-dp-00);display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;grid-template-areas:"header" "animations" "common-options" "animation-options" "preview";gap:32px}@media (min-width: 64rem){.grid.svelte-14fuh2n{width:100vw;height:100vh;grid-template-rows:auto 1fr 12rem;grid-template-columns:9rem 2fr 6fr 2fr 9rem;grid-template-areas:"header         header         header     header            header" "common-options common-options preview    animation-options animation-options" "common-options common-options animations animation-options animation-options";gap:8px}}.svelte-14fuh2n>.header{grid-area:header;background-color:var(--color-bg-dp-04)}.svelte-14fuh2n>.animations{grid-area:animations;background-color:var(--color-bg-dp-01)}.svelte-14fuh2n>.common-options{grid-area:common-options;background-color:var(--color-bg-dp-01)}.svelte-14fuh2n>.animation-options{grid-area:animation-options;background-color:var(--color-bg-dp-01)}.svelte-14fuh2n>.preview{grid-area:preview;background-color:var(--color-bg-dp-01)}