.studio-install-prompt{margin-block:24px}.studio-install-prompt .fresh-primary-action{width:fit-content;max-width:100%}.studio-install-details{margin:28px 0;max-width:var(--dgd-reading-width, 600px)}.studio-install-details summary{padding:0 0 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--foreground-feint, var(--fresh-muted));cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--fresh-line, var(--lab-line))}.studio-install-details summary::-webkit-details-marker{display:none}.studio-install-details summary:before{content:"+";font-family:var(--font-mono);font-size:12px;color:var(--foreground-feint, var(--fresh-muted));flex-shrink:0}.studio-install-details[open] summary:before{content:"−"}.studio-install-details summary:hover{color:var(--foreground, var(--fresh-paper))}.studio-install-details[open] summary{margin-bottom:18px}.studio-install-details :is(pre,.code-block){max-width:100%}.studio-install-details h3{scroll-margin-top:32px}.studio-install-details h3:first-of-type{margin-top:0}.studio-install-details p{max-width:100%}.ddr{--ddr-hairline: color-mix(in oklch, var(--fresh-paper) 10%, transparent);--ddr-grade-ink: oklch(.16 .01 148);margin:32px 0;font-family:var(--font-sans)}.ddr-card{border:1px solid var(--ddr-hairline);background:var(--fresh-ink);color:var(--fresh-paper)}.ddr-card p{margin:0;color:inherit;font-size:inherit;line-height:inherit}.ddr .ddr-label{color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.ddr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:14px 20px;border-bottom:1px solid var(--ddr-hairline)}.ddr-bar svg{display:block}.ddr-bar p{display:grid;gap:2px;min-width:0}.ddr-bar p>span:first-child{font-size:14px;font-variation-settings:"wght" 580}.ddr-card .ddr-bar p>span:last-child{color:var(--fresh-muted);font-size:13px}.ddr-grade{display:inline-grid;place-items:center;width:22px;height:18px;box-sizing:border-box;background:var(--grade);color:var(--ddr-grade-ink);font-family:var(--font-mono);font-size:var(--fresh-min-mono);vertical-align:middle}.ddr-grade[data-old]{border:1px solid var(--grade);background:transparent;color:var(--fresh-paper)}.ddr-summary{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:20px;padding:24px 20px;border-bottom:1px solid var(--ddr-hairline)}.ddr-rank{display:grid;grid-template-rows:auto 1fr;align-items:end;aspect-ratio:1;padding:10px 12px;background:var(--grade);color:var(--ddr-grade-ink);font-size:64px;font-variation-settings:"wght" 720;line-height:.8;letter-spacing:-.04em}.ddr .ddr-rank .ddr-label{color:inherit;opacity:.7;letter-spacing:.1em}.ddr-card .ddr-headline{font-size:20px;font-variation-settings:"wght" 620;line-height:1.15;letter-spacing:-.01em}.ddr-card .ddr-sub{margin-top:6px;color:var(--fresh-muted);font-size:14px}.ddr-sub .ddr-grade{margin-left:4px}.ddr-bar-chart{display:flex;gap:2px;height:8px;margin-top:16px}.ddr-bar-chart>span{flex-basis:0;background:var(--grade)}.ddr-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--fresh-min-mono)}.ddr-legend li{display:inline-flex;align-items:center;gap:6px;margin:0}.ddr-legend li[data-empty]{opacity:.35}.ddr-button{--fresh-primary-background: var(--fresh-paper);--fresh-primary-foreground: var(--fresh-ink);min-width:96px;min-height:34px;padding:6px 14px;cursor:default}.ddr-button .fresh-primary-action-content--hover{background:var(--grade);color:var(--ddr-grade-ink)}.ddr-button[data-done]{border-color:var(--grade)}.ddr-button[data-done] .fresh-primary-action-content--hover{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%);transition:none}.ddr-findings{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.ddr-finding{position:relative;border:1px solid var(--ddr-hairline);background:var(--fresh-ink)}.ddr-finding:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:3px;background:var(--grade)}.ddr-finding[data-fixed]{background:var(--fresh-raised);opacity:.5}.ddr-finding>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px 0}.ddr-pair{display:inline-flex;align-items:center;gap:6px;color:var(--fresh-muted);font-size:12px}.ddr-title{overflow:hidden;font-size:15px;font-variation-settings:"wght" 600;text-overflow:ellipsis;white-space:nowrap}.ddr-file{overflow:hidden;color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap}.ddr-finding dl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 12px;margin:0;padding:14px 16px;font-size:14px;line-height:1.45}.ddr-finding dt{padding-top:2px;color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.ddr-finding dd{margin:0}.ddr-diff-label{display:block;margin:0 16px 8px}.ddr-diff{display:grid;margin:0 16px;padding:8px 0;overflow:hidden;border:1px solid var(--ddr-hairline);background:var(--fresh-raised);font-family:var(--font-mono);font-size:12px;line-height:1.5}.ddr-diff code{display:grid;grid-template-columns:2ch minmax(0,1fr);gap:8px;padding:2px 12px;border:0;background:color-mix(in oklch,var(--grade) 14%,transparent);color:inherit;font:inherit;white-space:pre}.ddr-diff code>span:last-child{overflow:hidden;text-overflow:ellipsis}.ddr-diff code[data-change=removed]{color:var(--fresh-muted)}.ddr-diff code[data-change=removed]>span:last-child{text-decoration:line-through;text-decoration-color:var(--grade)}.ddr-finding footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:14px 16px 0;padding:10px 0 12px;border-top:1px solid var(--ddr-hairline)}.ddr-finding[data-fixed] footer{margin-top:10px}.ddr-note{display:inline-flex;flex:1 1 auto;align-items:center;gap:8px;color:var(--fresh-muted);font-size:14px}.ddr-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grade)}.ddr-action-text{color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}@media(max-width:620px){.ddr-bar,.ddr-summary,.ddr-findings{padding-inline:14px}.ddr-summary{grid-template-columns:72px minmax(0,1fr);gap:16px}.ddr-rank{font-size:48px;padding:8px}.ddr-summary-action{grid-column:1 / -1;display:grid}.ddr-finding>header{grid-template-columns:auto minmax(0,1fr)}.ddr-finding>header .ddr-file{grid-column:1 / -1;text-align:left}.ddr-finding dl{grid-template-columns:minmax(0,1fr);gap:2px}.ddr-finding dd+dt{margin-top:8px}}.gsap-bundle-comparison{margin:32px 0}.gsap-bundle-comparison .ch-figure{margin:0}.npm-adoption-chart{--npm-paper: var(--lab-paper, oklch(.94 .008 96));--npm-muted: var(--lab-muted, oklch(.69 .012 148));--npm-line: var(--lab-line, oklch(.31 .012 148));--npm-ink: var(--lab-ink, oklch(.145 .01 148));container-type:inline-size;padding:0;background:var(--npm-ink);color:var(--npm-paper);font-family:var(--font-sans)}.npm-adoption-chart figcaption{font-family:var(--font-sans);font-size:20px;font-variation-settings:"wght" 580;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}.npm-adoption-chart .npm-adoption-period{margin:8px 0 26px;color:var(--npm-muted);font-family:var(--font-sans);font-size:12px;line-height:1.5;text-wrap:balance}.npm-adoption-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;margin-bottom:24px}.npm-adoption-series-name{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;white-space:nowrap}.npm-adoption-series-name i{width:12px;height:3px;background:var(--series-colour)}.npm-adoption-chart .npm-adoption-legend strong{display:block;margin-top:6px;font-family:var(--font-mono);color:var(--series-colour);font-size:20px;font-variation-settings:"wght" 500;font-variant-numeric:tabular-nums;line-height:1.2}.npm-adoption-plot{min-width:0}.npm-adoption-plot svg{display:block;width:100%;height:auto;overflow:visible}.npm-adoption-grid line{stroke:var(--npm-line);stroke-width:1;opacity:.55}.npm-adoption-grid text,.npm-adoption-year{fill:var(--npm-muted);font-family:var(--font-mono);font-size:15px}.npm-adoption-desktop :is(.npm-adoption-grid text,.npm-adoption-year){font-size:16px}.npm-adoption-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.npm-adoption-plot .npm-adoption-mobile{display:none}.npm-adoption-chart .npm-adoption-note,.npm-adoption-chart .npm-adoption-source{margin:20px 0 0;color:var(--npm-muted);font-family:var(--font-sans);font-size:12px;line-height:1.65;text-wrap:pretty}.npm-adoption-chart .npm-adoption-source{margin-top:6px}.npm-adoption-source a{color:inherit;text-underline-offset:3px}.npm-adoption-source a:hover{color:var(--npm-paper)}.npm-adoption-source a:focus-visible{outline:2px solid var(--lab-yellow);outline-offset:4px}@container (max-width: 480px){.npm-adoption-plot .npm-adoption-desktop{display:none}.npm-adoption-plot .npm-adoption-mobile{display:block}.npm-adoption-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.npm-adoption-chart figcaption{font-size:20px}}.animation-start-comparison{--chart-paper: var(--lab-paper);--chart-muted: var(--lab-muted);--chart-accent: var(--lab-yellow);margin:32px 0}.animation-start-comparison .ch-figure{margin:0}.animation-start-comparison .animation-start-caveat{margin:12px 0 0;color:var(--chart-muted);font-size:12px;line-height:1.6;text-wrap:balance}