.cc-sample{display:inline-flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:var(--uds-border-radius-container-sm);flex:0 0 auto;font-size:var(--uds-font-size-md);font-weight:var(--uds-font-weight-medium);line-height:1}.cc-sample--sm{width:28px;height:22px;font-size:var(--uds-font-size-base)}.cc-sample--icon .material-symbols-outlined{font-size:18px}.cc-sample--sm.cc-sample--icon .material-symbols-outlined{font-size:14px}.cc-sample--border{border:2px solid}.cc-ratio{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);white-space:nowrap}.cc-verdict{display:inline-flex;align-items:center;height:20px;padding:0 var(--uds-space-100);border-radius:var(--uds-border-radius-container-full);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium);white-space:nowrap;letter-spacing:.02em}.cc-verdict-aaa{background:var(--uds-color-surface-success-subtle);color:var(--uds-color-text-success)}.cc-verdict-aa{background:var(--uds-color-surface-info-subtle);color:var(--uds-color-text-info)}.cc-verdict-aa-large{background:var(--uds-color-surface-warning-subtle);color:var(--uds-color-text-warning)}.cc-verdict-fail{background:var(--uds-color-surface-error-subtle);color:var(--uds-color-text-error)}.cc-by-design,.cc-verdict-na{background:var(--uds-color-surface-alt);color:var(--uds-color-text-secondary)}.cc-by-design{display:inline-flex;align-items:center;height:20px;padding:0 var(--uds-space-100);border-radius:var(--uds-border-radius-container-full);font-size:var(--uds-font-size-xs)}.cc-app{display:flex;flex-direction:column;gap:var(--uds-space-400)}.cc-app>.ds-state-message{margin:0}.cc-hero-anchor{scroll-margin-top:var(--uds-space-300)}.cc-hero{display:flex;flex-direction:column;gap:var(--uds-space-250);padding:var(--uds-space-300)}.cc-pickers{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:var(--uds-space-150);gap:var(--uds-space-150)}.cc-pickers-on{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary);font-weight:var(--uds-font-weight-medium);text-transform:lowercase;padding-bottom:var(--uds-space-150)}.cc-picker{position:relative;display:flex;flex-direction:column;gap:var(--uds-space-050);min-width:0}.cc-picker-label{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-secondary)}.cc-picker-trigger{display:flex;align-items:center;gap:var(--uds-space-100);width:100%;min-height:44px;padding:var(--uds-space-100) var(--uds-space-150);background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-primary);border-radius:var(--uds-border-radius-input);color:var(--uds-color-text-primary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-base);cursor:pointer;transition:border-color .12s ease;text-align:left}.cc-picker-trigger:hover{border-color:var(--uds-color-border-interactive)}.cc-picker-trigger:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px}.cc-picker-trigger[aria-expanded=true]{border-color:var(--uds-color-border-interactive);box-shadow:0 0 0 1px var(--uds-color-border-interactive)}.cc-picker-trigger-swatch{display:inline-block;flex:0 0 auto;width:24px;height:24px;border-radius:var(--uds-border-radius-container-sm);background:var(--uds-color-surface-alt);border:1px solid var(--uds-color-border-tertiary)}.cc-picker-trigger-name{flex:1 1 auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-picker-trigger-kind{display:inline-flex;align-items:center;height:20px;padding:0 var(--uds-space-100);border-radius:var(--uds-border-radius-container-full);background:var(--uds-color-surface-alt);color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto}.cc-picker-trigger-kind:empty{display:none}.cc-picker-trigger-chevron{flex:0 0 auto;color:var(--uds-color-icon-secondary);transition:transform .12s ease;font-size:20px}.cc-picker-trigger[aria-expanded=true] .cc-picker-trigger-chevron{transform:rotate(180deg)}.cc-picker-trigger .ds-badge{flex:0 0 auto;letter-spacing:.04em;text-transform:uppercase}.cc-popover{position:absolute;top:calc(100% + var(--uds-space-050));left:0;right:0;z-index:40;display:flex;flex-direction:column;max-height:360px;background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-primary);border-radius:var(--uds-border-radius-container);box-shadow:var(--uds-shadow-depth-300);overflow:hidden}.cc-popover-search-row{position:relative;display:flex;align-items:center;padding:var(--uds-space-150);border-bottom:1px solid var(--uds-color-border-tertiary);background:var(--uds-color-surface-subtle)}.cc-popover-search-icon{position:absolute;left:var(--uds-space-200);font-size:20px;color:var(--uds-color-icon-secondary);pointer-events:none}.cc-popover-search{width:100%;height:36px;padding:0 var(--uds-space-150) 0 calc(var(--uds-space-200) + 24px);border:1px solid var(--uds-color-border-primary);border-radius:var(--uds-border-radius-input);background:var(--uds-color-surface-main);color:var(--uds-color-text-primary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-base)}.cc-popover-search:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px;border-color:var(--uds-color-border-interactive)}.cc-popover-kinds{gap:var(--uds-space-150);padding:var(--uds-space-100) var(--uds-space-150);background:var(--uds-color-surface-subtle);border-bottom:1px solid var(--uds-color-border-tertiary)}.cc-popover-kind,.cc-popover-kinds{display:inline-flex;align-items:center}.cc-popover-kind{gap:var(--uds-space-050);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);cursor:pointer}.cc-popover-kind input{accent-color:var(--uds-color-surface-interactive-default)}.cc-popover-list{flex:1 1 auto;overflow-y:auto;padding:var(--uds-space-100) 0}.cc-popover-group+.cc-popover-group{border-top:1px solid var(--uds-color-border-tertiary);margin-top:var(--uds-space-100);padding-top:var(--uds-space-100)}.cc-popover-group-head{display:flex;gap:var(--uds-space-100);padding:var(--uds-space-050) var(--uds-space-200);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--uds-font-weight-medium)}.cc-popover-group-count,.cc-popover-group-head{align-items:center;font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary)}.cc-popover-group-count{display:inline-flex;justify-content:center;min-width:18px;height:18px;padding:0 var(--uds-space-050);border-radius:999px;background:var(--uds-color-surface-alt)}.cc-popover-option{display:flex;align-items:center;gap:var(--uds-space-150);width:100%;padding:var(--uds-space-100) var(--uds-space-200);background:transparent;border:0;text-align:left;cursor:pointer;color:var(--uds-color-text-primary)}.cc-popover-option--selected,.cc-popover-option:hover{background:var(--uds-color-surface-interactive-subtle)}.cc-popover-option:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:-2px}.cc-popover-swatch{flex:0 0 auto;width:22px;height:22px;border-radius:var(--uds-border-radius-container-sm);border:1px solid var(--uds-color-border-tertiary);background:var(--uds-color-surface-alt)}.cc-popover-swatch--border{border-width:2px;background:var(--uds-color-surface-main)}.cc-popover-option-name{flex:1 1 auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-popover-option-check{font-size:18px;color:var(--uds-color-icon-interactive)}.cc-popover-empty{padding:var(--uds-space-300) var(--uds-space-200);text-align:center;color:var(--uds-color-text-secondary);font-size:var(--uds-font-size-sm)}.cc-hero-stage{display:flex;flex-direction:column;gap:var(--uds-space-150);padding:var(--uds-space-300);border-radius:var(--uds-border-radius-container);border:1px solid var(--uds-color-border-tertiary);min-height:220px;overflow:hidden}.cc-stage-heading{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.cc-stage-text{margin:0;font-family:var(--uds-font-family)}.cc-stage-text--lg{font-size:22px;font-weight:var(--uds-font-weight-medium);line-height:1.4}.cc-stage-text--md{font-size:16px}.cc-stage-text--md,.cc-stage-text--sm{font-weight:var(--uds-font-weight-regular);line-height:1.55}.cc-stage-text--sm{font-size:14px;opacity:.85}.cc-stage-icons{display:flex;align-items:center;gap:var(--uds-space-200);flex-wrap:wrap}.cc-stage-icon--xl{font-size:48px}.cc-stage-icon--lg{font-size:32px}.cc-stage-icon--md{font-size:24px}.cc-stage-border-row{display:flex;align-items:center;gap:var(--uds-space-200);flex-wrap:wrap}.cc-stage-border-input{height:40px;padding:0 var(--uds-space-200);border:1px solid;border-radius:var(--uds-border-radius-input)}.cc-stage-border-chip,.cc-stage-border-input{display:inline-flex;align-items:center;background:transparent;font-size:14px}.cc-stage-border-chip{height:28px;padding:0 var(--uds-space-150);border:1px solid;border-radius:var(--uds-border-radius-container-full)}.cc-stage-border-card{padding:var(--uds-space-200);border:1px solid;border-radius:var(--uds-border-radius-container);background:transparent}.cc-stage-border-card,.cc-verdict-row{display:flex;flex-direction:column;gap:var(--uds-space-100)}.cc-verdict-row{align-items:flex-start;padding:var(--uds-space-200) var(--uds-space-300)}.cc-big-pair{display:flex;align-items:center;gap:var(--uds-space-200);flex-wrap:wrap}.cc-big-ratio{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:36px;font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-primary);letter-spacing:-.01em;line-height:1}.cc-big-ratio--na{color:var(--uds-color-text-secondary);font-size:24px}.cc-big-pair .ds-badge{min-height:36px;padding:0 var(--uds-space-200);font-size:var(--uds-font-size-base)}.cc-big-note{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary)}.cc-themes-wrap{display:flex;flex-direction:column;gap:var(--uds-space-100)}.cc-themes-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--uds-space-150)}.cc-themes-label{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-primary);text-transform:uppercase;letter-spacing:.06em}.cc-themes-hint{font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary)}.cc-themes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--uds-space-100);gap:var(--uds-space-100)}.cc-theme-cell{display:grid;grid-template-rows:auto auto auto;grid-gap:var(--uds-space-075);gap:var(--uds-space-075);padding:var(--uds-space-100) var(--uds-space-100) var(--uds-space-150);background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-tertiary);border-radius:var(--uds-border-radius-container-sm);cursor:pointer;text-align:center;transition:border-color .12s ease,transform .12s ease;color:var(--uds-color-text-primary)}.cc-theme-cell:hover{border-color:var(--uds-color-border-interactive);transform:translateY(-1px)}.cc-theme-cell:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px}.cc-theme-cell--active{border-color:var(--uds-color-border-interactive);box-shadow:0 0 0 1px var(--uds-color-border-interactive)}.cc-theme-cell[data-status=fail]{border-color:var(--uds-color-border-error)}.cc-theme-cell[data-status=aa-large]{border-color:var(--uds-color-border-warning)}.cc-theme-name{font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-theme-name,.cc-theme-preview{font-weight:var(--uds-font-weight-medium)}.cc-theme-preview{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--uds-border-radius-container-sm);border:1px solid var(--uds-color-border-tertiary);font-size:18px}.cc-theme-preview-ring{display:inline-block;width:24px;height:24px;border-radius:var(--uds-border-radius-container-sm);border:2px solid}.cc-theme-result{display:inline-flex;align-items:center;justify-content:center;gap:var(--uds-space-050)}.cc-theme-icon{font-size:18px;display:inline-flex}.cc-theme-icon--aa,.cc-theme-icon--aaa{color:var(--uds-color-icon-success)}.cc-theme-icon--aa-large{color:var(--uds-color-icon-warning)}.cc-theme-icon--fail{color:var(--uds-color-icon-error)}.cc-theme-icon--na{color:var(--uds-color-icon-secondary)}.cc-theme-ratio{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--uds-font-size-xs);color:var(--uds-color-text-primary)}.cc-browse{display:flex;flex-direction:column;gap:var(--uds-space-200);padding:var(--uds-space-300)}.cc-browse-section{margin-top:0}.cc-browse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--uds-space-200);flex-wrap:wrap}.cc-browse-tabs{display:inline-flex;padding:var(--uds-space-050);background:var(--uds-color-surface-subtle);border:1px solid var(--uds-color-border-tertiary);border-radius:var(--uds-border-radius-container-full);gap:var(--uds-space-025)}.cc-tab{display:inline-flex;align-items:center;height:32px;padding:0 var(--uds-space-200);border:0;background:transparent;color:var(--uds-color-text-secondary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);border-radius:var(--uds-border-radius-container-full);cursor:pointer;white-space:nowrap}.cc-tab--active,.cc-tab:hover{color:var(--uds-color-text-primary)}.cc-tab--active{background:var(--uds-color-surface-main);box-shadow:var(--uds-shadow-depth-100)}.cc-tab:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px}.cc-browse-filters{display:inline-flex;align-items:center;gap:var(--uds-space-150);flex-wrap:wrap}.cc-browse-filters-label{color:var(--uds-color-text-secondary)}.cc-browse-filters-label,.cc-kind-chip{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium)}.cc-kind-chip{display:inline-flex;align-items:center;gap:var(--uds-space-050);min-height:32px;padding:var(--uds-space-075) var(--uds-space-150);border:1px solid var(--uds-color-border-secondary);border-radius:var(--uds-border-radius-container-full);background:var(--uds-color-surface-main);color:var(--uds-color-text-primary);font-family:var(--uds-font-family);cursor:pointer}.cc-kind-chip[aria-selected=true]{border-color:var(--uds-color-surface-interactive-active);background:var(--uds-color-surface-interactive-active);color:var(--uds-color-text-inverse)}.cc-kind-chip:hover{border-color:var(--uds-color-border-interactive)}.cc-kind-chip:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px}.cc-kind-chip__leading-icon{display:inline-flex;align-items:center}.cc-kind-chip__leading-icon .material-symbols-outlined{font-size:16px}.cc-kind-chip[aria-selected=false] .cc-kind-chip__leading-icon{display:none}.cc-fail-only{display:inline-flex;align-items:center;gap:var(--uds-space-075);padding:var(--uds-space-050) var(--uds-space-150);border:1px solid var(--uds-color-border-tertiary);border-radius:var(--uds-border-radius-container-full);background:var(--uds-color-surface-main);font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);cursor:pointer}.cc-fail-only:hover{border-color:var(--uds-color-border-interactive)}.cc-fail-only input{accent-color:var(--uds-color-icon-error)}.cc-curated-list{display:flex;flex-direction:column;gap:var(--uds-space-100)}.cc-curated-row{display:grid;grid-template-columns:minmax(180px,1.4fr) 80px minmax(180px,1.6fr) minmax(180px,1fr) auto;align-items:center;grid-gap:var(--uds-space-200);gap:var(--uds-space-200);padding:var(--uds-space-100) var(--uds-space-200);background:var(--uds-color-surface-main);border:1px solid var(--uds-color-border-tertiary);border-radius:var(--uds-border-radius-container-sm);cursor:pointer;text-align:left;font-family:var(--uds-font-family);color:var(--uds-color-text-primary);transition:border-color .12s ease,background-color .12s ease}.cc-curated-row:hover{border-color:var(--uds-color-border-interactive);background:var(--uds-color-surface-interactive-subtle)}.cc-curated-row:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:2px}.cc-curated-row--active{border-color:var(--uds-color-border-interactive);box-shadow:0 0 0 1px var(--uds-color-border-interactive)}.cc-curated-row[data-status=fail]{border-left:3px solid var(--uds-color-border-error)}.cc-curated-row[data-status=aa-large]{border-left:3px solid var(--uds-color-border-warning)}.cc-curated-row[data-status=aa],.cc-curated-row[data-status=aaa]{border-left:3px solid var(--uds-color-border-success)}.cc-curated-title{display:flex;flex-direction:column;gap:var(--uds-space-050);min-width:0}.cc-curated-pill,.cc-curated-title .ds-badge{align-self:flex-start;letter-spacing:.04em;text-transform:uppercase}.cc-curated-pill{display:inline-flex;align-items:center;height:18px;padding:0 var(--uds-space-100);border-radius:var(--uds-border-radius-container-full);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium);background:var(--uds-color-surface-alt);color:var(--uds-color-text-secondary)}.cc-curated-pill--text{background:var(--uds-color-surface-info-subtle);color:var(--uds-color-text-info)}.cc-curated-pill--icon{background:var(--uds-color-surface-success-subtle);color:var(--uds-color-text-success)}.cc-curated-pill--border{background:var(--uds-color-surface-warning-subtle);color:var(--uds-color-text-warning)}.cc-curated-titletext{font-size:var(--uds-font-size-base);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-primary);line-height:1.3}.cc-curated-preview{display:flex;align-items:center;justify-content:center;height:48px;border-radius:var(--uds-border-radius-container-sm);border:1px solid var(--uds-color-border-tertiary);font-size:20px;font-weight:var(--uds-font-weight-medium)}.cc-curated-preview .material-symbols-outlined{font-size:22px}.cc-curated-preview-text{font-size:22px;font-weight:var(--uds-font-weight-medium);line-height:1}.cc-curated-preview-border{display:inline-block;width:26px;height:18px;border-radius:var(--uds-border-radius-container-sm);border:2px solid}.cc-curated-tokens{display:inline-flex;align-items:center;gap:var(--uds-space-100);flex-wrap:wrap;min-width:0}.cc-curated-token{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;color:var(--uds-color-text-primary);padding:var(--uds-space-025) var(--uds-space-075);background:var(--uds-color-surface-subtle);border-radius:var(--uds-border-radius-container-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cc-curated-on,.cc-curated-token{font-size:var(--uds-font-size-xs)}.cc-curated-on{color:var(--uds-color-text-secondary);text-transform:lowercase}.cc-curated-verdict{display:inline-flex;align-items:center;gap:var(--uds-space-075);flex-wrap:wrap;justify-self:end}.cc-curated-arrow{font-size:18px;color:var(--uds-color-icon-secondary);transition:transform .12s ease;justify-self:end}.cc-curated-row:hover .cc-curated-arrow{transform:translateX(2px);color:var(--uds-color-icon-interactive)}.cc-matrix-scroll{overflow:auto;max-height:70vh}table.cc-matrix{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:var(--uds-font-size-sm);background:var(--uds-color-surface-main)}.cc-matrix td,.cc-matrix th{padding:0;border-right:1px solid var(--uds-color-border-tertiary);border-bottom:1px solid var(--uds-color-border-tertiary);vertical-align:top;text-align:left;background:var(--uds-color-surface-main)}.cc-matrix thead th{top:0;z-index:2;padding:var(--uds-space-100) var(--uds-space-150);background:var(--uds-color-surface-subtle);white-space:nowrap}.cc-matrix thead th,.cc-matrix-corner{position:-webkit-sticky;position:sticky}.cc-matrix-corner{left:0;z-index:3!important;background:var(--uds-color-surface-subtle)!important;min-width:220px;display:table-cell}.cc-matrix-corner-arrow,.cc-matrix-corner-divider,.cc-matrix-corner-label{display:inline-block;vertical-align:middle}.cc-matrix-corner-label{font-size:var(--uds-font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--uds-color-text-secondary);font-weight:var(--uds-font-weight-medium)}.cc-matrix-corner-arrow{margin:0 var(--uds-space-075);font-size:var(--uds-font-size-base);color:var(--uds-color-icon-secondary)}.cc-matrix-corner-divider{width:1px;height:16px;background:var(--uds-color-border-tertiary);margin:0 var(--uds-space-150);vertical-align:middle}.cc-matrix-row{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:var(--uds-color-surface-subtle)!important;display:flex;align-items:center;gap:var(--uds-space-100);min-width:220px;padding:var(--uds-space-100) var(--uds-space-150)}.cc-matrix-row-swatch{display:inline-block;width:18px;height:18px;flex:0 0 18px;border-radius:var(--uds-border-radius-container-sm);border:1px solid var(--uds-color-border-tertiary)}.cc-matrix-row-name{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:var(--uds-font-size-xs);color:var(--uds-color-text-primary);word-break:break-all}.cc-matrix-col{min-width:140px;vertical-align:bottom}.cc-matrix-col-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--uds-color-text-secondary);margin-bottom:var(--uds-space-025)}.cc-matrix-col-kind,.cc-matrix-col-name{display:block;font-size:var(--uds-font-size-xs)}.cc-matrix-col-name{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;color:var(--uds-color-text-primary);word-break:break-all}.cc-matrix-col--text{box-shadow:inset 0 3px 0 0 var(--uds-color-border-info)}.cc-matrix-col--icon{box-shadow:inset 0 3px 0 0 var(--uds-color-border-success)}.cc-matrix-col--border{box-shadow:inset 0 3px 0 0 var(--uds-color-border-warning)}.cc-matrix-cell{min-width:140px;padding:0}.cc-matrix-cell--blank{background:repeating-linear-gradient(45deg,var(--uds-color-surface-main),var(--uds-color-surface-main) 6px,var(--uds-color-surface-subtle) 6px,var(--uds-color-surface-subtle) 12px)!important}.cc-matrix-cell-btn{display:flex;flex-direction:column;gap:var(--uds-space-050);width:100%;height:100%;padding:var(--uds-space-100) var(--uds-space-150);background:transparent;border:0;text-align:left;cursor:pointer;color:inherit;font-family:var(--uds-font-family)}.cc-matrix-cell-btn:hover{background:var(--uds-color-surface-interactive-subtle)}.cc-matrix-cell-btn:focus-visible{outline:2px solid var(--uds-color-border-outline-focus-visible);outline-offset:-2px}.cc-matrix-cell--active .cc-matrix-cell-btn{background:var(--uds-color-surface-interactive-subtle);box-shadow:inset 0 0 0 2px var(--uds-color-border-interactive)}.cc-matrix-cell-meta,.cc-matrix-cell-sample{display:flex;align-items:center}.cc-matrix-cell-meta{flex-wrap:wrap;gap:var(--uds-space-050)}.cc-help{margin:0}.cc-help-summary{display:flex;align-items:center;gap:var(--uds-space-100);padding:var(--uds-space-150) var(--uds-space-200);font-size:var(--uds-font-size-base);font-weight:var(--uds-font-weight-medium);color:var(--uds-color-text-primary);cursor:pointer;list-style:none}.cc-help-summary::-webkit-details-marker{display:none}.cc-help-summary .material-symbols-outlined{color:var(--uds-color-icon-secondary);font-size:20px}.cc-help[open] .cc-help-summary{border-bottom:1px solid var(--uds-color-border-secondary)}.cc-help-body{padding:var(--uds-space-200)}.cc-help-list{list-style:disc;padding-left:var(--uds-space-300);margin:0;display:flex;flex-direction:column;gap:var(--uds-space-100);color:var(--uds-color-text-primary)}.cc-help-list li{line-height:var(--uds-font-line-height-md)}.cc-help-list code{font-size:var(--uds-font-size-sm)}@media (max-width:960px){.cc-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-curated-row{grid-template-columns:1fr 60px 1fr;grid-template-rows:auto auto;row-gap:var(--uds-space-100)}.cc-curated-tokens{grid-column:1/-1}.cc-curated-verdict{grid-column:1/-1;justify-self:start}.cc-curated-arrow{display:none}}@media (max-width:640px){.cc-pickers{grid-template-columns:1fr}.cc-pickers-on{display:none}.cc-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-browse-toolbar{flex-direction:column;align-items:stretch}.cc-browse-tabs{width:100%;justify-content:stretch}.cc-tab{flex:1 1;justify-content:center}.cc-big-ratio{font-size:28px}}