@layer custom{.cxd-navbar{border-block-end:var(--cx-border-width-md) solid var(--cx-border-subtle);padding:0}.cxd-navbar>.container{position:relative}.cxd-navbar .navbar-toggler,.cxd-navbar .nav-link{--cx-caret-color:var(--cx-fg-color);font-size:var(--cx-font-size-sm);font-weight:var(--cx-font-weight-strong);text-transform:uppercase}.cxd-navbar .navbar-toggler .icon,.cxd-navbar .nav-link .icon{--cx-icon-color:var(--cx-fg-color)}@media (width>=64rem){.cxd-navbar .navbar-toggler,.cxd-navbar .nav-link{padding:var(--cx-space-lg) var(--cx-space-xs)}.cxd-navbar .navbar-toggler.active,.cxd-navbar .nav-link.active{border-block-end:var(--cx-border-width-2xl) solid var(--cx-primary-cue-main);padding-block-end:var(--cx-space-md)}}.cxd-content{padding-block-end:2rem}.cxd-content>h2,.cxd-content>h3,.cxd-content>h4{--cx-heading-color:var(--cx-fg-main)}.cxd-content>h2:not(:first-child){margin-block-start:3rem}.cxd-content>h3{margin-block-start:2rem}.cxd-content>ul li,.cxd-content>ol li{margin-block-end:.25rem}.cxd-content>ul li>p~ul,.cxd-content>ol li>p~ul{margin-block:-.5rem 1rem}.cxd-content>ol>li:has(:where(h3,h4):first-child)::marker{font-size:var(--cx-font-size-xl);font-weight:var(--cx-font-weight-strong)}.cxd-content>.table,.cxd-content>.table-responsive .table{max-width:100%;margin-block-end:1.5rem}.cxd-content>.table th,.cxd-content>.table td:first-child>code,.cxd-content>.table-responsive .table th,.cxd-content>.table-responsive .table td:first-child>code{white-space:nowrap}a:has(code){text-decoration:none}a:has(code)>code{color:var(--cx-link-color)}.table-options td:nth-child(2){min-width:160px}.table-options td:last-child,.table-utilities td:last-child{min-width:280px}.table-swatches th{color:var(--cx-fg-main)}.table-swatches td code{white-space:nowrap}.cxd-title{--cx-heading-color:var(--cx-fg-main);--cx-font-size:3rem}.cxd-subtitle{--cx-font-family:var(--cx-blockquote-font-family,var(--cx-font-family-prose));--cx-font-size:var(--cx-blockquote-font-size,var(--cx-font-size-lead));--cx-font-weight:var(--cx-blockquote-font-weight,var(--cx-font-weight-prose-elegant));--cx-line-height:var(--cx-blockquote-line-height,var(--cx-line-height-lead));font:var(--cx-font-weight) var(--cx-font-size)/var(--cx-line-height) var(--cx-font-family)}@media (width>=64rem){.border-lg-start{border-inline-start:var(--cx-border-width) solid var(--cx-border-color)}}.cxd-summary-link{color:var(--cx-link-color)}.cxd-summary-link:hover,details[open]>.cxd-summary-link{color:var(--cx-hover-color)}.skippy{background-color:var(--cx-primary-base-color)}.skippy a{color:var(--cx-primary-contrast-color)}.cxd-sidebar{--cx-cue-main:var(--cx-secondary-cue-main);--cx-bg-active:var(--cx-secondary-bg-solid);--cx-fg-active:var(--cx-secondary-fg-solid);--cx-bg-highlight:var(--cx-default-bg-highlight);--cx-fg-highlight:var(--cx-fg-main)}@media (width>=64rem){.cxd-sidebar{border-inline-end:var(--cx-border-width) solid var(--cx-border-subtle);max-height:calc(100vh - 3rem);padding:1.5rem 0;padding-inline-end:.5rem;display:block;position:sticky;top:4rem;overflow:visible auto}}@media (width<64rem){.cxd-sidebar .lg-down\:drawer{border-right-color:var(--cx-border-color);box-shadow:var(--cx-box-shadow-lg)}}.cxd-links{position:relative}.cxd-links-group{margin:0;margin-block-end:1rem;padding:0;list-style:none}.cxd-links-group.active{margin-inline-end:-.5rem;padding-inline-end:.5rem}.cxd-links-group ul{margin:.25rem 0;padding:0;list-style:none}@media (width>=64rem){.cxd-links-group li:not(.cxd-links-subgroup):before{width:1px;height:2em;font-family:var(--cx-font-family-icon);content:"";background-color:var(--cx-cue-main);margin-inline-start:.4rem;position:absolute}.cxd-links-group li:not(.cxd-links-subgroup,:only-child):first-child:before,.cxd-links-group .cxd-links-subgroup+li:before{height:2em;margin-block-start:.8em}.cxd-links-group li:last-child:before,.cxd-links-group li:has(+.cxd-links-subgroup):before{height:.8em}.cxd-links-group li:first-child:has(+.cxd-links-subgroup):before,.cxd-links-group li:only-child:before{height:.8em;margin-block-start:.4em}.cxd-links-group li:not(.cxd-links-subgroup):after{content:"";background-color:var(--cx-cue-main);border-radius:50%;width:.5rem;height:1px;margin-block-start:.8em;position:absolute;left:0}[dir=rtl] .cxd-links-group li:not(.cxd-links-subgroup):after{left:auto;right:0}}.cxd-links-heading{--cx-icon-color:var(--cx-fg-main);--cx-icon-size:var(--cx-icon-xs);gap:var(--cx-space-xs);color:var(--cx-fg-main);align-items:center;display:flex}.cxd-links-subgroup{font-size:var(--cx-font-size-xs);line-height:var(--cx-line-height-sm);--cx-icon-size:var(--cx-icon-xs);font-weight:var(--cx-font-weight-strong);color:var(--cx-primary-fg-main);text-transform:uppercase;margin-block:1em .25em;padding-inline-start:1.5rem}@media (width<64rem){.cxd-links-nav{-moz-column-count:2;column-count:2;-moz-column-gap:1.5rem;column-gap:1.5rem;font-size:.875rem}.cxd-links-nav .cxd-links-group{-moz-column-break-inside:avoid;break-inside:avoid}.cxd-links-nav .cxd-links-span-all{-moz-column-span:all;column-span:all}}.cxd-links-link{width:100%;color:var(--cx-fg-color);font-size:var(--cx-font-size-sm);border-radius:var(--cx-border-radius-md);margin-inline-start:0;padding:.15rem .5rem;padding-inline-start:1.5rem;text-decoration:none;display:inline-block}.cxd-links-link:hover,.cxd-links-link:focus{color:var(--cx-fg-highlight);background-color:var(--cx-bg-highlight)}.cxd-links-link.active{color:var(--cx-fg-active);background-color:var(--cx-bg-active);font-weight:600}.cxd-links-link:visited:not(.active):not(:hover):not(:focus){color:var(--cx-fg-color)}.cxd-gutter{--cx-container-padding:1rem}@media (width>=64rem){.cxd-layout{grid-template-columns:14rem auto;grid-template-areas:"sidebar main";gap:2rem;margin:0 auto;padding:0 1rem;display:grid}}.cxd-sidebar{grid-area:sidebar}.cxd-intro{grid-area:intro;width:100%;max-width:960px;margin:2rem auto 0}.cxd-main{order:1;grid-area:main}@media (width<64rem){.cxd-main{margin-inline:auto}}@media (width>=48rem){.cxd-main{gap:inherit;grid-template-rows:auto auto 1fr;grid-template-areas:"intro""toc""content";display:grid}}@media (width>=64rem){.cxd-main{grid-template:"intro toc""content toc"1fr/auto 14rem}}.cxd-toc{grid-area:toc}.cxd-content{grid-area:content;justify-self:center;width:100%;min-width:1px;max-width:960px}@media (width>=64rem){.cxd-toc{z-index:2;height:calc(100vh - 4rem);color:var(--cx-fg-subtle);border-inline-start:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle);padding:1rem;padding-inline-end:0;position:sticky;top:4rem;right:0;overflow-y:auto}}@media (width>=48rem) and (width<64rem){.cxd-toc{background-color:var(--cx-bg-even);border:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle);border-radius:var(--cx-border-radius-md);margin-block-end:1rem;padding:.5rem 1rem}}.cxd-toc nav{font-size:.875rem}.cxd-toc nav ul{margin-block-end:0;padding-inline-start:0;list-style:none}.cxd-toc nav ul ul{margin-inline-start:-1rem;padding-inline-start:2rem}.cxd-toc nav a{color:inherit;border-inline-start:.125rem solid #0000;padding:.125rem 0 .125rem .5rem;text-decoration:none;display:block}.cxd-toc nav a.level-1{margin-inline-start:-1rem;padding-inline-start:1rem}.cxd-toc nav a.level-2{margin-inline-start:-2rem;padding-inline-start:2rem}.cxd-toc nav a.level-3{margin-inline-start:-3rem;padding-inline-start:3rem}.cxd-toc nav a.level-4{margin-inline-start:-4rem;padding-inline-start:4rem}.cxd-toc nav a.level-5{margin-inline-start:-5rem;padding-inline-start:5rem}.cxd-toc nav a.level-6{margin-inline-start:-6rem;padding-inline-start:6rem}.cxd-toc nav a:hover,.cxd-toc nav a.active{color:var(--cxd-toc-color);border-left-color:var(--cxd-toc-color)}.cxd-toc nav a.active{font-weight:500}.cxd-toc nav a code{font:inherit}.cxd-toc-toggle{box-sizing:border-box;align-items:center;display:flex}@media (width<36rem){.cxd-toc-toggle{justify-content:space-between;width:100%}}@media (width<48rem){.cxd-toc-toggle{color:var(--cx-fg-color);border:var(--cx-border-width) var(--cx-border-style) var(--cx-border-color);border-radius:var(--cx-border-radius-md)}.cxd-toc-toggle:hover,.cxd-toc-toggle:focus,.cxd-toc-toggle:active,.cxd-toc-toggle[aria-expanded=true]{color:var(--cxd-subtle);background-color:var(--cx-bg-color)}.cxd-toc-toggle:focus,.cxd-toc-toggle[aria-expanded=true]{box-shadow:0 0 0 3px to-opacity(var(--cxd-subtle), .25)}.cxd-toc-collapse nav{background-color:var(--cx-bg-even);border:var(--cx-border-width) solid var(--cx-border-subtle);border-radius:var(--cx-border-radius-md);padding:1.25rem 1.25rem 1.25rem 1rem}}@media (width>=48rem){.cxd-toc-collapse{display:block}}.cxd-footer{--cx-fg-color:var(--cx-fg-subtle);background-color:var(--cx-bg-evident)}.cxd-footer .nav{display:block}.cxd-footer .nav>li{margin-block-end:var(--cx-space-xs);display:list-item}.cxd-footer a,.cxd-footer .cxd-footer-link{color:var(--cx-fg-color);text-decoration:none}.cxd-footer a:hover,.cxd-footer a:focus,.cxd-footer .cxd-footer-link:hover,.cxd-footer .cxd-footer-link:focus{color:var(--cx-hover-color);text-decoration:underline}.cxd-footer .cxd-footer-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cxd-consent{z-index:1030;padding-block:var(--cx-space-md);position:fixed;inset-block-end:0;inset-inline:0}.cxd-code-snippet{border:solid var(--cx-border-subtle);border-width:1px 0;margin:0 -1rem 1rem;position:relative}@media (width>=48rem){.cxd-code-snippet{border-radius:var(--cx-border-radius-md);border-width:1px;margin-inline:0}}.cxd-example{--cxd-example-padding:1rem;padding:var(--cxd-example-padding);background-color:var(--cx-bg-main);border:solid var(--cx-border-subtle);border-width:1px 0;margin:0 -1rem 1rem;display:flow-root;position:relative}@media (width>=48rem){.cxd-example{--cxd-example-padding:1.5rem;border-radius:var(--cx-border-radius-md);border-width:1px;margin-inline:0}.cxd-example:has(~.cxd-snippet-toolbar){border-end-end-radius:0;border-end-start-radius:0}}.cxd-pattern-dots{background-image:radial-gradient(var(--cx-dim-slight) 2px, transparent 2px);background-size:12px 12px}.cxd-pattern-diagonal{background-image:repeating-linear-gradient(-45deg, var(--cx-border-subtle) 0 1px, transparent 0 50%);background-size:8px 8px;background-clip:padding-box}.cxd-code{--cxd-code-padding:1.25rem;background-color:var(--cxd-pre-bg,var(--cx-bg-even));position:relative}@media (width>=48rem){.cxd-code{border-radius:calc(var(--cx-border-radius-md) - 1px)}}.cxd-clipboard~.cxd-code{padding-inline-end:3rem}.cxd-code pre{padding:var(--cxd-code-padding);overflow:overlay;font-size:var(--cx-font-size-code-sm);line-height:var(--cx-line-height-code-sm);white-space:pre;background-color:#0000;border:0;margin-block-end:0}.cxd-code pre code{color:var(--cx-fg-color);word-wrap:normal}.cxd-example-snippet .cxd-code pre{margin-inline-end:0}.cxd-snippet-toolbar{gap:var(--cx-space-xs);padding-block:var(--cx-space-2xs);padding-inline:var(--cx-space-sm) var(--cx-space-xs);background-color:var(--cxd-pre-bg,var(--cx-bg-even));border-block-end:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle);align-items:center;display:flex}.cxd-example~.cxd-snippet-toolbar{border-block-start:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle)}.cxd-snippet-toolbar+.cxd-code{border-top-left-radius:0;border-top-right-radius:0}.cxd-snippet-toolbar>a{font-size:var(--cx-font-size-sm)}.cxd-file-ref .cxd-snippet-toolbar{border-block-start:0}@media (width>=48rem){.cxd-file-ref .cxd-snippet-toolbar{border-top-left-radius:calc(var(--cx-border-radius-md) - 1px);border-top-right-radius:calc(var(--cx-border-radius-md) - 1px)}}.cxd-content .cxd-code-snippet{margin-block-end:1rem}.cxd-clipboard,.cxd-edit,.cxd-mode{z-index:3;display:block;position:absolute;inset-block-start:1rem;inset-inline-end:.75rem}.cxd-mode{inset-block-start:.75rem}.cxd-mode:not(.cxd-example:hover .cxd-mode){display:none}.button-mode,.button-clipboard,.button-edit{--cx-icon-color:var(--cx-fg-subtle);--cx-icon-size:var(--cx-icon-sm);background-color:#0000;border:0;border-radius:.25rem;padding:.25em;line-height:1;display:block}.button-mode:hover,.button-clipboard:hover,.button-edit:hover{color:var(--cx-hover-color)}.button-mode:focus,.button-clipboard:focus,.button-edit:focus{z-index:3}.button-mode,.button-clipboard{z-index:2;position:relative}.cxd-callout{color:var(--cxd-callout-color,inherit);background-color:var(--cxd-callout-bg,var(--cx-neutral-bg-even));border-inline-start:.25rem solid var(--cxd-callout-border,var(--cx-neutral-border-main));margin-block:1.25rem;padding:1.25rem}.cxd-callout h4{margin-block-end:.25rem}.cxd-callout>:last-child{margin-block-end:0}.cxd-callout+.cxd-callout{margin-block-start:-.25rem}.cxd-callout .cxd-code{background-color:#0000000d}.cxd-callout-info{--cxd-callout-color:var(--cx-info-fg-main);--cxd-callout-bg:var(--cx-info-bg-even);--cxd-callout-border:var(--cx-info-border-subtle)}.cxd-callout-warning{--cxd-callout-color:var(--cx-warning-fg-main);--cxd-callout-bg:var(--cx-warning-bg-even);--cxd-callout-border:var(--cx-warning-border-subtle)}.cxd-callout-danger{--cxd-callout-color:var(--cx-danger-fg-main);--cxd-callout-bg:var(--cx-danger-bg-even);--cxd-callout-border:var(--cx-danger-border-subtle)}.cxd-callout-default{--cxd-callout-color:var(--cx-default-fg-main);--cxd-callout-bg:var(--cx-default-bg-even);--cxd-callout-border:var(--cx-default-border-subtle)}.cxd-placeholder-image{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-anchor:middle;font-size:1.125rem}.cxd-placeholder-image-lg{font-size:clamp(2.887rem,2.648rem + 1.065vw,3.5rem)}main a,main button,main input,main select,main textarea,main h2,main h3,main h4,main [tabindex="0"]{scroll-margin-block:80px 100px}[data-cx-theme=dark] .astro-code,[data-cx-theme=dark] .astro-code span{font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);color:var(--shiki-dark);-webkit-text-decoration:var(--shiki-dark-text-decoration);text-decoration:var(--shiki-dark-text-decoration)}[data-cx-theme=light] .astro-code,[data-cx-theme=light] .astro-code span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);color:var(--shiki-light);-webkit-text-decoration:var(--shiki-light-text-decoration);text-decoration:var(--shiki-light-text-decoration)}.astro-code{padding:var(--cxd-code-padding);border-radius:calc(var(--cx-radius-round) - 1px);display:flex;position:relative}.astro-code>code{flex-direction:column;flex-shrink:0;width:max-content;min-width:100%;display:flex}.astro-code>code .line:empty{min-height:1lh}.line{width:100%}.line.highlighted{width:calc(100% + 2 * var(--cxd-code-padding));padding-inline:var(--cxd-code-padding);margin-inline:calc(-1 * var(--cxd-code-padding));background-color:var(--cx-bg-highlight)}.line-numbers{--cxd-line-number-width:2.5rem}.line-numbers code{counter-reset:line}.line-numbers .line{padding-inline-start:var(--cxd-line-number-width);position:relative}.line-numbers .line:before{width:var(--cxd-line-number-width);font-variant-numeric:tabular-nums;color:var(--cx-fg-subtle);text-align:right;pointer-events:none;content:counter(line);counter-increment:line;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--cx-dim-slight);border-inline-end:var(--cx-border-width) solid var(--cx-border-subtle);margin-inline-start:calc(-1 * var(--cxd-code-padding));padding-inline-end:.5rem;position:absolute;inset-inline-start:0}.line-numbers .line:first-child:before{margin-block-start:calc(-1 * var(--cxd-code-padding));padding-block-start:var(--cxd-code-padding)}.line-numbers .line:last-child:before{margin-block-end:calc(-1 * var(--cxd-code-padding));padding-block-end:var(--cxd-code-padding)}.line-numbers .line.highlighted{margin-inline-start:calc(-1 * var(--cxd-code-padding));padding-inline-start:calc(var(--cxd-line-number-width) + var(--cxd-code-padding))}.line-numbers .line.highlighted:before{margin-inline-start:0}.anchor-link{color:var(--cx-default-link-main);opacity:0;padding:0 .175rem;font-weight:400;text-decoration:none;transition:color .15s ease-in-out,opacity .15s ease-in-out}@media (prefers-reduced-motion:reduce){.anchor-link{transition:none}}.anchor-link:after{content:"#"}.anchor-link:focus,.anchor-link:hover,:hover>.anchor-link,:target>.anchor-link{opacity:1}.cxd-search{position:relative}@media (width>=64rem){.cxd-search{width:200px;position:absolute;top:20%;right:11rem}[dir=rtl] .cxd-search{left:11rem;right:auto}}.cxd-search-trigger{--cx-padding-x:var(--cx-space-xs);--cx-padding-y:.375rem;--cx-icon-color:var(--cx-fg-color);padding:calc(var(--cx-padding-y) - var(--cx-border-width)) calc(var(--cx-padding-x) - var(--cx-border-width));font-size:var(--cx-font-size-sm);color:var(--cx-fg-subtle);text-align:start;cursor:pointer;border-radius:var(--cx-border-radius-md);background-color:#0000;border:0;align-items:center;gap:.5rem;margin-block:.125rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}@media (prefers-reduced-motion:reduce){.cxd-search-trigger{transition:none}}.cxd-search-trigger:focus-visible{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color);outline-offset:var(--cx-focus-ring-offset)}@media (width>=64rem){.cxd-search-trigger{--cx-border-color:var(--cx-border-subtle);--cx-icon-size:var(--cx-icon-sm);--cx-icon-color:var(--cx-fg-subtle);background-color:var(--cx-bg-main);border:var(--cx-border-width) var(--cx-border-style) var(--cx-border-color,transparent);width:100%}.cxd-search-trigger:hover{--cx-icon-color:var(--cx-fg-color);--cx-border-color:var(--cx-border-main)}}.cxd-search-trigger-icon{color:var(--cx-fg-subtle);flex-shrink:0}.cxd-search-trigger-label,.cxd-search-trigger-shortcut{display:none}@media (width>=64rem){.cxd-search-trigger-label,.cxd-search-trigger-shortcut{display:inline-flex}}.cxd-search-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cxd-search-trigger-shortcut{flex-shrink:0;gap:.125rem}.cxd-search-trigger-key{min-width:1.25rem;font-family:var(--cx-font-family-code);font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-sm);color:var(--cx-fg-subtle);background-color:var(--cx-bg-evident);border-radius:var(--cx-border-radius-sm);justify-content:center;align-items:center;padding:.125rem .375rem;display:inline-flex}.cxd-search-dialog{--cx-dialog-margin:1.5rem;--cx-dialog-padding:.75rem;--cx-dialog-header-padding:.75rem;--cx-dialog-footer-padding:.5rem .75rem;--cx-dialog-border-radius:var(--cx-border-radius-lg);background-color:var(--cx-bg-even);align-self:flex-start;width:640px;max-height:min(80dvh,720px);margin-block-start:3rem;overflow:hidden}@media (width<36rem){.cxd-search-dialog{max-height:calc(100dvh - 4rem)}}.cxd-search-form{padding:var(--cx-space-md);border-bottom:0;flex-wrap:nowrap;align-items:center;gap:.75rem;display:flex}cxd-search-input{flex-grow:1}.cxd-search-filter{flex-shrink:0}.cxd-search-body{padding:0 var(--cx-space-md) var(--cx-space-md)}.cxd-search-results{border:0;min-height:6rem;display:block}.cxd-search-results-list{gap:var(--cx-space-sm);padding-block-start:var(--cx-space-xs);list-style:none}.cxd-search-results-list .list-item{border:0;padding:0}.cxd-search-result{flex-direction:column;gap:0;padding:0;display:flex}.cxd-search-results:not(:focus-within) .cxd-search-result:first-child>.cxd-search-item{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color);outline-offset:var(--cx-focus-ring-offset);--cx-focus-ring-offset:-2px;background-color:var(--cx-bg-main)}.cxd-search-item{--cx-icon-size:var(--cx-icon-md);--cx-icon-color:var(--cx-fg-subtle);-moz-column-gap:.5rem;padding:var(--cx-space-xs);background-color:var(--cx-bg-main);border:var(--cx-border-width) var(--cx-border-style) var(--cx-border-color,transparent);border-radius:var(--cx-border-radius-md);grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;text-decoration:none;display:grid;position:relative}.cxd-search-item mark{background:0 0}.cxd-search-item:has(+.cxd-search-subresults){border-block-end-width:0;border-end-end-radius:0;border-end-start-radius:0}.cxd-search-item:hover{background-color:var(--cx-bg-main)}.cxd-search-item:focus-visible{--cx-focus-ring-offset:-2px;z-index:1;outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color);outline-offset:var(--cx-focus-ring-offset)}.cxd-search-item-icon{color:var(--cx-fg-subtle)}.cxd-search-item-body{grid-column:2;min-width:0}.cxd-search-item-title{font-weight:var(--cx-font-weight-strong);color:var(--cx-fg-main)}.cxd-search-item-excerpt{color:var(--cx-fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-sm);overflow:hidden}.cxd-search-subitem{--cx-icon-size:var(--cx-icon-sm);--cx-icon-color:var(--cx-fg-subtle);align-items:center;padding-inline-start:var(--cx-space-4xl)}.cxd-search-subitem:before{width:var(--cx-border-width);content:" ";background-color:var(--cx-fg-subtle);height:70%;margin-inline-start:1.25rem;position:absolute;inset-block:15%;inset-inline:0}.cxd-search-subitem:after{width:.75rem;height:var(--cx-border-width);content:" ";background-color:var(--cx-fg-subtle);margin-block:auto;margin-inline-start:1.25rem;position:absolute;inset:0}.cxd-search-subitem .cxd-search-item-title{font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-sm)}.cxd-search-subresults{flex-direction:column;gap:0;display:flex}.cxd-search-subresults .cxd-search-subitem{border-block-end-width:0;border-radius:0}.cxd-search-subresults .cxd-search-subitem:is(:last-child>.cxd-search-subitem){border-block-end-width:var(--cx-border-width);border-end-end-radius:var(--cx-border-radius);border-end-start-radius:var(--cx-border-radius)}.cxd-search-subresults .cxd-search-subitem:is(:last-child>.cxd-search-subitem):before{height:35%}.cxd-search-recent-header{justify-content:space-between;align-items:center;gap:.5rem;padding-block:.5rem;display:flex}.cxd-search-recent-label{font-size:var(--cx-font-size-xs);color:var(--cx-fg-subtle);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.cxd-search-recent-clear{font-size:var(--cx-font-size-xs);color:var(--cx-fg-subtle);cursor:pointer;border-radius:var(--cx-border-radius-md);background-color:#0000;border:0;padding:.125rem .375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.cxd-search-recent-clear{transition:none}}.cxd-search-recent-clear:hover{color:var(--cx-fg-main);background-color:var(--cx-bg-main)}.cxd-search-recent-clear:focus-visible{outline:var(--cx-focus-ring-width) solid var(--cx-focus-ring-color);outline-offset:var(--cx-focus-ring-offset)}.cxd-search-empty,.cxd-search-error{font-size:var(--cx-font-size-sm);color:var(--cx-fg-subtle);text-align:center;padding:2rem 1rem}.cxd-search-error{color:var(--cx-danger-fg-main)}.cxd-search-loading{gap:var(--cx-space-sm);flex-direction:column;display:flex}.cxd-search-footer{padding-block:var(--cx-space-sm);background-color:var(--cx-bg-evident)}.cxd-search-shortcuts-list>.list-item{color:var(--cx-fg-subtle);background:0 0;border:0;align-items:center;gap:.25rem;padding:0 .5rem;display:inline-flex}.cxd-search-shortcut-key{background-color:var(--cx-bg-main);justify-content:center;align-items:center;min-width:1.25rem;min-height:1.25rem;padding:0 .25rem;display:inline-flex}.cxd-search-shortcut-label{font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-sm);padding-inline-start:.25rem}[data-cx-theme=dark] .visible-light:not([data-cx-theme=dark] [data-cx-theme=light] .visible-light),[data-cx-theme=light] .visible-dark:not([data-cx-theme=light] [data-cx-theme=dark] .visible-dark){display:none}.docs-body .navbar .container.\32 xl,.docs-body .cxd-footer .container.\32 xl{max-width:100%}code{color:var(--cxd-code-color,var(--cx-code-color))}pre code{color:inherit}.home-section{overflow:hidden}.section-content:has(.gallery-image)>div{height:var(--cx-gallery-image-height,256px);border:var(--cx-border-width-md) solid var(--cx-bg-evident)}.gallery-image{align-items:center;display:flex}@media (width<48rem){.gallery-image{margin-block-start:-25%}}.gallery-image img{vertical-align:middle;zoom:1.5;transform:rotate(30deg)skew(-30deg)scaleY(.866)}.feature-item .cxd-code-snippet{--cx-icon-color:var(--cx-fg-color);--cx-icon-size:1em;background-color:var(--cx-bg-even);border:0;margin-block-end:0}.feature-item .cxd-code-snippet .cxd-code{padding:var(--cx-space-md);background-color:var(--cx-bg-even)}.feature-item .cxd-code-snippet pre{margin:0;padding:0}.feature-item .cxd-code-snippet>.cxd-clipboard{display:none}.feature-item .cxd-code-snippet .token.comment{color:var(--cx-fg-subtle)}.cxd-example+p{margin-block-start:2rem}.cxd-example>.form-input+.form-input{margin-block-start:.5rem}.cxd-example>.nav+.nav,.cxd-example>.navbar+.navbar,.cxd-example>.progress+.progress{margin-block-start:1rem}.cxd-example>:last-child:not(.dialog),.cxd-example>nav:last-child .breadcrumb{margin-block-end:0}.cxd-example>hr:last-child{margin-block-end:1rem}.cxd-example>.icon+.icon,.cxd-example>svg+svg,.cxd-example>img+img{margin-inline-start:.5rem}.button-examples .cxd-example>.cxd-button,.button-examples .cxd-example>.button,.button-examples .cxd-example>.button-group,.button-examples .cxd-example>.button-option,.button-examples .cxd-example>.dropdown,.button-examples .cxd-example>.chip,.cxd-example.button-examples>.cxd-button,.cxd-example.button-examples>.button,.cxd-example.button-examples>.button-group,.cxd-example.button-examples>.button-option,.cxd-example.button-examples>.dropdown,.cxd-example.button-examples>.chip{margin:.25rem .125rem}.button-examples .cxd-example>.button-toolbar+.button-toolbar{margin-block-start:.5rem}.cxd-example .fixed-top,.cxd-example .sticky-top{margin:calc(var(--cxd-example-padding) * -1) calc(var(--cxd-example-padding) * -1) var(--cxd-example-padding)!important;position:static!important}.cxd-example .fixed-bottom,.cxd-example .sticky-bottom{margin:var(--cxd-example-padding) calc(var(--cxd-example-padding) * -1) calc(var(--cxd-example-padding) * -1)!important;position:static!important}.cxd-example .pagination{margin-block-end:0}.cxd-example-resizable{position:relative}.cxd-resizable-container{resize:horizontal;background-color:var(--cx-bg-main);border:1px dashed var(--cx-border-subtle);border-radius:var(--cx-radius-medium);max-width:100%;padding:1rem;overflow:hidden}.cxd-example-grid :is(.grid,.grid-fill)>*{background-color:oklch(from var(--cxd-subtle) l c h / .2);border:1px solid oklch(from var(--cxd-subtle) l c h / .4);padding-block:.75rem}.cxd-example-grid :is(.grid,.grid-fill)+:is(.grid,.grid-fill){margin-block-start:1rem}.cxd-example-grid-tall .grid{background-color:oklch(from var(--cxd-subtle) l c h / .2);min-height:10rem}.cxd-example-flex div:not(.vr),.cxd-example-spacing :where([class^=m],[class^=-m]),.cxd-example-spacing [class^=p]:not(:has([class^=-m])){background-color:oklch(from var(--cxd-subtle) l c h / .2);border:1px solid oklch(from var(--cxd-subtle) l c h / .4)}.cxd-example-spacing :where([class^=m],[class^=-m]){padding:.5rem}.cxd-example-spacing>:has([class^=m],[class^=-m]){background-color:var(--cx-bg-even);background-image:repeating-linear-gradient(-45deg, var(--cx-border-subtle) 0 1px, transparent 0 50%);background-size:8px 8px;background-clip:padding-box}.example-container{width:100%;padding-inline:var(--cx-container-padding);max-width:800px;margin-inline:auto}.example-layout{grid-template-columns:repeat(var(--cx-grid-columns), minmax(0, 1fr));gap:var(--cx-grid-gutter);display:grid}.example-content-main,.example-content-secondary{grid-column:1/-1}@media (width>=36rem){.example-content-main{grid-column:span 6}}@media (width>=64rem){.example-content-main{grid-column:span 8}}@media (width>=36rem){.example-content-secondary{grid-column:span 6}}@media (width>=64rem){.example-content-secondary{grid-column:span 4}}.cxd-example-ratios [class*=ratio]{color:var(--cx-fg-subtle);background-color:var(--cx-bg-evident);border:var(--cx-border-width) solid var(--cx-border-color);justify-content:center;align-items:center;margin-block-end:1rem;display:flex}@media (width>=48rem){.cxd-example-ratios-breakpoint .ratio-4x3{--cx-aspect-ratio:2}}.cxd-example-drawer dialog.drawer{visibility:visible;height:360px;display:flex;position:static;transform:translate(0)}.tooltip-demo a{white-space:nowrap}.custom-tooltip{--cx-tooltip-bg-color:var(--cx-primary-60);--cx-tooltip-fg-color:var(--cx-primary-20)}.custom-popover{--cx-popover-max-width:200px;--cx-popover-border-color:var(--cxd-subtle-bg);--cx-popover-header-bg:var(--cxd-subtle-bg);--cx-popover-header-color:var(--cx-white);--cx-popover-body-padding-x:1rem;--cx-popover-body-padding-y:.5rem}.scrollspy-example{height:200px;margin-block-start:.5rem;overflow:auto}.scrollspy-example-2{height:350px;overflow:auto}.simple-list-example-scrollspy .active{background-color:oklch(from var(--cxd-subtle) l c h / .2)}.cxd-example-border-utils [class^=border]{background-color:var(--cx-bg-evident);width:5rem;height:5rem;margin-inline:.25rem;display:inline-block}.cxd-example-rounded-utils [class*=rounded]{margin:.25rem}.cxd-example-position-utils{padding:2rem;position:relative}.cxd-example-position-utils .position-relative{background-color:var(--cx-bg-evident);height:200px}.cxd-example-position-utils .position-absolute{background-color:var(--cx-fg-subtle);border-radius:var(--cx-border-radius);width:2rem;height:2rem}.cxd-example-position-examples:after{content:none}.cxd-example-skeleton-cards:after{display:none}.cxd-example-skeleton-cards .card{width:18rem}.cxd-example-toasts{min-height:240px}.cxd-example-zindex-levels{min-height:15rem}.cxd-example-zindex-levels>div{color:var(--cx-white);background-color:oklch(from var(--cxd-subtle) l c h / .9);border:1px solid var(--cxd-main)}.cxd-example-zindex-levels>div>span{position:absolute;inset-block-end:.125rem;inset-inline-end:.5rem}.cxd-example-zindex-levels>:nth-child(2){inset-block-start:3rem;inset-inline-start:3rem}.cxd-example-zindex-levels>:nth-child(3){inset-block-start:4.5rem;inset-inline-start:4.5rem}.cxd-example-zindex-levels>:nth-child(4){inset-block-start:6rem;inset-inline-start:6rem}.cxd-example-zindex-levels>:nth-child(5){inset-block-start:7.5rem;inset-inline-start:7.5rem}[data-cx-theme=primary]{color-scheme:dark;--cx-default-bg-main:var(--cx-primary-70);--cx-default-bg-even:var(--cx-primary-60);--cx-default-bg-evident:var(--cx-primary-50);--cx-default-bg-highlight:var(--cx-primary-60);--cx-default-fg-highlight:var(--cx-white);--cx-default-border-main:var(--cx-primary-40);--cx-bg-main:var(--cx-default-bg-main);--cx-bg-even:var(--cx-default-bg-even);--cx-bg-evident:var(--cx-default-bg-evident);--cx-bg-highlight:var(--cx-default-bg-highlight);--cx-fg-highlight:var(--cx-default-fg-highlight);--cx-border-main:var(--cx-default-border-main)}[data-cx-theme=primary] .menu{--cx-menu-bg-color:var(--cx-primary-80)}[data-cx-theme=primary] .button.secondary{--cx-button-idle-bg-color:transparent;--cx-button-idle-fg-color:var(--cx-white);--cx-button-idle-border-color:var(--cx-white);--cx-button-hover-bg-color:var(--cx-primary-60);--cx-button-hover-fg-color:var(--cx-white);--cx-button-hover-border-color:var(--cx-white);--cx-button-press-bg-color:var(--cx-primary-50);--cx-button-press-fg-color:var(--cx-white);--cx-button-press-border-color:var(--cx-white)}:root{--cx-example-fg:#282}.example{color:var(--cx-example-fg,var(--cx-fg-subtle))}.example-2{--cx-fg-color:var(--cx-example-fg-color,var(--cx-fg-subtle));--cx-solid-fg-color:var(--cx-fg-subtle);color:var(--cx-fg-color);background-color:var(--cx-bg-color)}.example-3{--cx-component-fg-color:var(--cx-example-fg-color,var(--cx-fg-main));--cx-component-bg-color:var(--cx-example-bg-color,var(--cx-bg-even));color:var(--cx-component-fg-color);background-color:var(--cx-component-bg-color)}.example-3.solid{background-color:var(--cx-example-solid-bg-color,var(--cx-bg-solid))}.context-palette-grid,.body-colors-grid{font-size:var(--cx-font-size-sm);line-height:var(--cx-line-height-sm);gap:0}.context-palette-grid .grid-col,.body-colors-grid .grid-col{gap:0;display:grid;position:relative}.context-palette-grid .grid-item,.body-colors-grid .grid-item{padding:var(--cx-space-xs) var(--cx-space-2xs);text-wrap:nowrap;border-bottom:1px solid var(--cx-border-subtle);align-items:center;display:flex}.context-palette-grid .grid-item.header,.body-colors-grid .grid-item.header{font-weight:var(--cx-font-weight-mass);border-bottom:2px solid var(--cx-border-main)}.context-palette-grid .g-rowspan-1,.body-colors-grid .g-rowspan-1{grid-row:auto/span 1}.context-palette-grid .g-rowspan-2,.body-colors-grid .g-rowspan-2{grid-row:auto/span 2}.context-palette-grid .g-rowspan-3,.body-colors-grid .g-rowspan-3{grid-row:auto/span 3}.context-palette-grid .g-rowspan-4,.body-colors-grid .g-rowspan-4{grid-row:auto/span 4}.context-palette-grid .g-rowspan-5,.body-colors-grid .g-rowspan-5{grid-row:auto/span 5}.context-palette-grid .g-rowspan-6,.body-colors-grid .g-rowspan-6{grid-row:auto/span 6}.context-palette-grid .g-rowspan-7,.body-colors-grid .g-rowspan-7{grid-row:auto/span 7}.context-palette-grid .g-rowspan-8,.body-colors-grid .g-rowspan-8{grid-row:auto/span 8}.context-palette-grid .g-rowspan-9,.body-colors-grid .g-rowspan-9{grid-row:auto/span 9}.context-palette-grid .g-rowspan-10,.body-colors-grid .g-rowspan-10{grid-row:auto/span 10}.context-palette-grid .g-rowspan-11,.body-colors-grid .g-rowspan-11{grid-row:auto/span 11}.context-palette-grid .g-rowspan-12,.body-colors-grid .g-rowspan-12{grid-row:auto/span 12}.context-palette-grid{grid-template-rows:auto;grid-template-columns:20rem repeat(var(--cx-grid-columns,1), 8rem) auto}.context-palette-grid .grid-col{grid-template-rows:auto 6rem repeat(var(--cx-grid-rows,1), 3.5rem)}.context-palette-grid .variable-col{background-color:var(--cx-bg-color);box-shadow:-4px 0 8px -4px oklch(from var(--cx-black) l c h / .25);position:sticky;inset-inline-end:0}.context-palette-grid .variable-col .grid-item{padding-inline:.75rem 0}.context-palette-grid .description-col .grid-item{text-wrap:wrap;padding-inline:0 1rem;display:block}.body-colors-grid{grid-template-rows:auto;grid-template-columns:4fr 1fr 3.5fr 3.5fr;gap:0}.body-colors-grid .grid-col{grid-template-rows:auto repeat(var(--cx-grid-rows,12), 3.5rem)}.body-colors-grid .variable-col .grid-item{padding-inline-start:0}.body-colors-grid .color-col .grid-item{padding-inline-end:1rem}.body-colors-grid .property-col .grid-item{padding-inline-start:1rem}.cxd-primary-05{color:#000;background-color:#edf8fa}.cxd-primary-10{color:#000;background-color:#d9eff4}.cxd-primary-20{color:#000;background-color:#b3dfea}.cxd-primary-30{color:#000;background-color:#80cadc}.cxd-primary-40{color:#000;background-color:#40afca}.cxd-primary-50{color:#000;background-color:#0094b8}.cxd-primary-60{color:#fff;background-color:#006f8a}.cxd-primary-70{color:#fff;background-color:#004a5c}.cxd-primary-80{color:#fff;background-color:#002c37}.cxd-primary-90{color:#fff;background-color:#001e25}.cxd-primary-95{color:#fff;background-color:#00161c}.cxd-secondary-05{color:#000;background-color:#fef3ed}.cxd-secondary-10{color:#000;background-color:#fee5d9}.cxd-secondary-20{color:#000;background-color:#fccbb3}.cxd-secondary-30{color:#000;background-color:#faa980}.cxd-secondary-40{color:#000;background-color:#f87d40}.cxd-secondary-50{color:#000;background-color:#f55200}.cxd-secondary-60{color:#fff;background-color:#b83e00}.cxd-secondary-70{color:#fff;background-color:#7b2900}.cxd-secondary-80{color:#fff;background-color:#4a1900}.cxd-secondary-90{color:#fff;background-color:#311000}.cxd-secondary-95{color:#fff;background-color:#250c00}.cxd-neutral-05{color:#000;background-color:#f6f7f7}.cxd-neutral-10{color:#000;background-color:#ebedee}.cxd-neutral-20{color:#000;background-color:#d7dbdd}.cxd-neutral-30{color:#000;background-color:#bdc3c7}.cxd-neutral-40{color:#000;background-color:#9ca5aa}.cxd-neutral-50{color:#000;background-color:#7b878e}.cxd-neutral-60{color:#fff;background-color:#5c656b}.cxd-neutral-70{color:#fff;background-color:#3e4447}.cxd-neutral-80{color:#fff;background-color:#25292b}.cxd-neutral-90{color:#fff;background-color:#191b1c}.cxd-neutral-95{color:#fff;background-color:#121415}.cxd-danger-05{color:#000;background-color:#fcf0ef}.cxd-danger-10{color:#000;background-color:#f9dfdd}.cxd-danger-20{color:#000;background-color:#f3bfbb}.cxd-danger-30{color:#000;background-color:#eb958e}.cxd-danger-40{color:#000;background-color:#e15f56}.cxd-danger-50{color:#fff;background-color:#d72a1d}.cxd-danger-60{color:#fff;background-color:#a12016}.cxd-danger-70{color:#fff;background-color:#6c150f}.cxd-danger-80{color:#fff;background-color:#410d09}.cxd-danger-90{color:#fff;background-color:#2b0806}.cxd-danger-95{color:#fff;background-color:#200604}.cxd-success-05{color:#000;background-color:#eff8f3}.cxd-success-10{color:#000;background-color:#ddf0e5}.cxd-success-20{color:#000;background-color:#bae2ca}.cxd-success-30{color:#000;background-color:#8dcfa7}.cxd-success-40{color:#000;background-color:#53b67b}.cxd-success-50{color:#000;background-color:#1a9e4f}.cxd-success-60{color:#fff;background-color:#14773b}.cxd-success-70{color:#fff;background-color:#0d4f28}.cxd-success-80{color:#fff;background-color:#082f18}.cxd-success-90{color:#fff;background-color:#052010}.cxd-success-95{color:#fff;background-color:#04180c}.cxd-warning-05{color:#000;background-color:#fef8ee}.cxd-warning-10{color:#000;background-color:#fdf1da}.cxd-warning-20{color:#000;background-color:#fbe3b4}.cxd-warning-30{color:#000;background-color:#f8d182}.cxd-warning-40{color:#000;background-color:#f4b944}.cxd-warning-50{color:#000;background-color:#f0a205}.cxd-warning-60{color:#000;background-color:#b47a04}.cxd-warning-70{color:#fff;background-color:#785103}.cxd-warning-80{color:#fff;background-color:#483102}.cxd-warning-90{color:#fff;background-color:#302001}.cxd-warning-95{color:#fff;background-color:#241801}.cxd-info-05{color:#000;background-color:#f1f5fd}.cxd-info-10{color:#000;background-color:#e1eafb}.cxd-info-20{color:#000;background-color:#c4d5f7}.cxd-info-30{color:#000;background-color:#9db9f2}.cxd-info-40{color:#000;background-color:#6b95eb}.cxd-info-50{color:#000;background-color:#3a72e4}.cxd-info-60{color:#fff;background-color:#2c56ab}.cxd-info-70{color:#fff;background-color:#1d3972}.cxd-info-80{color:#fff;background-color:#124}.cxd-info-90{color:#fff;background-color:#0c172e}.cxd-info-95{color:#fff;background-color:#091122}.cxd-default-border-main{color:#000;background-color:#9ca5aa}.cxd-alternate-border-main{color:#fff;background-color:#5c656b}.cxd-primary-border-main{color:#000;background-color:#40afca}.cxd-secondary-border-main{color:#000;background-color:#f87d40}.cxd-neutral-border-main{color:#000;background-color:#9ca5aa}.cxd-danger-border-main{color:#000;background-color:#e15f56}.cxd-success-border-main{color:#000;background-color:#53b67b}.cxd-warning-border-main{color:#000;background-color:#f4b944}.cxd-info-border-main{color:#000;background-color:#6b95eb}.cxd-black-border-main{color:#fff;background-color:#0000004d}.cxd-white-border-main{color:#000;background-color:#ffffff4d}.cxd-default-border-subtle{color:#fff;background-color:#191b1c26}.cxd-alternate-border-subtle{color:#000;background-color:#ebedee26}.cxd-primary-border-subtle{color:#fff;background-color:#006f8a26}.cxd-secondary-border-subtle{color:#fff;background-color:#b83e0026}.cxd-neutral-border-subtle{color:#fff;background-color:#5c656b26}.cxd-danger-border-subtle{color:#fff;background-color:#a1201626}.cxd-success-border-subtle{color:#fff;background-color:#14773b26}.cxd-warning-border-subtle{color:#000;background-color:#b47a0426}.cxd-info-border-subtle{color:#fff;background-color:#2c56ab26}.cxd-black-border-subtle{color:#fff;background-color:#00000026}.cxd-white-border-subtle{color:#000;background-color:#ffffff26}.swatch-default{color:#fff;background-color:#000}.swatch-default:after{white-space:pre;content:"21" "\a " "21" "\a " "1";background-image:linear-gradient(#0000 .25rem,#fff .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-alternate{color:#000;background-color:#fff}.swatch-alternate:after{white-space:pre;content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-primary{color:#000;background-color:#0094b8}.swatch-primary:after{white-space:pre;content:"5.92" "\a " "3.54" "\a " "5.92";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-secondary{color:#000;background-color:#f55200}.swatch-secondary:after{white-space:pre;content:"6.08" "\a " "3.44" "\a " "6.08";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-neutral{color:#000;background-color:#7b878e}.swatch-neutral:after{white-space:pre;content:"5.69" "\a " "3.68" "\a " "5.69";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-danger{color:#fff;background-color:#d72a1d}.swatch-danger:after{white-space:pre;content:"4.95" "\a " "4.95" "\a " "4.23";background-image:linear-gradient(#0000 .25rem,#fff .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-success{color:#000;background-color:#1a9e4f}.swatch-success:after{white-space:pre;content:"6.04" "\a " "3.47" "\a " "6.04";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-warning{color:#000;background-color:#f0a205}.swatch-warning:after{white-space:pre;content:"9.87" "\a " "2.12" "\a " "9.87";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-info{color:#000;background-color:#3a72e4}.swatch-info:after{white-space:pre;content:"4.70" "\a " "4.46" "\a " "4.70";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-black{color:#fff;background-color:#000}.swatch-black:after{white-space:pre;content:"21" "\a " "21" "\a " "1";background-image:linear-gradient(#0000 .25rem,#fff .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-white{color:#000;background-color:#fff}.swatch-white:after{white-space:pre;content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.swatch-gray-500{color:#000;background-color:#7b878e}.swatch-gray-500:after{white-space:pre;content:"5.69" "\a " "3.68" "\a " "5.69";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%;padding-inline-start:1rem;font-size:.75rem;line-height:1.35;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}[data-cx-theme=dark] .swatch-default{color:#000;background-color:#fff}[data-cx-theme=dark] .swatch-default:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-alternate{color:#000;background-color:#fff}[data-cx-theme=dark] .swatch-alternate:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-primary{color:#000;background-color:#40afca}[data-cx-theme=dark] .swatch-primary:after{content:"8.20" "\a " "2.56" "\a " "8.20";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-secondary{color:#000;background-color:#f87d40}[data-cx-theme=dark] .swatch-secondary:after{content:"7.99" "\a " "2.62" "\a " "7.99";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-neutral{color:#000;background-color:#9ca5aa}[data-cx-theme=dark] .swatch-neutral:after{content:"8.37" "\a " "2.50" "\a " "8.37";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-danger{color:#000;background-color:#e15f56}[data-cx-theme=dark] .swatch-danger:after{content:"5.97" "\a " "3.51" "\a " "5.97";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-success{color:#000;background-color:#53b67b}[data-cx-theme=dark] .swatch-success:after{content:"8.34" "\a " "2.51" "\a " "8.34";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-warning{color:#000;background-color:#f4b944}[data-cx-theme=dark] .swatch-warning:after{content:"11.8" "\a " "1.76" "\a " "11.8";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-info{color:#000;background-color:#6b95eb}[data-cx-theme=dark] .swatch-info:after{content:"7.12" "\a " "2.94" "\a " "7.12";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-black{color:#fff;background-color:#000}[data-cx-theme=dark] .swatch-black:after{content:"21" "\a " "21" "\a " "1";background-image:linear-gradient(#0000 .25rem,#fff .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-white{color:#000;background-color:#fff}[data-cx-theme=dark] .swatch-white:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-gray-500{color:#000;background-color:#7b878e}[data-cx-theme=dark] .swatch-gray-500:after{content:"5.69" "\a " "3.68" "\a " "5.69";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}@media (prefers-color-scheme:dark){:root:where(:not([data-cx-theme=light])) .swatch-default{color:#000;background-color:#fff}:root:where(:not([data-cx-theme=light])) .swatch-default:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-alternate{color:#000;background-color:#fff}:root:where(:not([data-cx-theme=light])) .swatch-alternate:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-primary{color:#000;background-color:#40afca}:root:where(:not([data-cx-theme=light])) .swatch-primary:after{content:"8.20" "\a " "2.56" "\a " "8.20";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-secondary{color:#000;background-color:#f87d40}:root:where(:not([data-cx-theme=light])) .swatch-secondary:after{content:"7.99" "\a " "2.62" "\a " "7.99";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-neutral{color:#000;background-color:#9ca5aa}:root:where(:not([data-cx-theme=light])) .swatch-neutral:after{content:"8.37" "\a " "2.50" "\a " "8.37";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-danger{color:#000;background-color:#e15f56}:root:where(:not([data-cx-theme=light])) .swatch-danger:after{content:"5.97" "\a " "3.51" "\a " "5.97";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-success{color:#000;background-color:#53b67b}:root:where(:not([data-cx-theme=light])) .swatch-success:after{content:"8.34" "\a " "2.51" "\a " "8.34";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-warning{color:#000;background-color:#f4b944}:root:where(:not([data-cx-theme=light])) .swatch-warning:after{content:"11.8" "\a " "1.76" "\a " "11.8";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-info{color:#000;background-color:#6b95eb}:root:where(:not([data-cx-theme=light])) .swatch-info:after{content:"7.12" "\a " "2.94" "\a " "7.12";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-black{color:#fff;background-color:#000}:root:where(:not([data-cx-theme=light])) .swatch-black:after{content:"21" "\a " "21" "\a " "1";background-image:linear-gradient(#0000 .25rem,#fff .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-white{color:#000;background-color:#fff}:root:where(:not([data-cx-theme=light])) .swatch-white:after{content:"21" "\a " "1" "\a " "21";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}:root:where(:not([data-cx-theme=light])) .swatch-gray-500{color:#000;background-color:#7b878e}:root:where(:not([data-cx-theme=light])) .swatch-gray-500:after{content:"5.69" "\a " "3.68" "\a " "5.69";background-image:linear-gradient(#0000 .25rem,#000 .25rem .75rem,#0000 .75rem 1.25rem,#fff 1.25rem 1.75rem,#0000 1.75rem 2.25rem,#000 2.25rem 2.75rem,#0000 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}}.cxd-page-meta{margin-block-start:calc(var(--cx-space-md) * -1);margin-block-end:var(--cx-space-xl)}.cxd-page-meta:has(+:where(h2,h3)){margin-block-end:calc(var(--cx-space-xl) * -1)}.cxd-content>.cxd-reference-table{max-height:480px;margin-block-end:var(--cx-space-xl);overflow-y:auto}.cxd-content>.cxd-reference-table>.table{margin-block-end:0}.cxd-content>.cxd-reference-table>.table>thead{z-index:1;position:sticky;top:0}}:root{--cxd-code-color:var(--cx-secondary-fg-main);--cxd-main:var(--cx-primary);--cxd-subtle:light-dark(var(--cx-primary-40),var(--cx-primary-60));--cxd-pink-rgb:255, 51, 153;--cxd-teal-rgb:0, 153, 153;--cxd-main-bg:var(--cxd-main);--cxd-subtle-bg:var(--cxd-subtle);--cxd-toc-color:var(--cxd-main);--cxd-sidebar-link-bg:var(--cx-bg-highlight)}@layer components{.example-2,.example-3{--cx-base-color:var(--cx-context-base-color,var(--cx-default-base-color));--cx-contrast-color:var(--cx-context-contrast-color,var(--cx-default-contrast-color));--cx-transparent-color:var(--cx-context-transparent-color,var(--cx-default-transparent-color));--cx-fg-main:var(--cx-context-fg-main,var(--cx-default-fg-main));--cx-fg-subtle:var(--cx-context-fg-subtle,var(--cx-default-fg-subtle));--cx-fg-slight:var(--cx-context-fg-slight,var(--cx-default-fg-slight));--cx-fg-active:var(--cx-context-fg-active,var(--cx-default-fg-active));--cx-fg-inverse:var(--cx-context-fg-inverse,var(--cx-default-fg-inverse));--cx-fg-solid:var(--cx-context-fg-solid,var(--cx-default-fg-solid));--cx-fg-highlight:var(--cx-context-fg-highlight,var(--cx-default-fg-highlight));--cx-bg-main:var(--cx-context-bg-main,var(--cx-default-bg-main));--cx-bg-even:var(--cx-context-bg-even,var(--cx-default-bg-even));--cx-bg-evident:var(--cx-context-bg-evident,var(--cx-default-bg-evident));--cx-bg-active:var(--cx-context-bg-active,var(--cx-default-bg-active));--cx-bg-inverse:var(--cx-context-bg-inverse,var(--cx-default-bg-inverse));--cx-bg-solid:var(--cx-context-bg-solid,var(--cx-default-bg-solid));--cx-bg-highlight:var(--cx-context-bg-highlight,var(--cx-default-bg-highlight));--cx-border-main:var(--cx-context-border-main,var(--cx-default-border-main));--cx-border-subtle:var(--cx-context-border-subtle,var(--cx-default-border-subtle));--cx-icon-main:var(--cx-context-icon-main,var(--cx-default-icon-main));--cx-icon-subtle:var(--cx-context-icon-subtle,var(--cx-default-icon-subtle));--cx-icon-slight:var(--cx-context-icon-slight,var(--cx-default-icon-slight));--cx-cue-main:var(--cx-context-cue-main,var(--cx-default-cue-main));--cx-cue-slight:var(--cx-context-cue-slight,var(--cx-default-cue-slight));--cx-link-main:var(--cx-context-link-main,var(--cx-default-link-main));--cx-link-hover:var(--cx-context-link-hover,var(--cx-default-link-hover));--cx-link-active:var(--cx-context-link-active,var(--cx-default-link-active));--cx-link-visited:var(--cx-context-link-visited,var(--cx-default-link-visited));--cx-dim-main:var(--cx-context-dim-main,var(--cx-default-dim-main));--cx-dim-subtle:var(--cx-context-dim-subtle,var(--cx-default-dim-subtle));--cx-dim-slight:var(--cx-context-dim-slight,var(--cx-default-dim-slight))}.default.example-2,.default.example-3{--cx-context-base-color:var(--cx-default-base-color);--cx-context-contrast-color:var(--cx-default-contrast-color);--cx-context-transparent-color:var(--cx-default-transparent-color);--cx-context-fg-main:var(--cx-default-fg-main);--cx-context-fg-subtle:var(--cx-default-fg-subtle);--cx-context-fg-slight:var(--cx-default-fg-slight);--cx-context-fg-active:var(--cx-default-fg-active);--cx-context-fg-inverse:var(--cx-default-fg-inverse);--cx-context-fg-solid:var(--cx-default-fg-solid);--cx-context-fg-highlight:var(--cx-default-fg-highlight);--cx-context-bg-main:var(--cx-default-bg-main);--cx-context-bg-even:var(--cx-default-bg-even);--cx-context-bg-evident:var(--cx-default-bg-evident);--cx-context-bg-active:var(--cx-default-bg-active);--cx-context-bg-inverse:var(--cx-default-bg-inverse);--cx-context-bg-solid:var(--cx-default-bg-solid);--cx-context-bg-highlight:var(--cx-default-bg-highlight);--cx-context-border-main:var(--cx-default-border-main);--cx-context-border-subtle:var(--cx-default-border-subtle);--cx-context-icon-main:var(--cx-default-icon-main);--cx-context-icon-subtle:var(--cx-default-icon-subtle);--cx-context-icon-slight:var(--cx-default-icon-slight);--cx-context-cue-main:var(--cx-default-cue-main);--cx-context-cue-slight:var(--cx-default-cue-slight);--cx-context-link-main:var(--cx-default-link-main);--cx-context-link-hover:var(--cx-default-link-hover);--cx-context-link-active:var(--cx-default-link-active);--cx-context-link-visited:var(--cx-default-link-visited);--cx-context-dim-main:var(--cx-default-dim-main);--cx-context-dim-subtle:var(--cx-default-dim-subtle);--cx-context-dim-slight:var(--cx-default-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-subtle)}.alternate.example-2,.alternate.example-3{--cx-context-base-color:var(--cx-alternate-base-color);--cx-context-contrast-color:var(--cx-alternate-contrast-color);--cx-context-transparent-color:var(--cx-alternate-transparent-color);--cx-context-fg-main:var(--cx-alternate-fg-main);--cx-context-fg-subtle:var(--cx-alternate-fg-subtle);--cx-context-fg-slight:var(--cx-alternate-fg-slight);--cx-context-fg-active:var(--cx-alternate-fg-active);--cx-context-fg-inverse:var(--cx-alternate-fg-inverse);--cx-context-fg-solid:var(--cx-alternate-fg-solid);--cx-context-fg-highlight:var(--cx-alternate-fg-highlight);--cx-context-bg-main:var(--cx-alternate-bg-main);--cx-context-bg-even:var(--cx-alternate-bg-even);--cx-context-bg-evident:var(--cx-alternate-bg-evident);--cx-context-bg-active:var(--cx-alternate-bg-active);--cx-context-bg-inverse:var(--cx-alternate-bg-inverse);--cx-context-bg-solid:var(--cx-alternate-bg-solid);--cx-context-bg-highlight:var(--cx-alternate-bg-highlight);--cx-context-border-main:var(--cx-alternate-border-main);--cx-context-border-subtle:var(--cx-alternate-border-subtle);--cx-context-icon-main:var(--cx-alternate-icon-main);--cx-context-icon-subtle:var(--cx-alternate-icon-subtle);--cx-context-icon-slight:var(--cx-alternate-icon-slight);--cx-context-cue-main:var(--cx-alternate-cue-main);--cx-context-cue-slight:var(--cx-alternate-cue-slight);--cx-context-link-main:var(--cx-alternate-link-main);--cx-context-link-hover:var(--cx-alternate-link-hover);--cx-context-link-active:var(--cx-alternate-link-active);--cx-context-link-visited:var(--cx-alternate-link-visited);--cx-context-dim-main:var(--cx-alternate-dim-main);--cx-context-dim-subtle:var(--cx-alternate-dim-subtle);--cx-context-dim-slight:var(--cx-alternate-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-subtle)}.primary.example-2,.primary.example-3{--cx-context-base-color:var(--cx-primary-base-color);--cx-context-contrast-color:var(--cx-primary-contrast-color);--cx-context-transparent-color:var(--cx-primary-transparent-color);--cx-context-fg-main:var(--cx-primary-fg-main);--cx-context-fg-subtle:var(--cx-primary-fg-subtle);--cx-context-fg-slight:var(--cx-primary-fg-slight);--cx-context-fg-active:var(--cx-primary-fg-active);--cx-context-fg-inverse:var(--cx-primary-fg-inverse);--cx-context-fg-solid:var(--cx-primary-fg-solid);--cx-context-fg-highlight:var(--cx-primary-fg-highlight);--cx-context-bg-main:var(--cx-primary-bg-main);--cx-context-bg-even:var(--cx-primary-bg-even);--cx-context-bg-evident:var(--cx-primary-bg-evident);--cx-context-bg-active:var(--cx-primary-bg-active);--cx-context-bg-inverse:var(--cx-primary-bg-inverse);--cx-context-bg-solid:var(--cx-primary-bg-solid);--cx-context-bg-highlight:var(--cx-primary-bg-highlight);--cx-context-border-main:var(--cx-primary-border-main);--cx-context-border-subtle:var(--cx-primary-border-subtle);--cx-context-icon-main:var(--cx-primary-icon-main);--cx-context-icon-subtle:var(--cx-primary-icon-subtle);--cx-context-icon-slight:var(--cx-primary-icon-slight);--cx-context-cue-main:var(--cx-primary-cue-main);--cx-context-cue-slight:var(--cx-primary-cue-slight);--cx-context-link-main:var(--cx-primary-link-main);--cx-context-link-hover:var(--cx-primary-link-hover);--cx-context-link-active:var(--cx-primary-link-active);--cx-context-link-visited:var(--cx-primary-link-visited);--cx-context-dim-main:var(--cx-primary-dim-main);--cx-context-dim-subtle:var(--cx-primary-dim-subtle);--cx-context-dim-slight:var(--cx-primary-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.secondary.example-2,.secondary.example-3{--cx-context-base-color:var(--cx-secondary-base-color);--cx-context-contrast-color:var(--cx-secondary-contrast-color);--cx-context-transparent-color:var(--cx-secondary-transparent-color);--cx-context-fg-main:var(--cx-secondary-fg-main);--cx-context-fg-subtle:var(--cx-secondary-fg-subtle);--cx-context-fg-slight:var(--cx-secondary-fg-slight);--cx-context-fg-active:var(--cx-secondary-fg-active);--cx-context-fg-inverse:var(--cx-secondary-fg-inverse);--cx-context-fg-solid:var(--cx-secondary-fg-solid);--cx-context-fg-highlight:var(--cx-secondary-fg-highlight);--cx-context-bg-main:var(--cx-secondary-bg-main);--cx-context-bg-even:var(--cx-secondary-bg-even);--cx-context-bg-evident:var(--cx-secondary-bg-evident);--cx-context-bg-active:var(--cx-secondary-bg-active);--cx-context-bg-inverse:var(--cx-secondary-bg-inverse);--cx-context-bg-solid:var(--cx-secondary-bg-solid);--cx-context-bg-highlight:var(--cx-secondary-bg-highlight);--cx-context-border-main:var(--cx-secondary-border-main);--cx-context-border-subtle:var(--cx-secondary-border-subtle);--cx-context-icon-main:var(--cx-secondary-icon-main);--cx-context-icon-subtle:var(--cx-secondary-icon-subtle);--cx-context-icon-slight:var(--cx-secondary-icon-slight);--cx-context-cue-main:var(--cx-secondary-cue-main);--cx-context-cue-slight:var(--cx-secondary-cue-slight);--cx-context-link-main:var(--cx-secondary-link-main);--cx-context-link-hover:var(--cx-secondary-link-hover);--cx-context-link-active:var(--cx-secondary-link-active);--cx-context-link-visited:var(--cx-secondary-link-visited);--cx-context-dim-main:var(--cx-secondary-dim-main);--cx-context-dim-subtle:var(--cx-secondary-dim-subtle);--cx-context-dim-slight:var(--cx-secondary-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.neutral.example-2,.neutral.example-3{--cx-context-base-color:var(--cx-neutral-base-color);--cx-context-contrast-color:var(--cx-neutral-contrast-color);--cx-context-transparent-color:var(--cx-neutral-transparent-color);--cx-context-fg-main:var(--cx-neutral-fg-main);--cx-context-fg-subtle:var(--cx-neutral-fg-subtle);--cx-context-fg-slight:var(--cx-neutral-fg-slight);--cx-context-fg-active:var(--cx-neutral-fg-active);--cx-context-fg-inverse:var(--cx-neutral-fg-inverse);--cx-context-fg-solid:var(--cx-neutral-fg-solid);--cx-context-fg-highlight:var(--cx-neutral-fg-highlight);--cx-context-bg-main:var(--cx-neutral-bg-main);--cx-context-bg-even:var(--cx-neutral-bg-even);--cx-context-bg-evident:var(--cx-neutral-bg-evident);--cx-context-bg-active:var(--cx-neutral-bg-active);--cx-context-bg-inverse:var(--cx-neutral-bg-inverse);--cx-context-bg-solid:var(--cx-neutral-bg-solid);--cx-context-bg-highlight:var(--cx-neutral-bg-highlight);--cx-context-border-main:var(--cx-neutral-border-main);--cx-context-border-subtle:var(--cx-neutral-border-subtle);--cx-context-icon-main:var(--cx-neutral-icon-main);--cx-context-icon-subtle:var(--cx-neutral-icon-subtle);--cx-context-icon-slight:var(--cx-neutral-icon-slight);--cx-context-cue-main:var(--cx-neutral-cue-main);--cx-context-cue-slight:var(--cx-neutral-cue-slight);--cx-context-link-main:var(--cx-neutral-link-main);--cx-context-link-hover:var(--cx-neutral-link-hover);--cx-context-link-active:var(--cx-neutral-link-active);--cx-context-link-visited:var(--cx-neutral-link-visited);--cx-context-dim-main:var(--cx-neutral-dim-main);--cx-context-dim-subtle:var(--cx-neutral-dim-subtle);--cx-context-dim-slight:var(--cx-neutral-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.warning.example-2,.warning.example-3{--cx-context-base-color:var(--cx-warning-base-color);--cx-context-contrast-color:var(--cx-warning-contrast-color);--cx-context-transparent-color:var(--cx-warning-transparent-color);--cx-context-fg-main:var(--cx-warning-fg-main);--cx-context-fg-subtle:var(--cx-warning-fg-subtle);--cx-context-fg-slight:var(--cx-warning-fg-slight);--cx-context-fg-active:var(--cx-warning-fg-active);--cx-context-fg-inverse:var(--cx-warning-fg-inverse);--cx-context-fg-solid:var(--cx-warning-fg-solid);--cx-context-fg-highlight:var(--cx-warning-fg-highlight);--cx-context-bg-main:var(--cx-warning-bg-main);--cx-context-bg-even:var(--cx-warning-bg-even);--cx-context-bg-evident:var(--cx-warning-bg-evident);--cx-context-bg-active:var(--cx-warning-bg-active);--cx-context-bg-inverse:var(--cx-warning-bg-inverse);--cx-context-bg-solid:var(--cx-warning-bg-solid);--cx-context-bg-highlight:var(--cx-warning-bg-highlight);--cx-context-border-main:var(--cx-warning-border-main);--cx-context-border-subtle:var(--cx-warning-border-subtle);--cx-context-icon-main:var(--cx-warning-icon-main);--cx-context-icon-subtle:var(--cx-warning-icon-subtle);--cx-context-icon-slight:var(--cx-warning-icon-slight);--cx-context-cue-main:var(--cx-warning-cue-main);--cx-context-cue-slight:var(--cx-warning-cue-slight);--cx-context-link-main:var(--cx-warning-link-main);--cx-context-link-hover:var(--cx-warning-link-hover);--cx-context-link-active:var(--cx-warning-link-active);--cx-context-link-visited:var(--cx-warning-link-visited);--cx-context-dim-main:var(--cx-warning-dim-main);--cx-context-dim-subtle:var(--cx-warning-dim-subtle);--cx-context-dim-slight:var(--cx-warning-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.success.example-2,.success.example-3{--cx-context-base-color:var(--cx-success-base-color);--cx-context-contrast-color:var(--cx-success-contrast-color);--cx-context-transparent-color:var(--cx-success-transparent-color);--cx-context-fg-main:var(--cx-success-fg-main);--cx-context-fg-subtle:var(--cx-success-fg-subtle);--cx-context-fg-slight:var(--cx-success-fg-slight);--cx-context-fg-active:var(--cx-success-fg-active);--cx-context-fg-inverse:var(--cx-success-fg-inverse);--cx-context-fg-solid:var(--cx-success-fg-solid);--cx-context-fg-highlight:var(--cx-success-fg-highlight);--cx-context-bg-main:var(--cx-success-bg-main);--cx-context-bg-even:var(--cx-success-bg-even);--cx-context-bg-evident:var(--cx-success-bg-evident);--cx-context-bg-active:var(--cx-success-bg-active);--cx-context-bg-inverse:var(--cx-success-bg-inverse);--cx-context-bg-solid:var(--cx-success-bg-solid);--cx-context-bg-highlight:var(--cx-success-bg-highlight);--cx-context-border-main:var(--cx-success-border-main);--cx-context-border-subtle:var(--cx-success-border-subtle);--cx-context-icon-main:var(--cx-success-icon-main);--cx-context-icon-subtle:var(--cx-success-icon-subtle);--cx-context-icon-slight:var(--cx-success-icon-slight);--cx-context-cue-main:var(--cx-success-cue-main);--cx-context-cue-slight:var(--cx-success-cue-slight);--cx-context-link-main:var(--cx-success-link-main);--cx-context-link-hover:var(--cx-success-link-hover);--cx-context-link-active:var(--cx-success-link-active);--cx-context-link-visited:var(--cx-success-link-visited);--cx-context-dim-main:var(--cx-success-dim-main);--cx-context-dim-subtle:var(--cx-success-dim-subtle);--cx-context-dim-slight:var(--cx-success-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.danger.example-2,.danger.example-3{--cx-context-base-color:var(--cx-danger-base-color);--cx-context-contrast-color:var(--cx-danger-contrast-color);--cx-context-transparent-color:var(--cx-danger-transparent-color);--cx-context-fg-main:var(--cx-danger-fg-main);--cx-context-fg-subtle:var(--cx-danger-fg-subtle);--cx-context-fg-slight:var(--cx-danger-fg-slight);--cx-context-fg-active:var(--cx-danger-fg-active);--cx-context-fg-inverse:var(--cx-danger-fg-inverse);--cx-context-fg-solid:var(--cx-danger-fg-solid);--cx-context-fg-highlight:var(--cx-danger-fg-highlight);--cx-context-bg-main:var(--cx-danger-bg-main);--cx-context-bg-even:var(--cx-danger-bg-even);--cx-context-bg-evident:var(--cx-danger-bg-evident);--cx-context-bg-active:var(--cx-danger-bg-active);--cx-context-bg-inverse:var(--cx-danger-bg-inverse);--cx-context-bg-solid:var(--cx-danger-bg-solid);--cx-context-bg-highlight:var(--cx-danger-bg-highlight);--cx-context-border-main:var(--cx-danger-border-main);--cx-context-border-subtle:var(--cx-danger-border-subtle);--cx-context-icon-main:var(--cx-danger-icon-main);--cx-context-icon-subtle:var(--cx-danger-icon-subtle);--cx-context-icon-slight:var(--cx-danger-icon-slight);--cx-context-cue-main:var(--cx-danger-cue-main);--cx-context-cue-slight:var(--cx-danger-cue-slight);--cx-context-link-main:var(--cx-danger-link-main);--cx-context-link-hover:var(--cx-danger-link-hover);--cx-context-link-active:var(--cx-danger-link-active);--cx-context-link-visited:var(--cx-danger-link-visited);--cx-context-dim-main:var(--cx-danger-dim-main);--cx-context-dim-subtle:var(--cx-danger-dim-subtle);--cx-context-dim-slight:var(--cx-danger-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.info.example-2,.info.example-3{--cx-context-base-color:var(--cx-info-base-color);--cx-context-contrast-color:var(--cx-info-contrast-color);--cx-context-transparent-color:var(--cx-info-transparent-color);--cx-context-fg-main:var(--cx-info-fg-main);--cx-context-fg-subtle:var(--cx-info-fg-subtle);--cx-context-fg-slight:var(--cx-info-fg-slight);--cx-context-fg-active:var(--cx-info-fg-active);--cx-context-fg-inverse:var(--cx-info-fg-inverse);--cx-context-fg-solid:var(--cx-info-fg-solid);--cx-context-fg-highlight:var(--cx-info-fg-highlight);--cx-context-bg-main:var(--cx-info-bg-main);--cx-context-bg-even:var(--cx-info-bg-even);--cx-context-bg-evident:var(--cx-info-bg-evident);--cx-context-bg-active:var(--cx-info-bg-active);--cx-context-bg-inverse:var(--cx-info-bg-inverse);--cx-context-bg-solid:var(--cx-info-bg-solid);--cx-context-bg-highlight:var(--cx-info-bg-highlight);--cx-context-border-main:var(--cx-info-border-main);--cx-context-border-subtle:var(--cx-info-border-subtle);--cx-context-icon-main:var(--cx-info-icon-main);--cx-context-icon-subtle:var(--cx-info-icon-subtle);--cx-context-icon-slight:var(--cx-info-icon-slight);--cx-context-cue-main:var(--cx-info-cue-main);--cx-context-cue-slight:var(--cx-info-cue-slight);--cx-context-link-main:var(--cx-info-link-main);--cx-context-link-hover:var(--cx-info-link-hover);--cx-context-link-active:var(--cx-info-link-active);--cx-context-link-visited:var(--cx-info-link-visited);--cx-context-dim-main:var(--cx-info-dim-main);--cx-context-dim-subtle:var(--cx-info-dim-subtle);--cx-context-dim-slight:var(--cx-info-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-a11y)}.black.example-2,.black.example-3{--cx-context-base-color:var(--cx-black-base-color);--cx-context-contrast-color:var(--cx-black-contrast-color);--cx-context-transparent-color:var(--cx-black-transparent-color);--cx-context-fg-main:var(--cx-black-fg-main);--cx-context-fg-subtle:var(--cx-black-fg-subtle);--cx-context-fg-slight:var(--cx-black-fg-slight);--cx-context-fg-active:var(--cx-black-fg-active);--cx-context-fg-inverse:var(--cx-black-fg-inverse);--cx-context-fg-solid:var(--cx-black-fg-solid);--cx-context-fg-highlight:var(--cx-black-fg-highlight);--cx-context-bg-main:var(--cx-black-bg-main);--cx-context-bg-even:var(--cx-black-bg-even);--cx-context-bg-evident:var(--cx-black-bg-evident);--cx-context-bg-active:var(--cx-black-bg-active);--cx-context-bg-inverse:var(--cx-black-bg-inverse);--cx-context-bg-solid:var(--cx-black-bg-solid);--cx-context-bg-highlight:var(--cx-black-bg-highlight);--cx-context-border-main:var(--cx-black-border-main);--cx-context-border-subtle:var(--cx-black-border-subtle);--cx-context-icon-main:var(--cx-black-icon-main);--cx-context-icon-subtle:var(--cx-black-icon-subtle);--cx-context-icon-slight:var(--cx-black-icon-slight);--cx-context-cue-main:var(--cx-black-cue-main);--cx-context-cue-slight:var(--cx-black-cue-slight);--cx-context-link-main:var(--cx-black-link-main);--cx-context-link-hover:var(--cx-black-link-hover);--cx-context-link-active:var(--cx-black-link-active);--cx-context-link-visited:var(--cx-black-link-visited);--cx-context-dim-main:var(--cx-black-dim-main);--cx-context-dim-subtle:var(--cx-black-dim-subtle);--cx-context-dim-slight:var(--cx-black-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-subtle)}.white.example-2,.white.example-3{--cx-context-base-color:var(--cx-white-base-color);--cx-context-contrast-color:var(--cx-white-contrast-color);--cx-context-transparent-color:var(--cx-white-transparent-color);--cx-context-fg-main:var(--cx-white-fg-main);--cx-context-fg-subtle:var(--cx-white-fg-subtle);--cx-context-fg-slight:var(--cx-white-fg-slight);--cx-context-fg-active:var(--cx-white-fg-active);--cx-context-fg-inverse:var(--cx-white-fg-inverse);--cx-context-fg-solid:var(--cx-white-fg-solid);--cx-context-fg-highlight:var(--cx-white-fg-highlight);--cx-context-bg-main:var(--cx-white-bg-main);--cx-context-bg-even:var(--cx-white-bg-even);--cx-context-bg-evident:var(--cx-white-bg-evident);--cx-context-bg-active:var(--cx-white-bg-active);--cx-context-bg-inverse:var(--cx-white-bg-inverse);--cx-context-bg-solid:var(--cx-white-bg-solid);--cx-context-bg-highlight:var(--cx-white-bg-highlight);--cx-context-border-main:var(--cx-white-border-main);--cx-context-border-subtle:var(--cx-white-border-subtle);--cx-context-icon-main:var(--cx-white-icon-main);--cx-context-icon-subtle:var(--cx-white-icon-subtle);--cx-context-icon-slight:var(--cx-white-icon-slight);--cx-context-cue-main:var(--cx-white-cue-main);--cx-context-cue-slight:var(--cx-white-cue-slight);--cx-context-link-main:var(--cx-white-link-main);--cx-context-link-hover:var(--cx-white-link-hover);--cx-context-link-active:var(--cx-white-link-active);--cx-context-link-visited:var(--cx-white-link-visited);--cx-context-dim-main:var(--cx-white-dim-main);--cx-context-dim-subtle:var(--cx-white-dim-subtle);--cx-context-dim-slight:var(--cx-white-dim-slight);--cx-context-opacity-fg-subtle:var(--cx-opacity-fg-subtle)}.example-3{--cx-fg-color:var(--cx-fg-main);--cx-bg-color:var(--cx-bg-main);--cx-border-color:var(--cx-border-subtle);--cx-separator-color:var(--cx-border-subtle);--cx-icon-color:var(--cx-icon-main);--cx-bullet-color:var(--cx-icon-subtle);--cx-cue-color:var(--cx-cue-main);--cx-link-main-color:var(--cx-link-main);--cx-link-hover-color:var(--cx-link-hover);--cx-link-active-color:var(--cx-link-active);--cx-link-visited-color:var(--cx-link-visited);--cx-focus-ring-color:light-dark(oklch(from var(--cx-cue-color) l c h / var(--cx-focus-ring-light-opacity)),oklch(from var(--cx-cue-color) l c h / var(--cx-focus-ring-dark-opacity)))}.example-2.solid,.example-3.solid{--cx-fg-main:var(--cx-context-fg-solid);--cx-fg-subtle:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-context-opacity-fg-subtle,var(--cx-opacity-fg-subtle)));--cx-fg-slight:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-opacity-fg-slight));--cx-fg-active:var(--cx-context-fg-main);--cx-fg-inverse:var(--cx-context-fg-inverse);--cx-fg-solid:var(--cx-context-fg-solid);--cx-fg-highlight:var(--cx-context-fg-inverse);--cx-bg-main:var(--cx-context-bg-solid);--cx-bg-even:color-mix(in oklab, #000 10%, var(--cx-context-base-color));--cx-bg-evident:color-mix(in oklab, #000 20%, var(--cx-context-bg-solid));--cx-bg-active:var(--cx-context-contrast-color);--cx-bg-inverse:var(--cx-context-bg-inverse);--cx-bg-solid:var(--cx-context-bg-solid);--cx-bg-highlight:var(--cx-context-bg-inverse);--cx-border-main:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-opacity-border-main));--cx-border-subtle:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-opacity-border-subtle));--cx-icon-main:var(--cx-context-fg-solid);--cx-icon-subtle:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-opacity-icon-subtle));--cx-icon-slight:oklch(from var(--cx-context-fg-solid) l c h / var(--cx-opacity-icon-slight));--cx-cue-main:var(--cx-context-fg-highlight);--cx-cue-slight:oklch(from var(--cx-context-fg-highlight) l c h / var(--cx-opacity-cue-slight));--cx-link-main:var(--cx-context-fg-solid);--cx-link-hover:var(--cx-context-contrast-color);--cx-link-active:var(--cx-context-fg-solid);--cx-link-visited:var(--cx-context-fg-solid);--cx-dim-main:oklch(from var(--cx-context-bg-inverse) l c h / var(--cx-opacity-dim-main));--cx-dim-subtle:oklch(from var(--cx-context-bg-inverse) l c h / var(--cx-opacity-dim-subtle));--cx-dim-slight:oklch(from var(--cx-context-bg-inverse) l c h / var(--cx-opacity-dim-slight));border-color:#0000}}@layer helpers;