@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__main-item{--c-resources-colors-color-gamuts-checker--padding:var(--size-16);border:none var(--size-1) var(--adaptive-color-base-1)}@container c-resources-colors-color-gamuts-checker (width<=30rem){.c-resources-colors-color-gamuts-checker__main-item:where(:not(:first-child)){border-block-start-style:solid;padding-block-start:var(--c-resources-colors-color-gamuts-checker--padding)}.c-resources-colors-color-gamuts-checker__main-item:where(:not(:last-child)){padding-block-end:var(--c-resources-colors-color-gamuts-checker--padding)}}@container c-resources-colors-color-gamuts-checker (width>30rem){.c-resources-colors-color-gamuts-checker__main-item{flex-basis:100%}.c-resources-colors-color-gamuts-checker__main-item:where(:not(:first-child)){border-inline-start-style:solid;padding-inline-start:var(--c-resources-colors-color-gamuts-checker--padding)}.c-resources-colors-color-gamuts-checker__main-item:where(:not(:last-child)){padding-inline-end:var(--c-resources-colors-color-gamuts-checker--padding)}}.c-resources-colors-color-gamuts-checker-item{--c-resources-colors-color-gamuts-checker-item--color:var(--adaptive-color-base-6);row-gap:var(--size-8);column-gap:var(--size-16);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(--adaptive-color-attention-safety-6)}.c-resources-colors-color-gamuts-checker-item:where([data-match=false]){--c-resources-colors-color-gamuts-checker-item--color:var(--adaptive-color-attention-danger-6)}.c-resources-colors-color-gamuts-checker-item__icon{font-size:var(--size-32);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(--size-12);color:var(--c-resources-colors-color-gamuts-checker-item--color);text-transform:uppercase;letter-spacing:var(--letter-spacing-2l)}.c-resources-colors-color-palette-item__detail{grid-template-columns:var(--size-60) 1fr;display:grid}.c-resources-colors-color-palette-item__codes{padding:var(--size-8)}.c-unit-header,.c-unit-footer{row-gap:var(--unit-row-gap);column-gap:var(--unit-column-gap);flex-flow:wrap;display:flex}.c-unit-header{justify-content:space-between;align-items:end;margin-block-end:var(--unit-margin-block)}.c-unit-footer{justify-content:end;align-items:start;margin-block-start:var(--unit-margin-block)}.c-resources-colors-color-palette-for-svg__main{--color-background-primary:var(--adaptive-color-base-1);--color-background-secondary:var(--adaptive-color-base-2);--color-background-tertiary:var(--adaptive-color-base-3);background-color:var(--static-color-grayscale-0);border:solid var(--box-border-width) var(--color-background-primary);border-radius:var(--box-border-radius);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(--size-24)}.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-foreground-color);background-color:var(--root-background-color);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(--size-16);padding-inline:var(--size-24);font-size:var(--size-12)}.c-resources-colors-text-colors-item__texts{padding-inline:var(--size-24)}.c-resources-colors-text-colors-item__texts:where([data-size=large]){font-weight:var(--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(--size-32)}}@container c-resources-colors-text-colors-item (width>20rem){.c-resources-colors-text-colors-item__texts:where([data-size=large]){font-size:var(--size-40)}}.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}}