.tg-visually-hidden:where(.astro-aieyj62z){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tg-header:where(.astro-aieyj62z){display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,2.5rem);background:var(--tg-surface);border-block-end:1px solid var(--tg-border)}.tg-header__back:where(.astro-aieyj62z),.tg-header__github:where(.astro-aieyj62z){display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;color:var(--tg-text)}.tg-header__back:where(.astro-aieyj62z),.tg-header__back:where(.astro-aieyj62z):hover,.tg-header__back:where(.astro-aieyj62z):focus,.tg-header__back:where(.astro-aieyj62z):focus-visible{text-decoration:none}.tg-header__back:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:20px;text-decoration:none}.tg-header__back-label:where(.astro-aieyj62z){text-underline-offset:4px;text-decoration-thickness:1.5px}.tg-header__back:where(.astro-aieyj62z):hover .tg-header__back-label:where(.astro-aieyj62z),.tg-header__back:where(.astro-aieyj62z):focus-visible .tg-header__back-label:where(.astro-aieyj62z){text-decoration:underline}.tg-main:where(.astro-aieyj62z){max-inline-size:1200px;margin-inline:auto;padding:3rem clamp(1rem,4vw,2.5rem) 4rem}.tg-intro:where(.astro-aieyj62z){margin-block-end:2.5rem}.tg-intro__eyebrow:where(.astro-aieyj62z){display:inline-block;padding:.25rem .75rem;background:#6750a414;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tg-accent);margin-block-end:.875rem}.tg-intro__title:where(.astro-aieyj62z){margin:0 0 .625rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.tg-intro__subtitle:where(.astro-aieyj62z){margin:0;font-size:1.0625rem;line-height:1.65;color:var(--tg-text-muted);max-inline-size:720px}.tg-section__heading:where(.astro-aieyj62z){margin:0 0 .5rem;font-size:1rem;font-weight:600}.tg-section__sub:where(.astro-aieyj62z){margin:0 0 1.5rem;font-size:.875rem;color:var(--tg-text-muted);line-height:1.6;max-inline-size:720px}.tg-inputs:where(.astro-aieyj62z){background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);padding:1.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;margin-block-end:1.5rem}.tg-inputs__heading:where(.astro-aieyj62z){grid-column:1 / -1;margin:0;font-size:1rem;font-weight:600;color:var(--tg-text)}.tg-input__head:where(.astro-aieyj62z){display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-block-size:1.8125rem;margin-block-end:6px}.tg-input__derive:where(.astro-aieyj62z){display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--md-sys-color-on-surface-variant, #49454f);cursor:pointer;user-select:none}.tg-input__derive:where(.astro-aieyj62z) input:where(.astro-aieyj62z){accent-color:var(--md-sys-color-primary, #6750a4);cursor:pointer}.tg-input--derived:where(.astro-aieyj62z) .tg-input__hex:where(.astro-aieyj62z),.tg-input--derived:where(.astro-aieyj62z) .tg-input__picker:where(.astro-aieyj62z){opacity:.55;cursor:not-allowed}.tg-inputs__lede:where(.astro-aieyj62z){grid-column:1 / -1;max-inline-size:68ch;margin:0 0 4px;font-size:.8125rem;line-height:1.55;color:var(--md-sys-color-on-surface-variant, #49454f)}.tg-input__label:where(.astro-aieyj62z){display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tg-text-muted);margin-block-end:.5rem}.tg-input__row:where(.astro-aieyj62z){display:flex;align-items:stretch;gap:.5rem}.tg-input__picker:where(.astro-aieyj62z){inline-size:44px;block-size:44px;padding:0;border:1px solid var(--tg-border);border-radius:10px;background:var(--tg-surface);cursor:pointer;flex-shrink:0}.tg-input__picker:where(.astro-aieyj62z)::-webkit-color-swatch-wrapper{padding:4px}.tg-input__picker:where(.astro-aieyj62z)::-webkit-color-swatch{border:none;border-radius:6px}.tg-input__hex:where(.astro-aieyj62z){flex:1;min-inline-size:0;padding:0 .875rem;border:1px solid var(--tg-border);border-radius:10px;background:var(--tg-surface);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9375rem;color:var(--tg-text);transition:border-color .15s ease}.tg-input__hex:where(.astro-aieyj62z):focus{border-color:var(--tg-accent)}.tg-input__hex--invalid:where(.astro-aieyj62z){border-color:var(--tg-error)}.tg-input__error:where(.astro-aieyj62z){margin:.375rem 0 0;font-size:.75rem;color:var(--tg-error);min-block-size:1.125rem}.tg-inputs__perf:where(.astro-aieyj62z){grid-column:1 / -1;margin:0;font-size:.75rem;color:var(--tg-text-muted);font-family:JetBrains Mono,ui-monospace,monospace;text-align:end}.tg-toolbar:where(.astro-aieyj62z){display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.25rem;flex-wrap:wrap}.tg-density-field:where(.astro-aieyj62z){display:inline-flex;align-items:center}.tg-toggle-group:where(.astro-aieyj62z){display:inline-flex;align-items:center;background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:100px;padding:4px;gap:4px;flex-wrap:wrap;max-inline-size:100%}.tg-toggle-group--contrast:where(.astro-aieyj62z){border-radius:22px}.tg-toggle-group__label:where(.astro-aieyj62z){padding-inline:.75rem .25rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tg-text-muted);white-space:nowrap}.tg-toggle-group__info:where(.astro-aieyj62z){display:inline-flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;margin-inline-end:.25rem;padding:0;background:transparent;border:none;border-radius:50%;color:var(--tg-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.tg-toggle-group__info:where(.astro-aieyj62z):hover,.tg-toggle-group__info:where(.astro-aieyj62z):focus-visible{background-color:#6750a414;color:var(--tg-accent);outline:none}.tg-toggle-group__info:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:18px}md-tooltip:where(.astro-aieyj62z).tg-contrast-help::part(popup){max-inline-size:min(440px,calc(100vw - 32px));inline-size:max-content}.tg-toggle:where(.astro-aieyj62z){display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:100px;border:none;background:transparent;color:var(--tg-text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tg-toggle:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:18px}.tg-toggle:where(.astro-aieyj62z):hover{color:var(--tg-text)}.tg-toggle--active:where(.astro-aieyj62z){background:var(--tg-accent);color:#fff}.tg-toggle--active:where(.astro-aieyj62z):hover{background:var(--tg-accent-hover);color:#fff}.tg-tour:where(.astro-aieyj62z){display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:100px;border:1px solid var(--tg-border);background:var(--tg-surface);color:var(--tg-accent);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.tg-tour:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:18px}.tg-tour:where(.astro-aieyj62z):hover:not(:disabled){background:#6750a414}.tg-tour:where(.astro-aieyj62z):disabled{opacity:.5;cursor:not-allowed}.tg-download:where(.astro-aieyj62z){display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:100px;border:none;background:var(--tg-accent);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.tg-download:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:18px}.tg-download:where(.astro-aieyj62z):hover:not(:disabled){background:var(--tg-accent-hover)}.tg-download:where(.astro-aieyj62z):disabled{opacity:.5;cursor:not-allowed}.tg-preview:where(.astro-aieyj62z),.tg-contrast:where(.astro-aieyj62z),.tg-palette:where(.astro-aieyj62z){background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);padding:1.75rem;margin-block-end:1.5rem}.tg-preview__panel:where(.astro-aieyj62z){display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border-radius:12px;background:var(--md-sys-color-background, #fff);color:var(--md-sys-color-on-background, #1d1b20);border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .06));transition:background-color .2s ease,color .2s ease,border-color .2s ease}.tg-preview__group:where(.astro-aieyj62z){display:flex;flex-direction:column;gap:.625rem}.tg-preview__group-label:where(.astro-aieyj62z){font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-primary, #6750a4)}.tg-preview__row:where(.astro-aieyj62z){display:flex;flex-wrap:wrap;align-items:center;gap:.875rem}.tg-preview__row--column:where(.astro-aieyj62z){flex-direction:column;align-items:stretch}.tg-preview__row--top:where(.astro-aieyj62z){align-items:flex-start}.tg-preview__row--cards:where(.astro-aieyj62z){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tg-preview__row--text-fields:where(.astro-aieyj62z){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:start}.tg-preview__card:where(.astro-aieyj62z){padding:1rem;color:var(--md-sys-color-on-surface, #1d1b20);font-size:.875rem}.tg-preview__card-title:where(.astro-aieyj62z){margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--md-sys-color-primary, #6750a4)}.tg-preview__card-body:where(.astro-aieyj62z){margin:0;font-size:.875rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.tg-preview__navbar:where(.astro-aieyj62z){display:block;margin-block-start:.5rem;border-radius:16px;overflow:hidden}.tg-preview__badge-anchor:where(.astro-aieyj62z){position:relative;display:inline-flex}.tg-preview__list-wrap:where(.astro-aieyj62z){display:flex;align-items:center;justify-content:center;padding-inline:16px;padding-block:16px;border-radius:16px;background:var(--md-sys-color-surface-container-low, transparent);min-block-size:320px}.tg-preview__list:where(.astro-aieyj62z){display:block;inline-size:100%;border-radius:12px}.tg-preview__rail-row:where(.astro-aieyj62z){display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:stretch}.tg-preview__rail-wrap:where(.astro-aieyj62z){border-radius:16px;overflow:hidden;background:var(--md-sys-color-surface, transparent);min-block-size:320px;display:flex}@media(max-width:40rem){.tg-preview__rail-row:where(.astro-aieyj62z){grid-template-columns:1fr}.tg-preview__rail-wrap:where(.astro-aieyj62z),.tg-preview__list-wrap:where(.astro-aieyj62z){min-block-size:auto}}.tg-contrast:where(.astro-aieyj62z) .tg-section__sub:where(.astro-aieyj62z){max-inline-size:none}.tg-contrast__legend:where(.astro-aieyj62z){margin:0 0 1.25rem;padding-inline-start:1.1rem;font-size:.8125rem;line-height:1.6;color:var(--tg-text-muted);max-inline-size:none;display:flex;flex-direction:column;gap:.5rem}.tg-contrast__legend:where(.astro-aieyj62z) li:where(.astro-aieyj62z)::marker{color:var(--tg-accent);font-weight:700}.tg-contrast__legend:where(.astro-aieyj62z) strong:where(.astro-aieyj62z){color:var(--tg-text)}.tg-contrast__legend:where(.astro-aieyj62z) em:where(.astro-aieyj62z){font-style:normal;color:var(--tg-error);font-weight:600}.tg-contrast__legend:where(.astro-aieyj62z) code:where(.astro-aieyj62z){background:#6750a414;font-size:.85em}.tg-contrast__list:where(.astro-aieyj62z){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.tg-contrast__item:where(.astro-aieyj62z){display:flex;align-items:center;gap:.875rem;padding:.625rem;border:1px solid var(--tg-border);border-radius:10px;background:var(--tg-surface);transition:border-color .15s ease,background-color .15s ease}.tg-contrast__item--fail:where(.astro-aieyj62z){border-color:#b3261e80;background:#b3261e0a}.tg-contrast__chip:where(.astro-aieyj62z){flex-shrink:0;inline-size:44px;block-size:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;transition:background-color .15s ease,color .15s ease}.tg-contrast__chip-label:where(.astro-aieyj62z){font-family:Roboto,system-ui,sans-serif;font-weight:700}.tg-contrast__meta:where(.astro-aieyj62z){flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:.125rem}.tg-contrast__pair:where(.astro-aieyj62z){font-size:.8125rem;font-weight:600;color:var(--tg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-contrast__ratio:where(.astro-aieyj62z){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;color:var(--tg-text-muted)}.tg-contrast__tooltip:where(.astro-aieyj62z){align-self:center}md-tooltip:where(.astro-aieyj62z).tg-contrast__tooltip[hidden]{display:none!important}.tg-contrast__info:where(.astro-aieyj62z){appearance:none;background:#b3261e1a;color:var(--tg-error);border:1px solid rgba(179,38,30,.25);border-radius:999px;inline-size:28px;block-size:28px;display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.tg-contrast__info:where(.astro-aieyj62z):hover,.tg-contrast__info:where(.astro-aieyj62z):focus-visible{background:#b3261e2e;border-color:#b3261e73;transform:scale(1.04)}.tg-contrast__info:where(.astro-aieyj62z) .material-symbols-outlined:where(.astro-aieyj62z){font-size:18px;font-variation-settings:"FILL" 1}md-tooltip:where(.astro-aieyj62z).tg-contrast__tooltip{--md-tooltip-rich-container-color: var(--md-sys-color-surface-container-highest, #e6e0e9);--md-tooltip-rich-supporting-text-color: var(--md-sys-color-on-surface, #1d1b20);--md-tooltip-rich-subhead-color: var(--md-sys-color-on-surface, #1d1b20)}md-tooltip:where(.astro-aieyj62z).tg-contrast__tooltip::part(popup){max-inline-size:min(440px,calc(100vw - 32px));inline-size:max-content}.tg-contrast__tooltip:where(.astro-aieyj62z) :where(.astro-aieyj62z)[slot=subhead]{font-weight:700;color:var(--tg-error)}.tg-contrast__tooltip:where(.astro-aieyj62z) :where(.astro-aieyj62z)[slot=content] code:where(.astro-aieyj62z){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em;background:#00000014;color:inherit;padding:.05em .3em;border-radius:3px}.tg-contrast__tooltip:where(.astro-aieyj62z) :where(.astro-aieyj62z)[slot=content] ul:where(.astro-aieyj62z){margin:.5rem 0 0;padding-inline-start:1.1rem}.tg-contrast__tooltip:where(.astro-aieyj62z) :where(.astro-aieyj62z)[slot=content] li:where(.astro-aieyj62z){margin-block:.2rem}.tg-contrast__status:where(.astro-aieyj62z){flex-shrink:0;font-size:.6875rem;font-weight:700;padding:.25rem .5rem;border-radius:100px;text-transform:uppercase;letter-spacing:.04em;color:var(--tg-success);background:#1e8e3e1f}.tg-contrast__item--fail:where(.astro-aieyj62z) .tg-contrast__status:where(.astro-aieyj62z){color:var(--tg-error);background:#b3261e1f}.tg-palette__grid:where(.astro-aieyj62z){display:flex;flex-direction:column;gap:1.25rem}.tg-palette__row:where(.astro-aieyj62z){display:grid;grid-template-columns:140px 1fr;gap:1.25rem;align-items:center}.tg-palette__label:where(.astro-aieyj62z){font-weight:600;font-size:.9375rem}.tg-palette__swatches:where(.astro-aieyj62z){display:grid;grid-template-columns:repeat(13,1fr);gap:.375rem}.tg-palette__swatch:where(.astro-aieyj62z){display:flex;flex-direction:column;gap:.25rem}.tg-palette__swatch-color:where(.astro-aieyj62z){block-size:56px;border-radius:8px;border:1px solid var(--tg-border);background:#f5f5f5;transition:background-color .15s ease}.tg-palette__swatch-meta:where(.astro-aieyj62z){display:flex;flex-direction:column;align-items:center;gap:.125rem}.tg-palette__swatch-tone:where(.astro-aieyj62z){font-size:.6875rem;font-weight:600;color:var(--tg-text-muted)}.tg-palette__swatch-hex:where(.astro-aieyj62z){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.625rem;color:var(--tg-text-muted);letter-spacing:-.02em}.tg-footer:where(.astro-aieyj62z){margin-block-start:2.5rem;padding:1.25rem;text-align:center;font-size:.875rem;color:var(--tg-text-muted);background:#6750a40a;border-radius:var(--tg-radius)}.tg-footer:where(.astro-aieyj62z) p:where(.astro-aieyj62z){margin:0}@media(max-width:64rem){.tg-inputs:where(.astro-aieyj62z){grid-template-columns:1fr;gap:1.25rem}.tg-palette__row:where(.astro-aieyj62z){grid-template-columns:1fr;gap:.75rem}.tg-palette__swatches:where(.astro-aieyj62z){grid-template-columns:repeat(13,minmax(28px,1fr))}.tg-palette__swatch-hex:where(.astro-aieyj62z){display:none}}@media(max-width:40rem){.tg-main:where(.astro-aieyj62z){padding:2rem 1rem 3rem}.tg-inputs:where(.astro-aieyj62z),.tg-preview:where(.astro-aieyj62z),.tg-contrast:where(.astro-aieyj62z),.tg-palette:where(.astro-aieyj62z){padding:1.25rem}.tg-toolbar:where(.astro-aieyj62z){flex-direction:column;align-items:stretch}.tg-toggle-group:where(.astro-aieyj62z),.tg-tour:where(.astro-aieyj62z),.tg-download:where(.astro-aieyj62z){inline-size:100%;justify-content:center}.tg-palette__swatches:where(.astro-aieyj62z){grid-template-columns:repeat(13,1fr);gap:.25rem}.tg-palette__swatch-color:where(.astro-aieyj62z){block-size:36px;border-radius:6px}.tg-palette__swatch-tone:where(.astro-aieyj62z){font-size:.5625rem}}:root{color-scheme:light;--tg-bg: #fbfaff;--tg-surface: #ffffff;--tg-border: #e0dce5;--tg-text: #1d1b20;--tg-text-muted: #49454f;--tg-accent: #6750a4;--tg-accent-hover: #5a4691;--tg-error: #b3261e;--tg-success: #1e8e3e;--tg-radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--tg-bg);color:var(--tg-text);font-family:Roboto,system-ui,sans-serif;line-height:1.5;min-block-size:100vh;overflow-x:clip}@supports not (overflow-x: clip){body{overflow-x:hidden}}a{color:var(--tg-accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875em;background:#6750a414;padding:.1em .35em;border-radius:4px}:focus-visible{outline:3px solid var(--tg-accent);outline-offset:2px;border-radius:4px}