.color-module__PHXjRW__ramp{margin-bottom:var(--space-xxlarge)}.color-module__PHXjRW__rampHead{margin-bottom:var(--space-xsmall);justify-content:space-between;align-items:baseline;display:flex}.color-module__PHXjRW__rampTitle{font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);color:var(--text-neutral-strong);text-transform:capitalize;margin:0}.color-module__PHXjRW__prefix{font-family:var(--font-mono);font-size:var(--font-size-xsmall);color:var(--text-neutral-subtle)}.color-module__PHXjRW__steps{gap:var(--space-xxsmall);display:grid}.color-module__PHXjRW__step{appearance:none;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-medium);padding:var(--space-xsmall);justify-content:space-between;gap:var(--space-xsmall);border:var(--border-width-thin) solid var(--border-neutral-faint);flex-direction:column;min-width:0;min-height:96px;transition:transform .12s;display:flex}.color-module__PHXjRW__step:hover{transform:translateY(-1px)}.color-module__PHXjRW__step:focus-visible{outline:var(--border-width-medium) solid var(--outline-brand);outline-offset:2px}.color-module__PHXjRW__stepNum{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.color-module__PHXjRW__stepMeta{font-family:var(--font-mono);opacity:.9;overflow-wrap:anywhere;font-size:11px;line-height:1.35}.color-module__PHXjRW__onLight{color:var(--text-neutral-max-static)}.color-module__PHXjRW__onDark{color:var(--text-neutral-min-static)}.color-module__PHXjRW__group{margin-bottom:var(--space-xxlarge);padding-bottom:var(--space-large);border-bottom:var(--border-width-thin) solid var(--border-neutral-faint)}.color-module__PHXjRW__subgroup{margin-bottom:var(--space-xxlarge)}.color-module__PHXjRW__subTitle{font-size:var(--font-size-xsmall);color:var(--text-neutral-subtle);margin:0 0 var(--space-small);text-transform:capitalize}.color-module__PHXjRW__items{gap:var(--space-large) var(--space-medium);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.color-module__PHXjRW__item{appearance:none;font:inherit;text-align:left;cursor:pointer;padding:var(--space-xxsmall);margin:calc(-1 * var(--space-xxsmall));align-items:center;gap:var(--space-xsmall);border-radius:var(--radius-medium);background:0 0;border:0;min-width:0;display:flex}.color-module__PHXjRW__item:hover{background:var(--bg-neutral-min-hover)}.color-module__PHXjRW__item:focus-visible{outline:var(--border-width-medium) solid var(--outline-brand)}.color-module__PHXjRW__swatch{border-radius:var(--radius-medium);border:var(--border-width-thin) solid var(--border-neutral-subtle);flex-shrink:0;width:32px;height:32px}.color-module__PHXjRW__itemName{font-size:var(--font-size-small);color:var(--text-neutral-strong);text-transform:capitalize}.color-module__PHXjRW__itemMeta{font-family:var(--font-mono);color:var(--text-neutral-subtle);font-size:11px}.color-module__PHXjRW__copied{color:var(--text-success)}