details{padding:0;border-block-end:none}details[open]{border-block-end:var(--border)}summary{cursor:pointer;font-size:var(--font-500);--reading-fontWeight:var(--font-500-weight);font-weight:var(--fontWeight-medium);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;list-style:none;border-bottom:var(--border)}summary:after{--bar:var(--line-drawn);--box:var(--size-4);--bar-at:round(down,calc((var(--box) - var(--bar))/2),1px)}@supports not (width:round(1px,1px)){summary:after{--bar-at:calc((var(--box) - var(--bar))/2)}}summary:after{content:"";inline-size:var(--box);block-size:var(--box);flex-shrink:0;background:linear-gradient(currentColor,currentColor) var(--bar-at) center/var(--bar) 56.25% no-repeat,linear-gradient(currentColor,currentColor) center var(--bar-at)/56.25% var(--bar) no-repeat;transition:transform .25s ease,background-size .25s ease}@media(prefers-reduced-motion:reduce){summary:after{transition:none}}summary::-webkit-details-marker,summary::marker{display:none}details[open] summary{color:var(--foreground-subtle)}details[open] summary:after{background-size:var(--bar) 0,56.25% var(--bar);transform:rotate(180deg)}.app-embed{--embed-zoom:0.5;position:relative;aspect-ratio:1440/900;overflow:hidden;border:var(--rule-strong);border-radius:var(--spacing-xxs);background:#fff}.app-embed iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform:scale(var(--embed-zoom));transform-origin:0 0}.markdown *{grid-column:1/4}@media only screen and (min-width:768px){.markdown *{grid-column:1/3}}@media only screen and (min-width:1201px){.markdown *{grid-column:1/4}}.markdown .md-full-bg{grid-column:1/4;width:100%;min-height:50vh;background-size:cover;background-position:center 30%;background-repeat:no-repeat;border-radius:0;margin-block:var(--spacing-md)}@media only screen and (min-width:1201px){.markdown .md-full-bg{min-height:60vh;margin-block:var(--spacing-lg)}}.markdown hr{margin-block-end:0;margin-block-start:var(--spacing-md)}@media only screen and (min-width:768px){.markdown hr{margin-block-start:var(--size-11)}}@media only screen and (min-width:1201px){.markdown p:has(>img){grid-column:1/4}}.markdown .app-embed+p>em:only-child,.markdown p:has(>img)>em{border-bottom:var(--rule-inner);display:block;font-style:italic;margin-block-start:var(--spacing-xxs);padding-block-end:var(--spacing-sm)}.markdown .app-embed+p:has(>em:only-child),.markdown p:has(>img):has(>em){margin-block-end:var(--spacing-md)}.markdown .app-embed+p:has(>em:only-child){margin-block-start:0;padding-block-start:var(--spacing-xxs)}.markdown .app-embed{margin-block-start:var(--spacing-xs)}@media only screen and (min-width:1201px){.markdown .app-embed{margin-block-start:var(--spacing-md)}}.markdown img:not(.article-byline__avatar){cursor:zoom-in;margin-block:var(--spacing-xs) var(--spacing-xxxs);object-fit:contain!important;object-position:top center;height:auto;width:100%;outline:var(--frame-image);outline-offset:calc(var(--line-width)*-1)}@media only screen and (min-width:1201px){.markdown img:not(.article-byline__avatar){margin-block:var(--spacing-md) 0}}.markdown img.md-ink{outline:none}.dark-theme .markdown img.md-ink{filter:invert(1)}.markdown .md-video{min-width:0;margin:var(--spacing-xs) 0 var(--spacing-xxxs)}@media only screen and (min-width:1201px){.markdown .md-video{grid-column:1/4;margin-block:var(--spacing-md) 0}}.markdown .md-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--spacing-xxs);filter:var(--filter);outline:var(--frame-image);outline-offset:calc(var(--line-width)*-1)}.markdown .article-byline__avatar{width:4rem!important;height:4rem!important;object-fit:cover!important;object-position:center top;border-radius:50%;margin:0!important;cursor:default!important}.markdown img:first-of-type,.markdown p:has(>img):first-of-type img{object-fit:contain!important;object-position:top center;aspect-ratio:auto}.markdown header{padding-block-end:var(--spacing-sm)}@media only screen and (min-width:1201px){.markdown header{padding-block-end:var(--spacing-lg);grid-column:1/4;margin-block:var(--spacing-xl) var(--spacing-md)}}.markdown header h4{font-size:var(--font-sm);--reading-fontWeight:var(--font-sm-weight);font-weight:var(--font-sm-weight);padding:0;margin-block-start:2rem;inline-size:100%}@media only screen and (min-width:768px){.markdown header h4{max-width:75vw;margin-block-start:3.2rem}}.markdown h1{margin-block-start:0;margin-block-end:1.6rem}@media only screen and (min-width:768px){.markdown h1{margin-block-end:2rem}}@media only screen and (min-width:1201px){.markdown h1{margin-block-end:2.4rem}}.markdown h2{margin-block-start:2.4rem;margin-block-end:1.2rem}@media only screen and (min-width:768px){.markdown h2{margin-block-start:3.2rem;margin-block-end:1.6rem}}@media only screen and (min-width:1201px){.markdown h2{margin-block-start:4rem;margin-block-end:2rem}}.markdown h3{margin-block-start:2rem;margin-block-end:1rem}@media only screen and (min-width:768px){.markdown h3{margin-block-start:2.4rem;margin-block-end:1.2rem}}@media only screen and (min-width:1201px){.markdown h3{margin-block-start:3.2rem;margin-block-end:1.6rem}}.markdown h4,.markdown h5,.markdown h6{margin-block-start:1.6rem;margin-block-end:.8rem}@media only screen and (min-width:768px){.markdown h4,.markdown h5,.markdown h6{margin-block-start:2rem;margin-block-end:1rem}}@media only screen and (min-width:1201px){.markdown h4,.markdown h5,.markdown h6{margin-block-start:2.4rem;margin-block-end:1.2rem}}.markdown p{margin-block-start:0;margin-block-end:1.2rem}@media only screen and (min-width:768px){.markdown p{margin-block-end:1.6rem}}@media only screen and (min-width:1201px){.markdown p{margin-block-end:1.8rem}}.markdown a{font-weight:var(--fontWeight-medium);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:.2em;transition:color .2s ease,text-decoration-thickness .2s ease}.markdown a,.markdown a:focus,.markdown a:hover{color:var(--color-action);text-decoration-thickness:.15rem}.markdown a:visited{color:var(--color-action)}.markdown summary{margin-block-start:1.2rem;margin-block-end:.8rem}@media only screen and (min-width:768px){.markdown summary{margin-block-start:1.6rem;margin-block-end:1rem}}.markdown blockquote{margin-block-start:1.6rem;margin-block-end:1.6rem}.markdown blockquote p{margin-block-end:1.2rem}.markdown blockquote p:last-child{margin-block-end:0}.markdown blockquote.md-amendment{background:transparent;border-inline-start-style:dashed;scroll-margin-block-start:var(--spacing-xl)}.markdown ol,.markdown ul{margin-block-start:1.2rem;margin-block-end:1.2rem}@media only screen and (min-width:768px){.markdown ol,.markdown ul{margin-block-start:1.6rem;margin-block-end:1.6rem}}.markdown ol>li{list-style:inherit;list-style-position:outside}.markdown ol>li,.markdown ul>li{margin-inline-start:4rem;margin-block-end:.6rem}.markdown ul>li{list-style:disc}.markdown .codeblock{background:var(--code-surface);border:var(--rule-strong);border-radius:var(--spacing-xxs);overflow:hidden;margin:0 0 var(--spacing-sm)}.markdown .codeblock-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-xxxs) var(--spacing-xs);border-bottom:var(--rule-strong);color:var(--code-fg)}.markdown .codeblock-lang{display:inline-flex;align-items:center;font-family:var(--fontFamily-mono);font-size:var(--font-3xs);text-transform:lowercase;opacity:.7}.markdown .codeblock pre{background:transparent;border:0;margin:0;padding:var(--spacing-sm);overflow-x:auto;color:var(--code-fg);line-height:1.7}.markdown .codeblock pre code{font-size:var(--font-code)}.markdown .codeblock-copy{background:none;border:0;padding:0;min-height:0;font-family:var(--fontFamily-mono);font-size:var(--font-3xs);color:inherit;opacity:.55;cursor:pointer;transition:opacity .15s ease}.markdown .codeblock-copy:focus-visible,.markdown .codeblock-copy:hover{opacity:1}.markdown code{font-family:var(--fontFamily-mono);font-size:var(--font-xs)}.markdown pre code{display:block;padding:0;background:transparent;color:inherit}.markdown pre code.hljs{color:var(--code-fg)}.markdown .hljs-comment,.markdown .hljs-quote{color:var(--code-comment)}.markdown .hljs-keyword,.markdown .hljs-literal,.markdown .hljs-selector-tag{color:var(--code-keyword)}.markdown .hljs-regexp,.markdown .hljs-string{color:var(--code-string)}.markdown .hljs-built_in,.markdown .hljs-number,.markdown .hljs-type{color:var(--code-number)}.markdown .hljs-function .hljs-title,.markdown .hljs-section,.markdown .hljs-title{color:var(--code-title)}.markdown .hljs-attr,.markdown .hljs-attribute{color:var(--code-attr)}.markdown .hljs-meta{color:var(--code-meta)}.markdown .hljs-addition{color:var(--code-addition)}.markdown .hljs-deletion{color:var(--code-deletion)}.markdown .line-numbers{counter-reset:linenumber}.markdown code[class*=language-].line-numbers{position:relative}.markdown code[class*=language-].line-numbers:before{content:counter(linenumber);position:absolute;inset-inline-start:-2.5em;text-align:right;user-select:none;pointer-events:none;color:#aaa}.markdown dd>code,.markdown li>code,.markdown p>code,.markdown td>code{background:var(--code-inline-bg);color:var(--code-inline-fg);word-wrap:break-word;box-decoration-break:clone;padding:.1rem .3rem .2rem;border-radius:.2rem}.table-scroll{overflow-x:auto;inline-size:100%}@media only screen and (max-width:768px){.table-scroll{overflow-x:scroll}}table{inline-size:100%;min-inline-size:100%;border-collapse:separate;border-spacing:0;border-radius:var(--spacing-xxs);overflow:hidden;margin-block-start:3rem;margin-block-end:3rem;font-size:var(--font-500);--reading-fontWeight:var(--font-500-weight);font-weight:var(--font-500-weight);line-height:1.5;border:var(--rule-strong)}@media only screen and (max-width:768px){table{white-space:nowrap}}th{color:var(--foreground-muted)!important;font-weight:var(--fontWeight-medium);background-color:var(--background-darker);white-space:nowrap}td,th{padding:var(--spacing-xs);text-align:left;vertical-align:text-top}th,tr:not(:last-of-type)>td{border-block-end:var(--rule-strong)}tr:last-of-type{border-block-end:none!important}td,th{border-inline-end:var(--rule-strong)}td:last-of-type,th:last-of-type{border-inline-end:none}table:not(:has(thead th:not(:empty))) thead{display:none}table:not(:has(thead th:not(:empty))) td:first-child{background-color:var(--background-darker);color:var(--foreground-muted)!important;font-weight:var(--fontWeight-medium);white-space:nowrap}.fig{container-type:inline-size;grid-column:1/-1;margin-block:var(--spacing-xs) 1.2rem}@media only screen and (min-width:768px){.fig{margin-block-end:1.6rem}}@media only screen and (min-width:1201px){.fig{margin-block:var(--spacing-md) 1.8rem}}.fig{--fig-stage:var(--background-darker);--fig-surface:var(--background);--fig-ink:var(--foreground);--fig-muted:var(--foreground-muted);--fig-block:var(--background-darker);--fig-stroke:var(--line-width);--fig-pad-stage:var(--spacing-md);--fig-pad-1:var(--spacing-xxs);--fig-pad-2:var(--spacing-xs);--fig-r-frame:var(--spacing-xxs);--fig-r-card:max(var(--radius-sm),calc(var(--fig-r-frame) - var(--fig-pad-stage)));--fig-r-inner:max(0.2rem,calc(var(--fig-r-card) - var(--fig-pad-2)));--fig-r-block:max(0.2rem,calc(var(--fig-r-inner) - var(--fig-pad-1)));--fig-card-pad:var(--spacing-md);--fig-stroke-strong:var(--fig-stroke);--fig-focus-line:var(--fig-ink);--fig-text:var(--font-2xs);--fig-text-small:var(--font-2xs);--fig-focus-fill:var(--fig-surface);--fig-connector:var(--fig-ink);--fig-connector-width:var(--fig-stroke);--fig-band:5.6rem;--fig-elbow:var(--fig-r-card);--fig-rail:3.2rem;--fig-rail-x:0.8rem;--fig-gap-line:0.6rem;--fig-pad-frame:max(var(--spacing-sm),4cqi);--fig-r-shot:0.6rem;--fig-head:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--fig-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 12'%3E%3Cpath d='M1 6h29m-5-4.5L30 6l-5 4.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.fig *{box-sizing:border-box;grid-column:auto}.fig li,.fig p{margin:0}.fig .fig__stage li,.fig .fig__stage p{font-size:var(--fig-text);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);line-height:1.45}.fig .fig__heading{margin:0 0 var(--spacing-xxxs)}.fig .fig__stage .fig__small{font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);opacity:.7}.fig .fig__stage{background:var(--fig-stage);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-frame);padding:var(--fig-pad-frame)}.fig>figcaption{font-size:inherit;--reading-fontWeight:inherit;margin-block-start:var(--spacing-xs);opacity:1;border-bottom:var(--rule-inner);padding-block-end:var(--spacing-sm)}.fig>figcaption p{font-style:italic;opacity:1!important}.fig:has(>figcaption){margin-block-end:var(--spacing-md)}.fig .fig__compare{align-items:stretch;display:grid;gap:0 var(--spacing-md);grid-template-columns:1fr;position:relative}@container (min-width: 44rem){.fig .fig__compare{grid-template-columns:repeat(2,1fr)}}.fig .fig__compare.fig__compare--became{column-gap:calc(var(--spacing-md)*2)}.fig .fig__compare.fig__compare--became:after{background:var(--fig-connector);content:"";height:1.2rem;left:50%;mask:var(--fig-arrow) center/contain no-repeat;position:absolute;top:38%;transform:translate(-50%,-50%);width:3.2rem}@container (max-width: 43.99rem){.fig .fig__compare.fig__compare--became:after{display:none}}.fig .fig__panel{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:center;row-gap:0;text-align:center}.fig .fig__panel>:first-child{align-self:stretch}@container (max-width: 43.99rem){.fig .fig__panel+.fig__panel{border-top:var(--rule-inner);margin-block-start:var(--spacing-md);padding-block-start:var(--spacing-md)}}.fig .fig__label{font-weight:var(--fontWeight-bold)!important;margin-block-start:var(--spacing-sm)}.fig .fig__stage .fig__note{font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);opacity:.7}.fig .fig__surface{align-items:center;justify-content:center;padding:var(--fig-card-pad);width:100%}.fig .fig-phone,.fig .fig__surface{background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);display:flex}.fig .fig-phone{aspect-ratio:9/15;align-self:center!important;flex:0 0 auto!important;flex-direction:column;gap:var(--fig-pad-2);overflow:hidden;padding:var(--fig-pad-2);width:min(100%,26rem)}.fig .fig-card{border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-inner);display:flex;flex:0 0 30%;flex-direction:column;gap:6%;padding:var(--fig-pad-1)}.fig .fig-card:before{background:var(--fig-block);border-radius:var(--fig-r-block);content:"";flex:1 1 auto}.fig .fig-card:after{background:linear-gradient(to right,var(--fig-ink) 0 30%,transparent 30% 36%,var(--fig-block) 36% 100%);content:"";flex:0 0 10%}.fig .fig-card--roomy{flex-basis:64%}.fig .fig-card--roomy:after{flex-basis:5%;margin-block-end:30%}.fig .fig-flow{container-type:inline-size;display:grid;gap:var(--fig-band)}.fig .fig-flow__source{background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);justify-self:stretch;padding:var(--fig-card-pad);position:relative;width:100%;display:grid;gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:1fr}@container (min-width: 60rem){.fig .fig-flow__source{align-items:start;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.fig .fig-flow__source .fig-flow__scales{grid-column:2;grid-row:1/span 2}}.fig .fig-flow__scales{display:grid;gap:var(--spacing-xs);margin:0}.fig .fig-flow__scales>div{display:grid;gap:.1rem}.fig .fig-flow__scales dt{font-size:var(--fig-text);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--fontWeight-bold)}.fig .fig-flow__scales dd{font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);line-height:1.45;margin:0;opacity:.7}.fig .fig-flow__source:after{background:var(--fig-connector);border-radius:var(--fig-connector-width);content:"";width:var(--fig-connector-width);height:calc(var(--fig-band)/2 + var(--fig-connector-width) - var(--fig-gap-line));inset-inline-start:calc(50% - var(--fig-connector-width)/2);position:absolute;top:calc(100% + var(--fig-stroke) + var(--fig-gap-line))}@container (max-width: 59.99rem){.fig .fig-flow__source:after{height:calc(var(--fig-band) - var(--fig-gap-line) - var(--spacing-sm)/2);inset-inline-start:calc(var(--fig-rail-x) - var(--fig-stroke))}}.fig .fig-flow__targets{--fig-gap:var(--spacing-sm);display:grid;gap:var(--fig-gap);grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.fig .fig-flow__targets>li{align-content:start;background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);display:grid;gap:.2rem;margin:0;padding:var(--fig-card-pad);position:relative}.fig .fig-flow__targets>li:before{background:var(--fig-connector);border-radius:var(--fig-connector-width);content:"";height:var(--fig-connector-width);inset-inline:calc(var(--fig-gap)*-.5 - var(--fig-stroke));position:absolute;top:calc(var(--fig-band)*-1/2 - var(--fig-stroke))}.fig .fig-flow__targets>li:first-child:before{inset-inline-start:calc(50% - var(--fig-connector-width)/2)}.fig .fig-flow__targets>li:last-child:before{inset-inline-end:calc(50% - var(--fig-connector-width)/2)}.fig .fig-flow__targets>li:after{--point:0.225rem;background:var(--fig-connector);content:"";height:calc(var(--fig-band)/2 - var(--fig-gap-line) + var(--point) - var(--fig-connector-width)/2);left:50%;mask:var(--fig-head) center bottom/1.8rem 1.2rem no-repeat,linear-gradient(#000,#000) center top/var(--fig-connector-width) calc(100% - var(--point) - var(--fig-connector-width)/2) no-repeat;position:absolute;top:calc(var(--fig-band)*-1/2 - var(--fig-stroke) + var(--fig-connector-width)/2);transform:translateX(-50%);width:1.8rem}@container (max-width: 59.99rem){.fig .fig-flow__targets{gap:var(--fig-gap);grid-template-columns:1fr;padding-inline-start:var(--fig-rail)}.fig .fig-flow__targets>li:before,.fig .fig-flow__targets>li:first-child:before,.fig .fig-flow__targets>li:last-child:before,.fig .fig-flow__targets>li:not(:first-child):not(:last-child):before{background:linear-gradient(var(--fig-connector),var(--fig-connector)) 0 0/var(--fig-connector-width) 100% no-repeat,linear-gradient(var(--fig-connector),var(--fig-connector)) 0/100% var(--fig-connector-width) no-repeat;border:0;border-radius:0;height:auto;inset-block:calc(var(--fig-gap)*-.5 - var(--fig-stroke));inset-inline-start:calc(var(--fig-rail-x) - var(--fig-rail) - var(--fig-stroke));inset-inline-end:auto;top:calc(var(--fig-gap)*-.5 - var(--fig-stroke));width:calc(var(--fig-rail) - var(--fig-rail-x) - var(--fig-gap-line) - var(--fig-connector-width)/2)}.fig .fig-flow__targets>li:last-child:before{background:linear-gradient(var(--fig-connector),var(--fig-connector)) 0 0/var(--fig-connector-width) 100% no-repeat,linear-gradient(var(--fig-connector),var(--fig-connector)) 0 100%/100% var(--fig-connector-width) no-repeat;bottom:calc(50% - var(--fig-connector-width)/2)}.fig .fig-flow__targets>li:after{height:1.2rem;left:auto;mask:var(--fig-head) center/contain no-repeat;inset-inline-start:calc(var(--fig-stroke)*-1 - var(--fig-gap-line) - 1.275rem);top:50%;transform:translateY(-50%) rotate(-90deg)}}.fig .fig__stage .fig-flow__body,.fig .fig__stage .fig-flow__eyebrow{font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);opacity:.7}.fig .fig-flow__title{font-weight:var(--fontWeight-bold)!important}.fig .fig-code{background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);font-family:var(--fontFamily-mono);font-size:var(--font-3xs);line-height:1.7;margin:0;overflow-x:auto;padding:var(--fig-card-pad);text-align:start;white-space:pre;width:100%}.fig .fig-code code{background:none;color:inherit;font-family:inherit;font-size:inherit;--reading-fontWeight:inherit;padding:0}.fig .fig-code .fig-code__note{color:var(--fig-muted)}@container (max-width: 43.99rem){.fig .fig-code{padding:var(--spacing-xs)}}.fig .fig-matrix{--cols:3;align-items:stretch;display:grid;gap:var(--spacing-xs);grid-template-columns:auto repeat(var(--cols),minmax(0,1fr));text-align:start;width:100%}.fig .fig-matrix__head{color:var(--fig-muted);font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);line-height:1.3;align-self:end}.fig .fig-matrix__head code{background:none;color:var(--fig-ink);display:block;font-family:var(--fontFamily-mono);font-size:var(--font-3xs);padding:0}.fig .fig-matrix__row{align-self:center;font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);padding-inline-end:var(--spacing-xs)}.fig .fig-matrix__row:after{background:var(--swatch);border-radius:2px;content:"";display:block;height:.4rem;margin-block-start:var(--spacing-xxs);width:4rem}.fig .fig-matrix__cell{background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);font-family:var(--fontFamily-mono);font-size:var(--font-3xs);line-height:1.5;min-width:0;padding:var(--spacing-xs)}.fig .fig-matrix__cell:before{background:var(--swatch);border-radius:.3rem;content:"";display:block;height:2.8rem;margin-block-end:var(--spacing-xs)}.fig .fig-matrix__name{display:block}.fig .fig-matrix__platform{display:none}@container (max-width: 43.99rem){.fig .fig-matrix{grid-template-columns:minmax(0,1fr)}.fig .fig-matrix__corner,.fig .fig-matrix__head,.fig .fig-matrix__name{display:none}.fig .fig-matrix__row{margin-block-start:var(--spacing-xs)}.fig .fig-matrix__cell{align-items:center;column-gap:var(--spacing-xs);display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto}.fig .fig-matrix__cell:before{height:2.4rem;margin:0;width:2.4rem}.fig .fig-matrix__platform{display:block;font-family:var(--fontFamily-primary);font-size:var(--fig-text-small)}}.fig .fig-cols{--min:22rem;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));width:100%}.fig .fig-box{align-content:start;background:var(--fig-surface);border:var(--fig-stroke) solid var(--fig-ink);border-radius:var(--fig-r-card);display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--fig-card-pad);text-align:start}.fig .fig-box>.fig-code{border:0;padding:0}@container (max-width: 43.99rem){.fig .fig-box{padding:var(--spacing-sm)}}.fig .fig-box>*{min-width:0}.fig .fig-box p code,.fig .fig-stat code{background:none;color:inherit;font-family:var(--fontFamily-mono);font-size:.92em;padding:0}.fig .fig-box__eyebrow,.fig .fig-box__note,.fig .fig-split__keys span,.fig .fig-stat span{color:var(--fig-muted);font-size:var(--fig-text-small);--reading-fontWeight:var(--font-2xs-weight);font-weight:var(--font-2xs-weight);line-height:1.35;margin:0}.fig .fig-box__title{font-size:var(--font-xs);--reading-fontWeight:var(--font-xs-weight);font-weight:var(--font-xs-weight);line-height:1.2;margin:0}.fig .fig-box__title code{background:none;font-size:inherit;padding:0}.fig .fig-bars{align-items:center;display:grid;font-size:var(--fig-text-small);gap:var(--spacing-xxs) var(--spacing-xs);grid-template-columns:minmax(0,max-content) minmax(4rem,1fr) max-content;text-align:start;width:100%}.fig .fig-bars.is-mono{font-family:var(--fontFamily-mono);font-size:var(--font-3xs)}.fig .fig-bars__row{display:contents}.fig .fig-bars__row>span:first-child{overflow-wrap:anywhere}.fig .fig-bars__row>b{font-weight:inherit;text-align:end;white-space:nowrap}.fig .fig-bars__row>i{background:linear-gradient(to right,var(--fig-ink) 0 var(--u,100%),color-mix(in srgb,var(--fig-ink) 22%,transparent) var(--u,100%) 100%);border-radius:2px;display:block;height:.8rem;min-width:.4rem;width:var(--w,100%)}.fig .fig-bars__row.is-muted>i{background:color-mix(in srgb,var(--fig-ink) 28%,transparent)}.fig .fig-bars__sep{border-top:var(--rule-inner);grid-column:1/-1}.fig .fig-stats{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));width:100%}.fig .fig-stat{display:grid;gap:var(--spacing-xxs);text-align:start}.fig .fig-stat b{font-size:var(--font-800);font-weight:400;letter-spacing:-.02em;line-height:1}.fig .fig-stat.is-big b{font-size:var(--font-900)}.fig .fig-split{display:grid;gap:var(--spacing-xs);width:100%}.fig .fig-split__bar{border-radius:2px;display:flex;height:1.6rem;overflow:hidden}.fig .fig-split__bar>i{background:var(--fig-ink);flex:var(--n) 0 0}.fig .fig-split__bar>i:nth-child(2){background:color-mix(in srgb,var(--fig-ink) 38%,transparent)}.fig .fig-split__bar>i:nth-child(3){background:var(--code-number)}.fig .fig-split__keys{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs) var(--spacing-sm);text-align:start}.fig .fig-split__keys b{color:var(--fig-ink);font-weight:inherit;margin-inline-end:.4rem}.fig .fig-code .fig-code__bad{color:var(--code-attr);text-decoration:underline wavy var(--code-attr);text-decoration-thickness:1px;text-underline-offset:.25em}.fig .fig-code .fig-code__ok{color:var(--code-string)}.fig .fig-code .fig-code__hit{background:color-mix(in srgb,var(--code-attr) 10%,transparent)}.fig .fig-box.is-row{align-items:center;column-gap:var(--spacing-sm);grid-template-columns:minmax(0,1fr) auto}@container (max-width: 43.99rem){.fig .fig-box.is-row{grid-template-columns:minmax(0,1fr)}}.fig .fig-box>.fig-code{overflow-wrap:anywhere;white-space:pre-wrap}.fig .fig-swatches{display:flex;flex-wrap:wrap;gap:.3rem;max-width:22rem}.fig .fig-swatches>i{background:var(--c);border-radius:.2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fig-ink) 12%,transparent);height:1.4rem;width:1.4rem}.fig .fig-minibars{align-items:flex-end;display:flex;gap:.3rem;height:5.6rem}.fig .fig-minibars>i{background:var(--fig-ink);border-radius:1px;height:var(--h);width:.8rem}.fig .fig-minibars.is-muted>i{background:color-mix(in srgb,var(--fig-ink) 28%,transparent)}.fig .fig-key{background:var(--c,var(--fig-ink));border-radius:2px;display:inline-block;height:1rem;margin-inline-end:.4rem;vertical-align:-.1em;width:1rem}.fig .fig-demo{align-items:center;display:flex;gap:var(--spacing-xs);font-size:var(--fig-text-small)}.fig .fig-demo__row{border:var(--fig-stroke) solid color-mix(in srgb,var(--fig-ink) 22%,transparent);border-radius:var(--r);flex:1;min-width:0;padding-inline:var(--spacing-xs);white-space:nowrap}.fig .fig-demo__btn,.fig .fig-demo__row{align-items:center;display:flex;height:var(--h)}.fig .fig-demo__btn{background:#335fff;border-radius:var(--rb);color:#fff;padding-inline:var(--spacing-sm)}.fig .fig-ui{--muted:color-mix(in srgb,var(--fg) 60%,transparent);--line:color-mix(in srgb,var(--fg) 10%,transparent);background:var(--bg);border:1px solid var(--line);border-radius:var(--fig-r-card);color:var(--fg);display:grid;font-family:var(--font,var(--fontFamily-primary));gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:start}.fig .fig-ui b,.fig .fig-ui p{color:var(--fg)!important}.fig .fig-ui__title{align-items:baseline;display:flex;font-size:var(--font-xs);justify-content:space-between;margin:0}.fig .fig-ui__title small{color:var(--muted);font-family:var(--fontFamily-mono);font-size:var(--font-3xs)}.fig .fig-ui__box{background:var(--box);border:1px solid var(--line);border-radius:calc(var(--r)*.8 + 2px);display:grid;gap:var(--spacing-xs);padding:var(--spacing-xs)}.fig .fig-ui__row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;font-size:var(--font-3xs)}.fig .fig-ui__btn{border-radius:var(--r);padding:.6rem 1.2rem}.fig .fig-ui__btn.is-pri{background:var(--a);color:#fff}.fig .fig-ui__btn.is-sec{box-shadow:inset 0 0 0 1.5px var(--a);color:var(--a)}.fig .fig-ui__btn.is-dis{background:var(--a-soft);color:var(--muted)}.fig .fig-ui__toggle{background:var(--a);border-radius:1.1rem;height:2rem;position:relative;width:3.4rem}.fig .fig-ui__toggle:after{background:#fff;border-radius:50%;content:"";height:1.4rem;position:absolute;right:.3rem;top:.3rem;width:1.4rem}.fig .fig-ui__slider{background:linear-gradient(90deg,var(--a) 0 62%,var(--track) 62%);border-radius:2px;flex:1;height:.4rem;min-width:6rem}.fig .fig-ui__chip{background:var(--a-soft);border-radius:calc(var(--r)*1.4 + 2px);color:var(--a-soft-fg);padding:.4rem 1rem}.fig .fig-ui__tokens{color:var(--muted);display:flex;flex-wrap:wrap;font-family:var(--fontFamily-mono);font-size:var(--font-3xs);gap:.4rem var(--spacing-sm)}.fig .fig-ui__tokens b{color:var(--fg);font-weight:400}.fig .fig__stack{display:grid;gap:var(--spacing-md);justify-items:stretch}.fig .fig-shot{aspect-ratio:var(--ar,auto);background:var(--fig-surface);border:var(--frame-image);border-radius:var(--fig-r-shot);margin:0;overflow:hidden}.fig .fig-shot>img{aspect-ratio:auto!important;border-radius:0;cursor:zoom-in;display:block;height:100%!important;margin:0!important;object-fit:cover!important;object-position:top center;outline:0;width:100%}.fig .fig-shots__item{display:grid;gap:var(--spacing-xxxs);min-width:0}.fig .fig-shots--grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}@container (max-width: 43.99rem){.fig .fig-shots--grid{gap:var(--spacing-xs);grid-template-columns:repeat(var(--cols-narrow,2),minmax(0,1fr))}}.fig .fig-shots--natural{column-count:var(--cols,3);column-gap:var(--spacing-sm)}.fig .fig-shots--natural>*{break-inside:avoid;margin-block-end:var(--spacing-sm)}.fig .fig-shots--natural .fig-shot>img{height:auto!important}@container (max-width: 43.99rem){.fig .fig-shots--natural{column-count:var(--cols-narrow,2);column-gap:var(--spacing-xs)}}.fig .fig-shots--pairs{align-items:start;display:grid;gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.fig .fig-shots--pairs .fig-shot>img{height:auto!important}.fig .fig-shots--desk,.fig .fig-shots--overlap,.fig .fig-shots--scatter,.fig .fig-shots--zoom{aspect-ratio:var(--canvas,5/4);overflow:hidden;padding:0;position:relative}.fig .fig-shots--desk>.fig-shot,.fig .fig-shots--overlap>.fig-shot,.fig .fig-shots--scatter>.fig-shot,.fig .fig-shots--zoom>.fig-shot{position:absolute}.fig .fig-shots--overlap>:first-child{--ar:16/10;left:var(--fig-pad-frame);top:var(--fig-pad-frame);width:62%}.fig .fig-shots--overlap>:nth-child(2){--ar:16/10;bottom:var(--fig-pad-frame);right:var(--fig-pad-frame);width:62%}.fig .fig-shots--desk>:first-child{--ar:auto;bottom:var(--fig-pad-frame);left:var(--fig-pad-frame);top:var(--fig-pad-frame);width:66%}.fig .fig-shots--desk>:nth-child(2){--ar:9/19.5;bottom:var(--fig-pad-frame);left:52%;width:20%}.fig .fig-shots--desk>:nth-child(3){--ar:9/19.5;right:var(--fig-pad-frame);top:var(--fig-pad-frame);width:20%}.fig .fig-shots--zoom>:first-child{--ar:auto;left:6%;top:8%;width:20%}.fig .fig-shots--zoom>:nth-child(2){--ar:1440/1010;left:22%;top:16%;width:72%}.fig .fig-shots__plane{display:flex;gap:2.5%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(24deg);width:150%}.fig .fig-shots__col{display:flex;flex:0 0 var(--col,15%);flex-direction:column;gap:1.6rem}.fig .fig-shots__col:nth-child(2n){transform:translateY(-18%)}.fig .fig-shots__col>.fig-shot,.fig .fig-shots__col>.fig-shots__pair>.fig-shot:first-child{--ar:450/468}.fig .fig-shots__col.is-phones{--col:7.5%}.fig .fig-shots__col.is-phones>.fig-shot{--ar:240/624}.fig .fig-shots__pair{position:relative}.fig .fig-shots__pair>.fig-shot:nth-child(2){--ar:240/624;bottom:-14%;position:absolute;right:-8%;width:34%}.fig .is-focus{background:var(--fig-focus-fill);border:var(--fig-stroke-strong) solid var(--fig-focus-line)}.fig.fig--signal{--fig-focus-fill:color-mix(in srgb,var(--color-yellow) 28%,var(--background))}.fig .fig-face{display:block;width:100%;height:auto;overflow:visible}.fig .fig-face .h,.fig .fig-face .t{fill:none;stroke:var(--fig-ink);stroke-linecap:round;stroke-linejoin:round}.fig .fig-face .h{stroke-width:var(--h)}.fig .fig-face .t{stroke-width:var(--t)}.fig .fig-face .h.f{fill:var(--fig-surface)}.fig .fig-face .dot{fill:var(--fig-ink)}.fig .fig-face text{fill:var(--fig-ink);font-family:inherit;font-size:22px;font-weight:700}.fig .fig-face__wink{opacity:0}@media(hover:hover){.fig .fig-face__big{cursor:pointer}.fig .fig-face__big:hover .fig-face__eye-l,.fig .fig-face__big:hover .fig-face__eye-r{transform:translateX(18px)}.fig .fig-face__big:hover .fig-face__brow{transform:translateY(-22px)}}.fig .fig-face__big.is-winking .fig-face__eye-l{transform:translateX(18px)}.fig .fig-face__big.is-winking .fig-face__eye-r,.fig .fig-face__big.is-winking .fig-face__lid-r{opacity:0}.fig .fig-face__big.is-winking .fig-face__wink{opacity:1}.fig .fig-face__big.is-winking .fig-face__brow{transform:none}