.color_rangeList___kYyw{display:flex;flex-direction:column;gap:var(--spacing-p-xs)}.color_range__rxDQG{min-width:0;display:flex;flex-direction:column;gap:12px}.color_swatchRange__t9oHs{display:flex;flex-wrap:wrap;gap:8.8px}.color_swatch__VDaCz{position:relative;display:inline-flex;flex:0 0 56px;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:1px solid rgba(18,18,18,.1019607843);border-radius:var(--shape-md);background-color:var(--swatch-color);cursor:pointer}.color_swatch__VDaCz:focus-visible{outline:2px solid var(--border-focused-primary);outline-offset:2px}html.dark .color_swatch__VDaCz{border-color:rgba(255,255,255,.1019607843)}.color_swatchStep__nTdha{font-family:var(--font-family-main);font-size:14px;font-weight:var(--font-weight-semi-bold);line-height:1;color:var(--swatch-step-ink,#000000);opacity:0;pointer-events:none;transition:opacity var(--duration-short) var(--easing-standard)}.color_swatch__VDaCz:focus-visible .color_swatchStep__nTdha,.color_swatch__VDaCz:hover .color_swatchStep__nTdha{opacity:1}@keyframes _cads-button-spin_1h4zi_1{to{transform:rotate(1turn)}}._root_1h4zi_6.MuiButton-root.MuiButton-root{position:relative;min-width:var(--btn-height);width:var(--btn-width,auto);height:var(--btn-height);padding-inline:var(--btn-px);padding-block:var(--btn-py);gap:var(--btn-gap);border-radius:var(--shape-sm);font-family:var(--font-family-main);font-weight:var(--font-weight-semi-bold);font-size:var(--btn-font-size);line-height:var(--btn-line-height);text-transform:none;box-shadow:none;box-sizing:border-box;transition:var(--transition-colors);background-color:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border)}._root_1h4zi_6.MuiButton-root.MuiButton-root .MuiButton-endIcon,._root_1h4zi_6.MuiButton-root.MuiButton-root .MuiButton-startIcon{margin:0}._root_1h4zi_6.MuiButton-root.MuiButton-root:hover,[data-cads-force-pseudo=hover] ._root_1h4zi_6.MuiButton-root.MuiButton-root{background-color:var(--btn-bg-hover);color:var(--btn-fg)}._root_1h4zi_6.MuiButton-root.MuiButton-root:active,[data-cads-force-pseudo=press] ._root_1h4zi_6.MuiButton-root.MuiButton-root{background-color:var(--btn-bg-press);color:var(--btn-fg-press,var(--btn-fg))}._root_1h4zi_6.MuiButton-root.MuiButton-root.Mui-focusVisible{box-shadow:0 0 0 2px var(--background-neutral-primary),0 0 0 4px var(--border-focused-primary)}._root_1h4zi_6.MuiButton-root.MuiButton-root.Mui-disabled{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-fg);border-color:var(--btn-disabled-border,transparent);opacity:1}._root_1h4zi_6.MuiButton-root.MuiButton-root.Mui-disabled .MuiButton-endIcon,._root_1h4zi_6.MuiButton-root.MuiButton-root.Mui-disabled .MuiButton-startIcon,._root_1h4zi_6.MuiButton-root.MuiButton-root.Mui-disabled [data-fa-icon]{color:var(--btn-disabled-fg)}._loading_1h4zi_54.MuiButton-root.MuiButton-root{color:transparent;pointer-events:none}._loading_1h4zi_54.MuiButton-root.MuiButton-root .MuiButton-endIcon,._loading_1h4zi_54.MuiButton-root.MuiButton-root .MuiButton-startIcon,._loading_1h4zi_54.MuiButton-root.MuiButton-root:active,._loading_1h4zi_54.MuiButton-root.MuiButton-root:hover,._loading_1h4zi_54.MuiButton-root.MuiButton-root>[data-fa-icon]{color:transparent}._spinner_1h4zi_66{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;color:var(--btn-spinner-fg)}._spinnerIcon_1h4zi_75{animation:_cads-button-spin_1h4zi_1 .75s linear infinite}.spacing_radiusSample__F2pYN,.spacing_shadowSample__Elt2Y,.spacing_spacingSample__3gXUB{padding:0;cursor:pointer}.spacing_radiusSample__F2pYN:focus-visible,.spacing_shadowSample__Elt2Y:focus-visible,.spacing_spacingSample__3gXUB:focus-visible{outline:2px solid var(--border-focused-primary);outline-offset:2px}.spacing_radiusSample__F2pYN{width:100%;aspect-ratio:1;border:1px solid var(--border-brand-primary);border-radius:var(--sample-radius);background:var(--background-brand-light)}.spacing_shadowSample__Elt2Y{width:100%;height:72px;border:1px solid var(--border-neutral-primary);border-radius:var(--shape-md);background:var(--background-neutral-primary);box-shadow:var(--sample-shadow)}.spacing_spacingStack__bmGHd{display:flex;flex-direction:column;gap:18px;width:100%}.spacing_spacingRow__PmQy_{display:grid;grid-template-columns:20% minmax(0,1fr);grid-template-rows:var(--sample-space);grid-column-gap:16px;column-gap:16px;align-items:start}.spacing_spacingLabel__lF2az{display:flex;align-items:baseline;gap:4px;min-width:0;overflow:visible}.spacing_spacingRow__PmQy_:first-child .spacing_spacingLabel__lF2az{transform:translateY(-3px)}.spacing_tightLine__GaVsS{line-height:1}.spacing_spacingSample__3gXUB{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--border-brand-primary);border-radius:var(--shape-md);background:var(--background-brand-light)}.ComponentPageNav_root__pu_gV{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:var(--spacing-p-xs);padding-top:var(--spacing-p-m);border-top:1px solid var(--border-neutral-primary)}.ComponentPageNav_side__D1NLd{min-width:0}.ComponentPageNav_sideEnd__psztN{min-width:0;-webkit-margin-start:auto;margin-inline-start:auto}.ComponentOverview_copy__dgWe8,.ComponentOverview_root__4LHs_{display:flex;flex-direction:column;gap:var(--spacing-p-xs)}.ComponentOverview_copy__dgWe8{max-width:560px}.ComponentOverview_titleRow__K_go1{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-p-xs)}.ComponentOverview_statusTag__hmDuj{display:inline-flex;border-radius:var(--shape-sm);transform:translateY(-6px)}.ComponentOverview_statusTag__hmDuj:focus-visible{outline:2px solid var(--border-focused-primary);outline-offset:2px}.ComponentOverview_title__hhjP8{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-semi-bold);font-size:var(--text-heading-xl);line-height:var(--leading-heading-xl);letter-spacing:var(--tracking-heading-display);color:var(--text-neutral-primary)}.ComponentOverview_lead__iPULv{margin:0;font-family:var(--font-family-main);font-weight:var(--font-weight-regular);font-size:var(--text-body-md);line-height:var(--leading-body-md);color:var(--text-neutral-secondary);max-width:560px}.ComponentOverview_links___QEc8{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-p-xs)}.ComponentOverview_headerAction__1a2yt{display:flex;align-items:center;padding-top:6px}.ComponentOverview_linkItem__P1gI_{display:inline-flex;align-items:center;gap:var(--spacing-p-xs)}.ComponentOverview_linkDot__6HHv1{flex-shrink:0;width:4px;height:4px;border-radius:var(--shape-round);background:var(--background-neutral-quaternary)}@media(max-width:760px){.ComponentOverview_links___QEc8{column-gap:var(--spacing-p-xs);row-gap:4px}.ComponentOverview_linkDot__6HHv1{display:none}.ComponentOverview_linkItem__P1gI_{gap:0}}.DocsTemplatePage_page__Km_GQ{display:flex;flex-direction:column;gap:var(--spacing-p-l)}.docs-main:has(.DocsTemplatePage_page__Km_GQ){background:var(--background-neutral-secondary)}.docs-main:has(.DocsTemplatePage_page__Km_GQ) .docs-main-inner{max-width:800px;margin-inline:auto;padding-block:var(--spacing-p-xxxl)}@media(max-width:760px){.docs-main:has(.DocsTemplatePage_page__Km_GQ) .docs-main-inner{padding-block:var(--spacing-p-m)}}