.c-color-gamuts{container-type:inline-size;container-name:c-color-gamuts;margin-block-end:var(--alias--margin-block);border:solid var(--alias--border-width-box) transparent;border-radius:var(--alias--border-radius-box);overflow:hidden}@media (prefers-contrast: more){.c-color-gamuts{border-color:currentColor;background-color:currentColor}}.c-color-gamuts__inner{display:block grid}@container c-color-gamuts (width <= 30rem){.c-color-gamuts__inner{row-gap:var(--global--size-unit-min)}}@container c-color-gamuts (width > 30rem){.c-color-gamuts__inner{grid-auto-flow:column;column-gap:var(--global--size-unit-min)}}.c-color-gamuts__item{--c-color-gamuts--item--display-off: block flow;--c-color-gamuts--item--display-on: none;display:block grid;grid-template-rows:repeat(2,auto);column-gap:var(--global--size-unit-3s);padding:var(--global--size-unit-4s);background-color:var(--alias--color-background-2)}@container c-color-gamuts (width <= 30rem){.c-color-gamuts__item{justify-content:start}}@container c-color-gamuts (width > 30rem){.c-color-gamuts__item{justify-content:center}}.c-color-gamuts__item :where(.--off){display:var(--c-color-gamuts--item--display-off);color:var(--alias--color-attention-danger-primary)}.c-color-gamuts__item :where(.--on){display:var(--c-color-gamuts--item--display-on);color:var(--alias--color-attention-safety-primary)}@media (color-gamut: srgb){.c-color-gamuts__item[data-id=srgb]{--c-color-gamuts--item--display-off: none;--c-color-gamuts--item--display-on: block flow}}@media (color-gamut: p3){.c-color-gamuts__item[data-id=p3]{--c-color-gamuts--item--display-off: none;--c-color-gamuts--item--display-on: block flow}}@media (color-gamut: rec2020){.c-color-gamuts__item[data-id=rec2020]{--c-color-gamuts--item--display-off: none;--c-color-gamuts--item--display-on: block flow}}.c-color-gamuts__item-icon{grid-row:1 / -1;align-self:center;font-size:var(--global--size-font-3l)}.c-color-gamuts__item-title{grid-column:2}.c-color-gamuts__item-desc{grid-column:2;font-size:var(--global--size-font-s);font-weight:var(--alias--font-weight-h);letter-spacing:var(--alias--letter-spacing-l);text-transform:uppercase}.c-color-generator{margin-block-end:var(--alias--margin-block)}.c-color-generator__header{margin-block-end:var(--alias--margin-block-header)}.c-color-generator__header-spacer{margin-inline-start:var(--global--size-unit-3s);font-size:0}.c-color-generator-badge{border:solid var(--alias--border-width-input) transparent;background-color:var(--alias--color-background-2);letter-spacing:var(--alias--letter-spacing-l)}@media (prefers-contrast: more){.c-color-generator-badge{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--border-width-box) var(--alias--color-background-2);border-radius:var(--alias--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-row{display:block grid;grid-column:1 / -1;grid-template-columns:subgrid}.c-color-table-col:where([data-full=true]){grid-column:1 / -1}.c-color-table-sticky{position:sticky;inset-inline:0;inline-size:var(--c-color-table--inline-size)}.c-color-table-header-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-header-button:where([data-selected=true])>:where(.c-color-table-header-button__inner){background-color:var(--root--color-foreground);color:var(--root--color-background)}@media (any-hover: hover){.c-color-table-header-button:where(:hover){background-color:var(--color-background-hover)}}.c-color-table-header-button:where(:active){background-color:var(--color-background-active)}.c-color-table-header-button__inner{padding-inline:var(--global--size-unit-6s);border-radius:var(--alias--border-radius-badge)}.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__label{background-color:var(--alias--color-background-2)}.c-color-name__text{color:var(--root--color-foreground)}.c-color-name__text:where([aria-hidden=true]){-webkit-user-select:none;user-select:none}.c-form-fields{display:block grid;row-gap:var(--global--size-unit-m)}@media (width > 46rem){.c-form-fields{grid-template-columns:repeat(2,1fr);column-gap:var(--global--size-unit-m)}}.c-form-fields-item{display:block grid}@media (width <= 46rem){.c-form-fields-item{row-gap:var(--global--size-unit-5s)}}@media (width > 46rem){.c-form-fields-item{grid-column:1 / -1;grid-template-columns:subgrid;align-items:center}}.c-color-palette,.c-color-palette-item{margin-block-end:var(--alias--margin-block)}.c-color-palette-item__header{margin-block-end:var(--alias--margin-block-header)}.c-color-palette-item__detail{display:block grid;grid-template-columns:var(--global--size-unit-5l) 1fr}.c-color-palette-item__codes{padding:var(--global--size-unit-5s)}.c-section-3{margin-block-end:var(--alias--margin-section)}.c-section-3-heading{margin-block-end:var(--alias--margin-section);font-size:var(--global--size-font-l);font-weight:var(--alias--font-weight-h)}.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(--global--size-unit-6s);--c-checkbox--border-width: var(--alias--border-width-input);--c-checkbox--border-radius: var(--alias--border-radius-input);position:relative;display:inline grid;align-content:center;justify-content:center;padding:var(--c-checkbox--padding);border:solid var(--c-checkbox--border-width) transparent;border-radius:var(--c-checkbox--border-radius);background-color:var(--color-background-normal)}.c-checkbox:where([data-disabled]){border-color:var(--color-background-normal);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-palette-svg{margin-block-end:var(--alias--margin-block)}.c-color-palette-svg__header{display:block flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--global--size-unit-3s);column-gap:var(--global--size-unit-m);margin-block-end:var(--alias--margin-block-header)}.c-color-palette-svg__main{border:solid var(--alias--border-width-box) var(--alias--color-background-2);border-radius:var(--alias--border-radius-box);overflow:hidden;background-color:var(--global--color-special-white)}@media (prefers-contrast: more){.c-color-palette-svg__main{border-color:currentColor}}.c-color-list{margin-block-end:var(--alias--margin-block)}.c-color-list-body{--c-color-list-body--gap-block: var(--global--size-unit-m);container-type:inline-size;container-name:c-color-list-body;display:block grid;row-gap:var(--c-color-list-body--gap-block);padding-block:var(--c-color-list-body--gap-block);background-color:var(--root--color-background);color:var(--root--color-foreground)}.c-color-list-body__color,.c-color-list-body__text{padding-inline:var(--global--size-unit-m)}.c-color-list-body__color{padding-block:var(--global--size-unit-3s);font-size:var(--global--size-font-s)}.c-color-list-body__text{display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;overflow-y:hidden;overflow-block:hidden;-webkit-line-clamp:10;line-clamp:10;word-break:break-all}.c-color-list-body__text:where(.--large){font-weight:var(--alias--font-weight-l)}@container c-color-list-body (width <= 20rem){.c-color-list-body__text:where(.--large){font-size:var(--global--size-font-3l)}}@container c-color-list-body (width > 20rem){.c-color-list-body__text:where(.--large){font-size:var(--global--size-font-4l)}}