.c-common-colors-color-gamuts{container-type:inline-size;container-name:c-common-colors-color-gamuts;margin-block-end:var(--alias--size-margin-block);border:solid var(--alias--size-border-width-box) var(--alias--color-background-2);border-radius:var(--alias--size-border-radius-box);overflow:hidden}@media(prefers-contrast:more){.c-common-colors-color-gamuts{border-color:currentColor}}.c-common-colors-color-gamuts__title{--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);padding-block:var(--global--size-unit-5s);padding-inline:var(--global--size-unit-4s);background-color:var(--color-background-normal);letter-spacing:var(--alias--letter-spacing-l);text-transform:uppercase}.c-common-colors-color-gamuts__inner{display:block grid}@container c-common-colors-color-gamuts (width > 30rem){.c-common-colors-color-gamuts__inner{grid-auto-flow:column}}.c-common-colors-color-gamuts__item{border:var(--alias--size-border-width-box) var(--alias--color-background-2)}@container c-common-colors-color-gamuts (width <= 30rem){.c-common-colors-color-gamuts__item:where(:not(:first-child)){border-block-start-style:solid}}@container c-common-colors-color-gamuts (width > 30rem){.c-common-colors-color-gamuts__item:where(:not(:first-child)){border-inline-start-style:solid}}@media(prefers-contrast:more){.c-common-colors-color-gamuts__item{border-color:currentColor}}.c-color-gamut{--c-color-gamut--color: var(--alias--color-foreground-tertiary-normal);display:block grid;grid-template-rows:repeat(2,auto);column-gap:var(--global--size-unit-3s);padding:var(--global--size-unit-4s)}@container c-common-colors-color-gamuts (width <= 30rem){.c-color-gamut{justify-content:start}}@container c-common-colors-color-gamuts (width > 30rem){.c-color-gamut{justify-content:center}}.c-color-gamut:where([data-match=true]){--c-color-gamut--color: var(--alias--color-attention-safety-primary)}.c-color-gamut:where([data-match=false]){--c-color-gamut--color: var(--alias--color-attention-danger-primary)}.c-color-gamut__icon{grid-row:1 / -1;align-self:center;color:var(--c-color-gamut--color);font-size:var(--global--size-font-3l)}.c-color-gamut__title{grid-column:2}.c-color-gamut__desc{grid-column:2;color:var(--c-color-gamut--color);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-common-colors-color-palette,.c-common-colors-color-palette-item{margin-block-end:var(--alias--size-margin-block)}.c-common-colors-color-palette-item__header{margin-block-end:var(--alias--size-margin-block-header)}.c-common-colors-color-palette-item__detail{display:block grid;grid-template-columns:var(--global--size-unit-5l) 1fr}.c-common-colors-color-palette-item__codes{padding:var(--global--size-unit-5s)}.c-section-3{margin-block-end:var(--alias--size-margin-section)}.c-section-3-heading{margin-block-end:var(--alias--size-margin-section);font-size:var(--global--size-font-l);font-weight:var(--alias--font-weight-h)}.c-common-colors-color-palette-svg{margin-block-end:var(--alias--size-margin-block)}.c-common-colors-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--size-margin-block-header)}.c-common-colors-color-palette-svg__main{border:solid var(--alias--size-border-width-box) var(--alias--color-background-2);border-radius:var(--alias--size-border-radius-box);overflow:hidden;background-color:var(--global--color-special-white)}@media(prefers-contrast:more){.c-common-colors-color-palette-svg__main{border-color:currentColor}}.c-common-colors-text-colors{--c-common-colors-text-colors--row-gap: var(--global--size-unit-m);margin-block-end:var(--alias--size-margin-block)}.c-common-colors-text-colors__table-row:where(:last-child) :where(.c-common-colors-text-colors__table-data-cell){padding-block-end:var(--c-common-colors-text-colors--row-gap)}.c-common-colors-text-colors__table-data-cell{padding-block-start:var(--c-common-colors-text-colors--row-gap);background-color:var(--root--color-background);color:var(--root--color-foreground)}.c-common-colors-text-colors-item{container-type:inline-size;container-name:c-common-colors-text-colors-item}.c-common-colors-text-colors-item__box{padding-block:var(--global--size-unit-3s);padding-inline:var(--global--size-unit-m);font-size:var(--global--size-font-s)}.c-common-colors-text-colors-item__text{display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;padding-inline:var(--global--size-unit-m);overflow-y:hidden;overflow-block:hidden;-webkit-line-clamp:10;line-clamp:10;word-break:break-all}.c-common-colors-text-colors-item__text:where([data-size=large]){font-weight:var(--alias--font-weight-l)}@container c-common-colors-text-colors-item (width <= 20rem){.c-common-colors-text-colors-item__text:where([data-size=large]){font-size:var(--global--size-font-3l)}}@container c-common-colors-text-colors-item (width > 20rem){.c-common-colors-text-colors-item__text:where([data-size=large]){font-size:var(--global--size-font-4l)}}