.code-block-module__TRDrgq__root{--code-block-body:#1b1b1b;--code-block-border:#ffffff1f;--code-block-error:#ff928a;--code-block-focus:#f2eee9;--code-block-header:#232323;--code-block-hover:#ffffff14;--code-block-ink:#f2eee9;--code-block-muted:#b8b2af;--code-block-pressed:#ffffff1f;--code-block-selection:#56ca7138;--code-block-success:#56ca71;background:var(--code-block-body);border:var(--line-width-default) solid var(--code-block-border);border-radius:var(--code-block-radius);color:var(--code-block-ink);max-width:100%;overflow:hidden}.code-block-module__TRDrgq__light{--code-block-body:#fff;--code-block-border:#1a1a1a2b;--code-block-error:#b42318;--code-block-focus:#1a1a1a;--code-block-header:#f7f7f7;--code-block-hover:#1a1a1a0f;--code-block-ink:#252525;--code-block-muted:#6e6864;--code-block-pressed:#1a1a1a1a;--code-block-selection:#147d3c2e;--code-block-success:#147d3c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.code-block-module__TRDrgq__dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.code-block-module__TRDrgq__header{background:var(--code-block-header);border-bottom:var(--line-width-default) solid var(--code-block-border);min-height:var(--button-height);padding-left:var(--space-inline-lg);padding-right:var(--space-inline-xs);justify-content:space-between;align-items:center;display:flex}.code-block-module__TRDrgq__headerWithTabs{padding-left:0}.code-block-module__TRDrgq__language,.code-block-module__TRDrgq__control{font-family:var(--font-body);font-size:var(--text-button-small-size);font-weight:var(--chip-font-weight);line-height:var(--text-caption-leading)}.code-block-module__TRDrgq__language{color:var(--code-block-muted)}.code-block-module__TRDrgq__control{appearance:none;color:var(--code-block-muted);cursor:pointer;align-items:center;gap:var(--space-inline-sm);height:var(--button-height-small);padding-inline:var(--space-inline-sm);transition-duration:var(--motion-duration-fast);transition-property:background-color,color;transition-timing-function:var(--motion-ease-enter);background:0 0;border:0;flex:none;justify-content:center;display:inline-flex}.code-block-module__TRDrgq__control:hover{background:var(--code-block-hover);color:var(--code-block-ink)}.code-block-module__TRDrgq__control:active{background:var(--code-block-pressed)}.code-block-module__TRDrgq__control:focus-visible,.code-block-module__TRDrgq__body:focus-visible{outline:var(--line-width-strong) solid var(--code-block-focus);outline-offset:calc(var(--line-width-strong) * -1)}.code-block-module__TRDrgq__copy{border-radius:var(--radius-control);grid-template-areas:"copy-state";gap:0;display:grid}.code-block-module__TRDrgq__copied{color:var(--code-block-success)}.code-block-module__TRDrgq__copyError{color:var(--code-block-error)}.code-block-module__TRDrgq__copy.code-block-module__TRDrgq__copied:hover{color:var(--code-block-success)}.code-block-module__TRDrgq__copy.code-block-module__TRDrgq__copyError:hover{color:var(--code-block-error)}.code-block-module__TRDrgq__copyState{align-items:center;gap:var(--space-inline-sm);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-enter), transform var(--motion-duration-fast) var(--motion-ease-enter), visibility 0s linear var(--motion-duration-fast);visibility:hidden;grid-area:copy-state;justify-content:center;display:inline-flex;transform:scale(.96)}.code-block-module__TRDrgq__copyStateSuccess,.code-block-module__TRDrgq__copyStateError{gap:var(--space-inline-xs)}.code-block-module__TRDrgq__copyStateVisible{opacity:1;visibility:visible;transition-delay:0s;transform:scale(1)}.code-block-module__TRDrgq__copyStatus{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.code-block-module__TRDrgq__tabs{scrollbar-width:none;align-self:stretch;min-width:0;display:flex;position:relative;overflow-x:auto}.code-block-module__TRDrgq__tabs::-webkit-scrollbar{display:none}.code-block-module__TRDrgq__tab{height:100%;min-height:var(--button-height)}.code-block-module__TRDrgq__tabSelected{color:var(--code-block-ink)}.code-block-module__TRDrgq__tabIndicator{background:var(--code-block-ink);height:var(--line-width-strong);opacity:1;pointer-events:none;transition:transform var(--motion-duration-fast) var(--motion-ease-enter), width var(--motion-duration-fast) var(--motion-ease-enter);position:absolute;bottom:0;left:0}.code-block-module__TRDrgq__body{background:var(--code-block-body);scrollbar-color:var(--code-block-border) transparent;scrollbar-width:thin;max-width:100%;overflow:auto}.code-block-module__TRDrgq__root .code-block-module__TRDrgq__body ::selection{background:var(--code-block-selection)}.code-block-module__TRDrgq__root .code-block-module__TRDrgq__body .react-syntax-highlighter-line-number{font-style:normal!important}.code-block-module__TRDrgq__root .code-block-module__TRDrgq__body pre{box-shadow:none;color:inherit;border-radius:0;max-width:none;margin:0;overflow:visible}@media (max-width:30rem){.code-block-module__TRDrgq__body pre{padding-inline:var(--space-inline-lg)!important}}@media (prefers-reduced-motion:reduce){.code-block-module__TRDrgq__copyState,.code-block-module__TRDrgq__tabIndicator{transition:none}}
.blog-index__featured{padding-block:var(--layout-section-space-compact) var(--layout-section-space-tight);overflow:hidden}.blog-featured-scene{isolation:isolate;position:relative}.blog-featured-scene:before{aspect-ratio:1466/545;content:"";left:var(--space-stack-2xl);pointer-events:none;z-index:-2;background:url(/blog/artwork/featured-pattern.svg) 50%/100% 100% no-repeat;width:100%;position:absolute;top:0}.blog-featured-scene__orb{pointer-events:none;z-index:1;position:absolute}.blog-featured-scene__orb--left{left:0;top:calc(var(--space-stack-2xl) * -1);width:calc(var(--layout-section-space-compact) * 2)}.blog-featured-scene__orb--right{bottom:calc(var(--layout-section-space-tight) * -1);width:calc(var(--layout-section-space-compact) + var(--layout-section-space-tight));right:0}.blog-featured{background:radial-gradient(circle, color-mix(in srgb, var(--brand-secondary) 12%, color-mix(in srgb, var(--brand-blue) 11%, var(--surface-canvas))), var(--surface-canvas));border:var(--line-width-default) solid var(--line-default);gap:var(--space-stack-2xl);max-width:calc(var(--layout-content-narrow) + var(--space-stack-2xl));padding:var(--space-stack-2xl);flex-direction:column;margin-inline:auto;display:flex}.blog-featured__meta,.blog-featured__footer,.blog-featured__author,.blog-card__meta,.blog-card__author,.blog-directory__footer,.blog-pagination{align-items:center;display:flex}.blog-featured__meta,.blog-featured__footer,.blog-directory__footer{justify-content:space-between}.blog-featured__meta,.blog-card__meta,.blog-directory__count{color:var(--ink-muted);font-family:var(--font-code);font-size:var(--text-caption-size);letter-spacing:var(--text-label-tracking)}.blog-featured h1{font-family:var(--font-heading);font-size:var(--text-heading-2-size);letter-spacing:var(--text-heading-2-tracking);font-weight:500;line-height:var(--text-heading-2-leading);max-width:var(--layout-content-narrow);margin:0}.blog-featured__author,.blog-card__author{gap:var(--space-cluster-md)}.blog-featured__author img,.blog-card__author img{border-radius:var(--radius-pill);height:var(--control-height-large);object-fit:cover;width:var(--control-height-large);flex:none}.blog-featured__author strong,.blog-card__author strong{font-size:var(--text-body-size);font-weight:600;display:block}.blog-index__directory{padding-block:var(--layout-section-space-tight) 0}.blog-directory{padding-top:var(--layout-section-space-tight)}.blog-search{max-width:var(--layout-content-narrow);margin-inline:auto}.blog-search svg{fill:none;height:var(--space-stack-xl);stroke:currentColor;stroke-width:1.5px;width:var(--space-stack-xl);flex:none}.blog-filters{align-items:center;gap:var(--space-cluster-lg);margin:var(--space-stack-2xl) 0 var(--layout-section-space-tight);border:0;flex-wrap:wrap;padding:0;display:flex}@media (min-width:48rem){.blog-filters{margin-block:var(--space-stack-xl) calc(var(--space-stack-2xl) + var(--space-stack-lg));justify-content:center}}.blog-filters legend{width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-card-grid{background:linear-gradient(90deg, var(--brand-primary), var(--brand-blue), var(--brand-secondary)) top / 100% var(--space-inline-xs) no-repeat;padding:var(--space-inline-xs) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;list-style:none;display:grid}.blog-card-grid>li{background:var(--surface-canvas);border-bottom:var(--line-width-default) solid var(--line-default);border-right:var(--line-width-default) solid var(--line-default);min-width:0}.blog-card-grid>li:nth-child(3n+1){border-left:var(--line-width-default) solid var(--line-default)}.blog-card{color:inherit;height:100%;min-height:calc(var(--layout-section-space-compact) * 3 + var(--space-stack-2xl) + var(--space-stack-xl));padding:var(--space-stack-2xl);transition:background-color var(--motion-duration-fast) var(--motion-ease-enter);flex-direction:column;text-decoration:none;display:flex}.blog-card:hover{background:var(--surface-card)}.blog-card:focus-visible{outline:var(--line-width-strong) solid var(--focus-ring);outline-offset:calc(var(--line-width-strong) * -1)}.blog-card__meta{gap:var(--space-cluster-lg);justify-content:space-between}.blog-card h2,.blog-card h3{font-family:var(--font-heading);font-size:var(--text-heading-5-size);letter-spacing:var(--text-heading-5-tracking);font-weight:500;line-height:var(--text-heading-5-leading);margin:var(--space-stack-xl) 0}.blog-card__author{margin-top:auto}.blog-card__author small{color:var(--ink-subtle);font-family:var(--font-code);font-size:var(--text-caption-size);letter-spacing:var(--text-label-tracking);text-transform:uppercase;display:block}.blog-directory__empty{border:var(--line-width-default) solid var(--line-default);color:var(--ink-muted);padding:var(--layout-section-space-tight) var(--space-inline-lg);text-align:center;margin:0}.blog-directory__footer{margin-top:var(--space-stack-2xl);min-height:var(--control-height-large)}.blog-directory__count{margin:0 auto}.blog-pagination{gap:var(--space-cluster-md)}.blog-pagination>span{color:var(--ink-subtle);font-family:var(--font-code);font-size:var(--text-caption-size);min-width:var(--layout-section-space-compact);text-align:center}.blog-index__newsletter{padding-block:var(--layout-section-space) var(--layout-section-space-compact)}@media (max-width:61.99rem){.blog-featured-scene__orb{display:none}}@media (min-width:62rem) and (max-width:74.99rem){.blog-featured-scene__orb--left{left:calc(var(--layout-page-top) * -1)}}@media (max-width:47.99rem){.blog-index{margin-block-start:0}.blog-index__featured{padding-block:var(--space-stack-xl) 0}.blog-index__directory{padding-top:0}.blog-directory{padding-top:var(--space-stack-2xl)}.blog-filters{gap:var(--space-cluster-sm)}.blog-featured{gap:var(--space-stack-xl);padding:var(--space-stack-lg);margin-inline:0}.blog-featured h1{font-size:var(--text-heading-4-size);letter-spacing:var(--text-heading-4-tracking);line-height:var(--text-heading-4-leading)}.blog-featured__meta{align-items:baseline;gap:var(--space-cluster-md)}.blog-featured__meta time{line-height:var(--text-caption-leading);white-space:nowrap}.blog-featured__footer{align-items:stretch;gap:var(--space-stack-xl);flex-direction:column}.blog-card-grid{grid-template-columns:1fr}.blog-card-grid>li{border-left:var(--line-width-default) solid var(--line-default)}.blog-card{min-height:calc(var(--layout-section-space-compact) * 3 + var(--space-stack-2xl));padding:var(--space-stack-xl)}.blog-card__meta{align-items:start;gap:var(--space-cluster-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.blog-card__meta .ui-chip{justify-self:start}.blog-card__meta time{white-space:nowrap}.blog-directory__footer{align-items:stretch;gap:var(--space-stack-xl);flex-direction:column}.blog-pagination{justify-content:space-between}}@media (min-width:48rem) and (max-width:61.99rem){.blog-featured{margin-inline:var(--space-stack-2xl)}.blog-card-grid{background:linear-gradient(90deg, var(--brand-primary), var(--brand-blue), var(--brand-secondary)) top / 100% var(--space-inline-xs) no-repeat;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-card-grid>li{border-bottom:var(--line-width-default) solid var(--line-default);border-right:var(--line-width-default) solid var(--line-default)}.blog-card-grid>li:nth-child(3n+1){border-left:0}.blog-card-grid>li:nth-child(odd){border-left:var(--line-width-default) solid var(--line-default)}.blog-card-grid .blog-card{min-height:calc(var(--layout-section-space-compact) * 3 + var(--space-stack-2xl))}}