@layer components{.c-resources-colors-color-gamuts-checker{container:c-resources-colors-color-gamuts-checker/inline-size}.c-resources-colors-color-gamuts-checker__main{display:flex}@container c-resources-colors-color-gamuts-checker (width>30rem){.c-resources-colors-color-gamuts-checker__main{flex-direction:row}}.c-resources-colors-color-gamuts-checker__item{border:none var(--global--size-unit-min) var(--alias--color-base-1)}@container c-resources-colors-color-gamuts-checker (width<=30rem){.c-resources-colors-color-gamuts-checker__item:where(:not(:first-child)){border-block-start-style:solid}}@container c-resources-colors-color-gamuts-checker (width>30rem){.c-resources-colors-color-gamuts-checker__item{flex-basis:100%}.c-resources-colors-color-gamuts-checker__item:where(:not(:first-child)){border-inline-start-style:solid}}.c-resources-colors-color-gamuts-checker-item{--c-resources-colors-color-gamuts-checker-item--color:var(--alias--color-base-6);row-gap:var(--global--size-unit-2s);column-gap:var(--global--size-unit-m);padding:var(--global--size-unit-m);grid-template-rows:repeat(2,auto);justify-content:space-between;display:grid}.c-resources-colors-color-gamuts-checker-item:where([data-match=true]){--c-resources-colors-color-gamuts-checker-item--color:var(--alias--color-attention-safety-6)}.c-resources-colors-color-gamuts-checker-item:where([data-match=false]){--c-resources-colors-color-gamuts-checker-item--color:var(--alias--color-attention-danger-6)}.c-resources-colors-color-gamuts-checker-item__icon{font-size:var(--global--size-unit-3l);color:var(--c-resources-colors-color-gamuts-checker-item--color);grid-area:1/2/-1;align-self:center}.c-resources-colors-color-gamuts-checker-item__desc{font-size:var(--global--size-unit-s);color:var(--c-resources-colors-color-gamuts-checker-item--color);text-transform:uppercase;letter-spacing:var(--alias--letter-spacing-l)}.c-resources-colors-color-palette-item__detail{grid-template-columns:var(--global--size-unit-6l) 1fr;display:grid}.c-resources-colors-color-palette-item__codes{padding:var(--global--size-unit-2s)}.c-resources-colors-color-palette-for-svg__main{background-color:var(--global--color-grayscale-0);border:solid var(--global--size-unit-min) var(--alias--color-base-1);border-radius:var(--global--size-unit-2s);overflow:hidden}@media (prefers-contrast:more){.c-resources-colors-color-palette-for-svg__main{border-color:currentColor}}.c-resources-colors-text-colors{--c-resources-colors-text-colors--row-gap:var(--global--size-unit-2l)}.c-resources-colors-text-colors__table-row:where(:last-child) :where(.c-resources-colors-text-colors__table-data-cell){padding-block-end:var(--c-resources-colors-text-colors--row-gap)}.c-resources-colors-text-colors__table-data-cell{color:var(--root--color-foreground);background-color:var(--root--color-background);padding-block-start:var(--c-resources-colors-text-colors--row-gap)}.c-resources-colors-text-colors-item{container:c-resources-colors-text-colors-item/inline-size}.c-resources-colors-text-colors-item__box{padding-block:var(--global--size-unit-m);padding-inline:var(--global--size-unit-2l);font-size:var(--global--size-unit-s)}.c-resources-colors-text-colors-item__texts{padding-inline:var(--global--size-unit-2l)}.c-resources-colors-text-colors-item__texts:where([data-size=large]){font-weight:var(--alias--font-weight-l)}@container c-resources-colors-text-colors-item (width<=20rem){.c-resources-colors-text-colors-item__texts:where([data-size=large]){font-size:var(--global--size-unit-3l)}}@container c-resources-colors-text-colors-item (width>20rem){.c-resources-colors-text-colors-item__texts:where([data-size=large]){font-size:var(--global--size-unit-4l)}}.c-resources-colors-text-colors-item__text-clamp{--c-resources-colors-text-colors-item--text--lines:10;box-orient:block-axis;overflow-block:hidden;-webkit-line-clamp:var(--c-resources-colors-text-colors-item--text--lines);line-clamp:var(--c-resources-colors-text-colors-item--text--lines);word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box}}