@layer components{.c-color-table{--color-background-primary:var(--alias--color-base-1);--color-background-secondary:var(--alias--color-base-2);--color-background-tertiary:var(--alias--color-base-3);--c-color-table--button-border-radius:calc(var(--global--size-unit-2s) - var(--global--size-unit-min));grid-template-columns:repeat(var(--c-color-table--col-length), minmax(var(--global--size-unit-6l), auto));border:solid var(--global--size-unit-min) var(--color-background-primary);border-radius:var(--global--size-unit-2s);display:grid;overflow:hidden;container:c-color-table/inline-size}.c-color-table:where([data-scrollable=true]){overflow-inline:auto;white-space:nowrap}@media (prefers-contrast:more){.c-color-table{border-color:currentColor}}.c-color-table-head,.c-color-table-body,.c-color-table-foot,.c-color-table-row{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.c-color-table-body:where([data-sticky=true]){inline-size:100cqi;display:block;position:sticky;inset-inline:0}.c-color-table-head :where(.c-color-table-row:first-child) :where(.c-color-table-header-cell):where(:first-child) :where(.c-color-table-head-button),.c-color-table-head :where(.c-color-table-row:first-child) :where(.c-color-table-header-cell):where(:first-child) :where(.c-color-table-head-button):before{border-start-start-radius:var(--c-color-table--button-border-radius)}.c-color-table-head :where(.c-color-table-row:first-child) :where(.c-color-table-header-cell):where(:last-child) :where(.c-color-table-head-button),.c-color-table-head :where(.c-color-table-row:first-child) :where(.c-color-table-header-cell):where(:last-child) :where(.c-color-table-head-button):before{border-start-end-radius:var(--c-color-table--button-border-radius)}.c-color-table-body :where(.c-color-table-row:last-child) :where(.c-color-table-data-cell):where(:first-child) :where(.c-color-table-body-button),.c-color-table-body :where(.c-color-table-row:last-child) :where(.c-color-table-data-cell):where(:first-child) :where(.c-color-table-body-button):before{border-end-start-radius:var(--c-color-table--button-border-radius)}.c-color-table-body :where(.c-color-table-row:last-child) :where(.c-color-table-data-cell):where(:last-child) :where(.c-color-table-body-button),.c-color-table-body :where(.c-color-table-row:last-child) :where(.c-color-table-data-cell):where(:last-child) :where(.c-color-table-body-button):before{border-end-end-radius:var(--c-color-table--button-border-radius)}.c-color-table-header-cell{font-weight:inherit}.c-color-table-data-cell :where([data-expanded=true]){grid-column:1/-1}.c-color-table-head-button{inline-size:100%;padding:var(--global--size-unit-3s);font-size:var(--global--size-unit-s);text-transform:uppercase;background-color:var(--color-background-primary);border:solid var(--global--size-unit-min) transparent;align-items:center;display:flex}@media (any-hover:hover){.c-color-table-head-button:where(:hover){border-color:var(--color-background-secondary)}}.c-color-table-head-button:where(:focus-visible){--c-color-table-head-button--outline-width:var(--global--size-unit-4s);outline:solid var(--c-color-table-head-button--outline-width) var(--alias--color-accent);outline-offset:calc(var(--c-color-table-head-button--outline-width) * -1)}.c-color-table-head-button:where(:active){background-color:var(--color-background-secondary)}.c-color-table-head-button__indicator{padding-block:var(--global--size-unit-3s);padding-inline:var(--global--size-unit-3s);border-radius:var(--global--size-unit-3s)}.c-color-table-head-button__indicator:where([data-selected=true]){--color-background-primary:var(--alias--color-base-10);--color-background-secondary:var(--alias--color-base-9);--color-background-tertiary:var(--alias--color-base-8);--color-foreground-primary:var(--alias--color-base-0);--color-foreground-secondary:var(--alias--color-base-1);--color-foreground-tertiary:var(--alias--color-base-2);color:var(--color-foreground-primary);background-color:var(--color-background-primary)}.c-color-table-body-button{padding:var(--global--size-unit-2s);font-size:var(--global--size-unit-s);text-transform:uppercase;display:block;position:relative}.c-color-table-body-button:before,.c-color-table-body-button:after{content:"";display:none;position:absolute;inset:0}.c-color-table-body-button:before{border:solid var(--global--size-unit-min) var(--global--color-grayscale-0);mix-blend-mode:difference}@media (any-hover:hover){.c-color-table-body-button:where(:hover):before{display:unset;opacity:var(--global--opacity-050)}}.c-color-table-body-button:where(:focus-visible):after{--c-color-table-head-button--outline-width:var(--global--size-unit-4s);display:unset;outline:solid var(--c-color-table-head-button--outline-width) var(--alias--color-accent);outline-offset:calc(var(--c-color-table-head-button--outline-width) * -1)}.c-color-table-body-button:where(:active):before{display:unset;opacity:var(--global--opacity-080)}.c-color-table-codes{row-gap:var(--global--size-unit-3s);column-gap:var(--global--size-unit-2s);grid-template-columns:auto 1fr;align-items:center;display:grid}.c-color-table-codes__item,.c-color-table-codes__term{display:contents}.c-color-table-codes__badge{--color-foreground-primary:var(--alias--color-base-8);--color-foreground-secondary:var(--alias--color-base-7);--color-foreground-tertiary:var(--alias--color-base-6);color:var(--color-foreground-primary)}.c-color-name__text{color:var(--root--color-foreground)}.c-color-name__text:where([aria-hidden=true]){-webkit-user-select:none;user-select:none}}