@font-face{font-family:'Berkeley Mono';src:url(/fonts/BerkeleyMonoVariable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}.font-mono,code,kbd,pre,samp{font-family:'Berkeley Mono',ui-monospace,SFMono-Regular,Menlo,monospace!important}:root{--text-h1:1.75rem;--leading-h1:2.125rem;--weight-h1:600;--tracking-h1:-0.02em;--text-lead:1.0625rem;--leading-lead:1.625rem;--text-h2:1.25rem;--leading-h2:1.75rem;--weight-h2:600;--tracking-h2:-0.012em;--text-h3:1rem;--leading-h3:1.5rem;--weight-h3:600;--tracking-h3:-0.005em;--text-body:0.9375rem;--leading-body:1.5rem;--text-small:0.875rem;--leading-small:1.375rem;--text-code:0.8667em;--text-pre:0.8125rem;--leading-pre:1.25rem}h1,h2,h3,h4,h5,h6{font-family:'IBM Plex Sans',sans-serif!important}h1{font-weight:600!important}h2,h3,h4,h5,h6{font-weight:500!important;letter-spacing:.02em!important}h4,h5,h6{letter-spacing:.01em!important}#page-title{font-size:var(--text-h1)!important;line-height:var(--leading-h1)!important;font-weight:var(--weight-h1)!important;letter-spacing:var(--tracking-h1)!important}#header>.prose,#header>.prose p{font-size:var(--text-lead)!important;line-height:var(--leading-lead)!important}#content h2[id]{font-size:var(--text-h2)!important;line-height:var(--leading-h2)!important;font-weight:var(--weight-h2)!important;letter-spacing:var(--tracking-h2)!important}#content h3[id]{font-size:var(--text-h3)!important;line-height:var(--leading-h3)!important;font-weight:var(--weight-h3)!important;letter-spacing:var(--tracking-h3)!important}#content,#content .prose{font-size:var(--text-body);line-height:var(--leading-body)}#content [data-component-part=step-title]{font-size:var(--text-h3);line-height:var(--leading-h3)}.callout [data-component-part=callout-content]{font-size:var(--text-small)!important;line-height:var(--leading-small)!important}#content :not(pre)>code{font-size:var(--text-code)!important;font-weight:400!important;background-color:rgba(0,0,0,.05)!important;padding:.125em .3125em!important;border-radius:.3125em!important}@media (min-width:640px){#content :not(pre)>code{white-space:nowrap}}#content pre{font-size:var(--text-pre)!important;line-height:var(--leading-pre)!important}#content .card h2{font-size:1rem!important;line-height:1.5rem!important;font-weight:500!important;letter-spacing:-.01em!important}#content .card .prose{font-size:.9375rem!important;line-height:1.5rem!important}html{scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:rgba(155,155,155,.5) transparent}.dark :hover{scrollbar-color:rgba(100,100,100,.5) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}:hover::-webkit-scrollbar-thumb{background:rgba(155,155,155,.5)}::-webkit-scrollbar-thumb:hover{background:rgba(155,155,155,.7)}.dark ::-webkit-scrollbar-thumb{background:0 0}.dark :hover::-webkit-scrollbar-thumb{background:rgba(100,100,100,.5)}.dark ::-webkit-scrollbar-thumb:hover{background:rgba(100,100,100,.7)}table td,table th{padding-left:.5rem;padding-right:.5rem}td code{white-space:nowrap}#sidebar a:not([aria-current=page]) img[src*='/images/codesmith-icon.svg'],#sidebar a:not([aria-current=page]) img[src*='/images/proof-icon.svg'],a:not([aria-current=page]) img[src*='/images/bazel-icon.svg']{filter:grayscale(1);opacity:.55}header .nav-tabs-item:not([data-active=true]):not([aria-current=location]) img[src*='/images/codesmith-icon.svg'],header .nav-tabs-item:not([data-active=true]):not([aria-current=location]) img[src*='/images/proof-icon.svg']{opacity:.8}html.dark img[src*='/images/codesmith-icon.svg'],html.dark img[src*='/images/proof-icon.svg']{filter:invert(1)}.codesmith-feature-list{display:flex;flex-direction:column;gap:.5rem;margin:0}.codesmith-feature-item{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:none;width:100%;margin:0;padding:.625rem .75rem;border:0;border-radius:0;background:0 0;color:inherit;font:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease;opacity:.72}.codesmith-feature-label{flex:1;min-width:0;white-space:nowrap}.codesmith-feature-learn-more{flex-shrink:0;display:inline-flex;align-items:center;padding:.375rem .625rem;border:1px solid rgba(0,0,0,.14);border-radius:.375rem;background:rgba(255,255,255,.65);font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap;color:inherit;text-decoration:none;opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease,background-color .15s ease,border-color .15s ease;position:relative;z-index:1}html.dark .codesmith-feature-learn-more{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.codesmith-feature-item:hover .codesmith-feature-learn-more{opacity:1;transform:translateX(0)}.codesmith-feature-item.is-active:hover .codesmith-feature-learn-more,.product-embed iframe.is-ready{opacity:1}.codesmith-feature-learn-more:hover{opacity:1;text-decoration:none;background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.22)}html.dark .codesmith-feature-learn-more:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}.codesmith-feature-item:hover{opacity:.92}.codesmith-feature-item.is-active{opacity:1;font-weight:500}.codesmith-feature-list--design-3 .codesmith-feature-item{padding-left:.875rem;border:0;border-left:3px solid transparent;border-radius:0}.codesmith-feature-list--design-3 .codesmith-feature-item:hover{background:rgba(0,0,0,.03)}html.dark .codesmith-feature-list--design-3 .codesmith-feature-item:hover{background:rgba(255,255,255,.04)}.codesmith-feature-list--design-3 .codesmith-feature-item.is-active{border-left-color:#1a1a1a;background:rgba(0,0,0,.04);opacity:1}html.dark .codesmith-feature-list--design-3 .codesmith-feature-item.is-active{border-left-color:#fff;background:rgba(255,255,255,.06)}.codesmith-feature-list--design-4{flex-direction:row;flex-wrap:wrap;gap:.5rem}.codesmith-feature-list--design-4 .codesmith-feature-item{width:auto;padding:.5rem .875rem;border:1px solid rgba(0,0,0,.1);border-radius:9999px;font-size:.8125rem}html.dark .codesmith-feature-list--design-4 .codesmith-feature-item{border-color:rgba(255,255,255,.12)}.codesmith-feature-list--design-4 .codesmith-feature-item:hover{border-color:rgba(0,0,0,.18);background:rgba(0,0,0,.03)}html.dark .codesmith-feature-list--design-4 .codesmith-feature-item:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)}.codesmith-feature-list--design-4 .codesmith-feature-item.is-active{border-color:rgba(0,0,0,.85);background:rgba(0,0,0,.06)}html.dark .codesmith-feature-list--design-4 .codesmith-feature-item.is-active{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.1)}.codesmith-feature-list--design-5{gap:.75rem}.codesmith-feature-list--design-5 .codesmith-feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;border:1px dashed rgba(0,0,0,.12)}html.dark .codesmith-feature-list--design-5 .codesmith-feature-item{border-color:rgba(255,255,255,.14)}.codesmith-feature-list--design-5 .codesmith-feature-item:hover{border-style:solid;background:rgba(0,0,0,.02)}html.dark .codesmith-feature-list--design-5 .codesmith-feature-item:hover{background:rgba(255,255,255,.03)}.codesmith-feature-list--design-5 .codesmith-feature-item.is-active{border-style:solid;border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.05)}html.dark .codesmith-feature-list--design-5 .codesmith-feature-item.is-active{border-color:rgba(96,165,250,.45);background:rgba(96,165,250,.08)}.codesmith-feature-step-num{flex-shrink:0;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1;opacity:.55;background:rgba(0,0,0,.06)}html.dark .codesmith-feature-step-num{background:rgba(255,255,255,.08)}.codesmith-feature-item.is-active .codesmith-feature-step-num{opacity:1;background:#2563eb;color:#fff}html.dark .codesmith-feature-item.is-active .codesmith-feature-step-num{background:#60a5fa;color:#0a0a0a}.codesmith-feature-step-label{flex:1;min-width:0}.codesmith-feature-designs{margin:0 0 2.5rem;padding:1.25rem 0 0;border-top:1px solid rgba(0,0,0,.08)}html.dark .codesmith-feature-designs{border-top-color:rgba(255,255,255,.1)}.codesmith-feature-designs-heading{margin:0 0 1rem;font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.codesmith-feature-designs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.875rem}.codesmith-feature-design-card{min-width:0;padding:.875rem;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;background:rgba(0,0,0,.015)}html.dark .codesmith-feature-design-card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.codesmith-feature-design-card.is-live{border-color:rgba(235,255,90,.55);box-shadow:inset 0 0 0 1px rgba(235,255,90,.25)}.codesmith-feature-design-label{margin:0 0 .625rem;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;opacity:.5}.codesmith-feature-design-card.is-live .codesmith-feature-design-label{opacity:.85}.codesmith-feature-design-card .codesmith-feature-list{margin:0;pointer-events:none}.codesmith-feature-design-card .codesmith-feature-item{cursor:default;font-size:.75rem;padding-top:.5rem;padding-bottom:.5rem;pointer-events:none}.codesmith-feature-design-card .codesmith-feature-list--design-4 .codesmith-feature-item{font-size:.6875rem;padding:.375rem .625rem}@media (max-width:1100px){.codesmith-feature-designs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.codesmith-feature-designs-grid{grid-template-columns:1fr}}.codesmith-button{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;border:1px solid transparent}.codesmith-button-primary{background:#2563eb;color:#fff}.codesmith-button-primary:hover{background:#1d4ed8;color:#fff}.codesmith-button-secondary{border-color:rgba(0,0,0,.12);background:0 0;color:inherit}html.dark .codesmith-button-secondary{border-color:rgba(255,255,255,.14)}.codesmith-button-secondary:hover{background:rgba(0,0,0,.04)}html.dark .codesmith-button-secondary:hover{background:rgba(255,255,255,.06)}.codesmith-carousel{min-width:0;width:100%}.codesmith-carousel-media{border:1px solid rgba(0,0,0,.08);border-radius:.5rem;background:rgba(0,0,0,.03);overflow:hidden;width:100%;max-width:35.5rem;aspect-ratio:16/9;max-height:320px;display:flex;align-items:center;justify-content:center}html.dark .codesmith-carousel-media{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.codesmith-carousel-video{display:block;width:100%;height:100%;object-fit:contain}.codesmith-page-video{display:block;width:100%;aspect-ratio:16/9;max-height:300px;object-fit:contain}.codesmith-page-video-wrap{max-width:36rem;margin:1.25rem auto 1.5rem}.codesmith-hero-cta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;width:100%;margin:1.25rem 0 2.5rem}.codesmith-button-slack{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;box-sizing:border-box;height:2.5rem;padding:0 1.25rem;border:1px solid rgba(0,0,0,.18);border-radius:.375rem;background:#fff;color:#1d1c1d;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none!important;transition:background-color .15s ease,border-color .15s ease}.codesmith-button-slack:hover{background:#f8f8f8;color:#1d1c1d;border-color:rgba(0,0,0,.28)}html.dark .codesmith-button-slack{border-color:rgba(255,255,255,.18);background:#fff;color:#1d1c1d}.codesmith-button-slack-icon{display:block;width:1.125rem;height:1.125rem;flex-shrink:0}.codesmith-carousel-cta{margin-top:1rem}.codesmith-hero-cta .codesmith-button-yellow{width:auto;min-width:12rem;max-width:100%;padding:.625rem 1.5rem;border:1px solid rgba(0,0,0,.18);background:#1a1a1a;color:#ebff5a}html.dark .codesmith-hero-cta .codesmith-button-yellow{border-color:rgba(255,255,255,.12);background:#1a1a1a;color:#ebff5a}.codesmith-button-yellow{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:2.5rem;padding:.625rem 1rem;border:0;border-radius:.375rem;background:#ebff5a;color:#1a1a1a;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.codesmith-button-yellow:hover{background:#e0f550;color:#1a1a1a}.codesmith-hero-cta .codesmith-button-yellow:hover{background:#2a2a2a;color:#ebff5a;border-color:rgba(0,0,0,.28)}html.dark .codesmith-hero-cta .codesmith-button-yellow:hover{background:#2a2a2a;color:#ebff5a;border-color:rgba(255,255,255,.18)}@media (max-width:900px){.codesmith-hero{grid-template-columns:1fr}.codesmith-feature-learn-more{display:none}.codesmith-feature-item{justify-content:flex-start}.codesmith-feature-label{flex:none;font-size:.8125rem}}@media (max-width:480px){.codesmith-feature-label{font-size:.75rem}}body:has(.home-landing:not(.why-page)) header .nav-tabs-item[aria-current=location],body:has(.home-landing:not(.why-page)) header .nav-tabs-item[data-active=true]{color:#4b5563;text-shadow:none!important}body:has(.home-landing:not(.why-page)) header .nav-tabs-item[aria-current=location]:hover,body:has(.home-landing:not(.why-page)) header .nav-tabs-item[data-active=true]:hover{color:#1f2937}body:has(.home-landing:not(.why-page)) header .nav-tabs-item[aria-current=location]>.absolute.bottom-0,body:has(.home-landing:not(.why-page)) header .nav-tabs-item[data-active=true]>.absolute.bottom-0{display:none!important}.home-landing{width:100%;padding:6rem 1.5rem}.home-landing-inner{max-width:42rem;margin:0 auto}.home-landing a{color:inherit;text-decoration:none;border-bottom:0}.home-title{margin:0 0 1.25rem;font-size:clamp(2.25rem,5vw,2.875rem);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:#1a1a1a}.home-lead{margin:0 0 1.625rem;font-size:1.09rem;line-height:1.6;color:#66665f}.home-actions{display:flex;align-items:center;gap:.5rem}#content-area .try-codesmith a.try-codesmith-button,.home-landing a.home-primary,.home-landing a.home-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;box-sizing:border-box;min-height:2rem;padding:0 .875rem;border-radius:999px;font-size:.8125rem;font-weight:400;line-height:1;letter-spacing:-.1px;white-space:nowrap;text-decoration:none}#content-area .try-codesmith a.try-codesmith-button>span,.home-landing a.home-primary>span,.home-landing a.home-secondary>span{text-box:trim-both cap alphabetic}#content-area .try-codesmith a.try-codesmith-button,.home-landing a.home-primary{border:2px solid transparent;background:#313435;color:#fff}#content-area .try-codesmith a.try-codesmith-button:is(:hover, :focus-visible, :visited){text-decoration:none}#content-area .try-codesmith a.try-codesmith-button:hover,.home-landing a.home-primary:hover{background:#161718}.home-landing a.home-secondary{border:1px solid #dfdfdf;color:#202122}.home-landing a.home-secondary:hover{background:#e8e8e8}.try-codesmith{margin:1rem 0;padding:.875rem 1rem;border:1px solid var(--component-border);border-radius:12px;background-color:var(--component-surface)}.try-codesmith p{margin:0;font-size:.9375rem;line-height:1.6;color:#202122}.try-codesmith-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.75rem}.try-codesmith-label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:500;color:#85857d}.try-codesmith p.try-codesmith-result{margin-top:.375rem;font-size:.875rem;color:#66665f}.example-meta p span,.try-codesmith-result span{color:#202122}#content-area .try-codesmith a.try-codesmith-link{margin-right:auto;font-size:.8125rem;color:#66665f;text-decoration:none;border-bottom:0}#content-area .try-codesmith a.try-codesmith-link:hover{color:#1a1a1a}.home-diff{margin-top:2.75rem;padding:1rem 1.25rem;border-radius:10px;background:rgba(255,255,255,.7);font-family:'Berkeley Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;line-height:1.8;overflow-x:auto;white-space:nowrap}.home-diff-del{color:#a0726f}.home-diff-add{padding:1px 4px;margin-left:-4px;border-radius:3px;background:#f1ff9e;color:#1a1a1a}.home-label{margin:4.5rem 0 .75rem;font-size:1.125rem;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#1a1a1a}.home-label+.home-thesis{margin-top:.25rem}.home-thesis{margin:0 0 1rem;font-size:1rem;line-height:1.7;color:#4a4a45}.home-list{margin:0;padding:0;list-style:none}.home-thesis+.home-list{margin-top:1.5rem}.home-row{display:grid;grid-template-columns:9.5rem 1fr 1.25rem;gap:0 1.5rem;align-items:baseline;padding:.8125rem 0;border-top:1px solid rgba(0,0,0,.07)}.home-row:last-child{border-bottom:1px solid rgba(0,0,0,.07)}.home-row-name{font-size:.9375rem;font-weight:500;color:#1a1a1a}.home-row-note{display:block;margin-top:.125rem;font-size:.75rem;font-weight:400;color:#85857d}.home-row-desc{font-size:.875rem;line-height:1.55;color:#66665f}.home-row-arrow{color:#c2c2ba;transition:color 150ms ease,transform 150ms ease}.home-landing a.home-row:hover .home-row-arrow{color:#1a1a1a;transform:translateX(2px)}.home-landing a.home-row:hover .home-row-desc{color:#3a3a36}@media (max-width:640px){.home-landing{padding:4rem 1.25rem 5rem}.home-label{margin-top:3.5rem}.home-row{grid-template-columns:1fr 1.25rem;gap:.25rem 1rem}.home-row-desc{grid-column:1}.home-row-arrow{grid-column:2;grid-row:1}}.codesmith-scope-rows{display:flex;flex-direction:column;gap:0;margin:1.25rem 0 1.75rem;border-top:1px solid rgba(0,0,0,.1)}.codesmith-scope-row{display:grid;grid-template-columns:auto 1fr;gap:.875rem;align-items:start;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.codesmith-scope-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-top:.1rem;color:#393c00}.codesmith-scope-icon svg{width:1.25rem;height:1.25rem}.codesmith-scope-copy{min-width:0}.codesmith-scope-title{margin:0 0 .35rem;font-size:.975rem;font-weight:600;line-height:1.35;color:#1a1a1a}.codesmith-scope-desc{margin:0;font-size:.9rem;line-height:1.55;opacity:.8}html.dark .codesmith-scope-row,html.dark .codesmith-scope-rows{border-color:rgba(255,255,255,.12)}html.dark .codesmith-scope-icon{color:#ebff5a}html.dark .codesmith-scope-title{color:inherit}.product-embed{margin:1.5rem 0;padding:clamp(16px,6%,48px);border-radius:16px;background:radial-gradient(120% 90% at 15% 0,rgba(255,255,255,.7),transparent 60%),linear-gradient(140deg,#e6e7d6 0,#d3d5b8 100%)}.product-embed-window{overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fafafa;box-shadow:0 0 0 .5px rgba(0,0,0,.05),0 2px 6px rgba(0,0,0,.06),0 22px 48px -12px rgba(30,32,0,.35)}.product-embed-window::before{content:"";display:block;height:28px;border-bottom:1px solid rgba(0,0,0,.08);background:radial-gradient(circle at 18px 50%,#ff5f57 5.5px,transparent 6px),radial-gradient(circle at 38px 50%,#febc2e 5.5px,transparent 6px),radial-gradient(circle at 58px 50%,#28c840 5.5px,transparent 6px),linear-gradient(#f4f4f4,#ebebeb)}.product-embed-screen{position:relative;width:100%;aspect-ratio:960/600;overflow:hidden;background-position:center;background-size:cover}.product-embed img.product-embed-poster{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;color:transparent}.product-embed iframe{position:absolute;top:0;left:0;z-index:1;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity 300ms ease}@media (prefers-reduced-motion:reduce){.product-embed iframe{transition:none}}#content :is(.code-block, .code-group) [data-component-part=scroll-area-viewport][data-overflow-x-end]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent)}#content :is(.code-block, .code-group) [data-component-part=scroll-area-viewport][data-overflow-x-start]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 2.5rem),transparent)}#content :is(.code-block, .code-group) [data-component-part=scroll-area-viewport][data-overflow-x-start][data-overflow-x-end]{-webkit-mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}#content [data-component-part=scroll-area-viewport]:has(>[data-component-part=scroll-area-content] pre.has-diff){padding-left:1.5rem!important}#content [data-component-part=code-block-root]:not(.has-line-numbers) .line-diff::before{left:-1.5rem;width:1.5rem}@media (hover:hover){#content :is(.code-block, .code-group) div:has(>[aria-label='Ask Assistant']){order:-1}#content :is(.code-block, .code-group) [aria-label='Ask Assistant']{opacity:0;transition:opacity 150ms ease}#content :is(.code-block, .code-group):is(:hover, :focus-within) [aria-label='Ask Assistant']{opacity:1}}#content :is(h2, h3, h4)[id] code{background-color:transparent!important;padding:0!important;font-weight:inherit!important;letter-spacing:0}#content a:has(>code){border-bottom-color:transparent!important}#content a>code{color:#393c00!important;background-color:rgba(57,60,0,.08)!important;box-shadow:inset 0 -1px 0 rgba(57,60,0,.6);border-radius:.3125em .3125em .125em .125em!important;transition:background-color 150ms ease}#content a:hover>code{background-color:rgba(57,60,0,.16)!important}html.dark #content a>code{color:#ebff5a!important;background-color:rgba(235,255,90,.1)!important;box-shadow:inset 0 -1px 0 rgba(235,255,90,.6)}html.dark #content a:hover>code{background-color:rgba(235,255,90,.18)!important}#content .callout :not(pre)>code{background-color:color-mix(in srgb,currentColor 10%,transparent)!important}#navigation-items .nav-anchor{margin:0 0 1px;padding:.375rem .75rem .375rem 1rem;border-radius:.75rem;font-weight:400;color:rgb(var(--gray-700));transition:background-color 120ms ease,color 120ms ease}#navigation-items .nav-anchor:hover{background-color:rgb(var(--gray-600)/.05);color:rgb(var(--gray-900))}#navigation-items .nav-anchor>div:first-child{margin-right:.75rem;padding:0;background:0 0!important;box-shadow:none!important}#navigation-items .nav-anchor>div:first-child svg{background-color:rgb(var(--gray-400))!important}#navigation-items .nav-anchor:hover>div:first-child svg{background-color:rgb(var(--gray-600))!important}#navigation-items li>a,#navigation-items li>button{transition:background-color 120ms ease,color 120ms ease}#navigation-items a[aria-current=page]{background-color:rgb(var(--primary)/.06);font-weight:500;text-shadow:none!important}#navigation-items li[data-group-tag]>button>div:last-child{margin-left:auto}#table-of-contents .toc-item>a{padding-top:.3125rem;padding-bottom:.3125rem;line-height:1.25rem;font-weight:400;transition:color 120ms ease}#table-of-contents .toc-item[data-active]:not([data-active-deepest])>a{color:rgb(var(--gray-600));text-shadow:none}#table-of-contents .toc-item[data-active-deepest]>a{font-weight:500;text-shadow:none}#content-area a.link,#pagination{font-weight:500}#pagination a{transition:color 120ms ease}#content-area a.link:not(:has(>code)){border-bottom:0;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:rgb(var(--primary)/.4);transition:text-decoration-color 120ms ease}#content-area a.link:not(:has(>code)):hover{text-decoration-color:rgb(var(--primary))}#content-area .callout a.link:not(:has(>code)){text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}#content-area .callout a.link:not(:has(>code)):hover{text-decoration-color:currentColor}:root{--space-h2-before:2.5rem;--space-h2-after:0.75rem;--space-h3-before:2rem;--space-h3-after:0.5rem;--space-h4-before:1.75rem;--space-h4-after:0.375rem;--space-block-before:1.25rem;--space-block-after:1.5rem;--space-stack:0.75rem;--component-border:rgba(24, 24, 22, 0.1);--component-surface:#fff}#content h2[id]:not(.card *){margin-top:var(--space-h2-before);margin-bottom:var(--space-h2-after)}#content h3[id]:not(.card *){margin-top:var(--space-h3-before);margin-bottom:var(--space-h3-after)}#content h4[id]:not(.card *){margin-top:var(--space-h4-before);margin-bottom:var(--space-h4-after)}#content h2[id]+h3[id]:not(.card *){margin-top:1rem}#content h3[id]+h4[id]:not(.card *){margin-top:.75rem}:is(#content, #content .prose)>:is(
    .code-group,
    .code-block,
    .callout,
    .steps,
    .tabs,
    .accordion-group,
    details.accordion,
    .columns,
    .card-group,
    div:has(> .frame),
    div[class*='--page-padding'],
    video
  ){margin-top:var(--space-block-before);margin-bottom:var(--space-block-after)}:is(#content, #content .prose)>div[class*='--page-padding']{padding-top:0;padding-bottom:0}#content .zoom-image-trigger img:not(.frame img,.product-embed img,.card img){margin-top:var(--space-block-before);margin-bottom:var(--space-block-after)}#content :is(h2, h3, h4)[id]+:is(
    .code-group,
    .code-block,
    .callout,
    .steps,
    .tabs,
    .accordion-group,
    details.accordion,
    .columns,
    .card-group,
    div:has(> .frame),
    div[class*='--page-padding'],
    video
  ){margin-top:0}:is(#content, #content .prose)>.callout:has(+.callout),:is(#content, #content .prose)>details.accordion:has(+details.accordion){margin-bottom:var(--space-stack)}:is(#content, #content .prose)>.callout+.callout,:is(#content, #content .prose)>details.accordion+details.accordion{margin-top:var(--space-stack)}#content [data-component-part=step-title]{margin-bottom:var(--space-h2-after)}#content .prose:not(.columns)>:first-child,#content>:first-child{margin-top:0!important}#content .prose:not(.columns)>:last-child,#content>:last-child{margin-bottom:0!important}:is(#content, #content .prose:not(.columns))>:last-child>.zoom-image-trigger:is(:last-child, :has(+ button:last-child)) img:not(.frame img,.product-embed img,.card img),:is(#content, #content .prose:not(.columns))>:last-child>li:last-child{margin-bottom:0!important}.callout[data-callout-type]{--callout-accent:#6b6b66;border-color:color-mix(in srgb,var(--callout-accent) 22%,#fff);background-color:color-mix(in srgb,var(--callout-accent) 4%,#fff)}.callout[data-callout-type=note]{--callout-accent:#2563eb}.callout[data-callout-type=warning]{--callout-accent:#d97706}.callout[data-callout-type=check],.callout[data-callout-type=tip]{--callout-accent:#16a34a}.callout[data-callout-type=danger]{--callout-accent:#dc2626}.accordion-group,.callout[data-callout-type=info],details.accordion{border-color:var(--component-border);background-color:var(--component-surface)}.callout[data-callout-type] [data-component-part=callout-content]{color:inherit}.callout[data-callout-type] [data-component-part=callout-icon]{display:flex;flex:none;align-items:center;width:1rem;height:var(--leading-small);margin-top:0}.callout[data-callout-type] [data-component-part=callout-icon] svg{width:1rem;height:1rem}.callout [data-component-part=callout-content]>:first-child{margin-top:0}#content .card [data-component-part=card-content]>:last-child,#content .card [data-component-part=card-content]>:last-child img,.callout [data-component-part=callout-content] li:last-child,.callout [data-component-part=callout-content]>:last-child{margin-bottom:0}#content-area .callout .prose[data-component-part=callout-content]>:is(span[data-as='p'], p):has(+ul,+ol){margin-bottom:0}.callout [data-component-part=callout-content] ol,.callout [data-component-part=callout-content] ul{margin-top:.375rem}.callout [data-component-part=callout-content] li{margin-top:.125rem;margin-bottom:.125rem}[data-component-part=accordion-caret-right] svg{width:.875rem;height:.875rem;color:#8a8a84;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat}[data-component-part=accordion-caret-right] svg path{display:none}.steps [data-component-part=step-number]{margin-left:-12px}.steps [data-component-part=step-indicator]{width:1.5rem;height:1.5rem;background-color:var(--component-surface);box-shadow:inset 0 0 0 1px var(--component-border)}.steps [data-component-part=step-line]{top:2.5rem;height:calc(100% - 2.5rem);background-color:var(--component-border)}#content thead th,#content thead th strong,[data-component-part=tab-button]{font-weight:500}[data-component-part=tab-button][data-active=false]{color:#6b6b66}[data-component-part=tab-button][data-active=false]:hover{color:#1a1a1a}#content .card [data-component-part=card-content-container]{padding:1.25rem}#content .card [data-component-part=card-icon],#content .card [data-component-part=card-icon]>svg{width:1.25rem;height:1.25rem}#content .card [data-component-part=card-icon]+div>[data-component-part=card-title]{margin-top:.75rem}#content>.card{margin-top:1rem;margin-bottom:1rem}#content table :is(th, td):first-child{padding-left:0}#content table :is(th, td):last-child{padding-right:0}#content table:has(thead th:nth-child(6)) :is(th, td):not(:first-child){min-width:0;text-align:center}#content table:has(tbody td:first-child>code:only-child) td:not(:first-child){min-width:0}#content details ol{list-style-position:outside;padding-left:1.625em}#content details ol>li{padding-left:.375em}#content ol>li::marker{color:color-mix(in srgb,currentColor 70%,transparent);font-variant-numeric:tabular-nums}#content .zoom-image-trigger img:not(.frame img,.product-embed img,[class*=codesmith-]){width:auto;height:auto;max-height:40rem;margin-inline:auto;border-radius:.75rem;outline:1px solid rgb(0 0 0/.08);outline-offset:-1px}#content iframe:not(.product-embed iframe),#content video:not([class],.frame video){border-radius:.75rem;outline:1px solid rgb(0 0 0/.08);outline-offset:-1px}body:has(.why-page) #header>:first-child>:not(.eyebrow),body:has(.why-page) #header>:not(:first-child){display:none}body:has(.why-page) #content{margin-top:0}body:has(.why-page) #table-of-contents li.toc-item:first-child{display:none}.home-landing.why-page{padding:0 0 2rem}.why-page .home-landing-inner{max-width:none}.why-page .home-title{font-size:var(--text-h1);line-height:var(--leading-h1);font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1);color:#181816;text-wrap:balance}.why-page .home-lead{font-size:var(--text-lead);line-height:var(--leading-lead);color:#40403e}html.dark .why-page .home-title{color:#e0e0de}html.dark .why-page .home-lead{color:#a0a09e}@media (max-width:640px){.why-title-break{display:none}}.why-section{margin-top:2.5rem;scroll-margin-top:8rem}.why-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:500;letter-spacing:-.02em!important;line-height:1.25;color:#1a1a1a}.why-body{margin:0;font-size:1rem;line-height:1.7;color:#4a4a45}.why-page .product-embed{margin:1.5rem 0 0}.why-page .try-codesmith{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin:1.5rem 0 0}.why-page .try-codesmith p{flex:1 1 20rem}.why-page .try-codesmith-actions{margin-top:0}.why-body+.why-body{margin-top:.75rem}.why-next{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:3rem 0 0;font-size:.9375rem}.home-landing .why-next a{color:#1a1a1a;font-weight:500}.get-started-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:.5rem 0 1rem}.get-started-connect p{margin:.25rem 0 0}.get-started-connect p.get-started-connect-title{margin-top:.5rem;font-weight:500;color:#1a1a1a}.get-started-connect-title span{margin-left:.375rem;font-size:.75rem;font-weight:400;color:#85857d}.get-started-connect .frame{margin:0}.examples-group{margin:4rem 0 0;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#85857d}#content>.examples-group:first-child{margin-top:0}#content .examples-group+.example-anchor+h2{margin-top:.5rem}.example-anchor{scroll-margin-top:8rem}.example-meta p{margin:.25rem 0 0;font-size:.875rem;line-height:1.6;color:#66665f}.try-codesmith+.try-codesmith{margin-top:.75rem}@media (max-width:640px){.get-started-connect{grid-template-columns:minmax(0,1fr)}}.example-select-picker{display:flex;align-items:center;gap:.5rem;margin:1rem 0 .5rem;font-size:.875rem;color:#66665f}.example-select-picker select{padding:.375rem 2rem .375rem .75rem;border:1px solid var(--component-border);border-radius:8px;background-color:var(--component-surface);font-size:.875rem;color:#202122;cursor:pointer}html.dark .example-select-picker{color:#a3a39c}html.dark .example-select-picker select{border-color:rgba(255,255,255,.1);background-color:#1a1a1a;color:#e5e5e2}