.c-checkbox{--color-background-normal: var(--alias--color-background-secondary-normal);--color-background-hover: var(--alias--color-background-secondary-hover);--color-background-active: var(--alias--color-background-secondary-active);--c-checkbox--padding: var(--alias--size-padding-input-block);--c-checkbox--border-width: var(--alias--size-border-width-input);--c-checkbox--size: calc((var(--c-checkbox--padding) + var(--c-checkbox--border-width)) * 2 + 1lh);position:relative;display:inline grid;align-content:center;justify-content:center;block-size:var(--c-checkbox--size);inline-size:var(--c-checkbox--size);padding:var(--c-checkbox--padding);border:solid var(--c-checkbox--border-width) transparent;border-radius:var(--alias--size-border-radius-input);background-color:var(--color-background-normal)}.c-checkbox:where([data-disabled]){border-color:currentColor;background-color:transparent;color:var(--color-background-normal)}@media(any-hover:hover){.c-checkbox:where(:not([data-disabled])):where(:hover){background-color:var(--color-background-hover)}}.c-checkbox:where(:not([data-disabled])):where(:active){background-color:var(--color-background-active)}.c-checkbox:where(:not([data-checked])) :where(.c-checkbox__icon){opacity:0}@media(prefers-contrast:more){.c-checkbox{border-color:currentColor}}.c-color-table{--c-color-table--inline-size: 100cqi;container-type:inline-size;container-name:c-color-table;display:block grid;grid-template-columns:repeat(var(--c-color-table--col-length),1fr);border:solid var(--alias--size-border-width-box) var(--alias--color-background-2);border-radius:var(--alias--size-border-radius-box);overflow:hidden}.c-color-table:where([data-scrollable=true]){overflow-x:auto;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{display:block grid;grid-column:1 / -1;grid-template-columns:subgrid}.c-color-table-body:where([data-sticky=true]){display:block flow;position:sticky;inset-inline:0;inline-size:var(--c-color-table--inline-size)}.c-color-table-header-cell{display:block flow;font-weight:inherit}.c-color-table-data-cell{display:block flow}.c-color-table-data-cell:where([data-full=true]){grid-column:1 / -1}.c-color-table-head-button{--color-background-normal: var(--alias--color-background-secondary-normal);--color-background-hover: var(--alias--color-background-secondary-hover);--color-background-active: var(--alias--color-background-secondary-active);display:block flow;inline-size:100%;padding:var(--global--size-unit-5s);background-color:var(--color-background-normal);font-size:var(--global--size-font-2s);text-transform:uppercase}.c-color-table-head-button:where([data-selected=true])>:where(.c-color-table-head-button__indicator){background-color:var(--root--color-foreground);color:var(--root--color-background)}@media(any-hover:hover){.c-color-table-head-button:where(:hover){background-color:var(--color-background-hover)}}.c-color-table-head-button:where(:active){background-color:var(--color-background-active)}.c-color-table-head-button__indicator{display:inline flow-root;padding-inline:var(--global--size-unit-6s);border-radius:var(--alias--size-border-radius-button-indicator)}.c-color-table-body-button{display:block flow;padding:var(--global--size-unit-5s);font-size:var(--global--size-font-2s);text-transform:uppercase}@media(any-hover:hover){.c-color-table-body-button:where(:hover){--c-color-table-body-button--outline-width: var(--global--size-unit-6s);outline:solid var(--alias--color-link-normal-hover);outline-width:var(--c-color-table-body-button--outline-width)!important;outline-offset:calc(var(--c-color-table-body-button--outline-width) * -1)}}.c-color-table-body-button:where(:active){outline-color:var(--alias--color-link-normal-active)}.c-color-table-codes{display:block grid;column-gap:var(--global--size-unit-3s)}.c-color-table-codes__item{display:block flex;align-items:center;column-gap:var(--global--size-unit-5s)}.c-color-table-codes__badge{--color-foreground-normal: var(--alias--color-foreground-secondary-normal);--color-foreground-hover: var(--alias--color-foreground-secondary-hover);--color-foreground-active: var(--alias--color-foreground-secondary-active);color:var(--color-foreground-normal)}.c-color-name__text{color:var(--root--color-foreground)}.c-color-name__text:where([aria-hidden=true]){-webkit-user-select:none;user-select:none}