html,body{letter-spacing:.02ch;min-width:320px}:root{--scroll-padding-top:calc(44px + 1em)}:root,.light,.dark{--bg-canvas:var(--bg-1);--bg-base:var(--bg-2);--bg-pane:var(--bg-3);--bg-block:var(--bg-4);--bg-spot:var(--bg-5);--bg-base-brand:var(--bg-2-brand);--bg-pane-brand:var(--bg-3-brand);--bg-block-brand:var(--bg-4-brand);--bg-spot-brand:var(--bg-5-brand);--bg-base-info:var(--bg-2-info);--bg-pane-info:var(--bg-3-info);--bg-block-info:var(--bg-4-info);--bg-spot-info:var(--bg-5-info);--bg-base-success:var(--bg-2-success);--bg-pane-success:var(--bg-3-success);--bg-block-success:var(--bg-4-success);--bg-spot-success:var(--bg-5-success);--bg-base-critical:var(--bg-2-critical);--bg-pane-critical:var(--bg-3-critical);--bg-block-critical:var(--bg-4-critical);--bg-spot-critical:var(--bg-5-critical);--bg-base-warning:var(--bg-2-warning);--bg-pane-warning:var(--bg-3-warning);--bg-block-warning:var(--bg-4-warning);--bg-spot-warning:var(--bg-5-warning)}html{scroll-padding-top:var(--scroll-padding-top)}.skip-link{z-index:1000;color:var(--text-1);background:var(--bg-base);border:1px solid var(--border-1);border-radius:6px;padding:8px 12px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details:not([data-anta])>summary:not(.summary){align-items:center;gap:4px;display:flex}details:not([data-anta])>summary:not(.summary):before{content:"";background-color:var(--text-3);flex-shrink:0;width:16px;height:16px;transition:transform .15s ease-out,background-color .12s ease-out;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E%0A") 50%/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='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E%0A") 50%/contain no-repeat}details:not([data-anta])>summary:not(.summary):hover:before{background-color:var(--text-1)}details:not([data-anta])[open]>summary:not(.summary):before{transform:rotate(90deg)}@media (forced-colors:active){details:not([data-anta])>summary:not(.summary):before{forced-color-adjust:none;background-color:canvastext}details:not([data-anta])>summary:not(.summary):hover:before{background-color:linktext}}.header-anchor,.header-anchor:link,.header-anchor:visited{color:inherit;text-decoration:none}.header-anchor:hover,.header-anchor:active{text-decoration:underline dotted;text-decoration-color:color-mix(in srgb, currentColor 75%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.content a[href^=\#]:not(.header-anchor){text-underline-offset:3px;text-decoration-style:dotted}hr,.expressive-code{margin:0 0 1.5em}.content p:has(+.preview){margin-bottom:8px}.content .columns:has(+p){margin-block-end:24px}:is(.content,[data-docs-markdown]) .expressive-code pre{--code-background:var(--bg-pane)}.content .preview:has(+.expressive-code){border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.content .preview+.expressive-code pre{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.content .preview+.expressive-code .frame.has-title:not(.is-terminal),.content .preview+.expressive-code .frame.is-terminal,.content .preview+.expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal){border-top-left-radius:0;border-top-right-radius:0}.content .preview+.expressive-code .frame.has-title:not(.is-terminal) .header,.content .preview+.expressive-code .frame.is-terminal .header,.content .preview+.expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal) .header{border-top:0;border-top-left-radius:0;border-top-right-radius:0}:is(.content,[data-docs-markdown]) .expressive-code:has(+.expressive-code){margin-bottom:0}:is(.content,[data-docs-markdown]) .expressive-code:has(+.expressive-code) pre,:is(.content,[data-docs-markdown]) .expressive-code:has(+.expressive-code) .frame,:is(.content,[data-docs-markdown]) .expressive-code:has(+.expressive-code) .frame[data-folded] .header{border-bottom-right-radius:0;border-bottom-left-radius:0}:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code pre{border-top:0;border-top-left-radius:0;border-top-right-radius:0}:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame.has-title:not(.is-terminal),:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame.is-terminal,:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal){border-top-left-radius:0;border-top-right-radius:0}:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame.has-title:not(.is-terminal) .header,:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame.is-terminal .header,:is(.content,[data-docs-markdown]) .expressive-code+.expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal) .header{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.title-tone-grid{margin:0 0 1em;overflow:auto hidden}.title-tone-grid-inner{grid-template-columns:repeat(4,max-content);gap:8px 32px;min-width:max-content;display:grid}.title-tone-grid a-title{margin:0}:is(.content,[data-docs-markdown]) .expressive-code pre>code{letter-spacing:0}:not(pre)>code,.copyable{cursor:copy;position:relative}:is(.content,[data-docs-markdown]) .expressive-code .frame .copy{inset-block-start:1px;inset-inline-end:1px}:is(.content,[data-docs-markdown]) .expressive-code .frame:not(.has-title):not(.is-terminal):not([data-foldable]) .copy{background:color-mix(in oklch, var(--bg-pane) 60%, transparent);-webkit-backdrop-filter:blur(3px);border-top-right-radius:5px;border-bottom-left-radius:8px}:is(.content,[data-docs-markdown]) .expressive-code .copy button{background:0 0;border-radius:6px;block-size:28px;inline-size:28px}:is(.content,[data-docs-markdown]) .expressive-code .copy button>div,:is(.content,[data-docs-markdown]) .expressive-code .copy>div[aria-live]{display:none}:is(.content,[data-docs-markdown]) .expressive-code .copy button:after{background-color:color-mix(in oklch, var(--ec-frm-inlBtnFg) 82%, transparent);margin:0;transition:background-color .12s ease-out;transform:rotate(90deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:16px;mask-size:16px}:is(.content,[data-docs-markdown]) .expressive-code .copy button:hover:not([data-anta-copied]):after,:is(.content,[data-docs-markdown]) .expressive-code .copy button:active:not([data-anta-copied]):after{background-color:var(--ec-frm-inlBtnFg)}:is(.content,[data-docs-markdown]) .expressive-code{--fold-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");--fold-header-h:2.25rem}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--fold-header-h) 1fr;display:grid;overflow:hidden}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]>pre{min-height:0;overflow:clip}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not([data-folded])>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal:not([data-folded])>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not([data-folded])>pre{overflow:auto}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal)>pre{border-top:0;border-top-left-radius:0;border-top-right-radius:0}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .header,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .header,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal) .header{min-height:var(--fold-header-h);border:1px solid var(--border-5);background:var(--bg-4);cursor:pointer;justify-content:flex-start;align-items:center;gap:2px;padding-block:0;padding-inline:6px 4px;display:flex}:is(.content,[data-docs-markdown]) .expressive-code .frame .header:focus-visible{outline:1px solid var(--focus-ring);outline-offset:-1px}:is(.content,[data-docs-markdown]) .expressive-code .frame .header{color:var(--text-4)}:is(.content,[data-docs-markdown]) .expressive-code .frame .header:hover{color:var(--text-2)}:is(.content,[data-docs-markdown]) .expressive-code .frame .header:active{color:var(--text-3)}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .header:before,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .header:before,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal) .header:before{content:"";opacity:1;width:1rem;height:1rem;-webkit-mask:var(--fold-chevron) center / contain no-repeat;mask:var(--fold-chevron) center / contain no-repeat;background:currentColor;flex:none;position:static;inset:auto}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .title:before,:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .title:after,:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .header:after,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .header:after{display:none}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal) .title,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .title{color:inherit;background:0 0;border:none;padding:0;font-weight:450}:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .title:empty:before{content:"Terminal"}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal) .header:after{content:"Code";color:inherit;font-weight:450}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal):has(>pre[data-language=css]) .header:after{content:"CSS"}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-folded]{grid-template-rows:var(--fold-header-h) 0fr}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-folded]>pre{border:0}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title .copy,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .copy,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable] .copy{opacity:.8;transition:opacity .12s ease-out;inset-block-start:0;inset-inline-end:0}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title .copy:hover,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .copy:hover,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable] .copy:hover{opacity:1}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title .copy button,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal .copy button,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable] .copy button{inline-size:var(--fold-header-h);block-size:var(--fold-header-h)}:is(.content,[data-docs-markdown]) .expressive-code .frame[data-folded] .header{border-radius:var(--header-border-radius)}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal)[data-folded] .header,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal[data-folded] .header,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal)[data-folded] .header{background:var(--bg-3)}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not(.is-terminal)[data-folded] .header:before,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal[data-folded] .header:before,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not(.has-title):not(.is-terminal)[data-folded] .header:before{transform:rotate(-90deg)}@media (prefers-reduced-motion:no-preference){:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]{transition-behavior:allow-discrete;transition:grid-template-rows .24s}:is(.content,[data-docs-markdown]) .expressive-code .frame .header{transition:border-radius .24s,background-color .24s,color .12s ease-out}:is(.content,[data-docs-markdown]) .expressive-code .frame .header:before{transition:transform .15s ease-out}:is(.content,[data-docs-markdown]) .expressive-code .frame.has-title:not([data-folded])>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame.is-terminal:not([data-folded])>pre,:is(.content,[data-docs-markdown]) .expressive-code .frame[data-foldable]:not([data-folded])>pre{transition-behavior:allow-discrete;transition:overflow 0s .24s}}@media (hover:hover){:is(.content,[data-docs-markdown]) .expressive-code .frame .copy{opacity:0;transition:opacity .15s ease-out}:is(.content,[data-docs-markdown]) .expressive-code .frame:hover .copy,:is(.content,[data-docs-markdown]) .expressive-code .frame:focus-within .copy,:is(.content,[data-docs-markdown]) .expressive-code .copy button{opacity:1}}:is(.content,[data-docs-markdown]) .expressive-code .frame:is(.has-title,.is-terminal,[data-foldable]) .copy{visibility:visible;transition:opacity .15s ease-out,visibility}:is(.content,[data-docs-markdown]) .expressive-code .frame:is(.has-title,.is-terminal,[data-foldable])[data-folded] .copy{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.15s}@media (prefers-reduced-motion:reduce){:is(.content,[data-docs-markdown]) .expressive-code .frame:is(.has-title,.is-terminal,[data-foldable]) .copy{transition:none}}.expressive-code .copy .feedback{display:none}.expressive-code .copy button[data-anta-copied]:after{background-color:var(--text-4-success);transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}:is(code,.copyable,.demoCell)[data-copied]:after{content:attr(data-copied);z-index:-1;pointer-events:none;white-space:nowrap;background:inherit;border:inherit;padding:inherit;border-radius:inherit;animation:.5s ease-out forwards copy-toast;position:absolute;top:0;left:0;right:0}code[data-copied]:after{background:color-mix(in srgb, currentColor 6%, var(--bg-base))}@keyframes copy-toast{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-24px)}}:root{--page-sidebar-width:240px;--page-content-pad:32px}@media (width<=900px){:root{--page-sidebar-width:0px;--page-content-pad:16px}}.content>.disclosure{max-width:none}.disclosure>summary{max-width:960px;margin-inline:auto}.disclosure>.body{container-type:inline-size}.disclosure.brand>summary .title,.disclosure.brand>summary .title.plain,.disclosure.brand>summary .title .header-anchor,.disclosure.brand>summary .chevron{color:var(--text-2-brand)}.disclosure.brand>summary:hover .title,.disclosure.brand>summary:hover .title.plain,.disclosure.brand>summary:hover .title .header-anchor,.disclosure.brand>summary:hover .chevron{color:var(--text-1-brand)}.content>*,.disclosure>.body>*{max-width:960px;margin-inline:auto}.content>.full-bleed,.disclosure>.body>.full-bleed{max-width:none}.content>astro-island>*{max-width:960px;margin-inline:auto}.content>astro-island>.full-bleed,.full-bleed{max-width:none}.columns{--columns-col-gap:20px;--columns-row-gap:20px;column-gap:var(--columns-col-gap);row-gap:var(--columns-row-gap);flex-direction:column;margin-block-end:8px;display:flex}.columns.reverse{flex-direction:column-reverse}.content .columns>*>:last-child{margin-bottom:0}@container (width>=900px){.columns{flex-direction:row;align-items:start}.columns.reverse{flex-direction:row-reverse}.columns>*{flex:1;min-width:320px}.columns>.col{flex-grow:var(--col-grow,1);flex-shrink:1;flex-basis:var(--col-basis,0);min-width:var(--col-min,320px);max-width:var(--col-max,none)}}.table-wrap{scrollbar-width:thin;margin:0 auto 24px;overflow-x:auto}.content .table-wrap>table{margin:0}.content table{width:100%;margin:0 auto 24px}.content table th:first-child,.content table td:first-child{white-space:nowrap}.demoStack{flex-direction:column;gap:32px;display:flex}.demoSection{flex-direction:column;gap:12px;display:flex}.demoRow{flex-direction:column;gap:4px;display:flex}.demoLabel{font-size:.75rem;font-family:var(--monospace);letter-spacing:0;color:var(--text-3)}.demoLabel.upper{text-transform:uppercase;letter-spacing:.04em}.demoBox{border:1px dashed var(--border-4);max-width:320px;padding:8px}.demoGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:16px 0;display:grid}.demoCell{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:4px;padding:8px 8px 4px;font-size:.75rem;display:flex}.demoCell .demoLabel{font-family:var(--sans-serif);white-space:nowrap}.demoCell[data-copied]:after{color:var(--text-4);top:auto;bottom:4px}