@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:wght@100..900&family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap";.cxd-navbar{background-color:rgba(var(--cx-bg-main-rgb),var(--cx-opacity-dim-main));backdrop-filter:blur(24px);padding:0;border-bottom:var(--cx-border-width-medium) solid var(--cx-border-subtle)}@media (forced-colors){.cxd-navbar{background-color:Canvas}}.cxd-navbar:after{position:absolute;inset:0;z-index:-1;display:block;content:""}@media (max-width: 61.98rem){.cxd-navbar .cxd-navbar-toggle{width:4.25rem}}.cxd-navbar .navbar-toggler{padding:0;margin-right:-.5rem;border:0}.cxd-navbar .navbar-toggler:first-child{margin-left:-.5rem}.cxd-navbar .navbar-toggler .bi{width:1.5rem;height:1.5rem}.cxd-navbar .navbar-toggler:focus{box-shadow:none}.cxd-navbar .navbar-brand{color:#fff;transition:transform .2s ease-in-out}@media (prefers-reduced-motion: reduce){.cxd-navbar .navbar-brand{transition:none}}.cxd-navbar .navbar-toggler,.cxd-navbar .nav-link{--cx-caret-color: var(--cx-fg-color);padding:var(--cx-space-large);font-size:var(--cx-font-size-small);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);height:24px}.cxd-navbar .navbar-toggler.active,.cxd-navbar .nav-link.active{border-bottom:var(--cx-border-width-2xlarge) solid var(--cx-primary-cue-main);padding-bottom:var(--cx-space-medium)}.cxd-navbar .navbar-nav-svg{display:inline-block;vertical-align:-.125rem}.cxd-navbar .offcanvas-large{background-color:var(--cxd-subtle-bg);border-left:0}@media (max-width: 61.98rem){.cxd-navbar .offcanvas-large{box-shadow:var(--cx-box-shadow-large)}}.cxd-navbar .dropdown-toggle:focus:not(:focus-visible){outline:0}.cxd-navbar .dropdown-menu{--cx-dropdown-min-width: 12rem;--cx-dropdown-padding-x: .25rem;--cx-dropdown-padding-y: .25rem;--cx-dropdown-link-hover-bg: rgba(var(--cxd-subtle-rgb), .1);--cx-dropdown-link-active-bg: rgba(var(--cxd-subtle-rgb), 1);--cx-dropdown-font-size: .875rem;font-size:.875rem;border-radius:.5rem;box-shadow:var(--cx-box-shadow)}.cxd-navbar .dropdown-menu li+li{margin-top:.125rem}.cxd-navbar .dropdown-menu .dropdown-item{border-radius:.25rem}.cxd-navbar .dropdown-menu .dropdown-item:active .bi{color:inherit!important}.cxd-navbar .dropdown-menu .active{font-weight:600}.cxd-navbar .dropdown-menu .active .bi{display:block!important}.cxd-navbar .dropdown-menu-end{--cx-dropdown-min-width: 8rem}.cxd-masthead{--cxd-pink-rgb: 255, 51, 153;padding:3rem 0;background-image:linear-gradient(180deg,rgba(var(--cx-bg-main-rgb),.01),rgba(var(--cx-bg-main-rgb),1) 85%),radial-gradient(ellipse at top left,rgba(var(--cx-primary-rgb),.25),transparent 50%),radial-gradient(ellipse at top right,rgba(var(--cx-secondary-rgb),.25),transparent 50%),radial-gradient(ellipse at center right,rgba(var(--cx-secondary-rgb),.25),transparent 50%),radial-gradient(ellipse at center left,rgba(var(--cx-secondary-rgb),.25),transparent 50%)}.cxd-masthead h1{--cx-heading-color: var(--cx-fg-color);font-size:4rem;line-height:1.25em}.cxd-masthead .lead{font-size:1rem;line-height:1.5em;font-family:var(--cx-font-family-display);font-weight:400;color:var(--cx-fg-subtle)}.cxd-masthead .cxd-code-snippet{width:24rem;margin:0;border-color:var(--cx-border-subtle);text-align:left;border-width:1px;border-radius:.5rem}.cxd-masthead #carbonads{margin-inline:auto}@media (min-width: 48rem){.cxd-masthead .lead{font-size:1.5rem}}.masthead-followup h2,.masthead-followup h3,.masthead-followup h4{--cx-heading-color: var(--cx-fg-color)}.masthead-followup .lead{font-size:1rem}@media (min-width: 48rem){.masthead-followup .lead{font-size:1.25rem}}.masthead-followup-icon{padding:1rem;color:rgba(var(--bg-rgb),1);background-color:rgba(var(--bg-rgb),.1);background-blend-mode:multiple;border-radius:1rem;mix-blend-mode:darken}.masthead-followup-icon svg{filter:drop-shadow(0 1px 1px var(--cx-bg-color))}.masthead-notice{background-color:var(--cxd-accent);box-shadow:inset 0 -1px 1px rgba(var(--cx-fg-color-rgb),.15),0 .25rem 1.5rem rgba(var(--cx-bg-color-rgb),.75)}.animate-image>img{transition:transform .2s ease-in-out}@media (prefers-reduced-motion: reduce){.animate-image>img{transition:none}}.animate-image:hover>img{transform:scale(1.1)}[data-cx-theme=dark] .masthead-followup-icon{mix-blend-mode:lighten}.cxd-content{padding-bottom:2rem}.cxd-content>h2,.cxd-content>h3,.cxd-content>h4{--cx-heading-color: var(--cx-fg-main)}.cxd-content>h2:not(:first-child){margin-top:3rem}.cxd-content>h3{margin-top:2rem}.cxd-content>ul li,.cxd-content>ol li{margin-bottom:.25rem}.cxd-content>ul li>p~ul,.cxd-content>ol li>p~ul{margin-top:-.5rem;margin-bottom:1rem}.cxd-content>.table,.cxd-content>.table-responsive .table{max-width:100%;margin-bottom:1.5rem;font-size:.875rem}@media (max-width: 61.98rem){.cxd-content>.table.table-bordered,.cxd-content>.table-responsive .table.table-bordered{border:0}}.cxd-content>.table thead,.cxd-content>.table-responsive .table thead{border-bottom:2px solid currentcolor}.cxd-content>.table tbody:not(:first-child),.cxd-content>.table-responsive .table tbody:not(:first-child){border-top:2px solid currentcolor}.cxd-content>.table th:first-child,.cxd-content>.table td:first-child,.cxd-content>.table-responsive .table th:first-child,.cxd-content>.table-responsive .table td:first-child{padding-left:0}.cxd-content>.table th:not(:last-child),.cxd-content>.table td:not(:last-child),.cxd-content>.table-responsive .table th:not(:last-child),.cxd-content>.table-responsive .table td:not(:last-child){padding-right:1.5rem}.cxd-content>.table th,.cxd-content>.table-responsive .table th{color:var(--cx-fg-main)}.cxd-content>.table strong,.cxd-content>.table-responsive .table strong{color:var(--cx-fg-main)}.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}.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-text));--cx-font-size: var(--cx-blockquote-font-size, var(--cx-font-size-text-xlarge));--cx-font-weight: var(--cx-blockquote-font-weight, var(--cx-font-weight-text-normal));--cx-line-height: var(--cx-blockquote-line-height, var(--cx-line-height-text-xlarge));font:var(--cx-font-weight) var(--cx-font-size)/var(--cx-line-height) var(--cx-font-family)}.bi{width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}@media (min-width: 62rem){.border-large-start{border-left: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)}[data-cx-theme=primary]{--cx-fg-color: var(--cx-white);--cx-fg-color-rgb: 255, 255, 255;--cx-bg-color: var(--cx-primary);--cx-bg-color-rgb: 0, 164, 204;--cx-border-subtle: var(--cx-primary-30)}[data-cx-theme=primary] .dropdown-menu{--cx-dropdown-bg-color: var(--cx-primary);--cx-dropdown-fg-color: var(--cx-primary-contrast);--cx-dropdown-link-fg-color: var(--cx-primary-contrast);--cx-dropdown-link-hover-fg-color: var(--cx-primary-contrast);--cx-dropdown-link-hover-bg-color: var(--cx-primary-40);--cx-dropdown-link-active-bg-color: var(--cx-primary-60);--cx-dropdown-separator-color: var(--cx-primary-40)}[data-cx-theme=primary] .button.secondary{--cx-button-idle-bg-color: transparent;--cx-button-idle-fg-color: var(--cx-primary-contrast);--cx-button-idle-border-color: var(--cx-primary-contrast);--cx-button-hover-bg-color: var(--cx-primary-bg-hover);--cx-button-hover-fg-color: var(--cx-primary-fg-hover);--cx-button-hover-border-color: var(--cx-primary-contrast);--cx-button-press-bg-color: var(--cx-primary-bg-press);--cx-button-press-fg-color: var(--cx-primary-fg-press);--cx-button-press-border-color: var(--cx-primary-contrast)}.skippy{background-color:var(--cx-primary-base-color)}.skippy a{color:#fff}@media (min-width: 62rem){.cxd-sidebar{position:sticky;top:4rem;padding:1.5rem .5rem;display:block!important;height:calc(100vh - 3rem);overflow-y:auto}}@media (max-width: 61.98rem){.cxd-sidebar .offcanvas-large{border-right-color:var(--cx-border-color);box-shadow:var(--cx-box-shadow-large)}}.cxd-links{position:relative}.cxd-links-group{border-radius:var(--cx-border-radius);padding:.75rem}.cxd-links-group ul{margin:.25rem 0}@media (min-width: 62rem){.cxd-links-group li:before{content:" ";width:4px;height:48px;background-color:var(--cx-secondary-30);position:absolute;margin-left:6.5px;margin-top:-4px}.cxd-links-group li:first-child:before{height:14px;margin-top:14px}.cxd-links-group li:last-child:before{height:14px}.cxd-links-group li:after{content:" ";width:8px;height:8px;position:absolute;background-color:var(--cx-secondary-30);border-radius:50%;margin-top:.65rem;left:1.025rem}}.cxd-links-group.active{background-color:var(--cx-secondary-bg-main)}.cxd-links-heading{color:var(--cx-fg-main)}.active .cxd-links-heading{color:var(--cx-secondary-fg-highlight)}@media (max-width: 61.98rem){.cxd-links-nav{font-size:.875rem}}@media (max-width: 61.98rem){.cxd-links-nav{-moz-column-count:2;column-count:2;-moz-column-gap:1.5rem;column-gap:1.5rem}.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%;margin-left:0;padding:.15rem .5rem .15rem 1.675rem;margin-top:.125rem;color:var(--cx-fg-color);text-decoration:none;border-radius:var(--cx-border-radius)}.cxd-links-link:hover,.cxd-links-link:focus{color:var(--cx-secondary-fg-highlight);background-color:var(--cx-secondary-bg-highlight)}.cxd-links-link.active{color:var(--cx-secondary-contrast-color);background-color:var(--cx-secondary-base-color);font-weight:600}.active .cxd-links-link:not(.active):hover{background-color:var(--cx-secondary-dim-slight)}.cxd-links-link:visited:not(.active):not(:hover):not(:focus){color:var(--cx-fg-color)}.cxd-gutter{--cx-gutter-x: 2rem}@media (min-width: 62rem){.cxd-layout{display:grid;grid-template-areas:"sidebar main";grid-template-columns:1.5fr 6.5fr;gap:1.5rem;padding:0 1rem!important;margin:0 auto}}.cxd-sidebar{grid-area:sidebar}.cxd-intro{margin-top:1rem}.cxd-main{grid-area:main}@media (max-width: 61.98rem){.cxd-main{max-width:760px;margin-inline:auto}}@media (min-width: 48rem){.cxd-main{display:grid;grid-template-areas:"intro" "toc" "content";grid-template-rows:auto auto 1fr;gap:inherit}}@media (min-width: 62rem){.cxd-main{grid-template-areas:"intro   toc" "content toc";grid-template-rows:auto 1fr;grid-template-columns:4fr 1fr}}.cxd-intro{grid-area:intro}.cxd-toc{grid-area:toc}.cxd-content{grid-area:content;min-width:1px}@media (min-width: 62rem){.cxd-toc{position:sticky;top:4rem;right:0;z-index:2;color:var(--cx-fg-subtle);height:calc(100vh - 7rem);padding:1rem 0;overflow-y:auto}}.cxd-toc nav{font-size:.875rem}.cxd-toc nav ul{padding-left:0;margin-bottom:0;list-style:none}.cxd-toc nav ul ul{padding-left:1rem}.cxd-toc nav a{display:block;padding:.125rem 0 .125rem .75rem;color:inherit;text-decoration:none;border-left:.125rem solid transparent}.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;display:flex;align-items:center}@media (max-width: 35.98rem){.cxd-toc-toggle{justify-content:space-between;width:100%}}@media (max-width: 47.98rem){.cxd-toc-toggle{color:var(--cx-fg-color);border:1px solid var(--cx-border-color);border-radius:var(--cx-border-radius)}.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);border-color:var(--cxd-subtle)}.cxd-toc-toggle:focus,.cxd-toc-toggle[aria-expanded=true]{box-shadow:0 0 0 3px rgba(var(--cxd-subtle-rgb),.25)}}@media (max-width: 47.98rem){.cxd-toc-collapse nav{padding:1.25rem 1.25rem 1.25rem 1rem;background-color:var(--cx-bg-evident);border:1px solid var(--cx-border-color);border-radius:var(--cx-border-radius)}}@media (min-width: 48rem){.cxd-toc-collapse{display:block!important}}.cxd-footer{margin-top:4rem}.cxd-footer a{color:var(--cx-fg-color);text-decoration:none}.cxd-footer a:hover,.cxd-footer a:focus{color:var(--cx-hover-color);text-decoration:underline}.cxd-code-snippet{margin:0 -1rem 1rem;border:solid var(--cx-border-subtle);border-width:1px 0}@media (min-width: 48rem){.cxd-code-snippet{margin-right:0;margin-left:0;border-width:1px;border-radius:var(--cx-border-radius)}}.cxd-example{--cxd-example-padding: 1rem;position:relative;padding:var(--cxd-example-padding);margin:0 -1rem 1rem;border:solid var(--cx-border-subtle);border-width:1px 0}.cxd-example:after{display:block;clear:both;content:""}@media (min-width: 48rem){.cxd-example{--cxd-example-padding: 1.5rem;margin-right:0;margin-left:0;border-width:1px;border-radius:var(--cx-border-radius)}.cxd-example:has(~.highlight-toolbar){border-bottom-right-radius:0;border-bottom-left-radius:0}}.cxd-example+p{margin-top:2rem}.cxd-example>.form-input+.form-input{margin-top:.5rem}.cxd-example>.nav+.nav,.cxd-example>.alert+.alert,.cxd-example>.navbar+.navbar,.cxd-example>.progress+.progress{margin-top:1rem}.cxd-example>.dropdown-menu{position:static;display:block}.cxd-example>:last-child,.cxd-example>nav:last-child .breadcrumb{margin-bottom:0}.cxd-example>hr:last-child{margin-bottom:1rem}.cxd-example>.icon+.icon,.cxd-example>svg+svg,.cxd-example>img+img{margin-left:.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-top:.5rem}.cxd-example>.list-group{max-width:400px}.cxd-example>[class*=list-horizontal]{max-width:100%}.cxd-example .fixed-top,.cxd-example .sticky-top{position:static;margin:calc(var(--cxd-example-padding) * -1) calc(var(--cxd-example-padding) * -1) var(--cxd-example-padding)}.cxd-example .fixed-bottom,.cxd-example .sticky-bottom{position:static;margin:var(--cxd-example-padding) calc(var(--cxd-example-padding) * -1) calc(var(--cxd-example-padding) * -1)}.cxd-example .pagination{margin-bottom:0}.cxd-example-row [class^=col],.cxd-example-cols [class^=col]>*,.cxd-example-cssgrid [class*=grid]>*{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(var(--cxd-subtle-rgb),.15);border:1px solid rgba(var(--cxd-subtle-rgb),.3)}.cxd-example-row .row+.row,.cxd-example-cssgrid .grid+.grid{margin-top:1rem}.cxd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(var(--cxd-subtle-rgb),.15)}.cxd-example-flex div:not(.vr){background-color:rgba(var(--cxd-subtle-rgb),.15);border:1px solid rgba(var(--cxd-subtle-rgb),.3)}.example-container{width:800px;--cx-gutter-x: 1.5rem;--cx-gutter-y: 0;width:100%;padding-right:calc(var(--cx-gutter-x) * .5);padding-left:calc(var(--cx-gutter-x) * .5);margin-right:auto;margin-left:auto}.example-row{--cx-gutter-x: 1.5rem;--cx-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--cx-gutter-y));margin-right:calc(-.5 * var(--cx-gutter-x));margin-left:calc(-.5 * var(--cx-gutter-x))}.example-content-main{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--cx-gutter-x) * .5);padding-left:calc(var(--cx-gutter-x) * .5);margin-top:var(--cx-gutter-y)}@media (min-width: 36rem){.example-content-main{flex:0 0 auto;width:50%}}@media (min-width: 62rem){.example-content-main{flex:0 0 auto;width:66.66666667%}}.example-content-secondary{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--cx-gutter-x) * .5);padding-left:calc(var(--cx-gutter-x) * .5);margin-top:var(--cx-gutter-y)}@media (min-width: 36rem){.example-content-secondary{flex:0 0 auto;width:50%}}@media (min-width: 62rem){.example-content-secondary{flex:0 0 auto;width:33.33333333%}}.cxd-example-ratios .ratio{display:inline-block;width:10rem;color:var(--cx-fg-subtle);background-color:var(--cx-bg-evident);border:var(--cx-border-width) solid var(--cx-border-color)}.cxd-example-ratios .ratio>div{display:flex;align-items:center;justify-content:center}.cxd-example-ratios-breakpoint .ratio-4x3{width:16rem}@media (min-width: 48rem){.cxd-example-ratios-breakpoint .ratio-4x3{--cx-aspect-ratio: 50%}}.cxd-example-offcanvas .offcanvas{position:static;display:block;height:200px;visibility:visible;transform:translate(0)}.tooltip-demo a{white-space:nowrap}.tooltip-demo .button{margin:.25rem .125rem}.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-top:.5rem;overflow:auto}.scrollspy-example-2{height:350px;overflow:auto}.simple-list-example-scrollspy .active{background-color:rgba(var(--cxd-subtle-rgb),.15)}.cxd-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:var(--cx-bg-evident)}.cxd-example-rounded-utils [class*=rounded]{margin:.25rem}.cxd-example-position-utils{position:relative;padding:2rem}.cxd-example-position-utils .position-relative{height:200px;background-color:var(--cx-bg-evident)}.cxd-example-position-utils .position-absolute{width:2rem;height:2rem;background-color:var(--cx-fg-subtle);border-radius:var(--cx-border-radius)}.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-fg-color);background-color:var(--cxd-subtle);border:1px solid var(--cxd-main)}.cxd-example-zindex-levels>div>span{position:absolute;right:5px;bottom:0}.cxd-example-zindex-levels>:nth-child(2){top:3rem;left:3rem}.cxd-example-zindex-levels>:nth-child(3){top:4.5rem;left:4.5rem}.cxd-example-zindex-levels>:nth-child(4){top:6rem;left:6rem}.cxd-example-zindex-levels>:nth-child(5){top:7.5rem;left:7.5rem}.highlight{position:relative;padding:.5rem 1rem;background-color:var(--cxd-pre-bg, var(--cx-bg-even))}@media (min-width: 48rem){.highlight{padding:.5rem 1.25rem;border-radius:calc(var(--cx-border-radius) - 1px)}}@media (min-width: 62rem){.highlight pre{margin-right:1.875rem}}.highlight pre{padding:.25rem 0 .875rem;margin-top:.8125rem;margin-bottom:0;overflow:overlay;white-space:pre;font-size:var(--cx-font-size-code-small);line-height:var(--cx-line-height-code-small);background-color:transparent;border:0}.highlight pre code{color:var(--cx-fg-color);word-wrap:normal}.cxd-example-snippet .highlight pre{margin-right:0}.highlight-toolbar{background-color:var(--cxd-pre-bg, var(--cx-bg-even));border-bottom:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle);border-top:var(--cx-border-width) var(--cx-border-style) var(--cx-border-subtle)}.highlight-toolbar+.highlight{border-top-left-radius:0;border-top-right-radius:0}.highlight-toolbar>a{font-size:var(--cx-font-size-small)}.cxd-file-ref .highlight-toolbar{border-top:0}@media (min-width: 48rem){.cxd-file-ref .highlight-toolbar{border-top-left-radius:calc(var(--cx-border-radius) - 1px);border-top-right-radius:calc(var(--cx-border-radius) - 1px)}}.cxd-content .cxd-code-snippet{margin-bottom:1rem}:root{--example-fg: #228822}.example{color:var(--example-fg, var(--cx-fg-subtle))}.example-2{--cx-fg-color: var(--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{--component-fg-color: var(--example-fg-color, var(--cx-fg-main));--component-bg-color: var(--example-bg-color, var(--cx-bg-even));color:var(--component-fg-color);background-color:var(--component-bg-color)}.example-3.solid{background-color:var(--example-solid-bg-color, var(--cx-bg-solid))}.context-palette-grid,.body-colors-grid{font-size:var(--cx-font-size-small);line-height:var(--cx-line-height-small);gap:0}.context-palette-grid .grid-col,.body-colors-grid .grid-col{display:grid;position:relative;gap:0}.context-palette-grid .grid-item,.body-colors-grid .grid-item{display:flex;border-bottom:1px solid var(--cx-border-subtle);padding:var(--cx-space-xsmall) var(--cx-space-2xsmall);align-items:center;text-wrap:nowrap}.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{grid-template-columns:20rem repeat(var(--cx-grid-columns, 1),8rem) auto;grid-template-rows:auto}.context-palette-grid .grid-col{grid-template-rows:auto 6rem repeat(var(--cx-grid-rows, 1),3.5rem)}.context-palette-grid .variable-col{position:sticky;right:0;background-color:var(--cx-bg-color);box-shadow:-4px 0 8px -4px #00000040}.context-palette-grid .variable-col .grid-item{padding-left:.75rem;padding-right:0}.context-palette-grid .description-col .grid-item{display:block;padding-right:1rem;text-wrap:wrap;padding-left:0}.body-colors-grid{grid-template-columns:4fr 1fr 3.5fr 3.5fr;grid-template-rows:auto;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-left:0}.body-colors-grid .color-col .grid-item{padding-right:1rem}.body-colors-grid .property-col .grid-item{padding-left:1rem}.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-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-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));--cx-fg-idle: var(--cx-context-fg-idle, var(--cx-default-fg-idle));--cx-fg-hover: var(--cx-context-fg-hover, var(--cx-default-fg-hover));--cx-fg-press: var(--cx-context-fg-press, var(--cx-default-fg-press));--cx-fg-disabled: var(--cx-context-fg-disabled, var(--cx-default-fg-disabled));--cx-bg-idle: var(--cx-context-bg-idle, var(--cx-default-bg-idle));--cx-bg-hover: var(--cx-context-bg-hover, var(--cx-default-bg-hover));--cx-bg-press: var(--cx-context-bg-press, var(--cx-default-bg-press));--cx-bg-disabled: var(--cx-context-bg-disabled, var(--cx-default-bg-disabled));--cx-base-color-rgb: var(--cx-context-base-color-rgb, var(--cx-default-base-color-rgb));--cx-contrast-color-rgb: var(--cx-context-contrast-color-rgb, var(--cx-default-contrast-color-rgb));--cx-transparent-color-rgb: var(--cx-context-transparent-color-rgb, var(--cx-default-transparent-color-rgb));--cx-fg-main-rgb: var(--cx-context-fg-main-rgb, var(--cx-default-fg-main-rgb));--cx-fg-subtle-rgb: var(--cx-context-fg-subtle-rgb, var(--cx-default-fg-subtle-rgb));--cx-fg-slight-rgb: var(--cx-context-fg-slight-rgb, var(--cx-default-fg-slight-rgb));--cx-fg-inverse-rgb: var(--cx-context-fg-inverse-rgb, var(--cx-default-fg-inverse-rgb));--cx-fg-solid-rgb: var(--cx-context-fg-solid-rgb, var(--cx-default-fg-solid-rgb));--cx-fg-highlight-rgb: var(--cx-context-fg-highlight-rgb, var(--cx-default-fg-highlight-rgb));--cx-bg-main-rgb: var(--cx-context-bg-main-rgb, var(--cx-default-bg-main-rgb));--cx-bg-even-rgb: var(--cx-context-bg-even-rgb, var(--cx-default-bg-even-rgb));--cx-bg-evident-rgb: var(--cx-context-bg-evident-rgb, var(--cx-default-bg-evident-rgb));--cx-bg-inverse-rgb: var(--cx-context-bg-inverse-rgb, var(--cx-default-bg-inverse-rgb));--cx-bg-solid-rgb: var(--cx-context-bg-solid-rgb, var(--cx-default-bg-solid-rgb));--cx-bg-highlight-rgb: var(--cx-context-bg-highlight-rgb, var(--cx-default-bg-highlight-rgb));--cx-border-main-rgb: var(--cx-context-border-main-rgb, var(--cx-default-border-main-rgb));--cx-border-subtle-rgb: var(--cx-context-border-subtle-rgb, var(--cx-default-border-subtle-rgb));--cx-icon-main-rgb: var(--cx-context-icon-main-rgb, var(--cx-default-icon-main-rgb));--cx-icon-subtle-rgb: var(--cx-context-icon-subtle-rgb, var(--cx-default-icon-subtle-rgb));--cx-icon-slight-rgb: var(--cx-context-icon-slight-rgb, var(--cx-default-icon-slight-rgb));--cx-cue-main-rgb: var(--cx-context-cue-main-rgb, var(--cx-default-cue-main-rgb));--cx-cue-slight-rgb: var(--cx-context-cue-main-rgb, var(--cx-default-cue-main-rgb));--cx-link-main-rgb: var(--cx-context-link-main-rgb, var(--cx-default-link-main-rgb));--cx-link-hover-rgb: var(--cx-context-link-hover-rgb, var(--cx-default-link-hover-rgb));--cx-link-active-rgb: var(--cx-context-link-active-rgb, var(--cx-default-link-active-rgb));--cx-link-visited-rgb: var(--cx-context-link-visited-rgb, var(--cx-default-link-visited-rgb));--cx-dim-main-rgb: var(--cx-context-dim-main-rgb, var(--cx-default-dim-main-rgb));--cx-dim-subtle-rgb: var(--cx-context-dim-subtle-rgb, var(--cx-default-dim-subtle-rgb));--cx-dim-slight-rgb: var(--cx-context-dim-slight-rgb, var(--cx-default-dim-slight-rgb));--cx-fg-idle-rgb: var(--cx-context-fg-idle-rgb, var(--cx-default-fg-idle-rgb));--cx-fg-hover-rgb: var(--cx-context-fg-hover-rgb, var(--cx-default-fg-hover-rgb));--cx-fg-press-rgb: var(--cx-context-fg-press-rgb, var(--cx-default-fg-press-rgb));--cx-fg-disabled-rgb: var(--cx-context-fg-disabled-rgb, var(--cx-default-fg-disabled-rgb));--cx-bg-idle-rgb: var(--cx-context-bg-idle-rgb, var(--cx-default-bg-idle-rgb));--cx-bg-hover-rgb: var(--cx-context-bg-hover-rgb, var(--cx-default-bg-hover-rgb));--cx-bg-press-rgb: var(--cx-context-bg-press-rgb, var(--cx-default-bg-press-rgb));--cx-bg-disabled-rgb: var(--cx-context-bg-disabled-rgb, var(--cx-default-bg-disabled-rgb))}.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-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-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-fg-idle: var(--cx-default-fg-idle);--cx-context-fg-hover: var(--cx-default-fg-hover);--cx-context-fg-press: var(--cx-default-fg-press);--cx-context-fg-disabled: var(--cx-default-fg-disabled);--cx-context-bg-idle: var(--cx-default-bg-idle);--cx-context-bg-hover: var(--cx-default-bg-hover);--cx-context-bg-press: var(--cx-default-bg-press);--cx-context-bg-disabled: var(--cx-default-bg-disabled);--cx-context-base-color-rgb: var(--cx-default-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-default-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-default-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-default-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-default-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-default-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-default-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-default-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-default-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-default-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-default-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-default-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-default-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-default-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-default-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-default-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-default-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-default-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-default-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-default-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-default-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-default-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-default-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-default-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-default-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-default-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-default-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-default-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-default-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-default-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-default-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-default-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-default-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-default-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-default-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-default-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-default-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-alternate-fg-idle);--cx-context-fg-hover: var(--cx-alternate-fg-hover);--cx-context-fg-press: var(--cx-alternate-fg-press);--cx-context-fg-disabled: var(--cx-alternate-fg-disabled);--cx-context-bg-idle: var(--cx-alternate-bg-idle);--cx-context-bg-hover: var(--cx-alternate-bg-hover);--cx-context-bg-press: var(--cx-alternate-bg-press);--cx-context-bg-disabled: var(--cx-alternate-bg-disabled);--cx-context-base-color-rgb: var(--cx-alternate-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-alternate-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-alternate-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-alternate-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-alternate-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-alternate-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-alternate-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-alternate-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-alternate-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-alternate-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-alternate-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-alternate-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-alternate-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-alternate-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-alternate-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-alternate-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-alternate-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-alternate-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-alternate-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-alternate-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-alternate-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-alternate-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-alternate-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-alternate-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-alternate-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-alternate-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-alternate-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-alternate-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-alternate-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-alternate-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-alternate-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-alternate-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-alternate-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-alternate-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-alternate-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-alternate-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-alternate-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-primary-fg-idle);--cx-context-fg-hover: var(--cx-primary-fg-hover);--cx-context-fg-press: var(--cx-primary-fg-press);--cx-context-fg-disabled: var(--cx-primary-fg-disabled);--cx-context-bg-idle: var(--cx-primary-bg-idle);--cx-context-bg-hover: var(--cx-primary-bg-hover);--cx-context-bg-press: var(--cx-primary-bg-press);--cx-context-bg-disabled: var(--cx-primary-bg-disabled);--cx-context-base-color-rgb: var(--cx-primary-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-primary-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-primary-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-primary-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-primary-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-primary-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-primary-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-primary-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-primary-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-primary-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-primary-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-primary-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-primary-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-primary-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-primary-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-primary-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-primary-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-primary-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-primary-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-primary-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-primary-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-primary-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-primary-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-primary-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-primary-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-primary-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-primary-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-primary-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-primary-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-primary-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-primary-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-primary-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-primary-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-primary-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-primary-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-primary-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-primary-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-secondary-fg-idle);--cx-context-fg-hover: var(--cx-secondary-fg-hover);--cx-context-fg-press: var(--cx-secondary-fg-press);--cx-context-fg-disabled: var(--cx-secondary-fg-disabled);--cx-context-bg-idle: var(--cx-secondary-bg-idle);--cx-context-bg-hover: var(--cx-secondary-bg-hover);--cx-context-bg-press: var(--cx-secondary-bg-press);--cx-context-bg-disabled: var(--cx-secondary-bg-disabled);--cx-context-base-color-rgb: var(--cx-secondary-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-secondary-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-secondary-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-secondary-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-secondary-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-secondary-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-secondary-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-secondary-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-secondary-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-secondary-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-secondary-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-secondary-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-secondary-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-secondary-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-secondary-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-secondary-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-secondary-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-secondary-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-secondary-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-secondary-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-secondary-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-secondary-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-secondary-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-secondary-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-secondary-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-secondary-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-secondary-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-secondary-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-secondary-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-secondary-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-secondary-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-secondary-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-secondary-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-secondary-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-secondary-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-secondary-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-secondary-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-neutral-fg-idle);--cx-context-fg-hover: var(--cx-neutral-fg-hover);--cx-context-fg-press: var(--cx-neutral-fg-press);--cx-context-fg-disabled: var(--cx-neutral-fg-disabled);--cx-context-bg-idle: var(--cx-neutral-bg-idle);--cx-context-bg-hover: var(--cx-neutral-bg-hover);--cx-context-bg-press: var(--cx-neutral-bg-press);--cx-context-bg-disabled: var(--cx-neutral-bg-disabled);--cx-context-base-color-rgb: var(--cx-neutral-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-neutral-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-neutral-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-neutral-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-neutral-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-neutral-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-neutral-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-neutral-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-neutral-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-neutral-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-neutral-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-neutral-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-neutral-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-neutral-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-neutral-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-neutral-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-neutral-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-neutral-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-neutral-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-neutral-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-neutral-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-neutral-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-neutral-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-neutral-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-neutral-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-neutral-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-neutral-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-neutral-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-neutral-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-neutral-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-neutral-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-neutral-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-neutral-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-neutral-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-neutral-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-neutral-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-neutral-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-warning-fg-idle);--cx-context-fg-hover: var(--cx-warning-fg-hover);--cx-context-fg-press: var(--cx-warning-fg-press);--cx-context-fg-disabled: var(--cx-warning-fg-disabled);--cx-context-bg-idle: var(--cx-warning-bg-idle);--cx-context-bg-hover: var(--cx-warning-bg-hover);--cx-context-bg-press: var(--cx-warning-bg-press);--cx-context-bg-disabled: var(--cx-warning-bg-disabled);--cx-context-base-color-rgb: var(--cx-warning-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-warning-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-warning-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-warning-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-warning-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-warning-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-warning-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-warning-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-warning-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-warning-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-warning-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-warning-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-warning-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-warning-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-warning-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-warning-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-warning-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-warning-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-warning-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-warning-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-warning-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-warning-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-warning-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-warning-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-warning-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-warning-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-warning-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-warning-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-warning-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-warning-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-warning-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-warning-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-warning-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-warning-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-warning-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-warning-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-warning-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-success-fg-idle);--cx-context-fg-hover: var(--cx-success-fg-hover);--cx-context-fg-press: var(--cx-success-fg-press);--cx-context-fg-disabled: var(--cx-success-fg-disabled);--cx-context-bg-idle: var(--cx-success-bg-idle);--cx-context-bg-hover: var(--cx-success-bg-hover);--cx-context-bg-press: var(--cx-success-bg-press);--cx-context-bg-disabled: var(--cx-success-bg-disabled);--cx-context-base-color-rgb: var(--cx-success-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-success-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-success-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-success-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-success-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-success-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-success-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-success-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-success-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-success-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-success-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-success-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-success-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-success-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-success-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-success-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-success-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-success-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-success-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-success-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-success-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-success-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-success-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-success-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-success-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-success-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-success-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-success-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-success-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-success-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-success-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-success-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-success-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-success-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-success-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-success-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-success-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-danger-fg-idle);--cx-context-fg-hover: var(--cx-danger-fg-hover);--cx-context-fg-press: var(--cx-danger-fg-press);--cx-context-fg-disabled: var(--cx-danger-fg-disabled);--cx-context-bg-idle: var(--cx-danger-bg-idle);--cx-context-bg-hover: var(--cx-danger-bg-hover);--cx-context-bg-press: var(--cx-danger-bg-press);--cx-context-bg-disabled: var(--cx-danger-bg-disabled);--cx-context-base-color-rgb: var(--cx-danger-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-danger-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-danger-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-danger-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-danger-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-danger-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-danger-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-danger-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-danger-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-danger-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-danger-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-danger-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-danger-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-danger-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-danger-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-danger-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-danger-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-danger-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-danger-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-danger-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-danger-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-danger-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-danger-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-danger-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-danger-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-danger-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-danger-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-danger-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-danger-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-danger-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-danger-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-danger-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-danger-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-danger-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-danger-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-danger-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-danger-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-info-fg-idle);--cx-context-fg-hover: var(--cx-info-fg-hover);--cx-context-fg-press: var(--cx-info-fg-press);--cx-context-fg-disabled: var(--cx-info-fg-disabled);--cx-context-bg-idle: var(--cx-info-bg-idle);--cx-context-bg-hover: var(--cx-info-bg-hover);--cx-context-bg-press: var(--cx-info-bg-press);--cx-context-bg-disabled: var(--cx-info-bg-disabled);--cx-context-base-color-rgb: var(--cx-info-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-info-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-info-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-info-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-info-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-info-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-info-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-info-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-info-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-info-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-info-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-info-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-info-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-info-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-info-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-info-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-info-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-info-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-info-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-info-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-info-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-info-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-info-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-info-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-info-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-info-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-info-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-info-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-info-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-info-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-info-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-info-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-info-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-info-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-info-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-info-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-info-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-black-fg-idle);--cx-context-fg-hover: var(--cx-black-fg-hover);--cx-context-fg-press: var(--cx-black-fg-press);--cx-context-fg-disabled: var(--cx-black-fg-disabled);--cx-context-bg-idle: var(--cx-black-bg-idle);--cx-context-bg-hover: var(--cx-black-bg-hover);--cx-context-bg-press: var(--cx-black-bg-press);--cx-context-bg-disabled: var(--cx-black-bg-disabled);--cx-context-base-color-rgb: var(--cx-black-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-black-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-black-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-black-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-black-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-black-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-black-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-black-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-black-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-black-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-black-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-black-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-black-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-black-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-black-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-black-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-black-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-black-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-black-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-black-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-black-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-black-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-black-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-black-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-black-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-black-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-black-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-black-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-black-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-black-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-black-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-black-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-black-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-black-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-black-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-black-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-black-bg-disabled-rgb)}.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-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-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-fg-idle: var(--cx-white-fg-idle);--cx-context-fg-hover: var(--cx-white-fg-hover);--cx-context-fg-press: var(--cx-white-fg-press);--cx-context-fg-disabled: var(--cx-white-fg-disabled);--cx-context-bg-idle: var(--cx-white-bg-idle);--cx-context-bg-hover: var(--cx-white-bg-hover);--cx-context-bg-press: var(--cx-white-bg-press);--cx-context-bg-disabled: var(--cx-white-bg-disabled);--cx-context-base-color-rgb: var(--cx-white-base-color-rgb);--cx-context-contrast-color-rgb: var(--cx-white-contrast-color-rgb);--cx-context-transparent-color-rgb: var(--cx-white-transparent-color-rgb);--cx-context-fg-main-rgb: var(--cx-white-fg-main-rgb);--cx-context-fg-subtle-rgb: var(--cx-white-fg-subtle-rgb);--cx-context-fg-slight-rgb: var(--cx-white-fg-slight-rgb);--cx-context-fg-inverse-rgb: var(--cx-white-fg-inverse-rgb);--cx-context-fg-solid-rgb: var(--cx-white-fg-solid-rgb);--cx-context-fg-highlight-rgb: var(--cx-white-fg-highlight-rgb);--cx-context-bg-main-rgb: var(--cx-white-bg-main-rgb);--cx-context-bg-even-rgb: var(--cx-white-bg-even-rgb);--cx-context-bg-evident-rgb: var(--cx-white-bg-evident-rgb);--cx-context-bg-inverse-rgb: var(--cx-white-bg-inverse-rgb);--cx-context-bg-solid-rgb: var(--cx-white-bg-solid-rgb);--cx-context-bg-highlight-rgb: var(--cx-white-bg-highlight-rgb);--cx-context-border-main-rgb: var(--cx-white-border-main-rgb);--cx-context-border-subtle-rgb: var(--cx-white-border-subtle-rgb);--cx-context-icon-main-rgb: var(--cx-white-icon-main-rgb);--cx-context-icon-subtle-rgb: var(--cx-white-icon-subtle-rgb);--cx-context-icon-slight-rgb: var(--cx-white-icon-slight-rgb);--cx-context-cue-main-rgb: var(--cx-white-cue-main-rgb);--cx-context-cue-slight-rgb: var(--cx-white-cue-main-rgb);--cx-context-link-main-rgb: var(--cx-white-link-main-rgb);--cx-context-link-hover-rgb: var(--cx-white-link-hover-rgb);--cx-context-link-active-rgb: var(--cx-white-link-active-rgb);--cx-context-link-visited-rgb: var(--cx-white-link-visited-rgb);--cx-context-dim-main-rgb: var(--cx-white-dim-main-rgb);--cx-context-dim-subtle-rgb: var(--cx-white-dim-subtle-rgb);--cx-context-dim-slight-rgb: var(--cx-white-dim-slight-rgb);--cx-context-fg-idle-rgb: var(--cx-white-fg-idle-rgb);--cx-context-fg-hover-rgb: var(--cx-white-fg-hover-rgb);--cx-context-fg-press-rgb: var(--cx-white-fg-press-rgb);--cx-context-fg-disabled-rgb: var(--cx-white-fg-disabled-rgb);--cx-context-bg-idle-rgb: var(--cx-white-bg-idle-rgb);--cx-context-bg-hover-rgb: var(--cx-white-bg-hover-rgb);--cx-context-bg-press-rgb: var(--cx-white-bg-press-rgb);--cx-context-bg-disabled-rgb: var(--cx-white-bg-disabled-rgb)}.example-3,.example-2{--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-fg-color-rgb: var(--cx-fg-main-rgb);--cx-bg-color-rgb: var(--cx-bg-main-rgb);--cx-border-color-rgb: var(--cx-border-main-rgb);--cx-separator-color-rgb: var(--cx-border-subtle-rgb);--cx-icon-color-rgb: var(--cx-icon-main-rgb);--cx-bullet-color-rgb: var(--cx-icon-subtle-rgb);--cx-cue-color-rgb: var(--cx-cue-main-rgb);--cx-link-main-color-rgb: var(--cx-link-main-rgb);--cx-link-hover-color-rgb: var(--cx-link-hover-rgb);--cx-link-active-color-rgb: var(--cx-link-active-rgb);--cx-link-visited-color-rgb: var(--cx-link-visited-rgb)}.example-2.solid,.example-3.solid{--cx-fg-main: var(--cx-context-fg-solid);--cx-fg-subtle: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-fg-subtle));--cx-fg-slight: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-fg-slight));--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: var(--cx-context-bg-hover);--cx-bg-evident: var(--cx-context-bg-press);--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: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-border-main));--cx-border-subtle: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-border-subtle));--cx-icon-main: var(--cx-context-fg-solid);--cx-icon-subtle: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-icon-subtle));--cx-icon-slight: rgba(var(--cx-context-fg-solid-rgb), var(--cx-opacity-icon-slight));--cx-cue-main: var(--cx-context-fg-solid);--cx-cue-slight: rgba(var(--cx-context-fg-solid-rgb), 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: rgba(var(--cx-context-bg-inverse-rgb), var(--cx-opacity-dim-main));--cx-dim-subtle: rgba(var(--cx-context-bg-inverse-rgb), var(--cx-opacity-dim-subtle));--cx-dim-slight: rgba(var(--cx-context-bg-inverse-rgb), var(--cx-opacity-dim-slight));--cx-fg-main-rgb: var(--cx-context-fg-solid-rgb);--cx-fg-subtle-rgb: var(--cx-context-fg-solid-rgb);--cx-fg-slight-rgb: var(--cx-context-fg-solid-rgb);--cx-fg-inverse-rgb: var(--cx-context-fg-inverse-rgb);--cx-fg-solid-rgb: var(--cx-context-fg-solid-rgb);--cx-fg-highlight-rgb: var(--cx-context-fg-inverse-rgb);--cx-bg-main-rgb: var(--cx-context-bg-solid-rgb);--cx-bg-even-rgb: var(--cx-context-bg-hover-rgb);--cx-bg-evident-rgb: var(--cx-context-bg-press-rgb);--cx-bg-inverse-rgb: var(--cx-context-bg-inverse-rgb);--cx-bg-solid-rgb: var(--cx-context-bg-solid-rgb);--cx-bg-highlight-rgb: var(--cx-context-bg-inverse-rgb);--cx-border-main-rgb: var(--cx-context-fg-solid-rgb);--cx-border-subtle-rgb: var(--cx-context-fg-solid-rgb);--cx-icon-main-rgb: var(--cx-context-fg-solid-rgb);--cx-icon-subtle-rgb: var(--cx-context-fg-solid-rgb);--cx-icon-slight-rgb: var(--cx-context-fg-solid-rgb);--cx-cue-main-rgb: var(--cx-context-fg-solid-rgb);--cx-cue-slight-rgb: var(--cx-context-fg-solid-rgb);--cx-link-main-rgb: var(--cx-context-fg-solid-rgb);--cx-link-hover-rgb: var(--cx-context-contrast-color-rgb);--cx-link-active-rgb: var(--cx-context-fg-solid-rgb);--cx-link-visited-rgb: var(--cx-context-fg-solid-rgb);--cx-dim-main-rgb: var(--cx-context-bg-inverse-rgb);--cx-dim-subtle-rgb: var(--cx-context-bg-inverse-rgb);--cx-dim-slight-rgb: var(--cx-context-bg-inverse-rgb);--cx-border-color: transparent}.cxd-button{font:var(--cx-font-weight) var(--cx-font-size)/var(--cx-line-height) var(--cx-font-family);color:var(--cx-fg-color);background-color:var(--cx-bg-color);border-color:var(--cx-border-color);border-radius:var(--cx-border-radius);border:var(--cx-border-width, 0) var(--cx-border-style, solid) var(--cx-border-color, transparent)}.cxd-button{padding:calc(var(--cx-padding-y) - var(--cx-border-width)) calc(var(--cx-padding-x) - var(--cx-border-width))}.cxd-button{--cx-fg-color: var(--cx-button-idle-fg-color, var(--cx-fg-idle));--cx-bg-color: var(--cx-button-idle-bg-color, var(--cx-bg-idle));--cx-icon-color: var(--cx-button-idle-icon-color, var(--cx-fg-idle));--cx-border-color: var(--cx-button-idle-border-color, var(--cx-border-idle))}.cxd-button:hover{--cx-fg-color: var(--cx-button-hover-fg-color, var(--cx-fg-hover));--cx-bg-color: var(--cx-button-hover-bg-color, var(--cx-bg-hover));--cx-icon-color: var(--cx-button-hover-icon-color, var(--cx-fg-hover));--cx-border-color: var(--cx-button-hover-border-color, var(--cx-border-hover))}.button-check+.cxd-button:hover{--cx-fg-color: var(--cx-fg-idle);--cx-bg-color: var(--cx-bg-idle);--cx-border-color: var(--cx-border-idle)}.cxd-button:hover:is(a){color:var(--cx-fg-color)}.cxd-button:focus-visible,.button-check:focus-visible+.cxd-button{--cx-fg-color: var(--cx-fg-hover);--cx-border-color: var(--cx-border-hover);background-color:var(--cx-bg-hover);outline:0;box-shadow:var(--cx-focus-box-shadow)}.button-check:checked+.cxd-button,:not(.button-check)+.cxd-button:active,.cxd-button:first-child:active,.active.cxd-button,.show.cxd-button{--cx-fg-color: var(--cx-button-press-fg-color, var(--cx-fg-press));--cx-bg-color: var(--cx-button-press-bg-color, var(--cx-bg-press));--cx-icon-color: var(--cx-button-press-icon-color, var(--cx-fg-press));--cx-border-color: var(--cx-button-press-border-color, var(--cx-border-press))}.button-check:checked+.cxd-button:focus-visible,:not(.button-check)+.cxd-button:active:focus-visible,.cxd-button:first-child:active:focus-visible,.active.cxd-button:focus-visible,.show.cxd-button:focus-visible{box-shadow:var(--cx-focus-box-shadow)}.button-check:checked+.cxd-button:disabled,.button-check:checked+.disabled.cxd-button,:not(.button-check)+.cxd-button:active:disabled,:not(.button-check)+.cxd-button:active.disabled,.cxd-button:first-child:active:disabled,.cxd-button:first-child:active.disabled,.active.cxd-button:disabled,.active.disabled.cxd-button,.show.cxd-button:disabled,.show.disabled.cxd-button{--cx-bg-color: var(--cx-button-press-bg-color, var(--cx-bg-press));--cx-border-color: var(--cx-button-idle-border-color, var(--cx-border-idle))}.button-check:checked:focus-visible+.cxd-button{box-shadow:var(--cx-focus-box-shadow)}.cxd-button:disabled,.disabled.cxd-button,.button-check:disabled+.cxd-button,fieldset:disabled .cxd-button{--cx-fg-color: var(--cx-button-disabled-fg-color, var(--cx-fg-disabled));--cx-bg-color: var(--cx-button-disabled-bg-color, var(--cx-bg-disabled));--cx-icon-color: var(--cx-button-disabled-icon-color, var(--cx-fg-disabled));--cx-border-color: var(--cx-button-disabled-border-color, var(--cx-border-disabled));pointer-events:none;opacity:1}.default.cxd-button{--cx-fg-idle: var(--cx-button-default-fg-idle, var(--cx-default-fg-idle));--cx-bg-idle: var(--cx-button-default-bg-idle, var(--cx-default-bg-idle));--cx-border-idle: var(--cx-button-default-border-idle, var(--cx-default-border-main));--cx-fg-hover: var(--cx-button-default-fg-hover, var(--cx-default-fg-hover));--cx-bg-hover: var(--cx-button-default-bg-hover, var(--cx-default-bg-hover));--cx-border-hover: var(--cx-button-default-border-hover, var(--cx-default-border-main));--cx-fg-press: var(--cx-button-default-fg-press, var(--cx-default-fg-press));--cx-bg-press: var(--cx-button-default-bg-press, var(--cx-default-bg-press));--cx-border-press: var(--cx-button-default-border-press, var(--cx-default-fg-idle));--cx-fg-disabled: var(--cx-button-default-fg-disabled, var(--cx-default-fg-disabled));--cx-bg-disabled: var(--cx-button-default-bg-disabled, var(--cx-default-bg-disabled));--cx-border-disabled: var(--cx-button-default-border-disabled, var(--cx-default-transparent-color))}.alternate.cxd-button{--cx-fg-idle: var(--cx-button-alternate-fg-idle, var(--cx-alternate-fg-idle));--cx-bg-idle: var(--cx-button-alternate-bg-idle, var(--cx-alternate-bg-idle));--cx-border-idle: var(--cx-button-alternate-border-idle, var(--cx-alternate-border-main));--cx-fg-hover: var(--cx-button-alternate-fg-hover, var(--cx-alternate-fg-hover));--cx-bg-hover: var(--cx-button-alternate-bg-hover, var(--cx-alternate-bg-hover));--cx-border-hover: var(--cx-button-alternate-border-hover, var(--cx-alternate-border-main));--cx-fg-press: var(--cx-button-alternate-fg-press, var(--cx-alternate-fg-press));--cx-bg-press: var(--cx-button-alternate-bg-press, var(--cx-alternate-bg-press));--cx-border-press: var(--cx-button-alternate-border-press, var(--cx-alternate-fg-idle));--cx-fg-disabled: var(--cx-button-alternate-fg-disabled, var(--cx-alternate-fg-disabled));--cx-bg-disabled: var(--cx-button-alternate-bg-disabled, var(--cx-alternate-bg-disabled));--cx-border-disabled: var(--cx-button-alternate-border-disabled, var(--cx-alternate-transparent-color))}.primary.cxd-button{--cx-fg-idle: var(--cx-button-primary-fg-idle, var(--cx-primary-fg-idle));--cx-bg-idle: var(--cx-button-primary-bg-idle, var(--cx-primary-bg-idle));--cx-border-idle: var(--cx-button-primary-border-idle, var(--cx-primary-transparent-color));--cx-fg-hover: var(--cx-button-primary-fg-hover, var(--cx-primary-fg-hover));--cx-bg-hover: var(--cx-button-primary-bg-hover, var(--cx-primary-bg-hover));--cx-border-hover: var(--cx-button-primary-border-hover, var(--cx-primary-transparent-color));--cx-fg-press: var(--cx-button-primary-fg-press, var(--cx-primary-fg-press));--cx-bg-press: var(--cx-button-primary-bg-press, var(--cx-primary-bg-press));--cx-border-press: var(--cx-button-primary-border-press, var(--cx-primary-transparent-color));--cx-fg-disabled: var(--cx-button-primary-fg-disabled, var(--cx-primary-fg-disabled));--cx-bg-disabled: var(--cx-button-primary-bg-disabled, var(--cx-primary-bg-disabled));--cx-border-disabled: var(--cx-button-primary-border-disabled, var(--cx-primary-transparent-color))}.secondary.cxd-button{--cx-fg-idle: var(--cx-button-secondary-fg-idle, var(--cx-secondary-fg-idle));--cx-bg-idle: var(--cx-button-secondary-bg-idle, var(--cx-secondary-bg-idle));--cx-border-idle: var(--cx-button-secondary-border-idle, var(--cx-secondary-transparent-color));--cx-fg-hover: var(--cx-button-secondary-fg-hover, var(--cx-secondary-fg-hover));--cx-bg-hover: var(--cx-button-secondary-bg-hover, var(--cx-secondary-bg-hover));--cx-border-hover: var(--cx-button-secondary-border-hover, var(--cx-secondary-transparent-color));--cx-fg-press: var(--cx-button-secondary-fg-press, var(--cx-secondary-fg-press));--cx-bg-press: var(--cx-button-secondary-bg-press, var(--cx-secondary-bg-press));--cx-border-press: var(--cx-button-secondary-border-press, var(--cx-secondary-transparent-color));--cx-fg-disabled: var(--cx-button-secondary-fg-disabled, var(--cx-secondary-fg-disabled));--cx-bg-disabled: var(--cx-button-secondary-bg-disabled, var(--cx-secondary-bg-disabled));--cx-border-disabled: var(--cx-button-secondary-border-disabled, var(--cx-secondary-transparent-color))}.neutral.cxd-button{--cx-fg-idle: var(--cx-button-neutral-fg-idle, var(--cx-neutral-fg-idle));--cx-bg-idle: var(--cx-button-neutral-bg-idle, var(--cx-neutral-bg-idle));--cx-border-idle: var(--cx-button-neutral-border-idle, var(--cx-neutral-transparent-color));--cx-fg-hover: var(--cx-button-neutral-fg-hover, var(--cx-neutral-fg-hover));--cx-bg-hover: var(--cx-button-neutral-bg-hover, var(--cx-neutral-bg-hover));--cx-border-hover: var(--cx-button-neutral-border-hover, var(--cx-neutral-transparent-color));--cx-fg-press: var(--cx-button-neutral-fg-press, var(--cx-neutral-fg-press));--cx-bg-press: var(--cx-button-neutral-bg-press, var(--cx-neutral-bg-press));--cx-border-press: var(--cx-button-neutral-border-press, var(--cx-neutral-transparent-color));--cx-fg-disabled: var(--cx-button-neutral-fg-disabled, var(--cx-neutral-fg-disabled));--cx-bg-disabled: var(--cx-button-neutral-bg-disabled, var(--cx-neutral-bg-disabled));--cx-border-disabled: var(--cx-button-neutral-border-disabled, var(--cx-neutral-transparent-color))}.warning.cxd-button{--cx-fg-idle: var(--cx-button-warning-fg-idle, var(--cx-warning-fg-idle));--cx-bg-idle: var(--cx-button-warning-bg-idle, var(--cx-warning-bg-idle));--cx-border-idle: var(--cx-button-warning-border-idle, var(--cx-warning-transparent-color));--cx-fg-hover: var(--cx-button-warning-fg-hover, var(--cx-warning-fg-hover));--cx-bg-hover: var(--cx-button-warning-bg-hover, var(--cx-warning-bg-hover));--cx-border-hover: var(--cx-button-warning-border-hover, var(--cx-warning-transparent-color));--cx-fg-press: var(--cx-button-warning-fg-press, var(--cx-warning-fg-press));--cx-bg-press: var(--cx-button-warning-bg-press, var(--cx-warning-bg-press));--cx-border-press: var(--cx-button-warning-border-press, var(--cx-warning-transparent-color));--cx-fg-disabled: var(--cx-button-warning-fg-disabled, var(--cx-warning-fg-disabled));--cx-bg-disabled: var(--cx-button-warning-bg-disabled, var(--cx-warning-bg-disabled));--cx-border-disabled: var(--cx-button-warning-border-disabled, var(--cx-warning-transparent-color))}.success.cxd-button{--cx-fg-idle: var(--cx-button-success-fg-idle, var(--cx-success-fg-idle));--cx-bg-idle: var(--cx-button-success-bg-idle, var(--cx-success-bg-idle));--cx-border-idle: var(--cx-button-success-border-idle, var(--cx-success-transparent-color));--cx-fg-hover: var(--cx-button-success-fg-hover, var(--cx-success-fg-hover));--cx-bg-hover: var(--cx-button-success-bg-hover, var(--cx-success-bg-hover));--cx-border-hover: var(--cx-button-success-border-hover, var(--cx-success-transparent-color));--cx-fg-press: var(--cx-button-success-fg-press, var(--cx-success-fg-press));--cx-bg-press: var(--cx-button-success-bg-press, var(--cx-success-bg-press));--cx-border-press: var(--cx-button-success-border-press, var(--cx-success-transparent-color));--cx-fg-disabled: var(--cx-button-success-fg-disabled, var(--cx-success-fg-disabled));--cx-bg-disabled: var(--cx-button-success-bg-disabled, var(--cx-success-bg-disabled));--cx-border-disabled: var(--cx-button-success-border-disabled, var(--cx-success-transparent-color))}.danger.cxd-button{--cx-fg-idle: var(--cx-button-danger-fg-idle, var(--cx-danger-fg-idle));--cx-bg-idle: var(--cx-button-danger-bg-idle, var(--cx-danger-bg-idle));--cx-border-idle: var(--cx-button-danger-border-idle, var(--cx-danger-transparent-color));--cx-fg-hover: var(--cx-button-danger-fg-hover, var(--cx-danger-fg-hover));--cx-bg-hover: var(--cx-button-danger-bg-hover, var(--cx-danger-bg-hover));--cx-border-hover: var(--cx-button-danger-border-hover, var(--cx-danger-transparent-color));--cx-fg-press: var(--cx-button-danger-fg-press, var(--cx-danger-fg-press));--cx-bg-press: var(--cx-button-danger-bg-press, var(--cx-danger-bg-press));--cx-border-press: var(--cx-button-danger-border-press, var(--cx-danger-transparent-color));--cx-fg-disabled: var(--cx-button-danger-fg-disabled, var(--cx-danger-fg-disabled));--cx-bg-disabled: var(--cx-button-danger-bg-disabled, var(--cx-danger-bg-disabled));--cx-border-disabled: var(--cx-button-danger-border-disabled, var(--cx-danger-transparent-color))}.info.cxd-button{--cx-fg-idle: var(--cx-button-info-fg-idle, var(--cx-info-fg-idle));--cx-bg-idle: var(--cx-button-info-bg-idle, var(--cx-info-bg-idle));--cx-border-idle: var(--cx-button-info-border-idle, var(--cx-info-transparent-color));--cx-fg-hover: var(--cx-button-info-fg-hover, var(--cx-info-fg-hover));--cx-bg-hover: var(--cx-button-info-bg-hover, var(--cx-info-bg-hover));--cx-border-hover: var(--cx-button-info-border-hover, var(--cx-info-transparent-color));--cx-fg-press: var(--cx-button-info-fg-press, var(--cx-info-fg-press));--cx-bg-press: var(--cx-button-info-bg-press, var(--cx-info-bg-press));--cx-border-press: var(--cx-button-info-border-press, var(--cx-info-transparent-color));--cx-fg-disabled: var(--cx-button-info-fg-disabled, var(--cx-info-fg-disabled));--cx-bg-disabled: var(--cx-button-info-bg-disabled, var(--cx-info-bg-disabled));--cx-border-disabled: var(--cx-button-info-border-disabled, var(--cx-info-transparent-color))}.black.cxd-button{--cx-fg-idle: var(--cx-button-black-fg-idle, var(--cx-black-fg-idle));--cx-bg-idle: var(--cx-button-black-bg-idle, var(--cx-black-bg-idle));--cx-border-idle: var(--cx-button-black-border-idle, var(--cx-black-transparent-color));--cx-fg-hover: var(--cx-button-black-fg-hover, var(--cx-black-fg-hover));--cx-bg-hover: var(--cx-button-black-bg-hover, var(--cx-black-bg-hover));--cx-border-hover: var(--cx-button-black-border-hover, var(--cx-black-transparent-color));--cx-fg-press: var(--cx-button-black-fg-press, var(--cx-black-fg-press));--cx-bg-press: var(--cx-button-black-bg-press, var(--cx-black-bg-press));--cx-border-press: var(--cx-button-black-border-press, var(--cx-black-transparent-color));--cx-fg-disabled: var(--cx-button-black-fg-disabled, var(--cx-black-fg-disabled));--cx-bg-disabled: var(--cx-button-black-bg-disabled, var(--cx-black-bg-disabled));--cx-border-disabled: var(--cx-button-black-border-disabled, var(--cx-black-transparent-color))}.white.cxd-button{--cx-fg-idle: var(--cx-button-white-fg-idle, var(--cx-white-fg-idle));--cx-bg-idle: var(--cx-button-white-bg-idle, var(--cx-white-bg-idle));--cx-border-idle: var(--cx-button-white-border-idle, var(--cx-white-transparent-color));--cx-fg-hover: var(--cx-button-white-fg-hover, var(--cx-white-fg-hover));--cx-bg-hover: var(--cx-button-white-bg-hover, var(--cx-white-bg-hover));--cx-border-hover: var(--cx-button-white-border-hover, var(--cx-white-transparent-color));--cx-fg-press: var(--cx-button-white-fg-press, var(--cx-white-fg-press));--cx-bg-press: var(--cx-button-white-bg-press, var(--cx-white-bg-press));--cx-border-press: var(--cx-button-white-border-press, var(--cx-white-transparent-color));--cx-fg-disabled: var(--cx-button-white-fg-disabled, var(--cx-white-fg-disabled));--cx-bg-disabled: var(--cx-button-white-bg-disabled, var(--cx-white-bg-disabled));--cx-border-disabled: var(--cx-button-white-border-disabled, var(--cx-white-transparent-color))}.cxd-button{--cx-padding-y: var(--cx-space-small);--cx-padding-x: var(--cx-space-large);--cx-gap: var(--cx-space-small);--cx-font-family: var(--cx-font-family-text);--cx-font-size: var(--cx-font-size-large);--cx-font-weight: var(--cx-font-weight-mass);--cx-line-height: var(--cx-line-height-large);--cx-icon-size: var(--cx-icon-large);display:inline-flex;gap:var(--cx-gap);align-items:center;text-decoration:none}.cxd-button.large{--cx-font-size: var(--cx-font-size-xlarge);--cx-line-height: var(--cx-line-height-xlarge);--cx-font-weight: var(--cx-font-weight-strong);--cx-icon-size: var(--cx-icon-xlarge)}.cxd-callout{--cx-link-main-color-rgb: var(--cxd-callout-link);--cx-code-color: var(--cxd-callout-code-color);padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;color:var(--cxd-callout-color, inherit);background-color:var(--cxd-callout-bg, var(--cx-gray-100));border-left:.25rem solid var(--cxd-callout-border, var(--cx-gray-300))}.cxd-callout h4{margin-bottom:.25rem}.cxd-callout>:last-child{margin-bottom:0}.cxd-callout+.cxd-callout{margin-top:-.25rem}.cxd-callout .highlight{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-brand-logos{color:var(--cx-primary-20)}.cxd-brand-logos .inverse{color:#fff;background-color:var(--cx-primary-20)}.cxd-brand-item+.cxd-brand-item{border-top:1px solid var(--cx-border-color)}@media (min-width: 48rem){.cxd-brand-item+.cxd-brand-item{border-top:0;border-left:1px solid var(--cx-border-color)}}.color-swatches{margin:0 -5px}.color-swatches .cxd-main{background-color:var(--cx-primary-base-color)}.color-swatches .cxd-main-light{background-color:var(--cx-primary-60)}.color-swatches .cxd-main-lighter{background-color:#e5e1ea}.color-swatches .cxd-gray{background-color:#f9f9f9}.color-swatch{width:4rem;height:4rem}@media (min-width: 48rem){.color-swatch{width:6rem;height:6rem}}.cxd-primary-05{color:#000;background-color:#edf9fb}.cxd-primary-10{color:#000;background-color:#d9f1f7}.cxd-primary-20{color:#000;background-color:#b3e4f0}.cxd-primary-30{color:#000;background-color:#80d2e6}.cxd-primary-40{color:#000;background-color:#40bbd9}.cxd-primary-50{color:#000;background-color:#00a4cc}.cxd-primary-60{color:#fff;background-color:#00738f}.cxd-primary-70{color:#fff;background-color:#005266}.cxd-primary-80{color:#fff;background-color:#003947}.cxd-primary-90{color:#fff;background-color:#002933}.cxd-primary-95{color:#fff;background-color:#00191f}.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:#ac3900}.cxd-secondary-70{color:#fff;background-color:#7b2900}.cxd-secondary-80{color:#fff;background-color:#561d00}.cxd-secondary-90{color:#fff;background-color:#3d1400}.cxd-secondary-95{color:#fff;background-color:#250c00}.cxd-neutral-05{color:#000;background-color:#f5f6f6}.cxd-neutral-10{color:#000;background-color:#e9eced}.cxd-neutral-20{color:#000;background-color:#d4d9da}.cxd-neutral-30{color:#000;background-color:#b7c0c2}.cxd-neutral-40{color:#000;background-color:#93a0a4}.cxd-neutral-50{color:#000;background-color:#6f8085}.cxd-neutral-60{color:#fff;background-color:#4e5a5d}.cxd-neutral-70{color:#fff;background-color:#384043}.cxd-neutral-80{color:#fff;background-color:#272d2f}.cxd-neutral-90{color:#fff;background-color:#1c2021}.cxd-neutral-95{color:#fff;background-color:#111314}.cxd-danger-05{color:#000;background-color:#fef0ef}.cxd-danger-10{color:#000;background-color:#fededc}.cxd-danger-20{color:#000;background-color:#fcbdb9}.cxd-danger-30{color:#000;background-color:#fa918a}.cxd-danger-40{color:#000;background-color:#f85a4f}.cxd-danger-50{color:#000;background-color:#f52314}.cxd-danger-60{color:#fff;background-color:#ac190e}.cxd-danger-70{color:#fff;background-color:#7b120a}.cxd-danger-80{color:#fff;background-color:#560c07}.cxd-danger-90{color:#fff;background-color:#3d0905}.cxd-danger-95{color:#fff;background-color:#250503}.cxd-success-05{color:#000;background-color:#eefbf4}.cxd-success-10{color:#000;background-color:#dbf6e8}.cxd-success-20{color:#000;background-color:#b7edd0}.cxd-success-30{color:#000;background-color:#88e1b1}.cxd-success-40{color:#000;background-color:#4cd18a}.cxd-success-50{color:#000;background-color:#10c263}.cxd-success-60{color:#fff;background-color:#0b8845}.cxd-success-70{color:#fff;background-color:#086132}.cxd-success-80{color:#fff;background-color:#064423}.cxd-success-90{color:#fff;background-color:#043119}.cxd-success-95{color:#fff;background-color:#021d0f}.cxd-warning-05{color:#000;background-color:#fef9ed}.cxd-warning-10{color:#000;background-color:#fef1d9}.cxd-warning-20{color:#000;background-color:#fce3b3}.cxd-warning-30{color:#000;background-color:#fad180}.cxd-warning-40{color:#000;background-color:#f8ba40}.cxd-warning-50{color:#000;background-color:#f5a300}.cxd-warning-60{color:#000;background-color:#ac7200}.cxd-warning-70{color:#fff;background-color:#7b5200}.cxd-warning-80{color:#fff;background-color:#563900}.cxd-warning-90{color:#fff;background-color:#3d2900}.cxd-warning-95{color:#fff;background-color:#251800}.cxd-info-05{color:#000;background-color:#efeffe}.cxd-info-10{color:#000;background-color:#dcdcfe}.cxd-info-20{color:#000;background-color:#b9b9fc}.cxd-info-30{color:#000;background-color:#8a8afa}.cxd-info-40{color:#fff;background-color:#4f4ff8}.cxd-info-50{color:#fff;background-color:#1414f5}.cxd-info-60{color:#fff;background-color:#0e0eac}.cxd-info-70{color:#fff;background-color:#0a0a7b}.cxd-info-80{color:#fff;background-color:#070756}.cxd-info-90{color:#fff;background-color:#05053d}.cxd-info-95{color:#fff;background-color:#030325}.cxd-default-border-main{color:#000;background-color:#93a0a4}.cxd-alternate-border-main{color:#fff;background-color:#4e5a5d}.cxd-primary-border-main{color:#000;background-color:#40bbd9}.cxd-secondary-border-main{color:#000;background-color:#f87d40}.cxd-neutral-border-main{color:#000;background-color:#93a0a4}.cxd-danger-border-main{color:#000;background-color:#f85a4f}.cxd-success-border-main{color:#000;background-color:#4cd18a}.cxd-warning-border-main{color:#000;background-color:#f8ba40}.cxd-info-border-main{color:#fff;background-color:#4f4ff8}.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:#1c202126}.cxd-alternate-border-subtle{color:#000;background-color:#e9eced26}.cxd-primary-border-subtle{color:#fff;background-color:#00738f26}.cxd-secondary-border-subtle{color:#fff;background-color:#ac390026}.cxd-neutral-border-subtle{color:#fff;background-color:#4e5a5d26}.cxd-danger-border-subtle{color:#fff;background-color:#ac190e26}.cxd-success-border-subtle{color:#fff;background-color:#0b884526}.cxd-warning-border-subtle{color:#000;background-color:#ac720026}.cxd-info-border-subtle{color:#fff;background-color:#0e0eac26}.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{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"21" "\a" "21" "\a" "1";background-color:#000;background-image:linear-gradient(to bottom,transparent .25rem,#fff .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-alternate{color:#000;background-color:#fff}.swatch-alternate:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"21" "\a" "1" "\a" "21";background-color:#fff;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-primary{color:#000;background-color:#00a4cc}.swatch-primary:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"7.18" "\a" "2.92" "\a" "7.18";background-color:#00a4cc;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-secondary{color:#000;background-color:#f55200}.swatch-secondary:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"6.08" "\a" "3.44" "\a" "6.08";background-color:#f55200;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-neutral{color:#000;background-color:#6f8085}.swatch-neutral:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"5.10" "\a" "4.11" "\a" "5.10";background-color:#6f8085;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-danger{color:#000;background-color:#f52314}.swatch-danger:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"5.13" "\a" "4.09" "\a" "5.13";background-color:#f52314;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-success{color:#000;background-color:#10c263}.swatch-success:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"8.91" "\a" "2.35" "\a" "8.91";background-color:#10c263;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-warning{color:#000;background-color:#f5a300}.swatch-warning:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"10.1" "\a" "2.07" "\a" "10.1";background-color:#f5a300;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-info{color:#fff;background-color:#1414f5}.swatch-info:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"8.57" "\a" "8.57" "\a" "2.44";background-color:#1414f5;background-image:linear-gradient(to bottom,transparent .25rem,#fff .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-black{color:#fff;background-color:#000}.swatch-black:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"21" "\a" "21" "\a" "1";background-color:#000;background-image:linear-gradient(to bottom,transparent .25rem,#fff .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-white{color:#000;background-color:#fff}.swatch-white:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"21" "\a" "1" "\a" "21";background-color:#fff;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.swatch-gray-500{color:#000;background-color:#6f8085}.swatch-gray-500:after{position:absolute;top:1rem;right:1rem;padding-left:1rem;font-size:.75rem;line-height:1.35;white-space:pre;content:"5.10" "\a" "4.11" "\a" "5.10";background-color:#6f8085;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[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-color:#fff;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 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-color:#fff;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-primary{color:#000;background-color:#00a4cc}[data-cx-theme=dark] .swatch-primary:after{content:"7.18" "\a" "2.92" "\a" "7.18";background-color:#00a4cc;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-secondary{color:#000;background-color:#f55200}[data-cx-theme=dark] .swatch-secondary:after{content:"6.08" "\a" "3.44" "\a" "6.08";background-color:#f55200;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-neutral{color:#000;background-color:#6f8085}[data-cx-theme=dark] .swatch-neutral:after{content:"5.10" "\a" "4.11" "\a" "5.10";background-color:#6f8085;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-danger{color:#000;background-color:#f52314}[data-cx-theme=dark] .swatch-danger:after{content:"5.13" "\a" "4.09" "\a" "5.13";background-color:#f52314;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-success{color:#000;background-color:#10c263}[data-cx-theme=dark] .swatch-success:after{content:"8.91" "\a" "2.35" "\a" "8.91";background-color:#10c263;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-warning{color:#000;background-color:#f5a300}[data-cx-theme=dark] .swatch-warning:after{content:"10.1" "\a" "2.07" "\a" "10.1";background-color:#f5a300;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-info{color:#fff;background-color:#1414f5}[data-cx-theme=dark] .swatch-info:after{content:"8.57" "\a" "8.57" "\a" "2.44";background-color:#1414f5;background-image:linear-gradient(to bottom,transparent .25rem,#fff .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 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-color:#000;background-image:linear-gradient(to bottom,transparent .25rem,#fff .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 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-color:#fff;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}[data-cx-theme=dark] .swatch-gray-500{color:#000;background-color:#6f8085}[data-cx-theme=dark] .swatch-gray-500:after{content:"5.10" "\a" "4.11" "\a" "5.10";background-color:#6f8085;background-image:linear-gradient(to bottom,transparent .25rem,#000 .25rem .75rem,transparent .75rem 1.25rem,#fff 1.25rem 1.75rem,transparent 1.75rem 2.25rem,#000 2.25rem 2.75rem,transparent 2.75rem);background-repeat:no-repeat;background-size:.5rem 100%}.hero-notice{color:var(--cx-info-fg-main);background-color:var(--cx-info-bg-even);border:1px solid var(--cx-info-border-subtle)}@media (min-width: 540px){.hero-notice{border-radius:5em!important}}.button-figma{--cx-button-color: var(--cx-fg-main);--cx-button-border-color: var(--cx-fg-main);--cx-button-hover-color: var(--cx-bg-main);--cx-button-hover-bg: var(--cx-fg-main);--cx-button-hover-border-color: var(--cx-button-hover-bg-color)}#icons-body,#icons-list li a .icon{--cx-icon-color: var(--cx-fg-main)}#icons-list li a{--cx-link-color: var(--cx-fg-subtle);--cx-fg-color: var(--cx-fg-main)}#icons-list li a:hover .icon{--cx-link-color: var(--cx-link-main);--cx-icon-color: var(--cx-link-main)}@media (min-width: 768px){.icon-search{width:35%}}.icon-list{font-size:2rem}.icon-list a:hover,.icon-list a:hover .name,.icon-list a:focus,.icon-list a:focus .name{color:var(--cx-link-hover)!important}.icon-list:empty:before{display:block;width:100%;padding:100px 2rem;margin-right:15px;margin-left:15px;color:var(--cx-fg-subtle);text-align:center;content:"Nothing found, try searching again.";background-color:var(--cx-bg-even);border-radius:.5rem}.button-group>.button{flex-shrink:0}.name{font-size:.8125rem}@media (min-width: 1200px){.row-cols-xlarge-8>*{flex:0 0 12.5%;max-width:12.5%}}.icon-demo{background-color:var(--cx-bg-even);background-image:radial-gradient(circle,var(--cx-border-subtle) 1px,rgba(0,0,0,0) 1px);background-size:1rem 1rem;padding:6rem 2rem;margin-bottom:2rem}.icon-demo,.icon-demo-examples{--cx-border-color: var(--cx-border-subtle)}aside h3{font-weight:var(--cx-font-weight-strong)}aside h3:not(:first-child){margin-top:1.5rem}.cxd-mode{position:absolute;top:0;right:0;margin-top:.75rem;margin-right:.75rem;z-index:3}.cxd-mode .button-mode{background-color:var(--cx-bg-idle);border:var(--cx-border-width) solid var(--cx-border-subtle)}.cxd-mode:not(.cxd-example:hover .cxd-mode){display:none}.cxd-clipboard,.cxd-edit{position:relative;display:none;float:right}.cxd-clipboard+.highlight,.cxd-edit+.highlight{margin-top:0}@media (min-width: 48rem){.cxd-clipboard,.cxd-edit{display:block}}.button-mode,.button-clipboard,.button-edit{--cx-icon-color: var(--cx-fg-subtle);--cx-icon-size: var(--cx-icon-small);display:block;padding:.25em;line-height:1;background-color:var(--cxd-pre-bg);border:0;border-radius:.25rem}.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{position:relative;z-index:2;margin-top:.75rem;margin-right:.75rem}.cxd-placeholder-image{font-size:1.125rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-anchor:middle}.cxd-placeholder-image-large{font-size:3.5rem}main a,main button,main input,main select,main textarea,main h2,main h3,main h4,main [tabindex="0"]{scroll-margin-top:80px;scroll-margin-bottom:100px}:root,[data-cx-theme=light]{--base02: #c8c8fa;--base03: #565c64;--base04: #666;--base05: #333;--base06: #fff;--base07: #005c5c;--base08: #e60000;--base09: #087990;--base0A: #90f;--base0B: #000099;--base0C: #000099;--base0D: #90f;--base0E: #cc297a;--base0F: #333}[data-cx-theme=dark]{--base02: #3e4451;--base03: #868e96;--base04: #868e96;--base05: #abb2bf;--base06: #b6bdca;--base07: #ffc266;--base08: #6edff6;--base09: #ffc266;--base0A: #ffeb99;--base0B: #66c2c2;--base0C: #66c2c2;--base0D: #6666ff;--base0E: #c29ffa;--base0F: #ff6666}.language-bash .line:before,.language-sh .line:before{display:inline-block;color:var(--base03);content:"$ ";-webkit-user-select:none;-moz-user-select:none;user-select:none}.language-powershell .line:before{display:inline-block;color:var(--base0C);content:"PM> ";-webkit-user-select:none;-moz-user-select:none;user-select:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--base03)}.token.punctuation{color:var(--base05)}.token.property{color:var(--base0A)}.token.tag{color:var(--base08)}.token.boolean,.token.number{color:var(--base09)}.token.constant,.token.symbol,.token.deleted{color:var(--base08)}.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--base0C)}.token.operator,.token.entity,.token.url{color:var(--base05)}.token.atrule,.token.attr-value,.token.keyword{color:var(--base0E)}.token.function{color:var(--base0B)}.token.selector,.token.class-name{color:var(--base07)}.token.regex,.token.important{color:var(--base0A)}.token.variable{color:var(--base08)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-diff .token.deleted{color:#f33;background-color:transparent}.language-diff .token.inserted{color:#33ad33;background-color:transparent}.language-bash .token.comment,.language-sh .token.comment{color:var(--base03)}.anchor-link{padding:0 .175rem;font-weight:400;color:rgba(var(--cx-default-link-main),.5);text-decoration:none;opacity:0;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{color:var(--cx-default-link-main);text-decoration:none;opacity:1}[data-cx-theme=dark] .display-light,[data-cx-theme=light] .display-dark{display:none}.section-main{width:592px}.vh-full{height:calc(100vh - 64px)}.vh-50{height:50vh}.vh-75{height:75vh}/*!
 * Chassis - CSS Docs (https://ozgurgunes.github.io/chassis-css//)
 * Copyright 2025 Chassis
 * Licensed under the Creative Commons Attribution 3.0 Unported License.
 * For details, see https://creativecommons.org/licenses/by/3.0/.
 */:root{--cx-breakpoint-xsmall: 0;--cx-breakpoint-small: 36rem;--cx-breakpoint-medium: 48rem;--cx-breakpoint-large: 62rem;--cx-breakpoint-xlarge: 75rem;--cx-breakpoint-2xlarge: 87.5rem}.row{--cx-gutter-x: 1.5rem;--cx-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--cx-gutter-y));margin-right:calc(-.5 * var(--cx-gutter-x));margin-left:calc(-.5 * var(--cx-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--cx-gutter-x) * .5);padding-left:calc(var(--cx-gutter-x) * .5);margin-top:var(--cx-gutter-y)}.grid{display:grid;grid-template-rows:repeat(var(--cx-grid-rows, 1),1fr);grid-template-columns:repeat(var(--cx-grid-columns, 12),1fr);gap:var(--cx-grid-gap, 1.5rem)}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width: 36rem){.grid .g-col-small-1{grid-column:auto/span 1}.grid .g-col-small-2{grid-column:auto/span 2}.grid .g-col-small-3{grid-column:auto/span 3}.grid .g-col-small-4{grid-column:auto/span 4}.grid .g-col-small-5{grid-column:auto/span 5}.grid .g-col-small-6{grid-column:auto/span 6}.grid .g-col-small-7{grid-column:auto/span 7}.grid .g-col-small-8{grid-column:auto/span 8}.grid .g-col-small-9{grid-column:auto/span 9}.grid .g-col-small-10{grid-column:auto/span 10}.grid .g-col-small-11{grid-column:auto/span 11}.grid .g-col-small-12{grid-column:auto/span 12}.grid .g-start-small-1{grid-column-start:1}.grid .g-start-small-2{grid-column-start:2}.grid .g-start-small-3{grid-column-start:3}.grid .g-start-small-4{grid-column-start:4}.grid .g-start-small-5{grid-column-start:5}.grid .g-start-small-6{grid-column-start:6}.grid .g-start-small-7{grid-column-start:7}.grid .g-start-small-8{grid-column-start:8}.grid .g-start-small-9{grid-column-start:9}.grid .g-start-small-10{grid-column-start:10}.grid .g-start-small-11{grid-column-start:11}}@media (min-width: 48rem){.grid .g-col-medium-1{grid-column:auto/span 1}.grid .g-col-medium-2{grid-column:auto/span 2}.grid .g-col-medium-3{grid-column:auto/span 3}.grid .g-col-medium-4{grid-column:auto/span 4}.grid .g-col-medium-5{grid-column:auto/span 5}.grid .g-col-medium-6{grid-column:auto/span 6}.grid .g-col-medium-7{grid-column:auto/span 7}.grid .g-col-medium-8{grid-column:auto/span 8}.grid .g-col-medium-9{grid-column:auto/span 9}.grid .g-col-medium-10{grid-column:auto/span 10}.grid .g-col-medium-11{grid-column:auto/span 11}.grid .g-col-medium-12{grid-column:auto/span 12}.grid .g-start-medium-1{grid-column-start:1}.grid .g-start-medium-2{grid-column-start:2}.grid .g-start-medium-3{grid-column-start:3}.grid .g-start-medium-4{grid-column-start:4}.grid .g-start-medium-5{grid-column-start:5}.grid .g-start-medium-6{grid-column-start:6}.grid .g-start-medium-7{grid-column-start:7}.grid .g-start-medium-8{grid-column-start:8}.grid .g-start-medium-9{grid-column-start:9}.grid .g-start-medium-10{grid-column-start:10}.grid .g-start-medium-11{grid-column-start:11}}@media (min-width: 62rem){.grid .g-col-large-1{grid-column:auto/span 1}.grid .g-col-large-2{grid-column:auto/span 2}.grid .g-col-large-3{grid-column:auto/span 3}.grid .g-col-large-4{grid-column:auto/span 4}.grid .g-col-large-5{grid-column:auto/span 5}.grid .g-col-large-6{grid-column:auto/span 6}.grid .g-col-large-7{grid-column:auto/span 7}.grid .g-col-large-8{grid-column:auto/span 8}.grid .g-col-large-9{grid-column:auto/span 9}.grid .g-col-large-10{grid-column:auto/span 10}.grid .g-col-large-11{grid-column:auto/span 11}.grid .g-col-large-12{grid-column:auto/span 12}.grid .g-start-large-1{grid-column-start:1}.grid .g-start-large-2{grid-column-start:2}.grid .g-start-large-3{grid-column-start:3}.grid .g-start-large-4{grid-column-start:4}.grid .g-start-large-5{grid-column-start:5}.grid .g-start-large-6{grid-column-start:6}.grid .g-start-large-7{grid-column-start:7}.grid .g-start-large-8{grid-column-start:8}.grid .g-start-large-9{grid-column-start:9}.grid .g-start-large-10{grid-column-start:10}.grid .g-start-large-11{grid-column-start:11}}@media (min-width: 75rem){.grid .g-col-xlarge-1{grid-column:auto/span 1}.grid .g-col-xlarge-2{grid-column:auto/span 2}.grid .g-col-xlarge-3{grid-column:auto/span 3}.grid .g-col-xlarge-4{grid-column:auto/span 4}.grid .g-col-xlarge-5{grid-column:auto/span 5}.grid .g-col-xlarge-6{grid-column:auto/span 6}.grid .g-col-xlarge-7{grid-column:auto/span 7}.grid .g-col-xlarge-8{grid-column:auto/span 8}.grid .g-col-xlarge-9{grid-column:auto/span 9}.grid .g-col-xlarge-10{grid-column:auto/span 10}.grid .g-col-xlarge-11{grid-column:auto/span 11}.grid .g-col-xlarge-12{grid-column:auto/span 12}.grid .g-start-xlarge-1{grid-column-start:1}.grid .g-start-xlarge-2{grid-column-start:2}.grid .g-start-xlarge-3{grid-column-start:3}.grid .g-start-xlarge-4{grid-column-start:4}.grid .g-start-xlarge-5{grid-column-start:5}.grid .g-start-xlarge-6{grid-column-start:6}.grid .g-start-xlarge-7{grid-column-start:7}.grid .g-start-xlarge-8{grid-column-start:8}.grid .g-start-xlarge-9{grid-column-start:9}.grid .g-start-xlarge-10{grid-column-start:10}.grid .g-start-xlarge-11{grid-column-start:11}}@media (min-width: 87.5rem){.grid .g-col-2xlarge-1{grid-column:auto/span 1}.grid .g-col-2xlarge-2{grid-column:auto/span 2}.grid .g-col-2xlarge-3{grid-column:auto/span 3}.grid .g-col-2xlarge-4{grid-column:auto/span 4}.grid .g-col-2xlarge-5{grid-column:auto/span 5}.grid .g-col-2xlarge-6{grid-column:auto/span 6}.grid .g-col-2xlarge-7{grid-column:auto/span 7}.grid .g-col-2xlarge-8{grid-column:auto/span 8}.grid .g-col-2xlarge-9{grid-column:auto/span 9}.grid .g-col-2xlarge-10{grid-column:auto/span 10}.grid .g-col-2xlarge-11{grid-column:auto/span 11}.grid .g-col-2xlarge-12{grid-column:auto/span 12}.grid .g-start-2xlarge-1{grid-column-start:1}.grid .g-start-2xlarge-2{grid-column-start:2}.grid .g-start-2xlarge-3{grid-column-start:3}.grid .g-start-2xlarge-4{grid-column-start:4}.grid .g-start-2xlarge-5{grid-column-start:5}.grid .g-start-2xlarge-6{grid-column-start:6}.grid .g-start-2xlarge-7{grid-column-start:7}.grid .g-start-2xlarge-8{grid-column-start:8}.grid .g-start-2xlarge-9{grid-column-start:9}.grid .g-start-2xlarge-10{grid-column-start:10}.grid .g-start-2xlarge-11{grid-column-start:11}}.g-row-1{grid-row:auto/span 1}.g-row-2{grid-row:auto/span 2}.g-row-3{grid-row:auto/span 3}.g-row-4{grid-row:auto/span 4}.g-row-5{grid-row:auto/span 5}.g-row-6{grid-row:auto/span 6}.g-row-7{grid-row:auto/span 7}.g-row-8{grid-row:auto/span 8}.g-row-9{grid-row:auto/span 9}.g-row-10{grid-row:auto/span 10}.g-row-11{grid-row:auto/span 11}.g-row-12{grid-row:auto/span 12}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-zero,.gx-zero{--cx-gutter-x: 0rem}.g-zero,.gy-zero{--cx-gutter-y: 0rem}.g-4xsmall,.gx-4xsmall{--cx-gutter-x: .0625rem}.g-4xsmall,.gy-4xsmall{--cx-gutter-y: .0625rem}.g-3xsmall,.gx-3xsmall{--cx-gutter-x: .125rem}.g-3xsmall,.gy-3xsmall{--cx-gutter-y: .125rem}.g-2xsmall,.gx-2xsmall{--cx-gutter-x: .25rem}.g-2xsmall,.gy-2xsmall{--cx-gutter-y: .25rem}.g-xsmall,.gx-xsmall{--cx-gutter-x: .5rem}.g-xsmall,.gy-xsmall{--cx-gutter-y: .5rem}.g-small,.gx-small{--cx-gutter-x: .75rem}.g-small,.gy-small{--cx-gutter-y: .75rem}.g-medium,.gx-medium{--cx-gutter-x: 1rem}.g-medium,.gy-medium{--cx-gutter-y: 1rem}.g-large,.gx-large{--cx-gutter-x: 1.25rem}.g-large,.gy-large{--cx-gutter-y: 1.25rem}.g-xlarge,.gx-xlarge{--cx-gutter-x: 1.5rem}.g-xlarge,.gy-xlarge{--cx-gutter-y: 1.5rem}.g-2xlarge,.gx-2xlarge{--cx-gutter-x: 1.75rem}.g-2xlarge,.gy-2xlarge{--cx-gutter-y: 1.75rem}.g-3xlarge,.gx-3xlarge{--cx-gutter-x: 2rem}.g-3xlarge,.gy-3xlarge{--cx-gutter-y: 2rem}.g-4xlarge,.gx-4xlarge{--cx-gutter-x: 2.25rem}.g-4xlarge,.gy-4xlarge{--cx-gutter-y: 2.25rem}.g-5xlarge,.gx-5xlarge{--cx-gutter-x: 2.5rem}.g-5xlarge,.gy-5xlarge{--cx-gutter-y: 2.5rem}.g-6xlarge,.gx-6xlarge{--cx-gutter-x: 3rem}.g-6xlarge,.gy-6xlarge{--cx-gutter-y: 3rem}.g-0,.gx-0{--cx-gutter-x: 0}.g-0,.gy-0{--cx-gutter-y: 0}.g-1,.gx-1{--cx-gutter-x: .25rem}.g-1,.gy-1{--cx-gutter-y: .25rem}.g-2,.gx-2{--cx-gutter-x: .5rem}.g-2,.gy-2{--cx-gutter-y: .5rem}.g-3,.gx-3{--cx-gutter-x: 1rem}.g-3,.gy-3{--cx-gutter-y: 1rem}.g-4,.gx-4{--cx-gutter-x: 1.5rem}.g-4,.gy-4{--cx-gutter-y: 1.5rem}.g-5,.gx-5{--cx-gutter-x: 3rem}.g-5,.gy-5{--cx-gutter-y: 3rem}@media (min-width: 36rem){.col-small{flex:1 0 0%}.row-cols-small-auto>*{flex:0 0 auto;width:auto}.row-cols-small-1>*{flex:0 0 auto;width:100%}.row-cols-small-2>*{flex:0 0 auto;width:50%}.row-cols-small-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-small-4>*{flex:0 0 auto;width:25%}.row-cols-small-5>*{flex:0 0 auto;width:20%}.row-cols-small-6>*{flex:0 0 auto;width:16.66666667%}.col-small-auto{flex:0 0 auto;width:auto}.col-small-1{flex:0 0 auto;width:8.33333333%}.col-small-2{flex:0 0 auto;width:16.66666667%}.col-small-3{flex:0 0 auto;width:25%}.col-small-4{flex:0 0 auto;width:33.33333333%}.col-small-5{flex:0 0 auto;width:41.66666667%}.col-small-6{flex:0 0 auto;width:50%}.col-small-7{flex:0 0 auto;width:58.33333333%}.col-small-8{flex:0 0 auto;width:66.66666667%}.col-small-9{flex:0 0 auto;width:75%}.col-small-10{flex:0 0 auto;width:83.33333333%}.col-small-11{flex:0 0 auto;width:91.66666667%}.col-small-12{flex:0 0 auto;width:100%}.offset-small-0{margin-left:0}.offset-small-1{margin-left:8.33333333%}.offset-small-2{margin-left:16.66666667%}.offset-small-3{margin-left:25%}.offset-small-4{margin-left:33.33333333%}.offset-small-5{margin-left:41.66666667%}.offset-small-6{margin-left:50%}.offset-small-7{margin-left:58.33333333%}.offset-small-8{margin-left:66.66666667%}.offset-small-9{margin-left:75%}.offset-small-10{margin-left:83.33333333%}.offset-small-11{margin-left:91.66666667%}.g-small-zero,.gx-small-zero{--cx-gutter-x: 0rem}.g-small-zero,.gy-small-zero{--cx-gutter-y: 0rem}.g-small-4xsmall,.gx-small-4xsmall{--cx-gutter-x: .0625rem}.g-small-4xsmall,.gy-small-4xsmall{--cx-gutter-y: .0625rem}.g-small-3xsmall,.gx-small-3xsmall{--cx-gutter-x: .125rem}.g-small-3xsmall,.gy-small-3xsmall{--cx-gutter-y: .125rem}.g-small-2xsmall,.gx-small-2xsmall{--cx-gutter-x: .25rem}.g-small-2xsmall,.gy-small-2xsmall{--cx-gutter-y: .25rem}.g-small-xsmall,.gx-small-xsmall{--cx-gutter-x: .5rem}.g-small-xsmall,.gy-small-xsmall{--cx-gutter-y: .5rem}.g-small-small,.gx-small-small{--cx-gutter-x: .75rem}.g-small-small,.gy-small-small{--cx-gutter-y: .75rem}.g-small-medium,.gx-small-medium{--cx-gutter-x: 1rem}.g-small-medium,.gy-small-medium{--cx-gutter-y: 1rem}.g-small-large,.gx-small-large{--cx-gutter-x: 1.25rem}.g-small-large,.gy-small-large{--cx-gutter-y: 1.25rem}.g-small-xlarge,.gx-small-xlarge{--cx-gutter-x: 1.5rem}.g-small-xlarge,.gy-small-xlarge{--cx-gutter-y: 1.5rem}.g-small-2xlarge,.gx-small-2xlarge{--cx-gutter-x: 1.75rem}.g-small-2xlarge,.gy-small-2xlarge{--cx-gutter-y: 1.75rem}.g-small-3xlarge,.gx-small-3xlarge{--cx-gutter-x: 2rem}.g-small-3xlarge,.gy-small-3xlarge{--cx-gutter-y: 2rem}.g-small-4xlarge,.gx-small-4xlarge{--cx-gutter-x: 2.25rem}.g-small-4xlarge,.gy-small-4xlarge{--cx-gutter-y: 2.25rem}.g-small-5xlarge,.gx-small-5xlarge{--cx-gutter-x: 2.5rem}.g-small-5xlarge,.gy-small-5xlarge{--cx-gutter-y: 2.5rem}.g-small-6xlarge,.gx-small-6xlarge{--cx-gutter-x: 3rem}.g-small-6xlarge,.gy-small-6xlarge{--cx-gutter-y: 3rem}.g-small-0,.gx-small-0{--cx-gutter-x: 0}.g-small-0,.gy-small-0{--cx-gutter-y: 0}.g-small-1,.gx-small-1{--cx-gutter-x: .25rem}.g-small-1,.gy-small-1{--cx-gutter-y: .25rem}.g-small-2,.gx-small-2{--cx-gutter-x: .5rem}.g-small-2,.gy-small-2{--cx-gutter-y: .5rem}.g-small-3,.gx-small-3{--cx-gutter-x: 1rem}.g-small-3,.gy-small-3{--cx-gutter-y: 1rem}.g-small-4,.gx-small-4{--cx-gutter-x: 1.5rem}.g-small-4,.gy-small-4{--cx-gutter-y: 1.5rem}.g-small-5,.gx-small-5{--cx-gutter-x: 3rem}.g-small-5,.gy-small-5{--cx-gutter-y: 3rem}}@media (min-width: 48rem){.col-medium{flex:1 0 0%}.row-cols-medium-auto>*{flex:0 0 auto;width:auto}.row-cols-medium-1>*{flex:0 0 auto;width:100%}.row-cols-medium-2>*{flex:0 0 auto;width:50%}.row-cols-medium-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-medium-4>*{flex:0 0 auto;width:25%}.row-cols-medium-5>*{flex:0 0 auto;width:20%}.row-cols-medium-6>*{flex:0 0 auto;width:16.66666667%}.col-medium-auto{flex:0 0 auto;width:auto}.col-medium-1{flex:0 0 auto;width:8.33333333%}.col-medium-2{flex:0 0 auto;width:16.66666667%}.col-medium-3{flex:0 0 auto;width:25%}.col-medium-4{flex:0 0 auto;width:33.33333333%}.col-medium-5{flex:0 0 auto;width:41.66666667%}.col-medium-6{flex:0 0 auto;width:50%}.col-medium-7{flex:0 0 auto;width:58.33333333%}.col-medium-8{flex:0 0 auto;width:66.66666667%}.col-medium-9{flex:0 0 auto;width:75%}.col-medium-10{flex:0 0 auto;width:83.33333333%}.col-medium-11{flex:0 0 auto;width:91.66666667%}.col-medium-12{flex:0 0 auto;width:100%}.offset-medium-0{margin-left:0}.offset-medium-1{margin-left:8.33333333%}.offset-medium-2{margin-left:16.66666667%}.offset-medium-3{margin-left:25%}.offset-medium-4{margin-left:33.33333333%}.offset-medium-5{margin-left:41.66666667%}.offset-medium-6{margin-left:50%}.offset-medium-7{margin-left:58.33333333%}.offset-medium-8{margin-left:66.66666667%}.offset-medium-9{margin-left:75%}.offset-medium-10{margin-left:83.33333333%}.offset-medium-11{margin-left:91.66666667%}.g-medium-zero,.gx-medium-zero{--cx-gutter-x: 0rem}.g-medium-zero,.gy-medium-zero{--cx-gutter-y: 0rem}.g-medium-4xsmall,.gx-medium-4xsmall{--cx-gutter-x: .0625rem}.g-medium-4xsmall,.gy-medium-4xsmall{--cx-gutter-y: .0625rem}.g-medium-3xsmall,.gx-medium-3xsmall{--cx-gutter-x: .125rem}.g-medium-3xsmall,.gy-medium-3xsmall{--cx-gutter-y: .125rem}.g-medium-2xsmall,.gx-medium-2xsmall{--cx-gutter-x: .25rem}.g-medium-2xsmall,.gy-medium-2xsmall{--cx-gutter-y: .25rem}.g-medium-xsmall,.gx-medium-xsmall{--cx-gutter-x: .5rem}.g-medium-xsmall,.gy-medium-xsmall{--cx-gutter-y: .5rem}.g-medium-small,.gx-medium-small{--cx-gutter-x: .75rem}.g-medium-small,.gy-medium-small{--cx-gutter-y: .75rem}.g-medium-medium,.gx-medium-medium{--cx-gutter-x: 1rem}.g-medium-medium,.gy-medium-medium{--cx-gutter-y: 1rem}.g-medium-large,.gx-medium-large{--cx-gutter-x: 1.25rem}.g-medium-large,.gy-medium-large{--cx-gutter-y: 1.25rem}.g-medium-xlarge,.gx-medium-xlarge{--cx-gutter-x: 1.5rem}.g-medium-xlarge,.gy-medium-xlarge{--cx-gutter-y: 1.5rem}.g-medium-2xlarge,.gx-medium-2xlarge{--cx-gutter-x: 1.75rem}.g-medium-2xlarge,.gy-medium-2xlarge{--cx-gutter-y: 1.75rem}.g-medium-3xlarge,.gx-medium-3xlarge{--cx-gutter-x: 2rem}.g-medium-3xlarge,.gy-medium-3xlarge{--cx-gutter-y: 2rem}.g-medium-4xlarge,.gx-medium-4xlarge{--cx-gutter-x: 2.25rem}.g-medium-4xlarge,.gy-medium-4xlarge{--cx-gutter-y: 2.25rem}.g-medium-5xlarge,.gx-medium-5xlarge{--cx-gutter-x: 2.5rem}.g-medium-5xlarge,.gy-medium-5xlarge{--cx-gutter-y: 2.5rem}.g-medium-6xlarge,.gx-medium-6xlarge{--cx-gutter-x: 3rem}.g-medium-6xlarge,.gy-medium-6xlarge{--cx-gutter-y: 3rem}.g-medium-0,.gx-medium-0{--cx-gutter-x: 0}.g-medium-0,.gy-medium-0{--cx-gutter-y: 0}.g-medium-1,.gx-medium-1{--cx-gutter-x: .25rem}.g-medium-1,.gy-medium-1{--cx-gutter-y: .25rem}.g-medium-2,.gx-medium-2{--cx-gutter-x: .5rem}.g-medium-2,.gy-medium-2{--cx-gutter-y: .5rem}.g-medium-3,.gx-medium-3{--cx-gutter-x: 1rem}.g-medium-3,.gy-medium-3{--cx-gutter-y: 1rem}.g-medium-4,.gx-medium-4{--cx-gutter-x: 1.5rem}.g-medium-4,.gy-medium-4{--cx-gutter-y: 1.5rem}.g-medium-5,.gx-medium-5{--cx-gutter-x: 3rem}.g-medium-5,.gy-medium-5{--cx-gutter-y: 3rem}}@media (min-width: 62rem){.col-large{flex:1 0 0%}.row-cols-large-auto>*{flex:0 0 auto;width:auto}.row-cols-large-1>*{flex:0 0 auto;width:100%}.row-cols-large-2>*{flex:0 0 auto;width:50%}.row-cols-large-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-large-4>*{flex:0 0 auto;width:25%}.row-cols-large-5>*{flex:0 0 auto;width:20%}.row-cols-large-6>*{flex:0 0 auto;width:16.66666667%}.col-large-auto{flex:0 0 auto;width:auto}.col-large-1{flex:0 0 auto;width:8.33333333%}.col-large-2{flex:0 0 auto;width:16.66666667%}.col-large-3{flex:0 0 auto;width:25%}.col-large-4{flex:0 0 auto;width:33.33333333%}.col-large-5{flex:0 0 auto;width:41.66666667%}.col-large-6{flex:0 0 auto;width:50%}.col-large-7{flex:0 0 auto;width:58.33333333%}.col-large-8{flex:0 0 auto;width:66.66666667%}.col-large-9{flex:0 0 auto;width:75%}.col-large-10{flex:0 0 auto;width:83.33333333%}.col-large-11{flex:0 0 auto;width:91.66666667%}.col-large-12{flex:0 0 auto;width:100%}.offset-large-0{margin-left:0}.offset-large-1{margin-left:8.33333333%}.offset-large-2{margin-left:16.66666667%}.offset-large-3{margin-left:25%}.offset-large-4{margin-left:33.33333333%}.offset-large-5{margin-left:41.66666667%}.offset-large-6{margin-left:50%}.offset-large-7{margin-left:58.33333333%}.offset-large-8{margin-left:66.66666667%}.offset-large-9{margin-left:75%}.offset-large-10{margin-left:83.33333333%}.offset-large-11{margin-left:91.66666667%}.g-large-zero,.gx-large-zero{--cx-gutter-x: 0rem}.g-large-zero,.gy-large-zero{--cx-gutter-y: 0rem}.g-large-4xsmall,.gx-large-4xsmall{--cx-gutter-x: .0625rem}.g-large-4xsmall,.gy-large-4xsmall{--cx-gutter-y: .0625rem}.g-large-3xsmall,.gx-large-3xsmall{--cx-gutter-x: .125rem}.g-large-3xsmall,.gy-large-3xsmall{--cx-gutter-y: .125rem}.g-large-2xsmall,.gx-large-2xsmall{--cx-gutter-x: .25rem}.g-large-2xsmall,.gy-large-2xsmall{--cx-gutter-y: .25rem}.g-large-xsmall,.gx-large-xsmall{--cx-gutter-x: .5rem}.g-large-xsmall,.gy-large-xsmall{--cx-gutter-y: .5rem}.g-large-small,.gx-large-small{--cx-gutter-x: .75rem}.g-large-small,.gy-large-small{--cx-gutter-y: .75rem}.g-large-medium,.gx-large-medium{--cx-gutter-x: 1rem}.g-large-medium,.gy-large-medium{--cx-gutter-y: 1rem}.g-large-large,.gx-large-large{--cx-gutter-x: 1.25rem}.g-large-large,.gy-large-large{--cx-gutter-y: 1.25rem}.g-large-xlarge,.gx-large-xlarge{--cx-gutter-x: 1.5rem}.g-large-xlarge,.gy-large-xlarge{--cx-gutter-y: 1.5rem}.g-large-2xlarge,.gx-large-2xlarge{--cx-gutter-x: 1.75rem}.g-large-2xlarge,.gy-large-2xlarge{--cx-gutter-y: 1.75rem}.g-large-3xlarge,.gx-large-3xlarge{--cx-gutter-x: 2rem}.g-large-3xlarge,.gy-large-3xlarge{--cx-gutter-y: 2rem}.g-large-4xlarge,.gx-large-4xlarge{--cx-gutter-x: 2.25rem}.g-large-4xlarge,.gy-large-4xlarge{--cx-gutter-y: 2.25rem}.g-large-5xlarge,.gx-large-5xlarge{--cx-gutter-x: 2.5rem}.g-large-5xlarge,.gy-large-5xlarge{--cx-gutter-y: 2.5rem}.g-large-6xlarge,.gx-large-6xlarge{--cx-gutter-x: 3rem}.g-large-6xlarge,.gy-large-6xlarge{--cx-gutter-y: 3rem}.g-large-0,.gx-large-0{--cx-gutter-x: 0}.g-large-0,.gy-large-0{--cx-gutter-y: 0}.g-large-1,.gx-large-1{--cx-gutter-x: .25rem}.g-large-1,.gy-large-1{--cx-gutter-y: .25rem}.g-large-2,.gx-large-2{--cx-gutter-x: .5rem}.g-large-2,.gy-large-2{--cx-gutter-y: .5rem}.g-large-3,.gx-large-3{--cx-gutter-x: 1rem}.g-large-3,.gy-large-3{--cx-gutter-y: 1rem}.g-large-4,.gx-large-4{--cx-gutter-x: 1.5rem}.g-large-4,.gy-large-4{--cx-gutter-y: 1.5rem}.g-large-5,.gx-large-5{--cx-gutter-x: 3rem}.g-large-5,.gy-large-5{--cx-gutter-y: 3rem}}@media (min-width: 75rem){.col-xlarge{flex:1 0 0%}.row-cols-xlarge-auto>*{flex:0 0 auto;width:auto}.row-cols-xlarge-1>*{flex:0 0 auto;width:100%}.row-cols-xlarge-2>*{flex:0 0 auto;width:50%}.row-cols-xlarge-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xlarge-4>*{flex:0 0 auto;width:25%}.row-cols-xlarge-5>*{flex:0 0 auto;width:20%}.row-cols-xlarge-6>*{flex:0 0 auto;width:16.66666667%}.col-xlarge-auto{flex:0 0 auto;width:auto}.col-xlarge-1{flex:0 0 auto;width:8.33333333%}.col-xlarge-2{flex:0 0 auto;width:16.66666667%}.col-xlarge-3{flex:0 0 auto;width:25%}.col-xlarge-4{flex:0 0 auto;width:33.33333333%}.col-xlarge-5{flex:0 0 auto;width:41.66666667%}.col-xlarge-6{flex:0 0 auto;width:50%}.col-xlarge-7{flex:0 0 auto;width:58.33333333%}.col-xlarge-8{flex:0 0 auto;width:66.66666667%}.col-xlarge-9{flex:0 0 auto;width:75%}.col-xlarge-10{flex:0 0 auto;width:83.33333333%}.col-xlarge-11{flex:0 0 auto;width:91.66666667%}.col-xlarge-12{flex:0 0 auto;width:100%}.offset-xlarge-0{margin-left:0}.offset-xlarge-1{margin-left:8.33333333%}.offset-xlarge-2{margin-left:16.66666667%}.offset-xlarge-3{margin-left:25%}.offset-xlarge-4{margin-left:33.33333333%}.offset-xlarge-5{margin-left:41.66666667%}.offset-xlarge-6{margin-left:50%}.offset-xlarge-7{margin-left:58.33333333%}.offset-xlarge-8{margin-left:66.66666667%}.offset-xlarge-9{margin-left:75%}.offset-xlarge-10{margin-left:83.33333333%}.offset-xlarge-11{margin-left:91.66666667%}.g-xlarge-zero,.gx-xlarge-zero{--cx-gutter-x: 0rem}.g-xlarge-zero,.gy-xlarge-zero{--cx-gutter-y: 0rem}.g-xlarge-4xsmall,.gx-xlarge-4xsmall{--cx-gutter-x: .0625rem}.g-xlarge-4xsmall,.gy-xlarge-4xsmall{--cx-gutter-y: .0625rem}.g-xlarge-3xsmall,.gx-xlarge-3xsmall{--cx-gutter-x: .125rem}.g-xlarge-3xsmall,.gy-xlarge-3xsmall{--cx-gutter-y: .125rem}.g-xlarge-2xsmall,.gx-xlarge-2xsmall{--cx-gutter-x: .25rem}.g-xlarge-2xsmall,.gy-xlarge-2xsmall{--cx-gutter-y: .25rem}.g-xlarge-xsmall,.gx-xlarge-xsmall{--cx-gutter-x: .5rem}.g-xlarge-xsmall,.gy-xlarge-xsmall{--cx-gutter-y: .5rem}.g-xlarge-small,.gx-xlarge-small{--cx-gutter-x: .75rem}.g-xlarge-small,.gy-xlarge-small{--cx-gutter-y: .75rem}.g-xlarge-medium,.gx-xlarge-medium{--cx-gutter-x: 1rem}.g-xlarge-medium,.gy-xlarge-medium{--cx-gutter-y: 1rem}.g-xlarge-large,.gx-xlarge-large{--cx-gutter-x: 1.25rem}.g-xlarge-large,.gy-xlarge-large{--cx-gutter-y: 1.25rem}.g-xlarge-xlarge,.gx-xlarge-xlarge{--cx-gutter-x: 1.5rem}.g-xlarge-xlarge,.gy-xlarge-xlarge{--cx-gutter-y: 1.5rem}.g-xlarge-2xlarge,.gx-xlarge-2xlarge{--cx-gutter-x: 1.75rem}.g-xlarge-2xlarge,.gy-xlarge-2xlarge{--cx-gutter-y: 1.75rem}.g-xlarge-3xlarge,.gx-xlarge-3xlarge{--cx-gutter-x: 2rem}.g-xlarge-3xlarge,.gy-xlarge-3xlarge{--cx-gutter-y: 2rem}.g-xlarge-4xlarge,.gx-xlarge-4xlarge{--cx-gutter-x: 2.25rem}.g-xlarge-4xlarge,.gy-xlarge-4xlarge{--cx-gutter-y: 2.25rem}.g-xlarge-5xlarge,.gx-xlarge-5xlarge{--cx-gutter-x: 2.5rem}.g-xlarge-5xlarge,.gy-xlarge-5xlarge{--cx-gutter-y: 2.5rem}.g-xlarge-6xlarge,.gx-xlarge-6xlarge{--cx-gutter-x: 3rem}.g-xlarge-6xlarge,.gy-xlarge-6xlarge{--cx-gutter-y: 3rem}.g-xlarge-0,.gx-xlarge-0{--cx-gutter-x: 0}.g-xlarge-0,.gy-xlarge-0{--cx-gutter-y: 0}.g-xlarge-1,.gx-xlarge-1{--cx-gutter-x: .25rem}.g-xlarge-1,.gy-xlarge-1{--cx-gutter-y: .25rem}.g-xlarge-2,.gx-xlarge-2{--cx-gutter-x: .5rem}.g-xlarge-2,.gy-xlarge-2{--cx-gutter-y: .5rem}.g-xlarge-3,.gx-xlarge-3{--cx-gutter-x: 1rem}.g-xlarge-3,.gy-xlarge-3{--cx-gutter-y: 1rem}.g-xlarge-4,.gx-xlarge-4{--cx-gutter-x: 1.5rem}.g-xlarge-4,.gy-xlarge-4{--cx-gutter-y: 1.5rem}.g-xlarge-5,.gx-xlarge-5{--cx-gutter-x: 3rem}.g-xlarge-5,.gy-xlarge-5{--cx-gutter-y: 3rem}}@media (min-width: 87.5rem){.col-2xlarge{flex:1 0 0%}.row-cols-2xlarge-auto>*{flex:0 0 auto;width:auto}.row-cols-2xlarge-1>*{flex:0 0 auto;width:100%}.row-cols-2xlarge-2>*{flex:0 0 auto;width:50%}.row-cols-2xlarge-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-2xlarge-4>*{flex:0 0 auto;width:25%}.row-cols-2xlarge-5>*{flex:0 0 auto;width:20%}.row-cols-2xlarge-6>*{flex:0 0 auto;width:16.66666667%}.col-2xlarge-auto{flex:0 0 auto;width:auto}.col-2xlarge-1{flex:0 0 auto;width:8.33333333%}.col-2xlarge-2{flex:0 0 auto;width:16.66666667%}.col-2xlarge-3{flex:0 0 auto;width:25%}.col-2xlarge-4{flex:0 0 auto;width:33.33333333%}.col-2xlarge-5{flex:0 0 auto;width:41.66666667%}.col-2xlarge-6{flex:0 0 auto;width:50%}.col-2xlarge-7{flex:0 0 auto;width:58.33333333%}.col-2xlarge-8{flex:0 0 auto;width:66.66666667%}.col-2xlarge-9{flex:0 0 auto;width:75%}.col-2xlarge-10{flex:0 0 auto;width:83.33333333%}.col-2xlarge-11{flex:0 0 auto;width:91.66666667%}.col-2xlarge-12{flex:0 0 auto;width:100%}.offset-2xlarge-0{margin-left:0}.offset-2xlarge-1{margin-left:8.33333333%}.offset-2xlarge-2{margin-left:16.66666667%}.offset-2xlarge-3{margin-left:25%}.offset-2xlarge-4{margin-left:33.33333333%}.offset-2xlarge-5{margin-left:41.66666667%}.offset-2xlarge-6{margin-left:50%}.offset-2xlarge-7{margin-left:58.33333333%}.offset-2xlarge-8{margin-left:66.66666667%}.offset-2xlarge-9{margin-left:75%}.offset-2xlarge-10{margin-left:83.33333333%}.offset-2xlarge-11{margin-left:91.66666667%}.g-2xlarge-zero,.gx-2xlarge-zero{--cx-gutter-x: 0rem}.g-2xlarge-zero,.gy-2xlarge-zero{--cx-gutter-y: 0rem}.g-2xlarge-4xsmall,.gx-2xlarge-4xsmall{--cx-gutter-x: .0625rem}.g-2xlarge-4xsmall,.gy-2xlarge-4xsmall{--cx-gutter-y: .0625rem}.g-2xlarge-3xsmall,.gx-2xlarge-3xsmall{--cx-gutter-x: .125rem}.g-2xlarge-3xsmall,.gy-2xlarge-3xsmall{--cx-gutter-y: .125rem}.g-2xlarge-2xsmall,.gx-2xlarge-2xsmall{--cx-gutter-x: .25rem}.g-2xlarge-2xsmall,.gy-2xlarge-2xsmall{--cx-gutter-y: .25rem}.g-2xlarge-xsmall,.gx-2xlarge-xsmall{--cx-gutter-x: .5rem}.g-2xlarge-xsmall,.gy-2xlarge-xsmall{--cx-gutter-y: .5rem}.g-2xlarge-small,.gx-2xlarge-small{--cx-gutter-x: .75rem}.g-2xlarge-small,.gy-2xlarge-small{--cx-gutter-y: .75rem}.g-2xlarge-medium,.gx-2xlarge-medium{--cx-gutter-x: 1rem}.g-2xlarge-medium,.gy-2xlarge-medium{--cx-gutter-y: 1rem}.g-2xlarge-large,.gx-2xlarge-large{--cx-gutter-x: 1.25rem}.g-2xlarge-large,.gy-2xlarge-large{--cx-gutter-y: 1.25rem}.g-2xlarge-xlarge,.gx-2xlarge-xlarge{--cx-gutter-x: 1.5rem}.g-2xlarge-xlarge,.gy-2xlarge-xlarge{--cx-gutter-y: 1.5rem}.g-2xlarge-2xlarge,.gx-2xlarge-2xlarge{--cx-gutter-x: 1.75rem}.g-2xlarge-2xlarge,.gy-2xlarge-2xlarge{--cx-gutter-y: 1.75rem}.g-2xlarge-3xlarge,.gx-2xlarge-3xlarge{--cx-gutter-x: 2rem}.g-2xlarge-3xlarge,.gy-2xlarge-3xlarge{--cx-gutter-y: 2rem}.g-2xlarge-4xlarge,.gx-2xlarge-4xlarge{--cx-gutter-x: 2.25rem}.g-2xlarge-4xlarge,.gy-2xlarge-4xlarge{--cx-gutter-y: 2.25rem}.g-2xlarge-5xlarge,.gx-2xlarge-5xlarge{--cx-gutter-x: 2.5rem}.g-2xlarge-5xlarge,.gy-2xlarge-5xlarge{--cx-gutter-y: 2.5rem}.g-2xlarge-6xlarge,.gx-2xlarge-6xlarge{--cx-gutter-x: 3rem}.g-2xlarge-6xlarge,.gy-2xlarge-6xlarge{--cx-gutter-y: 3rem}.g-2xlarge-0,.gx-2xlarge-0{--cx-gutter-x: 0}.g-2xlarge-0,.gy-2xlarge-0{--cx-gutter-y: 0}.g-2xlarge-1,.gx-2xlarge-1{--cx-gutter-x: .25rem}.g-2xlarge-1,.gy-2xlarge-1{--cx-gutter-y: .25rem}.g-2xlarge-2,.gx-2xlarge-2{--cx-gutter-x: .5rem}.g-2xlarge-2,.gy-2xlarge-2{--cx-gutter-y: .5rem}.g-2xlarge-3,.gx-2xlarge-3{--cx-gutter-x: 1rem}.g-2xlarge-3,.gy-2xlarge-3{--cx-gutter-y: 1rem}.g-2xlarge-4,.gx-2xlarge-4{--cx-gutter-x: 1.5rem}.g-2xlarge-4,.gy-2xlarge-4{--cx-gutter-y: 1.5rem}.g-2xlarge-5,.gx-2xlarge-5{--cx-gutter-x: 3rem}.g-2xlarge-5,.gy-2xlarge-5{--cx-gutter-y: 3rem}}:root,[data-cx-theme=light]{--cxd-main: var(--cx-primary-base-color);--cxd-subtle: var(--cx-primary-20);--cxd-accent: var(--cx-primary-base-color);--cxd-main-rgb: var(--cx-primary-base-color-rgb);--cxd-subtle-rgb: var(--cx-primary-40-rgb);--cxd-accent-rgb: var(--cx-secondary-base-color-rgb);--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-subtle);--cxd-sidebar-link-bg: var(--cx-bg-highlight);--cxd-callout-link: 0, 0, 204;--cxd-callout-code-color: #cc297a}[data-cx-theme=dark]{color-scheme:dark;--cxd-subtle: var(--cx-primary-60-rgb);--cxd-subtle-bg: var(--cx-primary-20);--cxd-toc-color: var(--cx-fg-subtle);--cxd-sidebar-link-bg: var(--cx-primary-40);--cxd-callout-link: 102, 102, 255;--cxd-callout-code-color: #ff85c2;--cxd-pre-bg: var(--cx-bg-evident)}.cxd-intro h1{line-height:1.25em}.cxd-intro h1,.cxd-content>h1,.cxd-content>h2,.cxd-content>h3,.cxd-content>h4{font-family:var(--cx-font-family-display)!important;font-weight:var(--cx-font-weight-display-strong)!important}.cxd-playground textarea{font-family:var(--cx-font-family-code)!important;background-color:var(--cx-default-bg-even)!important;border-color:var(--cx-default-border-subtle)}:export{colorDefaul:#000000;colorPrimary:#00A4CC}/*! @docsearch/css 3.9.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 #0304094d;--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 2px;position:relative;top:-1px;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px}@media (prefers-reduced-motion){.DocSearch-Button-Key{transition:none}}.DocSearch-Button-Key--pressed{box-shadow:var(--docsearch-key-pressed-shadow);transform:translate3d(0,1px,0)}@media (max-width: 768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::-moz-placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion: reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative;scroll-margin-top:40px}@media screen and (prefers-reduced-motion: reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion: reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion: reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion: reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:2px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width: 768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh) * 100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh) * 100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh) * 100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:root{--docsearch-primary-color: var(--cxd-subtle);--docsearch-logo-color: var(--cxd-subtle)}[data-cx-theme=dark]{--docsearch-text-color: var(--cx-fg-main);--docsearch-container-background: rgba(9, 10, 17, .8);--docsearch-modal-background: #15172a;--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;--docsearch-searchbox-background: var(--cx-bg-main, #ffcc00);--docsearch-searchbox-focus-background: var(--cx-bg-hover, #ffcc00) --docsearch-hit-color: #bec3c9;--docsearch-hit-shadow: none;--docsearch-hit-background: #090a11;--docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);--docsearch-footer-background: #1e2136;--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);--docsearch-muted-color: #7f8497}.cxd-search{position:relative}@media (min-width: 62rem){.cxd-search{position:absolute;top:20%;width:200px;right:12rem}}@media (min-width: 87.5rem){.cxd-search{left:50%;width:280px;margin-left:12rem}}.DocSearch-Container{position:fixed;z-index:2000;cursor:auto}@media (min-width: 62rem){.DocSearch-Container{padding-top:4rem}}.DocSearch-Button{--docsearch-searchbox-background: var(--cx-bg-main);--docsearch-searchbox-color: var(--cx-fg-subtle);--docsearch-searchbox-focus-background: var(--cx-bg-hover);--docsearch-searchbox-shadow: none;--docsearch-text-color: var(--cx-fg-subtle);--docsearch-muted-color: var(--cx-fg-subtle);width:100%;height:38px;margin:0;border:var(--cx-border-width-medium) solid var(--cx-border-subtle);border-radius:var(--cx-border-radius-medium)}.DocSearch-Button .DocSearch-Search-Icon{opacity:.65}.DocSearch-Button:active .DocSearch-Search-Icon,.DocSearch-Button:focus .DocSearch-Search-Icon,.DocSearch-Button:hover .DocSearch-Search-Icon{opacity:1}@media (max-width: 61.98rem){.DocSearch-Button,.DocSearch-Button:hover,.DocSearch-Button:focus{background:transparent;border:0;box-shadow:none}.DocSearch-Button:focus{box-shadow:var(--docsearch-searchbox-shadow)}}@media (max-width: 61.98rem){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch-Button-Keys{min-width:0;padding:.25rem;background:var(--cx-bg-evident);border-radius:var(--cx-border-radius-small)}.DocSearch-Button-Key{top:0;width:auto;padding-right:.125rem;padding-left:.125rem;margin-right:0;background:none;box-shadow:none}.DocSearch-Commands-Key{background-image:none;box-shadow:none}.DocSearch-Form{border-radius:var(--cx-border-radius)}.DocSearch-Hits mark{padding:0}.DocSearch-Hit{padding-bottom:0;border-radius:0}.DocSearch-Hit a{border-radius:0;border:solid var(--cx-border-color);border-width:0 1px 1px}.DocSearch-Hit:first-child a{border-top-left-radius:var(--cx-border-radius);border-top-right-radius:var(--cx-border-radius);border-top-width:1px}.DocSearch-Hit:last-child a{border-bottom-right-radius:var(--cx-border-radius);border-bottom-left-radius:var(--cx-border-radius)}.DocSearch-Hit-icon{display:flex;align-items:center}.DocSearch-Logo svg .cls-1,.DocSearch-Logo svg .cls-2{fill:var(--docsearch-logo-color)}:root{--cx-font-family-display: var(--cx-font-family-text)}