.page-module__CBXbcG__dsLayout{gap:var(--layout-column-gap);width:100%;max-width:1440px;padding-top:var(--primitive-gap-xl);display:flex}.page-module__CBXbcG__dsContent{gap:var(--primitive-gap-xxxl);flex-direction:column;flex:1;min-width:0;display:flex}.page-module__CBXbcG__pageHeader{margin-top:calc(var(--primitive-gap-xl) - var(--primitive-gap-xxxl));justify-content:space-between;align-items:baseline;gap:var(--primitive-gap-lg);width:100%;display:flex}.page-module__CBXbcG__pageTitle{font-size:var(--font-display-2-size);font-weight:var(--font-display-2-weight);line-height:var(--font-display-2-line-height);letter-spacing:var(--font-display-2-letter-spacing);color:var(--color-text-primary);overflow-wrap:anywhere}.page-module__CBXbcG__subDisplay{font-family:var(--font-sub-display-family);font-size:var(--font-sub-display-size);font-weight:var(--font-sub-display-weight);line-height:var(--font-sub-display-line-height);letter-spacing:var(--font-sub-display-letter-spacing);color:var(--color-text-primary);margin-bottom:0}.page-module__CBXbcG__introSection{gap:var(--primitive-gap-lg);flex-direction:column;display:flex}.page-module__CBXbcG__introBody{font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-secondary)}.page-module__CBXbcG__introBody code{color:var(--color-text-primary)}.page-module__CBXbcG__inlineLink{color:var(--color-action-primary-text-tertiary);text-underline-offset:3px;text-decoration:underline}.page-module__CBXbcG__controlRail{--rail-top:calc(78px + var(--primitive-padding-lg) * 2 + var(--primitive-gap-xl));width:var(--layout-sidebar-width);top:var(--rail-top);max-height:calc(100vh - var(--rail-top) - var(--primitive-gap-lg));align-self:flex-start;gap:var(--gap-lg);padding:var(--padding-lg);background-color:var(--color-bg-container-primary);border:var(--border-xs) solid var(--color-bg-container-border);border-radius:var(--radius-xl);z-index:1;flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow-y:auto}.page-module__CBXbcG__controlGroup{gap:var(--gap-sm);padding-bottom:var(--gap-md);border-bottom:var(--border-xs) solid var(--color-divider);flex-direction:column;display:flex}.page-module__CBXbcG__railTitle{font-size:var(--font-heading-3-size);font-weight:var(--font-heading-3-weight);line-height:var(--font-heading-3-line-height);color:var(--color-text-primary)}.page-module__CBXbcG__controlHeading{font-size:var(--font-paragraph-em-size);font-weight:var(--font-paragraph-em-weight);line-height:var(--font-paragraph-em-line-height);letter-spacing:var(--font-paragraph-em-letter-spacing);color:var(--color-text-primary)}.page-module__CBXbcG__controlNote{font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-tertiary)}.page-module__CBXbcG__tintTitleToggle .ds-toggle-switch__label{font-weight:var(--font-paragraph-em-weight);letter-spacing:var(--font-paragraph-em-letter-spacing)}.page-module__CBXbcG__swatchGrid{gap:var(--gap-sm);padding:var(--primitive-padding-xxxs) 0;grid-template-columns:repeat(8,max-content);display:grid}.page-module__CBXbcG__customPickerActive .ds-colorpicker__trigger{border-color:var(--color-input-border-selected)}.page-module__CBXbcG__sliderRow{align-items:center;gap:var(--gap-sm-md);display:flex}.page-module__CBXbcG__sliderRow>:first-child{flex:1}.page-module__CBXbcG__sliderValue{text-align:right;min-width:44px;font-size:var(--font-paragraph-sm-size);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.page-module__CBXbcG__dropUp .ds-dropdown__menu{margin-top:0;margin-bottom:var(--gap-xxs);top:auto;bottom:100%}.page-module__CBXbcG__railFooter{gap:var(--gap-sm-md);flex-direction:column;display:flex}.page-module__CBXbcG__demoSection{gap:var(--primitive-gap-lg);flex-direction:column;display:flex}.page-module__CBXbcG__sectionNote{font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-secondary)}.page-module__CBXbcG__sectionNote code{color:var(--color-text-primary)}.page-module__CBXbcG__demoRow{align-items:center;gap:var(--gap-sm-md);flex-wrap:wrap;display:flex}.page-module__CBXbcG__demoColumns{gap:var(--primitive-gap-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:1151px){.page-module__CBXbcG__demoColumns{grid-template-columns:1fr}}@media (max-width:959px){.page-module__CBXbcG__dsLayout{flex-direction:column}.page-module__CBXbcG__controlRail{width:100%;max-height:none;position:static;overflow-y:visible}}
.ds-section-title{align-items:baseline;gap:var(--gap-md);border-bottom:1px solid var(--color-divider);padding-bottom:var(--padding-xl);display:flex}.ds-section-title__heading{font-family:var(--font-heading-2-family);font-size:var(--font-heading-2-size);font-weight:var(--font-heading-2-weight);line-height:var(--font-heading-2-line-height);letter-spacing:var(--font-heading-2-letter-spacing);color:var(--color-text-secondary)}.ds-section-title__trailing{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-tertiary)}