@layer components{.c-tools-color-palette-generator__table{flex-grow:1}.c-tools-panes,.c-tools-panes__inner{flex-grow:1;display:flex}.c-tools-panes{container:c-tools-panes/inline-size}@container c-tools-panes (width<=45rem){.c-tools-panes__inner{row-gap:var(--alias--size-tools-row-gap)}}@container c-tools-panes (width>45rem){.c-tools-panes__inner{column-gap:var(--alias--size-tools-column-gap);flex-direction:row}}.c-tools-panes-main,.c-tools-panes-aside{row-gap:var(--alias--size-tools-row-gap);display:flex}@container c-tools-panes (width>45rem){.c-tools-panes-main{flex-grow:1}}.c-tools-panes-aside{font-size:var(--global--size-unit-s)}@container c-tools-panes (width>45rem){.c-tools-panes-aside{flex-basis:30em}}.c-tools-heading-1{font-size:var(--global--size-unit-2l);font-weight:var(--alias--font-weight-2h)}.c-tools-heading-1 :where(.c-badge){vertical-align:.375em}}