cs-callout a{color:var(--cs-color-brand-on-quiet)}cs-callout[variant=neutral] a{color:var(--cs-color-neutral-on-quiet)}cs-callout[variant=highlight] a{color:var(--cs-color-highlight-on-quiet)}cs-callout[variant=information] a{color:var(--cs-color-information-on-quiet)}cs-callout[variant=success] a{color:var(--cs-color-success-on-quiet)}cs-callout[variant=warning] a{color:var(--cs-color-warning-on-quiet)}cs-callout[variant=danger] a{color:var(--cs-color-danger-on-quiet)}.cs-prose{--cs-prose-line-length:round(up, 110ch, 1px);margin-inline:auto}.cs-prose .code-example:has(+*){margin-block-end:var(--cs-prose-rhythm-xl)}cs-page{--content-padding-inline:var(--cs-space-2xl);--content-padding-block:var(--cs-space-xl);--aside-width:calc(var(--cs-space-5xl) * 3 + 2 * var(--content-padding-inline))}cs-page[view=mobile]{--content-padding-inline:var(--cs-space-l)}@media (width<72rem){cs-page{--aside-width:0px}cs-page>[slot=aside]{display:none}}.outline-expandable{margin-block-end:var(--cs-space-xl)}.outline-expandable ul{--min-column-size:25ch}@media (width>=72rem){.outline-expandable{display:none}}:root{--page-max-inline-size:90rem}cs-page::part(body){inline-size:100%;max-inline-size:var(--page-max-inline-size);margin-inline:auto}cs-page>[slot=aside]{padding-block:var(--content-padding-block);padding-inline:var(--content-padding-inline)}cs-page::part(header){background-color:var(--cs-color-surface-default)}cs-page>[slot=header]{padding-inline:0}.site-header{max-inline-size:var(--page-max-inline-size);padding-inline:var(--content-padding-inline);margin-inline:auto}cs-page>[slot=navigation]{padding:var(--content-padding-inline)}cs-page{--main-padding-inline:var(--content-padding-inline)}cs-page>main{padding-block:var(--content-padding-block);padding-inline:var(--main-padding-inline);margin-inline:auto}cs-page>main:has(.component-browser-hero){padding-block-start:0}cs-page>main>.content-panel+.content-panel{margin-block-start:var(--cs-content-spacing)}cs-page>main>.content-panel:empty+.content-panel{margin-block-start:0}cs-page:not([view=mobile]){--main-padding-inline:var(--cs-space-4xl)}cs-page[view=mobile]>[slot=navigation]{padding:0}html[data-has-sidebar] cs-page:not([view=mobile])::part(menu){border-inline-end:var(--cs-border-width-s) solid var(--cs-color-surface-border)}:root{scroll-padding-top:0}cs-page{--header-height:4.5625rem;--subheader-height:3.4375rem}.site-subheader{border-block-end:var(--cs-border-width-s) solid var(--cs-color-surface-border);padding-inline:0}.site-subheader-inner{inline-size:100%;max-inline-size:var(--page-max-inline-size);padding-inline:var(--content-padding-inline);overscroll-behavior-inline:contain;margin-inline:auto;overflow-x:auto}.site-subheader-link[aria-current=page]::part(label){color:var(--cs-color-text-normal);font-weight:var(--cs-font-weight-bold)}.docs-nav h2{font-size:var(--cs-font-size-s);margin:0}.docs-nav h2:has(cs-icon){margin-inline-start:calc(var(--cs-space-xs) * -1)}.docs-nav ul{border-inline-start:var(--cs-border-width-s) solid var(--cs-color-surface-border);font-size:var(--cs-font-size-s);line-height:var(--cs-line-height-condensed);margin:0;padding-inline-start:var(--cs-space-m)}.docs-nav ul ul{margin-block-start:var(--cs-space-m)}.docs-nav li{margin:0;list-style:none}.docs-nav li cs-icon{color:var(--cs-color-text-quiet)}.docs-nav .current{font-weight:var(--cs-font-weight-bold)}.docs-nav ul:has(.current){border-inline-start-color:var(--cs-color-brand-border-quiet)}.docs-nav li:has(>.current){position:relative}.docs-nav li:has(>.current):before{content:"";inset-block:calc(var(--cs-space-2xs) * -1);inline-size:var(--cs-border-width-s);background:var(--cs-color-brand-on-quiet);position:absolute;inset-inline-start:calc(var(--cs-space-m) * -1 - var(--cs-border-width-s))}.docs-nav section:has(.current) h2 cs-icon{color:var(--cs-color-brand-on-quiet)}.page-index{--min-column-size:calc(var(--cs-space-4xl) * 3.5);margin-block:var(--cs-content-spacing)}.hover-grow{--hover-grow-scale:1.025;transform-origin:50%;transition:transform var(--cs-transition-slow) var(--cs-transition-easing)}.hover-grow:is(:hover,:focus-visible){transform:scale(var(--hover-grow-scale))}.hover-emphasize-border>cs-card{outline:var(--cs-border-width-s) solid transparent;transition:border-color var(--cs-transition-normal), outline-color var(--cs-transition-normal)}.hover-emphasize-border:is(:hover,:focus-visible)>cs-card{border-color:var(--cs-color-brand-border-loud);outline-color:var(--cs-color-brand-border-loud)}@media (prefers-reduced-motion:reduce){.hover-grow{transition:none}.hover-grow:is(:hover,:focus-visible){transform:none}.hover-emphasize-border>cs-card{transition:none}}code.appearance-plain{background:0 0;border:none}cs-page:has(.component-browser-grid){background-color:var(--cs-color-surface-lowered)}.component-browser-hero{--hero-field:var(--cs-color-brand-fill-loud);--hero-on:var(--cs-color-brand-on-loud);--hero-mark:oklch(from var(--hero-field) calc(l + .08) calc(c * .78) h);--hero-lede:color-mix(in oklab, var(--hero-on) 88%, var(--hero-field));--hero-pattern-size:8.25rem;isolation:isolate;padding:var(--cs-space-5xl) var(--main-padding-inline);background-color:var(--hero-field);color:var(--hero-on);margin-inline:calc(50% - 50vw);position:relative}.cs-dark .component-browser-hero{--hero-field:var(--cs-color-brand-fill-normal);--hero-on:var(--cs-color-brand-on-normal)}.component-browser-hero:before{content:"";z-index:-1;background-color:var(--hero-mark);mask-image:url(/cornerstone-design-system/patterns/corner-mark.svg),linear-gradient(#000 45%,#0000);mask-size:var(--hero-pattern-size), auto;position:absolute;inset:0;mask-repeat:repeat,no-repeat;mask-composite:intersect}html:has(.component-browser-grid){overflow-x:clip}.component-browser-lede{max-inline-size:60ch;color:var(--hero-lede)}.component-browser-search{inline-size:min(100%, calc(var(--cs-space-5xl) * 5.5))}.cs-prose:has(.component-browser-grid){--cs-prose-line-length:var(--page-max-inline-size)}.component-browser-grid{--min-column-size:calc(var(--cs-space-4xl) * 4.5)}.component-card-link:not([hidden]){display:flex}.component-card,.component-card::part(body){flex:1}html:not([data-has-toc]) cs-page{--aside-width:0px}html:not([data-has-toc]) cs-page>[slot=aside]{display:none}.page-index-card:not([hidden]){display:flex}.page-index-card{text-decoration:none}.page-index-card>cs-card{flex:1}.page-breadcrumb::part(breadcrumb){padding:var(--cs-space-xs) var(--cs-space-m);background-color:var(--cs-color-neutral-fill-quiet);border-radius:var(--cs-border-radius-pill)}.page-index-name{color:var(--cs-color-text-normal);font-weight:var(--cs-font-weight-semibold)}.page-index-summary{margin-block:var(--cs-space-2xs) 0;color:var(--cs-color-text-quiet);font-size:var(--cs-font-size-s)}.component-info{margin-block-end:var(--cs-content-spacing)}.component-info code{line-height:var(--cs-line-height-condensed)}.component-tag{color:var(--cs-color-text-quiet);font-size:var(--cs-font-size-l);background-color:#0000}.component-summary{font-size:var(--cs-font-size-l);font-weight:var(--cs-font-weight-semibold)}.swatch{box-sizing:border-box;min-block-size:var(--cs-space-3xl);min-inline-size:var(--cs-space-3xl);padding:var(--cs-space-xs);border-color:#0000;border-style:var(--cs-border-style);border-width:var(--cs-border-width-s);border-radius:var(--cs-border-radius-m);font-weight:var(--cs-font-weight-semibold);line-height:var(--cs-line-height-condensed);background-color:#0000;justify-content:center;align-items:center;display:flex;position:relative}.token-name{white-space:nowrap}.site-logo{block-size:var(--cs-space-2xl);inline-size:auto}cs-page[view=mobile] .site-logo{inline-size:var(--cs-space-2xl);object-fit:cover;object-position:left center}.dark-only,.cs-dark .light-only{display:none}.cs-dark .dark-only{display:revert}.content-footer{margin-block-start:var(--cs-space-3xl)}.pagination-links{--min-column-size:calc(var(--cs-space-4xl) * 4.5)}.pagination-link{display:block}.site-search::part(dialog){inline-size:min(31rem, calc(100vw - var(--cs-space-xl)))}.site-search::part(body){padding:0;overflow-y:auto}.site-search::part(footer){padding:var(--cs-space-m);border-block-start:var(--cs-border-width-s) var(--cs-border-style) var(--cs-color-surface-border)}.site-search-header{padding:var(--cs-space-s) var(--cs-space-xs);border-block-end:var(--cs-border-width-s) var(--cs-border-style) var(--cs-color-surface-border)}.site-search-input::part(input-wrapper){background:0 0;border:none}.site-search-listing{padding:var(--cs-space-s)}.site-search-label{padding:var(--cs-space-xs) var(--cs-space-s);color:var(--cs-color-text-quiet);font-size:var(--cs-font-size-s);font-weight:var(--cs-font-weight-normal);margin:0}.site-search [hidden]{display:none}.site-search-item{inline-size:100%;padding:var(--cs-space-xs) var(--cs-space-s);transition:background-color var(--cs-transition-fast);border-radius:var(--cs-border-radius-m);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none}.site-search-icon{opacity:.6;color:var(--cs-color-text-quiet);transition:color var(--cs-transition-fast), opacity var(--cs-transition-fast);flex:none}.site-search-details{flex:auto;min-inline-size:0}.site-search-title,.site-search-description{white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;display:block;overflow:hidden}.site-search-description{color:var(--cs-color-text-quiet)}.site-search-caret{opacity:0;color:var(--cs-color-text-quiet);font-size:var(--cs-font-size-s);transition:opacity var(--cs-transition-fast);flex:none}.site-search-item:hover{background-color:var(--cs-color-neutral-fill-quiet)}.site-search-item.is-active{background-color:var(--cs-color-brand-fill-quiet)}.site-search-item:focus-visible{outline:var(--cs-focus-ring);outline-offset:-2px}.site-search-item.is-active .site-search-icon,.site-search-item:hover .site-search-icon{opacity:1;color:var(--cs-color-brand-fill-loud)}.site-search-item.is-active .site-search-caret,.site-search-item:hover .site-search-caret{opacity:1}.site-search-empty-icon{font-size:var(--cs-font-size-3xl);color:var(--cs-color-text-quiet)}.site-search-footer{color:var(--cs-color-text-quiet);font-size:var(--cs-font-size-s)}.changelog-group{margin-block:var(--cs-space-l,1.5rem)}.changelog-group>ul{padding-inline-start:0}.changelog-group li:has(>.changelog-bullet,>p:first-child>.changelog-bullet){text-indent:-2.25em;margin-inline-start:0;padding-inline-start:2.25em;list-style:none}.changelog-group li>p:not(:first-child),.changelog-group li ul,.changelog-ref{text-indent:0}.changelog-bullet{vertical-align:-.15em;width:1.25em;color:var(--cs-color-neutral-on-quiet,currentColor);margin-inline-end:1em}.changelog-group li>p:first-child{margin-block-start:0}.changelog-ref{white-space:nowrap;text-decoration:none}.changelog-legend{margin-block:var(--cs-space-l,1.5rem);font-size:var(--cs-font-size-s,.875rem)}.changelog-legend-item{align-items:center;gap:var(--cs-space-2xs,.25rem);color:var(--cs-color-neutral-on-quiet,currentColor);display:inline-flex}.code-example{--code-example-panel-radius:calc(var(--cs-panel-border-radius) - var(--cs-panel-border-width));--code-example-resizer-inline-size:calc(var(--cs-space-l) + var(--cs-space-2xs));--code-example-preview-min-inline-size:calc(4 * var(--cs-space-5xl));--code-example-pen-inline-size:calc(6.25 * var(--cs-space-m));--code-example-show-duration:var(--cs-transition-normal);--code-example-hide-duration:var(--cs-transition-normal);--code-example-border:var(--cs-border-style) var(--cs-panel-border-width) var(--cs-color-neutral-border-quiet);--code-example-preview-padding-block:var(--cs-space-xl);--code-example-preview-padding-inline-start:var(--cs-space-xl);--code-example-preview-padding-inline-end:calc(var(--cs-space-xl) + var(--code-example-resizer-inline-size));--code-example-chrome-surface:var(--cs-color-surface-default);--code-example-chrome-surface-lowered:var(--cs-color-surface-lowered);--code-example-chrome-text-quiet:var(--cs-color-text-quiet);--code-example-chrome-text-normal:var(--cs-color-text-normal);--code-example-chrome-fill-quiet:var(--cs-color-neutral-fill-quiet);--code-example-chrome-border:var(--cs-border-style) var(--cs-panel-border-width) var(--cs-color-neutral-border-quiet);background:var(--cs-color-surface-lowered);border:var(--code-example-border);border-radius:var(--cs-panel-border-radius);color:var(--cs-color-text-normal);isolation:isolate;container:code-example/inline-size;&:has(+*){margin-block-end:var(--cs-content-spacing)}@container code-example (inline-size<=30rem){& .code-example-preview{padding-block:var(--cs-space-m);padding-inline:var(--cs-space-m)}& .code-example-resizer{display:none}}}.code-example-preview{background:var(--cs-color-surface-default);color:var(--cs-color-text-normal);border-block-end:var(--code-example-border);padding-block:var(--code-example-preview-padding-block);padding-inline:var(--code-example-preview-padding-inline-start) var(--code-example-preview-padding-inline-end);min-inline-size:min(100%, var(--code-example-preview-min-inline-size));border-start-start-radius:var(--cs-panel-border-radius);border-start-end-radius:var(--cs-panel-border-radius);max-inline-size:100%;position:relative;&>:first-child:not(dialog){max-inline-size:100%;margin-block-start:0}&>:last-child:not(dialog){margin-block-end:0}}.code-example-preview.is-syncing-scheme{--cs-transition-fast:0s;--cs-transition-normal:0s;--cs-transition-slow:0s}.code-example-preview.is-syncing-scheme,.code-example-preview.is-syncing-scheme *{transition:none!important}.code-example-preview.is-dragging:after{content:"";opacity:0;cursor:ew-resize;position:absolute;inset:0}.code-example-resizer{inline-size:var(--code-example-resizer-inline-size);color:var(--code-example-chrome-text-quiet);background-color:var(--code-example-chrome-surface);border-inline-start:var(--code-example-chrome-border);cursor:ew-resize;transition:background-color var(--cs-transition-fast) var(--cs-transition-easing), color var(--cs-transition-fast) var(--cs-transition-easing);border-start-end-radius:var(--code-example-panel-radius);justify-content:center;align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:0;&:hover{background-color:var(--code-example-chrome-surface-lowered);color:var(--code-example-chrome-text-normal)}&:active{background-color:var(--code-example-chrome-fill-quiet);color:var(--code-example-chrome-text-normal)}& cs-icon{font-size:var(--cs-font-size-m)}@media (prefers-reduced-motion:reduce){transition:none}}.code-example-preview.is-dragging .code-example-resizer{background-color:var(--code-example-chrome-fill-quiet);color:var(--code-example-chrome-text-normal)}.code-example-toggle cs-icon{transition:rotate var(--cs-transition-normal) var(--cs-transition-easing);@media (prefers-reduced-motion:reduce){transition:none}}.code-example.open .code-example-toggle cs-icon{rotate:180deg}.code-example-source{border-block-end:var(--code-example-border);border-radius:0;& pre{border-radius:inherit;white-space:normal;margin:0;position:relative}}.code-example-source.is-animating{overflow:hidden}.code-example:not(.open) .code-example-source:not(.is-animating){opacity:0;pointer-events:none;border-block-end:none;block-size:0;overflow:hidden}.code-example-buttons{background:var(--cs-color-surface-default);color:var(--cs-color-text-quiet);border-end-end-radius:var(--cs-panel-border-radius);border-end-start-radius:var(--cs-panel-border-radius);align-items:stretch;display:flex;& button{all:unset;font-size:var(--cs-font-size-s);color:var(--cs-color-text-quiet);border-inline-start:var(--code-example-border);text-align:center;padding:var(--cs-space-xs);cursor:pointer;transition:background-color var(--cs-transition-fast) var(--cs-transition-easing), color var(--cs-transition-fast) var(--cs-transition-easing);flex:1 0 auto;&:hover{background-color:var(--cs-color-surface-lowered);color:var(--cs-color-text-normal)}&:active{background-color:var(--cs-color-neutral-fill-quiet);color:var(--cs-color-text-normal)}@container code-example (inline-size<=25rem){min-block-size:var(--cs-form-control-height)}&:first-of-type{border-inline-start:none;border-end-start-radius:var(--cs-panel-border-radius)}&:last-of-type{border-end-end-radius:var(--cs-panel-border-radius)}&:focus-visible{z-index:3;outline:var(--cs-focus-ring)}@media (prefers-reduced-motion:reduce){transition:none}}& .code-example-toggle,& .code-example-pen,& .code-example-theme,& .code-example-dir{justify-content:center;align-items:center;gap:var(--cs-space-2xs);display:inline-flex;& cs-icon{font-size:var(--cs-font-size-s)}}& .code-example-pen{flex:0 0 var(--code-example-pen-inline-size);white-space:nowrap}}.code-example-buttons .code-example-theme,.code-example-buttons .code-example-dir{flex:none;min-inline-size:2.25rem}.code-example-theme>cs-icon,.code-example-dir>cs-icon{margin:0}.code-example-theme-dark,.code-example:has(.code-example-preview.cs-dark) .code-example-theme-light,html.cs-dark .code-example:not(:has(.code-example-preview.cs-light)) .code-example-theme-light{display:none}.code-example:has(.code-example-preview.cs-dark) .code-example-theme-dark,html.cs-dark .code-example:not(:has(.code-example-preview.cs-light)) .code-example-theme-dark{display:inline-flex}.code-example-dir-rtl,.code-example:has(.code-example-content[dir=rtl]) .code-example-dir-ltr{display:none}.code-example:has(.code-example-content[dir=rtl]) .code-example-dir-rtl{display:inline-flex}pre[id*=code-block-]{color-scheme:dark;color:var(--cs-color-neutral-95);background-color:var(--code-background,var(--cs-color-neutral-20));.cs-dark &{background-color:var(--code-background-dark,var(--cs-color-surface-lowered))}}.code-comment,.code-prolog,.code-doctype,.code-cdata{color:var(--code-comment,var(--cs-color-gray-70))}.code-operator,.code-punctuation{color:var(--code-operator,var(--cs-color-gray-70))}.code-namespace{opacity:.7}.code-property,.code-keyword,.code-tag,.code-url{color:var(--code-keyword,var(--cs-color-purple-70))}.code-symbol,.code-deleted,.code-important{color:var(--code-error,var(--cs-color-cerise-70))}.code-string,.code-char,.code-constant{color:var(--code-string,var(--cs-color-green-70))}.code-boolean,.code-selector,.code-attr-name,.code-builtin,.code-inserted{color:var(--code-literal,var(--cs-color-green-70))}.code-atrule,.code-attr-value,.code-number,.code-variable,.code-function,.code-class-name,.code-regex{color:var(--code-value,var(--cs-color-sky-70))}.code-important,.code-bold{font-weight:700}.code-italic{font-style:italic}pre[id*=code-block-]:has(code){white-space:normal;padding:0;position:relative;& code{padding:var(--cs-space-m);white-space:pre;background-color:#0000;font-size:1em;display:block;overflow-x:auto}}cs-copy-button.copy-button{top:var(--cs-space-xs);right:var(--cs-space-xs);font-family:var(--cs-font-family-body);font-size:var(--cs-font-size-m);color:var(--cs-color-neutral-95);position:absolute;&::part(button){aspect-ratio:1;background-color:var(--cs-color-neutral-20);border-radius:var(--cs-border-radius-m);cursor:copy}@media (hover:hover){&:hover{&::part(button){background-color:var(--cs-color-neutral-30)}}}&:focus-visible{outline:var(--cs-focus-ring)}}@media (hover:hover){.copy-button:not(:focus-within){opacity:0}pre:hover>.copy-button{opacity:1}}.palette-swatches{--min-column-size:var(--cs-space-3xl);row-gap:var(--cs-space-s)}.palette-swatch{aspect-ratio:1;display:block}.palette-swatch-button{all:revert;aspect-ratio:1;border-radius:var(--cs-border-radius-s);cursor:pointer;inline-size:100%;transition:box-shadow var(--cs-transition-fast), scale var(--cs-transition-fast), translate var(--cs-transition-fast);border:none;padding:0;position:absolute;inset:0}@media (hover:hover){.palette-swatch-button:hover{box-shadow:var(--cs-shadow-s);z-index:1;scale:1 1.075}}.palette-swatch-button:active{box-shadow:none;translate:0 1px}.theming-preview{margin-block:var(--cs-space-l) var(--cs-content-spacing)}@layer starlight.base,starlight.reset,starlight.core,starlight.content,starlight.components,starlight.utils;html:not([data-has-toc]){--sl-mobile-toc-height:0rem}html:not([data-has-sidebar]){--sl-content-width:67.5rem}html{scroll-padding-top:calc(1.5rem + var(--sl-nav-height) + var(--sl-mobile-toc-height))}main:where(.astro-oz4v52t5){padding:var(--sl-main-pad)}@media (width>=50em){:where(.astro-oz4v52t5)[data-has-sidebar]{--sl-content-inline-start:var(--sl-sidebar-width)}}@media (width>=72em){html{scroll-padding-top:calc(1.5rem + var(--sl-nav-height))}}