._5xri9q_closingStory{background:var(--cc-light-foreground);isolation:isolate;position:relative;overflow:hidden}html.dark ._5xri9q_closingStory{background:var(--cc-dark-canvas-background)}._5xri9q_closingGrid,._5xri9q_closingTone{pointer-events:none;position:absolute;inset:0}._5xri9q_closingGrid{z-index:0;color:color-mix(in srgb, var(--cc-subtle-foreground) 34%, transparent);opacity:.72;-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);background-image:radial-gradient(circle,currentColor 1px,#0000 1.3px);background-size:26px 26px}._5xri9q_closingTone{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--cc-light-foreground) 28%, transparent) 0%, transparent 26%, transparent 74%, color-mix(in srgb, var(--cc-light-foreground) 28%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--cc-light-foreground) 20%, transparent) 0%, transparent 18%, transparent 82%, color-mix(in srgb, var(--cc-light-foreground) 20%, transparent) 100%)}html.dark ._5xri9q_closingTone{background:linear-gradient(90deg, color-mix(in srgb, var(--cc-dark-canvas-background) 24%, transparent) 0%, transparent 26%, transparent 74%, color-mix(in srgb, var(--cc-dark-canvas-background) 24%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--cc-dark-canvas-background) 18%, transparent) 0%, transparent 18%, transparent 82%, color-mix(in srgb, var(--cc-dark-canvas-background) 18%, transparent) 100%)}._5xri9q_closingContent{z-index:3;position:relative}._5xri9q_closingBottomCanvas{isolation:isolate;background:radial-gradient(circle at 82% 44%, #0ea5e914, transparent 33rem), radial-gradient(circle at 18% 76%, #f43f5e0f, transparent 31rem), var(--cc-light-surface-background);clip-path:polygon(0 4.75%,4% 5.12%,8% 5.48%,12% 5.82%,16% 6.08%,20% 6.2%,24% 6.16%,28% 5.98%,32% 5.68%,36% 5.3%,40% 4.88%,44% 4.44%,48% 4.02%,52% 3.62%,56% 3.28%,60% 3%,64% 2.78%,68% 2.66%,72% 2.66%,76% 2.78%,80% 2.98%,84% 3.22%,88% 3.5%,92% 3.78%,96% 4.04%,100% 4.28%,100% 100%,0 100%);margin-top:-8rem;padding-top:8rem;position:relative;overflow:hidden}html.dark ._5xri9q_closingBottomCanvas{background:radial-gradient(circle at 82% 44%, #0ea5e91a, transparent 34rem), radial-gradient(circle at 18% 76%, #f43f5e14, transparent 31rem), var(--cc-dark-canvas-background)}._5xri9q_bottomCanvasGrid,._5xri9q_bottomParallax{pointer-events:none;position:absolute;inset:0}._5xri9q_bottomCanvasGrid{z-index:0;color:color-mix(in srgb, var(--cc-muted-foreground) 30%, transparent);opacity:.72;-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);background-image:radial-gradient(circle,currentColor 1px,#0000 1.3px);background-size:26px 26px}html.dark ._5xri9q_bottomCanvasGrid{color:color-mix(in srgb, var(--cc-subtle-foreground) 28%, transparent)}._5xri9q_bottomParallax{z-index:1;overflow:hidden}._5xri9q_bottomParallaxCurve{opacity:.23;mix-blend-mode:multiply;will-change:transform;width:100%;height:43rem;-webkit-mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);background-image:url(/img/illustrations/cc-herocurve2.png);background-position:top;background-repeat:no-repeat;background-size:100%;position:absolute;top:17%;left:0}html.dark ._5xri9q_bottomParallaxCurve{opacity:.14;mix-blend-mode:screen}._5xri9q_equationSection{color:var(--cc-foreground-inverse);background:0 0;position:relative;overflow:hidden}html.dark ._5xri9q_equationSection{color:var(--cc-light-foreground);background:radial-gradient(circle at 15% 24%, #0ea5e912, transparent 28rem), radial-gradient(circle at 82% 78%, #f43f5e0d, transparent 30rem), var(--cc-light-surface-background)}._5xri9q_testimonialSection{isolation:isolate;color:var(--cc-light-foreground);background:0 0;position:relative;overflow:hidden}html.dark ._5xri9q_testimonialSection{color:var(--cc-light-border);background:0 0}._5xri9q_testimonialWash{z-index:1;pointer-events:none;background:linear-gradient(135deg,#0ea5e914 0%,#0000 32%),linear-gradient(315deg,#f43f5e12 0%,#0000 30%);position:absolute;inset:0}._5xri9q_testimonialContent{z-index:3;position:relative}._5xri9q_finalCtaSection{color:var(--cc-light-foreground);background:0 0;position:relative;overflow:hidden}html.dark ._5xri9q_finalCtaSection{color:var(--cc-foreground);background:0 0}@media (max-width:767px){._5xri9q_bottomParallaxCurve{opacity:.18;height:32rem;top:22%}._5xri9q_closingBottomCanvas{clip-path:polygon(0 3.8%,6% 4.28%,12% 4.7%,18% 4.98%,24% 5.08%,30% 4.96%,36% 4.62%,42% 4.16%,48% 3.58%,54% 3%,60% 2.52%,66% 2.24%,72% 2.18%,78% 2.34%,84% 2.66%,90% 3.08%,96% 3.5%,100% 3.78%,100% 100%,0 100%)}}
.oSLhDG_section{--fp-strip-shadow-1:color-mix(in srgb, var(--cc-shadow-colour) 12%, transparent);--fp-strip-shadow-2:color-mix(in srgb, var(--cc-shadow-colour) 8%, transparent);--fp-dot-shadow:color-mix(in srgb, var(--cc-shadow-colour) 30%, transparent);--fp-overlay-fg:var(--cc-light-foreground);--fp-overlay-inverse:var(--cc-neutral-white);--fp-section-min-height:280vh;--fp-stage-top-padding:0rem;--fp-overlay-bottom:clamp(2rem, 4vw, 3.5rem);--fp-sticky-header-offset:var(--cc-sticky-header-offset,0px);--fp-card-reveal-translate:1.6rem;box-sizing:border-box;min-height:var(--fp-section-min-height);position:relative}html.dark .oSLhDG_section{--fp-strip-shadow-1:color-mix(in srgb, var(--cc-shadow-colour) 56%, transparent);--fp-strip-shadow-2:color-mix(in srgb, var(--cc-shadow-colour) 38%, transparent);--fp-dot-shadow:color-mix(in srgb, var(--cc-shadow-colour) 65%, transparent);--fp-overlay-fg:var(--cc-neutral-white);--fp-overlay-inverse:var(--cc-light-foreground)}.oSLhDG_stage{top:var(--fp-sticky-header-offset);min-height:calc(100vh - var(--fp-sticky-header-offset));padding:var(--fp-stage-top-padding) 0 0;position:sticky}.oSLhDG_sceneCard{width:100%;box-shadow:none;background:0 0;border:0}.oSLhDG_sceneContent{min-height:calc(100vh - var(--fp-sticky-header-offset) - var(--fp-stage-top-padding));grid-template-rows:minmax(0,1fr);padding:0;display:grid}.oSLhDG_headerStrip{inset-inline:0;top:calc(100dvh - var(--fp-overlay-height,0px));z-index:1;box-sizing:border-box;width:min(100%,72rem);padding-inline:1.5rem;padding-top:var(--fp-overlay-bottom);padding-bottom:max(var(--fp-overlay-bottom), env(safe-area-inset-bottom));color:var(--fp-overlay-fg);justify-content:space-between;align-items:flex-end;gap:1rem;margin:0 auto;display:flex;position:sticky}.oSLhDG_headerText{overflow-wrap:anywhere;min-width:0}.oSLhDG_eyebrow{letter-spacing:.17em;text-transform:uppercase;color:inherit;margin:0;font-size:.72rem;font-weight:700;line-height:1}.oSLhDG_title{color:inherit;margin:.45rem 0 0;font-size:clamp(2rem,4.2vw,3rem);font-weight:760;line-height:1.05}.oSLhDG_description{max-width:62ch;color:inherit;margin:.85rem 0 0;font-size:clamp(.98rem,1.8vw,1.1rem)}.oSLhDG_ctaRow{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.65rem;display:flex}.oSLhDG_deck{width:100vw;min-height:0;margin-inline:calc(50% - 50vw);position:relative}.oSLhDG_scales{isolation:isolate;position:absolute;inset:0}.oSLhDG_scaleCard{inset-inline:0;top:var(--stack-offset);box-shadow:none;clip-path:inset(calc((1 - var(--card-progress)) * 100%) 0 0 0);transform:translateY(calc((1 - var(--card-progress)) * var(--fp-card-reveal-translate)));opacity:calc(.2 + var(--card-progress) * .8);background:0 0;border:0;border-radius:0;padding:0;transition:transform .22s,opacity .15s linear,clip-path .22s;position:absolute;bottom:0;overflow:clip}.oSLhDG_swatchStrip{height:100%;box-shadow:0 8px 22px var(--fp-strip-shadow-1), 0 1px 2px var(--fp-strip-shadow-2);border-radius:0;grid-auto-columns:minmax(2.8rem,1fr);grid-auto-flow:column;display:grid;overflow:clip}.oSLhDG_swatch{background-color:var(--swatch-light,var(--cc-neutral-white));place-items:center;height:100%;transition:background-color .16s linear;display:grid;position:relative}.oSLhDG_swatchOverlay{--fp-overlay-fg:var(--fp-overlay-light);--fp-overlay-inverse:var(--fp-overlay-inverse-light);pointer-events:none;position:absolute;inset:0;overflow:clip}html.dark .oSLhDG_swatchOverlay{--fp-overlay-fg:var(--fp-overlay-dark);--fp-overlay-inverse:var(--fp-overlay-inverse-dark)}.oSLhDG_paintedHeader{margin:0;margin-top:calc(-1 * var(--stack-offset));pointer-events:none;transform:translateY(calc((var(--card-progress) - 1) * var(--fp-card-reveal-translate)));transition:transform .22s;inset-inline:auto}html.dark .oSLhDG_swatch{background-color:var(--swatch-dark,var(--swatch-light,var(--cc-neutral-white)))}.oSLhDG_swatchDot{color:var(--dot-light,var(--cc-light-foreground));text-shadow:0 0 .5px var(--fp-dot-shadow);pointer-events:none;font-size:clamp(1rem,1.65vw,1.55rem);font-weight:700;line-height:1}html.dark .oSLhDG_swatchDot{color:var(--dot-dark,var(--dot-light,var(--cc-light-foreground)))}.oSLhDG_cta{background:var(--fp-overlay-fg);color:var(--fp-overlay-inverse);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem .95rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:filter .14s;display:inline-flex}.oSLhDG_cta:hover,.oSLhDG_cta[data-hovered=true]{filter:brightness(.9)}.oSLhDG_ctaSecondary{border:1px solid var(--fp-overlay-fg);color:var(--fp-overlay-fg);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem .95rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:background-color .14s,border-color .14s;display:inline-flex}.oSLhDG_ctaSecondary:hover,.oSLhDG_ctaSecondary[data-hovered=true]{background:color-mix(in srgb, var(--fp-overlay-fg) 10%, transparent)}.oSLhDG_cta:focus-visible,.oSLhDG_ctaSecondary:focus-visible,.oSLhDG_cta[data-focused=true],.oSLhDG_ctaSecondary[data-focused=true]{outline:2px solid var(--fp-overlay-fg);outline-offset:4px}@media (prefers-reduced-motion:reduce){.oSLhDG_scaleCard,.oSLhDG_paintedHeader{transition:none}}@media (max-width:920px){.oSLhDG_headerStrip{flex-direction:column;align-items:flex-start}.oSLhDG_ctaRow{justify-content:flex-start}.oSLhDG_swatchStrip{grid-auto-columns:minmax(1.35rem,1fr)}}
.qWI9CW_features{background:var(--feature-wash);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--feature-foreground:var(--cc-foreground);--feature-description:var(--cc-muted-foreground);--feature-inactive:var(--cc-muted-foreground);border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;min-height:26rem;padding:2.75rem 1.5rem;display:grid}.qWI9CW_tabs{--tab-size:2.75rem;--tab-gap:.5rem;isolation:isolate;justify-content:center;gap:var(--tab-gap);border:1px solid color-mix(in srgb, var(--cc-neutral-border) 80%, transparent);background:color-mix(in srgb, var(--cc-raised-panel-background) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;flex-direction:column;grid-area:1/1;padding:.375rem;display:flex;position:relative}.qWI9CW_tabIndicator{width:var(--tab-size);height:var(--tab-size);background-color:var(--feature-tab-background);transform:translateY(calc(var(--active-tab-index) * (var(--tab-size) + var(--tab-gap))));pointer-events:none;border-radius:.75rem;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s linear;position:absolute;top:.375rem;left:.375rem}.qWI9CW_tab{z-index:1;width:var(--tab-size);height:var(--tab-size);color:var(--feature-inactive);cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.qWI9CW_tab:hover{color:var(--feature-accent);background:var(--feature-wash)}.qWI9CW_tab[aria-selected=true]{color:var(--feature-accent);background:0 0}.qWI9CW_tab:focus-visible,.qWI9CW_panel:focus-visible{outline:2px solid var(--feature-accent);outline-offset:4px}.qWI9CW_features[data-feature=paths],.qWI9CW_tab[data-feature=paths],.qWI9CW_panel[data-feature=paths]{--feature-accent:#b91c1c;--feature-tab-background:#fee2e2;--feature-wash:#fffbfccc}.qWI9CW_features[data-feature=accessibility],.qWI9CW_tab[data-feature=accessibility],.qWI9CW_panel[data-feature=accessibility]{--feature-accent:#047857;--feature-tab-background:#d1fae5;--feature-wash:#f8fefbcc}.qWI9CW_features[data-feature=design],.qWI9CW_tab[data-feature=design],.qWI9CW_panel[data-feature=design]{--feature-accent:#1d4ed8;--feature-tab-background:#dbeafe;--feature-wash:#f6faffcc}.qWI9CW_features[data-feature=code],.qWI9CW_tab[data-feature=code],.qWI9CW_panel[data-feature=code]{--feature-accent:#6d28d9;--feature-tab-background:#ede9fe;--feature-wash:#faf8ffcc}.qWI9CW_accessibilityIcon{font-size:.75rem;font-weight:700}.qWI9CW_panel{grid-area:1/2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:stretch;align-items:center;gap:clamp(2rem,4vw,4rem);min-width:0;padding:0 1.5rem;display:grid}.qWI9CW_panel[data-active=false]{visibility:hidden;pointer-events:none}.qWI9CW_copy{max-width:27rem}.qWI9CW_copy h3{color:var(--feature-foreground);font-size:1.5rem;font-weight:600;line-height:1.3}@supports ((-webkit-background-clip:text) or (background-clip:text)){.qWI9CW_scaleGradient{background-image:var(--path-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.qWI9CW_scaleGradient{color:inherit;background-image:none}}.qWI9CW_copy p{color:var(--feature-description);margin-top:.5rem;font-size:1.125rem;line-height:1.5}.qWI9CW_featureCta{min-height:2.75rem;color:var(--feature-accent);background:0 0;border:1px solid;border-radius:.375rem;justify-content:center;align-items:center;margin-top:1.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;display:inline-flex}.qWI9CW_featureCta:hover{background:var(--feature-tab-background)}.qWI9CW_featureCta:focus-visible{outline:2px solid var(--feature-accent);outline-offset:4px}.qWI9CW_illustration{justify-content:center;align-items:center;min-width:0;display:flex}.qWI9CW_panel[data-feature=accessibility] .qWI9CW_illustration,.qWI9CW_panel[data-feature=code] .qWI9CW_illustration{grid-area:1/1}.qWI9CW_panel[data-feature=accessibility] .qWI9CW_copy,.qWI9CW_panel[data-feature=code] .qWI9CW_copy{grid-column:2}.qWI9CW_pathIllustration{width:100%;height:auto}.qWI9CW_pathDemo{width:100%;max-width:24rem}.qWI9CW_pointHandle{cursor:grab;touch-action:none;outline:none}.qWI9CW_pathIllustration[data-dragging=true],.qWI9CW_pathIllustration[data-dragging=true] .qWI9CW_pointHandle{cursor:grabbing}.qWI9CW_pointFocus{stroke:#0000}.qWI9CW_pointHandle:focus-visible .qWI9CW_pointFocus{stroke:var(--feature-accent)}.qWI9CW_shadeHex{fill:var(--feature-description);font-family:var(--font-mono), monospace;pointer-events:none;font-size:10px}.qWI9CW_contrastSwatches{align-items:center;gap:.625rem;width:100%;max-width:20rem;display:flex}.qWI9CW_contrastSwatches span{color:#fff;background:#2daf89;border-radius:.375rem;flex:1;justify-content:center;align-items:center;height:12rem;font-size:1rem;display:flex}.qWI9CW_contrastSwatches span:nth-child(2){background:#228f70;height:14rem}.qWI9CW_contrastSwatches span:nth-child(3){background:#0a6149}.qWI9CW_designIllustration{object-fit:contain;width:100%;max-width:28rem;height:auto}.qWI9CW_codeWindow{border:1px solid var(--cc-dark-border);background:var(--cc-dark-field-background);width:100%;max-width:28rem;box-shadow:0 12px 32px color-mix(in srgb, var(--cc-shadow-colour) 8%, transparent);border-radius:.625rem;overflow:hidden}.qWI9CW_codeToolbar{border-bottom:1px solid var(--cc-dark-border);height:2.625rem;color:var(--cc-dark-soft-foreground);font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.6875rem;display:flex}.qWI9CW_windowDots{gap:.3125rem;display:flex}.qWI9CW_windowDots span{background:var(--cc-dark-border-strong);border-radius:50%;width:.4375rem;height:.4375rem}.qWI9CW_codeLanguage{color:var(--cc-dark-muted-foreground)}.qWI9CW_codeBlock{color:var(--cc-dark-foreground);font-family:var(--font-mono), monospace;tab-size:2;padding:1.25rem;font-size:clamp(.625rem,1.05vw,.8125rem);line-height:1.8;overflow-x:auto}.qWI9CW_codeComment{color:var(--cc-dark-muted-foreground)}.qWI9CW_codeSelector{color:#c4b5fd}.qWI9CW_codeProperty{color:#a5b4fc}.qWI9CW_codeValue{color:#a7f3d0}.qWI9CW_codeFunction{color:#f9a8d4}html.dark .qWI9CW_codeWindow{border-color:var(--cc-neutral-border);background:var(--cc-neutral-background)}html.dark .qWI9CW_codeToolbar{border-bottom-color:var(--cc-neutral-border)}html.dark .qWI9CW_windowDots span{background:var(--cc-neutral-border-strong)}html.dark .qWI9CW_features{--feature-foreground:var(--cc-dark-foreground);--feature-description:var(--cc-dark-soft-foreground);--feature-inactive:var(--cc-muted-foreground)}html.dark .qWI9CW_tabs{border-color:color-mix(in srgb, var(--cc-neutral-border) 60%, transparent);background:color-mix(in srgb, var(--cc-raised-panel-background) 94%, transparent)}:is(html.dark .qWI9CW_features[data-feature=paths],html.dark .qWI9CW_tab[data-feature=paths],html.dark .qWI9CW_panel[data-feature=paths]){--feature-accent:#fca5a5;--feature-tab-background:#ef444433;--feature-wash:#21191fcc}:is(html.dark .qWI9CW_features[data-feature=accessibility],html.dark .qWI9CW_tab[data-feature=accessibility],html.dark .qWI9CW_panel[data-feature=accessibility]){--feature-accent:#6ee7b7;--feature-tab-background:#10b98133;--feature-wash:#112320cc}:is(html.dark .qWI9CW_features[data-feature=design],html.dark .qWI9CW_tab[data-feature=design],html.dark .qWI9CW_panel[data-feature=design]){--feature-accent:#93c5fd;--feature-tab-background:#3b82f633;--feature-wash:#142133cc}:is(html.dark .qWI9CW_features[data-feature=code],html.dark .qWI9CW_tab[data-feature=code],html.dark .qWI9CW_panel[data-feature=code]){--feature-accent:#c4b5fd;--feature-tab-background:#8b5cf633;--feature-wash:#1e1b30cc}@media (max-width:767px){.qWI9CW_features{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:33rem;padding:2rem 1.5rem}.qWI9CW_tabs{flex-direction:row;justify-self:center}.qWI9CW_tabIndicator{transform:translateX(calc(var(--active-tab-index) * (var(--tab-size) + var(--tab-gap))))}.qWI9CW_panel{grid-area:2/1;grid-template-columns:minmax(0,1fr);gap:2rem;padding:0}.qWI9CW_copy,.qWI9CW_panel[data-feature=accessibility] .qWI9CW_copy,.qWI9CW_panel[data-feature=code] .qWI9CW_copy{grid-area:1/1}.qWI9CW_illustration,.qWI9CW_panel[data-feature=accessibility] .qWI9CW_illustration,.qWI9CW_panel[data-feature=code] .qWI9CW_illustration{grid-area:2/1}.qWI9CW_copy h3{font-size:1.25rem}.qWI9CW_copy p{font-size:1rem}.qWI9CW_contrastSwatches{max-width:16rem}.qWI9CW_contrastSwatches span{height:9rem}.qWI9CW_contrastSwatches span:nth-child(2){height:10.5rem}.qWI9CW_codeBlock{padding:1rem;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.qWI9CW_tabIndicator{transition:none}}