.tl-lab{width:min(100%,92rem);color:var(--fg);margin-inline:auto;padding:1rem clamp(1.15rem,3vw,1.75rem) 2.5rem}.tl-top h1{letter-spacing:-.035em;margin:.2rem 0 0;font-size:clamp(1.85rem,2.6vw,2.5rem);line-height:1.02}.tl-top p{max-width:34rem;color:var(--muted);margin:.4rem 0 0;font-size:1.02rem;line-height:1.45}.tl-stage{margin-top:.9rem}.tl-canvas{--tl-gap:min(var(--tl-gutter), 4vw);grid-template-columns:repeat(var(--tl-columns), minmax(0, 1fr));column-gap:var(--tl-gap);row-gap:calc(var(--tl-gap) + .65rem);padding:var(--tl-margin);border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:1.35rem;align-content:start;align-items:start;display:grid;position:relative;overflow:hidden;container-type:inline-size}.tl-overlay{z-index:0;inset:var(--tl-margin);grid-template-columns:repeat(var(--tl-columns), minmax(0, 1fr));gap:var(--tl-gap);pointer-events:none;display:none;position:absolute}.tl-canvas[data-overlay=on] .tl-overlay{display:grid}.tl-overlay span{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:.2rem}.tl-piece{z-index:1;min-width:0;position:relative}.tl-piece--title h2{color:var(--fg);font-family:var(--tl-display-font);font-size:var(--tl-headline);letter-spacing:var(--tl-tracking);text-wrap:balance;margin:0;font-weight:500;line-height:.96}.tl-piece--body{color:var(--fg);font-family:var(--tl-text-font);font-size:var(--tl-body);letter-spacing:var(--tl-tracking);line-height:var(--tl-leading);margin:0}.tl-piece--note{font-family:var(--tl-text-font);font-size:var(--tl-note);letter-spacing:var(--tl-tracking);margin:0;font-weight:650;line-height:1.3}.tl-canvas[data-layout=poster] .tl-piece--note{justify-self:end}.tl-canvas[data-layout=editorial]{align-content:start}.tl-canvas[data-layout=editorial] .tl-piece--title{align-self:start}.tl-canvas[data-layout=landing]{align-content:center;min-height:18rem}.tl-accent{background:var(--accent-wash);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-accent) 35%, transparent);color:var(--on-accent);border-radius:.45rem;padding:.4em .65em .45em;display:inline-block}.tl-handle{z-index:2;width:2.75rem;height:max(2.75rem, var(--tl-margin));cursor:ew-resize;touch-action:none;background:0 0;border:0;border-radius:999px;position:absolute;top:0}.tl-handle:before{content:"";background:var(--fg);border-radius:999px;width:.35rem;height:1.15rem;margin:.45rem auto 0;display:block}.tl-handle--margin{left:max(0px, calc(var(--tl-margin) - 1.375rem))}.tl-handle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tl-sample{visibility:hidden;pointer-events:none;width:max-content;font-family:var(--tl-text-font);font-size:var(--tl-body);letter-spacing:var(--tl-tracking);white-space:nowrap;position:absolute;top:0;left:0}.tl-readout{max-width:46rem;color:var(--muted);margin:.7rem 0 0;font-size:.95rem;line-height:1.45}.tl-readout[data-range=out]{color:var(--fg)}.tl-sheet__toggle{display:none}.tl-controls{gap:1.15rem;display:grid}.tl-group{gap:.55rem;display:grid}.tl-group>p{margin:0;font-size:.95rem;font-weight:700}.tl-pills{flex-wrap:wrap;gap:.35rem;display:flex}.tl-pill{border:1px solid var(--border);min-height:2.75rem;color:var(--fg);font:inherit;background:0 0;border-radius:999px;padding:.35rem .8rem;font-weight:650}.tl-pill[aria-checked=true],.tl-pill[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.tl-pill:focus-visible,.tl-specimen:focus-visible,.tl-text:focus-visible,.tl-sheet__toggle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tl-slider{gap:.15rem;display:grid}.tl-slider span{justify-content:space-between;gap:1rem;font-size:.95rem;font-weight:650;display:flex}.tl-slider b{font-variant-numeric:tabular-nums;font-weight:560}.tl-slider input{width:100%;min-height:2.75rem;accent-color:var(--fg);cursor:pointer;margin:0}.tl-ladder{gap:.4rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.tl-ladder li{grid-template-columns:4.75rem minmax(0,1fr) auto;align-items:center;gap:.55rem;font-size:.92rem;display:grid}.tl-ladder__mark{background:var(--fg);border-radius:999px;height:.45rem;display:block}.tl-specimens{display:grid}.tl-specimen{border:0;border-bottom:1px solid var(--border);width:100%;min-height:3.4rem;color:var(--fg);text-align:left;cursor:pointer;background:0 0;gap:.1rem;padding:.45rem 0;display:grid}.tl-specimen__name{font-size:1.35rem;line-height:1}.tl-specimen[aria-checked=true] .tl-specimen__name{background:var(--accent-wash);width:fit-content;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-accent) 35%, transparent);color:var(--on-accent);border-radius:.3rem;padding:.12em .28em .16em;display:inline-block}.tl-specimen__sample{color:var(--muted);font-size:.82rem}.tl-css{max-height:12rem;color:var(--fg);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;margin:0;font-size:.78rem;line-height:1.45;overflow:auto}.tl-actions{flex-wrap:wrap;gap:.35rem 1rem;display:flex}.tl-text,.tl-sheet__toggle{min-height:2.75rem;color:var(--fg);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.3rem 0;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.tl-status{min-height:1.2em;color:var(--muted);margin:0;font-size:.92rem}.tl-lab .gcl-lab-footer{margin-top:2.5rem}@media (max-width:959px){.tl-preview{padding-bottom:4.25rem}.tl-sheet{z-index:45;background:var(--card);border-top:1px solid var(--border);max-height:3.75rem;padding:0 1.15rem 1rem;transition:max-height .28s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.tl-sheet[data-open=true]{max-height:min(76vh,38rem);overflow:auto}.tl-sheet[data-open=false] .tl-controls{visibility:hidden}.tl-sheet__toggle{z-index:1;background:var(--card);align-items:center;width:100%;display:inline-flex;position:sticky;top:0}}@container (max-width:640px){.tl-piece--title,.tl-piece--body,.tl-piece--note{grid-column:1/-1!important}.tl-piece--note{justify-self:start}}@media (min-width:960px){.tl-stage{grid-template-columns:minmax(0,1fr) 19.5rem;align-items:start;gap:1.25rem 1.5rem;display:grid}.tl-preview{position:sticky;top:4.75rem}.tl-sheet{max-height:calc(100dvh - 5.75rem);padding-right:.2rem;position:sticky;top:4.75rem;overflow:auto}.tl-sheet[data-open=false] .tl-controls{visibility:visible}}html[data-contrast=more] .tl-readout,html[data-contrast=more] .tl-specimen__sample,html[data-contrast=more] .tl-status,html[data-contrast=more] .tl-top p{color:var(--fg)}html[data-contrast=more] .tl-canvas,html[data-contrast=more] .tl-pill,html[data-contrast=more] .tl-specimen{border-color:var(--fg)}html[data-motion=reduce] .tl-sheet,html[data-motion=reduce] .tl-piece--title h2,html[data-motion=reduce] .tl-piece--body,html[data-motion=reduce] .tl-piece--note{transition:none}