filledDefaultLarge container color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-default-large-container-color
Full Path	bobby, component, button, filledDefaultLarge, container, color

filledDefaultLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-filled-default-large-container-height
Full Path	bobby, component, button, filledDefaultLarge, container, height

filledDefaultLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-filled-default-large-container-shape
Full Path	bobby, component, button, filledDefaultLarge, container, shape

filledDefaultLarge disabled container color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-filled-default-large-disabled-container-color
Full Path	bobby, component, button, filledDefaultLarge, disabled, container, color

filledDefaultLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-filled-default-large-disabled-foreground-color
Full Path	bobby, component, button, filledDefaultLarge, disabled, foreground, color

filledDefaultLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-large-focus-foreground-color
Full Path	bobby, component, button, filledDefaultLarge, focus, foreground, color

filledDefaultLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-large-foreground-color
Full Path	bobby, component, button, filledDefaultLarge, foreground, color

filledDefaultLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-filled-default-large-horizontal-padding
Full Path	bobby, component, button, filledDefaultLarge, horizontal, padding

filledDefaultLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-large-hover-foreground-color
Full Path	bobby, component, button, filledDefaultLarge, hover, foreground, color

filledDefaultLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-filled-default-large-label-text-typography
Full Path	bobby, component, button, filledDefaultLarge, label, text, typography

filledDefaultLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-large-pressed-foreground-color
Full Path	bobby, component, button, filledDefaultLarge, pressed, foreground, color

filledDefaultLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-filled-default-large-spacing
Full Path	bobby, component, button, filledDefaultLarge, spacing

filledDefaultSmall container color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-default-small-container-color
Full Path	bobby, component, button, filledDefaultSmall, container, color

filledDefaultSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-filled-default-small-container-height
Full Path	bobby, component, button, filledDefaultSmall, container, height

filledDefaultSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-filled-default-small-container-shape
Full Path	bobby, component, button, filledDefaultSmall, container, shape

filledDefaultSmall disabled container color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-filled-default-small-disabled-container-color
Full Path	bobby, component, button, filledDefaultSmall, disabled, container, color

filledDefaultSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-filled-default-small-disabled-foreground-color
Full Path	bobby, component, button, filledDefaultSmall, disabled, foreground, color

filledDefaultSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-small-focus-foreground-color
Full Path	bobby, component, button, filledDefaultSmall, focus, foreground, color

filledDefaultSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-small-foreground-color
Full Path	bobby, component, button, filledDefaultSmall, foreground, color

filledDefaultSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-filled-default-small-horizontal-padding
Full Path	bobby, component, button, filledDefaultSmall, horizontal, padding

filledDefaultSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-small-hover-foreground-color
Full Path	bobby, component, button, filledDefaultSmall, hover, foreground, color

filledDefaultSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-filled-default-small-label-text-typography
Full Path	bobby, component, button, filledDefaultSmall, label, text, typography

filledDefaultSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-default-small-pressed-foreground-color
Full Path	bobby, component, button, filledDefaultSmall, pressed, foreground, color

filledDefaultSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-filled-default-small-spacing
Full Path	bobby, component, button, filledDefaultSmall, spacing

filledInvertedLarge container color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-inverted-large-container-color
Full Path	bobby, component, button, filledInvertedLarge, container, color

filledInvertedLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-filled-inverted-large-container-height
Full Path	bobby, component, button, filledInvertedLarge, container, height

filledInvertedLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-filled-inverted-large-container-shape
Full Path	bobby, component, button, filledInvertedLarge, container, shape

filledInvertedLarge disabled container color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-filled-inverted-large-disabled-container-color
Full Path	bobby, component, button, filledInvertedLarge, disabled, container, color

filledInvertedLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-filled-inverted-large-disabled-foreground-color
Full Path	bobby, component, button, filledInvertedLarge, disabled, foreground, color

filledInvertedLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-large-focus-foreground-color
Full Path	bobby, component, button, filledInvertedLarge, focus, foreground, color

filledInvertedLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-large-foreground-color
Full Path	bobby, component, button, filledInvertedLarge, foreground, color

filledInvertedLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-filled-inverted-large-horizontal-padding
Full Path	bobby, component, button, filledInvertedLarge, horizontal, padding

filledInvertedLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-large-hover-foreground-color
Full Path	bobby, component, button, filledInvertedLarge, hover, foreground, color

filledInvertedLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-filled-inverted-large-label-text-typography
Full Path	bobby, component, button, filledInvertedLarge, label, text, typography

filledInvertedLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-large-pressed-foreground-color
Full Path	bobby, component, button, filledInvertedLarge, pressed, foreground, color

filledInvertedLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-filled-inverted-large-spacing
Full Path	bobby, component, button, filledInvertedLarge, spacing

filledInvertedSmall container color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-filled-inverted-small-container-color
Full Path	bobby, component, button, filledInvertedSmall, container, color

filledInvertedSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-filled-inverted-small-container-height
Full Path	bobby, component, button, filledInvertedSmall, container, height

filledInvertedSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-filled-inverted-small-container-shape
Full Path	bobby, component, button, filledInvertedSmall, container, shape

filledInvertedSmall disabled container color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-filled-inverted-small-disabled-container-color
Full Path	bobby, component, button, filledInvertedSmall, disabled, container, color

filledInvertedSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-filled-inverted-small-disabled-foreground-color
Full Path	bobby, component, button, filledInvertedSmall, disabled, foreground, color

filledInvertedSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-small-focus-foreground-color
Full Path	bobby, component, button, filledInvertedSmall, focus, foreground, color

filledInvertedSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-small-foreground-color
Full Path	bobby, component, button, filledInvertedSmall, foreground, color

filledInvertedSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-filled-inverted-small-horizontal-padding
Full Path	bobby, component, button, filledInvertedSmall, horizontal, padding

filledInvertedSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-small-hover-foreground-color
Full Path	bobby, component, button, filledInvertedSmall, hover, foreground, color

filledInvertedSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-filled-inverted-small-label-text-typography
Full Path	bobby, component, button, filledInvertedSmall, label, text, typography

filledInvertedSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-filled-inverted-small-pressed-foreground-color
Full Path	bobby, component, button, filledInvertedSmall, pressed, foreground, color

filledInvertedSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-filled-inverted-small-spacing
Full Path	bobby, component, button, filledInvertedSmall, spacing

outlinedDefaultLarge container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-outlined-default-large-container-color
Full Path	bobby, component, button, outlinedDefaultLarge, container, color

outlinedDefaultLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-outlined-default-large-container-height
Full Path	bobby, component, button, outlinedDefaultLarge, container, height

outlinedDefaultLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-outlined-default-large-container-shape
Full Path	bobby, component, button, outlinedDefaultLarge, container, shape

outlinedDefaultLarge disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.80}, 0)
CSS Variable	--bobby-component-button-outlined-default-large-disabled-container-color
Full Path	bobby, component, button, outlinedDefaultLarge, disabled, container, color

outlinedDefaultLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-outlined-default-large-disabled-foreground-color
Full Path	bobby, component, button, outlinedDefaultLarge, disabled, foreground, color

outlinedDefaultLarge disabled outline color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-outlined-default-large-disabled-outline-color
Full Path	bobby, component, button, outlinedDefaultLarge, disabled, outline, color

outlinedDefaultLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-focus-foreground-color
Full Path	bobby, component, button, outlinedDefaultLarge, focus, foreground, color

outlinedDefaultLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-foreground-color
Full Path	bobby, component, button, outlinedDefaultLarge, foreground, color

outlinedDefaultLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-outlined-default-large-horizontal-padding
Full Path	bobby, component, button, outlinedDefaultLarge, horizontal, padding

outlinedDefaultLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-hover-foreground-color
Full Path	bobby, component, button, outlinedDefaultLarge, hover, foreground, color

outlinedDefaultLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-outlined-default-large-label-text-typography
Full Path	bobby, component, button, outlinedDefaultLarge, label, text, typography

outlinedDefaultLarge outline color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-outline-color
Full Path	bobby, component, button, outlinedDefaultLarge, outline, color

outlinedDefaultLarge outline width

bobby component button

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-button-outlined-default-large-outline-width
Full Path	bobby, component, button, outlinedDefaultLarge, outline, width

outlinedDefaultLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-pressed-foreground-color
Full Path	bobby, component, button, outlinedDefaultLarge, pressed, foreground, color

outlinedDefaultLarge pressed outline color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-large-pressed-outline-color
Full Path	bobby, component, button, outlinedDefaultLarge, pressed, outline, color

outlinedDefaultLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-outlined-default-large-spacing
Full Path	bobby, component, button, outlinedDefaultLarge, spacing

outlinedDefaultSmall container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-outlined-default-small-container-color
Full Path	bobby, component, button, outlinedDefaultSmall, container, color

outlinedDefaultSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-outlined-default-small-container-height
Full Path	bobby, component, button, outlinedDefaultSmall, container, height

outlinedDefaultSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-outlined-default-small-container-shape
Full Path	bobby, component, button, outlinedDefaultSmall, container, shape

outlinedDefaultSmall disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.80}, 0)
CSS Variable	--bobby-component-button-outlined-default-small-disabled-container-color
Full Path	bobby, component, button, outlinedDefaultSmall, disabled, container, color

outlinedDefaultSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-outlined-default-small-disabled-foreground-color
Full Path	bobby, component, button, outlinedDefaultSmall, disabled, foreground, color

outlinedDefaultSmall disabled outline color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-outlined-default-small-disabled-outline-color
Full Path	bobby, component, button, outlinedDefaultSmall, disabled, outline, color

outlinedDefaultSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-small-focus-foreground-color
Full Path	bobby, component, button, outlinedDefaultSmall, focus, foreground, color

outlinedDefaultSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-small-foreground-color
Full Path	bobby, component, button, outlinedDefaultSmall, foreground, color

outlinedDefaultSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-outlined-default-small-horizontal-padding
Full Path	bobby, component, button, outlinedDefaultSmall, horizontal, padding

outlinedDefaultSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-small-hover-foreground-color
Full Path	bobby, component, button, outlinedDefaultSmall, hover, foreground, color

outlinedDefaultSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-outlined-default-small-label-text-typography
Full Path	bobby, component, button, outlinedDefaultSmall, label, text, typography

outlinedDefaultSmall outline color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-small-outline-color
Full Path	bobby, component, button, outlinedDefaultSmall, outline, color

outlinedDefaultSmall outline width

bobby component button

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-button-outlined-default-small-outline-width
Full Path	bobby, component, button, outlinedDefaultSmall, outline, width

outlinedDefaultSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-default-small-pressed-foreground-color
Full Path	bobby, component, button, outlinedDefaultSmall, pressed, foreground, color

outlinedDefaultSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-outlined-default-small-spacing
Full Path	bobby, component, button, outlinedDefaultSmall, spacing

outlinedInvertedLarge container color

bobby component button

Value	rgba({pico.semantic.color.ui.primary}, 0)
CSS Variable	--bobby-component-button-outlined-inverted-large-container-color
Full Path	bobby, component, button, outlinedInvertedLarge, container, color

outlinedInvertedLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-outlined-inverted-large-container-height
Full Path	bobby, component, button, outlinedInvertedLarge, container, height

outlinedInvertedLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-outlined-inverted-large-container-shape
Full Path	bobby, component, button, outlinedInvertedLarge, container, shape

outlinedInvertedLarge disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.50}, 0)
CSS Variable	--bobby-component-button-outlined-inverted-large-disabled-container-color
Full Path	bobby, component, button, outlinedInvertedLarge, disabled, container, color

outlinedInvertedLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-outlined-inverted-large-disabled-foreground-color
Full Path	bobby, component, button, outlinedInvertedLarge, disabled, foreground, color

outlinedInvertedLarge disabled outline color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-outlined-inverted-large-disabled-outline-color
Full Path	bobby, component, button, outlinedInvertedLarge, disabled, outline, color

outlinedInvertedLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-large-focus-foreground-color
Full Path	bobby, component, button, outlinedInvertedLarge, focus, foreground, color

outlinedInvertedLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-large-foreground-color
Full Path	bobby, component, button, outlinedInvertedLarge, foreground, color

outlinedInvertedLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-outlined-inverted-large-horizontal-padding
Full Path	bobby, component, button, outlinedInvertedLarge, horizontal, padding

outlinedInvertedLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-large-hover-foreground-color
Full Path	bobby, component, button, outlinedInvertedLarge, hover, foreground, color

outlinedInvertedLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-outlined-inverted-large-label-text-typography
Full Path	bobby, component, button, outlinedInvertedLarge, label, text, typography

outlinedInvertedLarge outline color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-large-outline-color
Full Path	bobby, component, button, outlinedInvertedLarge, outline, color

outlinedInvertedLarge outline width

bobby component button

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-button-outlined-inverted-large-outline-width
Full Path	bobby, component, button, outlinedInvertedLarge, outline, width

outlinedInvertedLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-large-pressed-foreground-color
Full Path	bobby, component, button, outlinedInvertedLarge, pressed, foreground, color

outlinedInvertedLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-outlined-inverted-large-spacing
Full Path	bobby, component, button, outlinedInvertedLarge, spacing

outlinedInvertedSmall container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-outlined-inverted-small-container-color
Full Path	bobby, component, button, outlinedInvertedSmall, container, color

outlinedInvertedSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-outlined-inverted-small-container-height
Full Path	bobby, component, button, outlinedInvertedSmall, container, height

outlinedInvertedSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-outlined-inverted-small-container-shape
Full Path	bobby, component, button, outlinedInvertedSmall, container, shape

outlinedInvertedSmall disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.50}, 0)
CSS Variable	--bobby-component-button-outlined-inverted-small-disabled-container-color
Full Path	bobby, component, button, outlinedInvertedSmall, disabled, container, color

outlinedInvertedSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-outlined-inverted-small-disabled-foreground-color
Full Path	bobby, component, button, outlinedInvertedSmall, disabled, foreground, color

outlinedInvertedSmall disabled outline color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-outlined-inverted-small-disabled-outline-color
Full Path	bobby, component, button, outlinedInvertedSmall, disabled, outline, color

outlinedInvertedSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-small-focus-foreground-color
Full Path	bobby, component, button, outlinedInvertedSmall, focus, foreground, color

outlinedInvertedSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-outlined-inverted-small-foreground-color
Full Path	bobby, component, button, outlinedInvertedSmall, foreground, color

outlinedInvertedSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-outlined-inverted-small-horizontal-padding
Full Path	bobby, component, button, outlinedInvertedSmall, horizontal, padding

outlinedInvertedSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-small-hover-foreground-color
Full Path	bobby, component, button, outlinedInvertedSmall, hover, foreground, color

outlinedInvertedSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-outlined-inverted-small-label-text-typography
Full Path	bobby, component, button, outlinedInvertedSmall, label, text, typography

outlinedInvertedSmall outline color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-small-outline-color
Full Path	bobby, component, button, outlinedInvertedSmall, outline, color

outlinedInvertedSmall outline width

bobby component button

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-button-outlined-inverted-small-outline-width
Full Path	bobby, component, button, outlinedInvertedSmall, outline, width

outlinedInvertedSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-outlined-inverted-small-pressed-foreground-color
Full Path	bobby, component, button, outlinedInvertedSmall, pressed, foreground, color

outlinedInvertedSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-outlined-inverted-small-spacing
Full Path	bobby, component, button, outlinedInvertedSmall, spacing

textDefaultLarge container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-text-default-large-container-color
Full Path	bobby, component, button, textDefaultLarge, container, color

textDefaultLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-text-default-large-container-height
Full Path	bobby, component, button, textDefaultLarge, container, height

textDefaultLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-text-default-large-container-shape
Full Path	bobby, component, button, textDefaultLarge, container, shape

textDefaultLarge disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.80}, 0)
CSS Variable	--bobby-component-button-text-default-large-disabled-container-color
Full Path	bobby, component, button, textDefaultLarge, disabled, container, color

textDefaultLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-text-default-large-disabled-foreground-color
Full Path	bobby, component, button, textDefaultLarge, disabled, foreground, color

textDefaultLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-large-focus-foreground-color
Full Path	bobby, component, button, textDefaultLarge, focus, foreground, color

textDefaultLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-large-foreground-color
Full Path	bobby, component, button, textDefaultLarge, foreground, color

textDefaultLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-text-default-large-horizontal-padding
Full Path	bobby, component, button, textDefaultLarge, horizontal, padding

textDefaultLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-large-hover-foreground-color
Full Path	bobby, component, button, textDefaultLarge, hover, foreground, color

textDefaultLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-text-default-large-label-text-typography
Full Path	bobby, component, button, textDefaultLarge, label, text, typography

textDefaultLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-large-pressed-foreground-color
Full Path	bobby, component, button, textDefaultLarge, pressed, foreground, color

textDefaultLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-text-default-large-spacing
Full Path	bobby, component, button, textDefaultLarge, spacing

textDefaultSmall container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-text-default-small-container-color
Full Path	bobby, component, button, textDefaultSmall, container, color

textDefaultSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-text-default-small-container-height
Full Path	bobby, component, button, textDefaultSmall, container, height

textDefaultSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-text-default-small-container-shape
Full Path	bobby, component, button, textDefaultSmall, container, shape

textDefaultSmall disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.80}, 0)
CSS Variable	--bobby-component-button-text-default-small-disabled-container-color
Full Path	bobby, component, button, textDefaultSmall, disabled, container, color

textDefaultSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-button-text-default-small-disabled-foreground-color
Full Path	bobby, component, button, textDefaultSmall, disabled, foreground, color

textDefaultSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-small-focus-foreground-color
Full Path	bobby, component, button, textDefaultSmall, focus, foreground, color

textDefaultSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-small-foreground-color
Full Path	bobby, component, button, textDefaultSmall, foreground, color

textDefaultSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-text-default-small-horizontal-padding
Full Path	bobby, component, button, textDefaultSmall, horizontal, padding

textDefaultSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-small-hover-foreground-color
Full Path	bobby, component, button, textDefaultSmall, hover, foreground, color

textDefaultSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-text-default-small-label-text-typography
Full Path	bobby, component, button, textDefaultSmall, label, text, typography

textDefaultSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-default-small-pressed-foreground-color
Full Path	bobby, component, button, textDefaultSmall, pressed, foreground, color

textDefaultSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-text-default-small-spacing
Full Path	bobby, component, button, textDefaultSmall, spacing

textInvertedLarge container color

bobby component button

Value	rgba({pico.semantic.color.ui.primary}, 0)
CSS Variable	--bobby-component-button-text-inverted-large-container-color
Full Path	bobby, component, button, textInvertedLarge, container, color

textInvertedLarge container height

bobby component button

Value	40
CSS Variable	--bobby-component-button-text-inverted-large-container-height
Full Path	bobby, component, button, textInvertedLarge, container, height

textInvertedLarge container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-text-inverted-large-container-shape
Full Path	bobby, component, button, textInvertedLarge, container, shape

textInvertedLarge disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.50}, 0)
CSS Variable	--bobby-component-button-text-inverted-large-disabled-container-color
Full Path	bobby, component, button, textInvertedLarge, disabled, container, color

textInvertedLarge disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-text-inverted-large-disabled-foreground-color
Full Path	bobby, component, button, textInvertedLarge, disabled, foreground, color

textInvertedLarge focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-large-focus-foreground-color
Full Path	bobby, component, button, textInvertedLarge, focus, foreground, color

textInvertedLarge foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-large-foreground-color
Full Path	bobby, component, button, textInvertedLarge, foreground, color

textInvertedLarge horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-text-inverted-large-horizontal-padding
Full Path	bobby, component, button, textInvertedLarge, horizontal, padding

textInvertedLarge hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-large-hover-foreground-color
Full Path	bobby, component, button, textInvertedLarge, hover, foreground, color

textInvertedLarge label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-text-inverted-large-label-text-typography
Full Path	bobby, component, button, textInvertedLarge, label, text, typography

textInvertedLarge pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-large-pressed-foreground-color
Full Path	bobby, component, button, textInvertedLarge, pressed, foreground, color

textInvertedLarge spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-text-inverted-large-spacing
Full Path	bobby, component, button, textInvertedLarge, spacing

textInvertedSmall container color

bobby component button

Value	rgba({pico.semantic.color.ui.onPrimary}, 0)
CSS Variable	--bobby-component-button-text-inverted-small-container-color
Full Path	bobby, component, button, textInvertedSmall, container, color

textInvertedSmall container height

bobby component button

Value	32
CSS Variable	--bobby-component-button-text-inverted-small-container-height
Full Path	bobby, component, button, textInvertedSmall, container, height

textInvertedSmall container shape

bobby component button

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-button-text-inverted-small-container-shape
Full Path	bobby, component, button, textInvertedSmall, container, shape

textInvertedSmall disabled container color

bobby component button

Value	rgba({pico.ref.color.ui.neutral.50}, 0)
CSS Variable	--bobby-component-button-text-inverted-small-disabled-container-color
Full Path	bobby, component, button, textInvertedSmall, disabled, container, color

textInvertedSmall disabled foreground color

bobby component button

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-button-text-inverted-small-disabled-foreground-color
Full Path	bobby, component, button, textInvertedSmall, disabled, foreground, color

textInvertedSmall focus foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-small-focus-foreground-color
Full Path	bobby, component, button, textInvertedSmall, focus, foreground, color

textInvertedSmall foreground color

bobby component button

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-button-text-inverted-small-foreground-color
Full Path	bobby, component, button, textInvertedSmall, foreground, color

textInvertedSmall horizontal padding

bobby component button

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-button-text-inverted-small-horizontal-padding
Full Path	bobby, component, button, textInvertedSmall, horizontal, padding

textInvertedSmall hover foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-small-hover-foreground-color
Full Path	bobby, component, button, textInvertedSmall, hover, foreground, color

textInvertedSmall label text typography

bobby component button

Value	[object Object]
CSS Variable	--bobby-component-button-text-inverted-small-label-text-typography
Full Path	bobby, component, button, textInvertedSmall, label, text, typography

textInvertedSmall pressed foreground color

bobby component button

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-button-text-inverted-small-pressed-foreground-color
Full Path	bobby, component, button, textInvertedSmall, pressed, foreground, color

textInvertedSmall spacing

bobby component button

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-button-text-inverted-small-spacing
Full Path	bobby, component, button, textInvertedSmall, spacing

container color

bobby component card

Value	{pico.semantic.color.ui.surfaceContainerHigh}
CSS Variable	--bobby-component-card-container-color
Full Path	bobby, component, card, container, color

container elevation

bobby component card

Value	{pico.semantic.shape.elevation.level.low}
CSS Variable	--bobby-component-card-container-elevation
Full Path	bobby, component, card, container, elevation

container shape

bobby component card

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-card-container-shape
Full Path	bobby, component, card, container, shape

padding horizontal

bobby component card

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-card-padding-horizontal
Full Path	bobby, component, card, padding, horizontal

padding vertical

bobby component card

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-card-padding-vertical
Full Path	bobby, component, card, padding, vertical

container shape

bobby component checkbox

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-checkbox-container-shape
Full Path	bobby, component, checkbox, container, shape

container size

bobby component checkbox

Value	18
CSS Variable	--bobby-component-checkbox-container-size
Full Path	bobby, component, checkbox, container, size

disabled outline color

bobby component checkbox

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-checkbox-disabled-outline-color
Full Path	bobby, component, checkbox, disabled, outline, color

disabled outline width

bobby component checkbox

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-checkbox-disabled-outline-width
Full Path	bobby, component, checkbox, disabled, outline, width

focus outline color

bobby component checkbox

Value	{pico.ref.color.ui.primary.30}
CSS Variable	--bobby-component-checkbox-focus-outline-color
Full Path	bobby, component, checkbox, focus, outline, color

focus outline width

bobby component checkbox

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-checkbox-focus-outline-width
Full Path	bobby, component, checkbox, focus, outline, width

hover outline color

bobby component checkbox

Value	{pico.ref.color.ui.primary.30}
CSS Variable	--bobby-component-checkbox-hover-outline-color
Full Path	bobby, component, checkbox, hover, outline, color

hover outline width

bobby component checkbox

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-checkbox-hover-outline-width
Full Path	bobby, component, checkbox, hover, outline, width

outline color

bobby component checkbox

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-checkbox-outline-color
Full Path	bobby, component, checkbox, outline, color

outline width

bobby component checkbox

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-checkbox-outline-width
Full Path	bobby, component, checkbox, outline, width

pressed outline color

bobby component checkbox

Value	{pico.ref.color.ui.primary.20}
CSS Variable	--bobby-component-checkbox-pressed-outline-color
Full Path	bobby, component, checkbox, pressed, outline, color

pressed outline width

bobby component checkbox

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-checkbox-pressed-outline-width
Full Path	bobby, component, checkbox, pressed, outline, width

selected container color

bobby component checkbox

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-checkbox-selected-container-color
Full Path	bobby, component, checkbox, selected, container, color

selected disabled container color

bobby component checkbox

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-checkbox-selected-disabled-container-color
Full Path	bobby, component, checkbox, selected, disabled, container, color

selected disabled icon color

bobby component checkbox

Value	{pico.ref.color.ui.neutral.20}
CSS Variable	--bobby-component-checkbox-selected-disabled-icon-color
Full Path	bobby, component, checkbox, selected, disabled, icon, color

selected focus container color

bobby component checkbox

Value	{pico.ref.color.ui.primary.30}
CSS Variable	--bobby-component-checkbox-selected-focus-container-color
Full Path	bobby, component, checkbox, selected, focus, container, color

selected focus icon color

bobby component checkbox

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-checkbox-selected-focus-icon-color
Full Path	bobby, component, checkbox, selected, focus, icon, color

selected hover container color

bobby component checkbox

Value	{pico.ref.color.ui.primary.30}
CSS Variable	--bobby-component-checkbox-selected-hover-container-color
Full Path	bobby, component, checkbox, selected, hover, container, color

selected hover icon color

bobby component checkbox

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-checkbox-selected-hover-icon-color
Full Path	bobby, component, checkbox, selected, hover, icon, color

selected icon color

bobby component checkbox

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-checkbox-selected-icon-color
Full Path	bobby, component, checkbox, selected, icon, color

selected pressed container color

bobby component checkbox

Value	{pico.ref.color.ui.primary.20}
CSS Variable	--bobby-component-checkbox-selected-pressed-container-color
Full Path	bobby, component, checkbox, selected, pressed, container, color

selected pressed icon color

bobby component checkbox

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-checkbox-selected-pressed-icon-color
Full Path	bobby, component, checkbox, selected, pressed, icon, color

container height

bobby component chip

Value	32
CSS Variable	--bobby-component-chip-container-height
Full Path	bobby, component, chip, container, height

container shape

bobby component chip

Value	{pico.ref.shape.corner.full}
CSS Variable	--bobby-component-chip-container-shape
Full Path	bobby, component, chip, container, shape

disabled foreground color

bobby component chip

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-chip-disabled-foreground-color
Full Path	bobby, component, chip, disabled, foreground, color

disabled outline color

bobby component chip

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-chip-disabled-outline-color
Full Path	bobby, component, chip, disabled, outline, color

focus foreground color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-focus-foreground-color
Full Path	bobby, component, chip, focus, foreground, color

foreground color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-foreground-color
Full Path	bobby, component, chip, foreground, color

horizontal padding

bobby component chip

Value	{pico.ref.spacing.m}
CSS Variable	--bobby-component-chip-horizontal-padding
Full Path	bobby, component, chip, horizontal, padding

hover foreground color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-hover-foreground-color
Full Path	bobby, component, chip, hover, foreground, color

icon color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-icon-color
Full Path	bobby, component, chip, icon, color

label text typography

bobby component chip

Value	[object Object]
CSS Variable	--bobby-component-chip-label-text-typography
Full Path	bobby, component, chip, label, text, typography

outline color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-outline-color
Full Path	bobby, component, chip, outline, color

outline width

bobby component chip

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-chip-outline-width
Full Path	bobby, component, chip, outline, width

pressed foreground color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-pressed-foreground-color
Full Path	bobby, component, chip, pressed, foreground, color

selected container color

bobby component chip

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-chip-selected-container-color
Full Path	bobby, component, chip, selected, container, color

selected disabled container color

bobby component chip

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-chip-selected-disabled-container-color
Full Path	bobby, component, chip, selected, disabled, container, color

selected focus foreground color

bobby component chip

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-chip-selected-focus-foreground-color
Full Path	bobby, component, chip, selected, focus, foreground, color

selected foreground color

bobby component chip

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-chip-selected-foreground-color
Full Path	bobby, component, chip, selected, foreground, color

selected hover foreground color

bobby component chip

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-chip-selected-hover-foreground-color
Full Path	bobby, component, chip, selected, hover, foreground, color

selected outline width

bobby component chip

Value	0
CSS Variable	--bobby-component-chip-selected-outline-width
Full Path	bobby, component, chip, selected, outline, width

selected pressed foreground color

bobby component chip

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-chip-selected-pressed-foreground-color
Full Path	bobby, component, chip, selected, pressed, foreground, color

background color

bobby component hero

Value	transparent
CSS Variable	--bobby-component-hero-background-color
Full Path	bobby, component, hero, background, color

button disabled icon color

bobby component icon

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-icon-button-disabled-icon-color
Full Path	bobby, component, icon, button, disabled, icon, color

button focus icon color

bobby component icon

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-icon-button-focus-icon-color
Full Path	bobby, component, icon, button, focus, icon, color

button hover icon color

bobby component icon

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-icon-button-hover-icon-color
Full Path	bobby, component, icon, button, hover, icon, color

button hover state layer color

bobby component icon

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-icon-button-hover-state-layer-color
Full Path	bobby, component, icon, button, hover, state, layer, color

button hover state layer opacity

bobby component icon

Value	{bobby.component.state.layer.opacity.hover}
CSS Variable	--bobby-component-icon-button-hover-state-layer-opacity
Full Path	bobby, component, icon, button, hover, state, layer, opacity

button icon color

bobby component icon

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-icon-button-icon-color
Full Path	bobby, component, icon, button, icon, color

button pressed icon color

bobby component icon

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-icon-button-pressed-icon-color
Full Path	bobby, component, icon, button, pressed, icon, color

button pressed state layer color

bobby component icon

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-icon-button-pressed-state-layer-color
Full Path	bobby, component, icon, button, pressed, state, layer, color

button pressed state layer opacity

bobby component icon

Value	{bobby.component.state.layer.opacity.pressed}
CSS Variable	--bobby-component-icon-button-pressed-state-layer-opacity
Full Path	bobby, component, icon, button, pressed, state, layer, opacity

button selected focus icon color

bobby component icon

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-icon-button-selected-focus-icon-color
Full Path	bobby, component, icon, button, selected, focus, icon, color

button selected hover icon color

bobby component icon

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-icon-button-selected-hover-icon-color
Full Path	bobby, component, icon, button, selected, hover, icon, color

button selected hover state layer color

bobby component icon

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-icon-button-selected-hover-state-layer-color
Full Path	bobby, component, icon, button, selected, hover, state, layer, color

button selected hover state layer opacity

bobby component icon

Value	{bobby.component.state.layer.opacity.hover}
CSS Variable	--bobby-component-icon-button-selected-hover-state-layer-opacity
Full Path	bobby, component, icon, button, selected, hover, state, layer, opacity

button selected icon color

bobby component icon

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-icon-button-selected-icon-color
Full Path	bobby, component, icon, button, selected, icon, color

button selected pressed icon color

bobby component icon

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-icon-button-selected-pressed-icon-color
Full Path	bobby, component, icon, button, selected, pressed, icon, color

button selected pressed state layer color

bobby component icon

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-icon-button-selected-pressed-state-layer-color
Full Path	bobby, component, icon, button, selected, pressed, state, layer, color

button selected pressed state layer opacity

bobby component icon

Value	{bobby.component.state.layer.opacity.pressed}
CSS Variable	--bobby-component-icon-button-selected-pressed-state-layer-opacity
Full Path	bobby, component, icon, button, selected, pressed, state, layer, opacity

container color

bobby component list

Value	{pico.semantic.color.ui.surface}
CSS Variable	--bobby-component-list-container-color
Full Path	bobby, component, list, container, color

item horizontal padding

bobby component list

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-list-item-horizontal-padding
Full Path	bobby, component, list, item, horizontal, padding

item hover state layer color

bobby component list

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-list-item-hover-state-layer-color
Full Path	bobby, component, list, item, hover, state, layer, color

item hover state layer opacity

bobby component list

Value	{bobby.component.state.layer.opacity.hover}
CSS Variable	--bobby-component-list-item-hover-state-layer-opacity
Full Path	bobby, component, list, item, hover, state, layer, opacity

item icon color

bobby component list

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-list-item-icon-color
Full Path	bobby, component, list, item, icon, color

item label text color

bobby component list

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-list-item-label-text-color
Full Path	bobby, component, list, item, label, text, color

item label text typography

bobby component list

Value	{pico.semantic.typography.body.large}
CSS Variable	--bobby-component-list-item-label-text-typography
Full Path	bobby, component, list, item, label, text, typography

item pressed state layer color

bobby component list

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-list-item-pressed-state-layer-color
Full Path	bobby, component, list, item, pressed, state, layer, color

item pressed state layer opacity

bobby component list

Value	{bobby.component.state.layer.opacity.pressed}
CSS Variable	--bobby-component-list-item-pressed-state-layer-opacity
Full Path	bobby, component, list, item, pressed, state, layer, opacity

item supporting text color

bobby component list

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-list-item-supporting-text-color
Full Path	bobby, component, list, item, supporting, text, color

item supporting text typography

bobby component list

Value	{pico.semantic.typography.body.medium}
CSS Variable	--bobby-component-list-item-supporting-text-typography
Full Path	bobby, component, list, item, supporting, text, typography

item trailing supporting text color

bobby component list

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-list-item-trailing-supporting-text-color
Full Path	bobby, component, list, item, trailing, supporting, text, color

item trailing supporting text typography

bobby component list

Value	{pico.semantic.typography.body.medium}
CSS Variable	--bobby-component-list-item-trailing-supporting-text-typography
Full Path	bobby, component, list, item, trailing, supporting, text, typography

item vertical padding

bobby component list

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-list-item-vertical-padding
Full Path	bobby, component, list, item, vertical, padding

container color

bobby component menu

Value	{pico.semantic.color.ui.surfaceContainerLowest}
CSS Variable	--bobby-component-menu-container-color
Full Path	bobby, component, menu, container, color

container elevation

bobby component menu

Value	{pico.semantic.shape.elevation.level.low}
CSS Variable	--bobby-component-menu-container-elevation
Full Path	bobby, component, menu, container, elevation

container shape

bobby component menu

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-menu-container-shape
Full Path	bobby, component, menu, container, shape

item container color

bobby component menu

Value	{pico.semantic.color.ui.surfaceContainerLowest}
CSS Variable	--bobby-component-menu-item-container-color
Full Path	bobby, component, menu, item, container, color

item horizontal padding

bobby component menu

Value	{pico.ref.spacing.s}
CSS Variable	--bobby-component-menu-item-horizontal-padding
Full Path	bobby, component, menu, item, horizontal, padding

item hover state layer color

bobby component menu

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-menu-item-hover-state-layer-color
Full Path	bobby, component, menu, item, hover, state, layer, color

item hover state layer opacity

bobby component menu

Value	{bobby.component.state.layer.opacity.hover}
CSS Variable	--bobby-component-menu-item-hover-state-layer-opacity
Full Path	bobby, component, menu, item, hover, state, layer, opacity

item icon color

bobby component menu

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-menu-item-icon-color
Full Path	bobby, component, menu, item, icon, color

item label text color

bobby component menu

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-menu-item-label-text-color
Full Path	bobby, component, menu, item, label, text, color

item label text typography

bobby component menu

Value	{pico.semantic.typography.body.medium}
CSS Variable	--bobby-component-menu-item-label-text-typography
Full Path	bobby, component, menu, item, label, text, typography

item line container height

bobby component menu

Value	{pico.ref.spacing.l}
CSS Variable	--bobby-component-menu-item-line-container-height
Full Path	bobby, component, menu, item, line, container, height

item pressed state layer color

bobby component menu

Value	{bobby.component.state.layer.color.darken}
CSS Variable	--bobby-component-menu-item-pressed-state-layer-color
Full Path	bobby, component, menu, item, pressed, state, layer, color

item pressed state layer opacity

bobby component menu

Value	{bobby.component.state.layer.opacity.pressed}
CSS Variable	--bobby-component-menu-item-pressed-state-layer-opacity
Full Path	bobby, component, menu, item, pressed, state, layer, opacity

item selected container color

bobby component menu

Value	{pico.semantic.color.ui.surface}
CSS Variable	--bobby-component-menu-item-selected-container-color
Full Path	bobby, component, menu, item, selected, container, color

item selected label text color

bobby component menu

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-menu-item-selected-label-text-color
Full Path	bobby, component, menu, item, selected, label, text, color

item supporting text color

bobby component menu

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-menu-item-supporting-text-color
Full Path	bobby, component, menu, item, supporting, text, color

item supporting text typography

bobby component menu

Value	{pico.semantic.typography.body.small}
CSS Variable	--bobby-component-menu-item-supporting-text-typography
Full Path	bobby, component, menu, item, supporting, text, typography

item vertical padding

bobby component menu

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-menu-item-vertical-padding
Full Path	bobby, component, menu, item, vertical, padding

background color

bobby component section

Value	transparent
CSS Variable	--bobby-component-section-background-color
Full Path	bobby, component, section, background, color

layer color darken

bobby component state

Value	{pico.ref.color.ui.neutral.0}
CSS Variable	--bobby-component-state-layer-color-darken
Full Path	bobby, component, state, layer, color, darken

layer color lighten

bobby component state

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-state-layer-color-lighten
Full Path	bobby, component, state, layer, color, lighten

layer opacity hover

bobby component state

Value	{pico.ref.color.opacity.10}
CSS Variable	--bobby-component-state-layer-opacity-hover
Full Path	bobby, component, state, layer, opacity, hover

layer opacity pressed

bobby component state

Value	{pico.ref.color.opacity.20}
CSS Variable	--bobby-component-state-layer-opacity-pressed
Full Path	bobby, component, state, layer, opacity, pressed

disabled handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-switch-disabled-handle-color
Full Path	bobby, component, switch, disabled, handle, color

disabled icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-switch-disabled-icon-color
Full Path	bobby, component, switch, disabled, icon, color

disabled track color

bobby component switch

Value	transparent
CSS Variable	--bobby-component-switch-disabled-track-color
Full Path	bobby, component, switch, disabled, track, color

disabled track outline color

bobby component switch

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-switch-disabled-track-outline-color
Full Path	bobby, component, switch, disabled, track, outline, color

focus handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-focus-handle-color
Full Path	bobby, component, switch, focus, handle, color

focus icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-switch-focus-icon-color
Full Path	bobby, component, switch, focus, icon, color

focus track color

bobby component switch

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--bobby-component-switch-focus-track-color
Full Path	bobby, component, switch, focus, track, color

focus track outline color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-focus-track-outline-color
Full Path	bobby, component, switch, focus, track, outline, color

handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-switch-handle-color
Full Path	bobby, component, switch, handle, color

handle height

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-handle-height
Full Path	bobby, component, switch, handle, height

handle shape

bobby component switch

Value	{pico.ref.shape.corner.full}
CSS Variable	--bobby-component-switch-handle-shape
Full Path	bobby, component, switch, handle, shape

handle width

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-handle-width
Full Path	bobby, component, switch, handle, width

hover handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-hover-handle-color
Full Path	bobby, component, switch, hover, handle, color

hover icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-switch-hover-icon-color
Full Path	bobby, component, switch, hover, icon, color

hover track color

bobby component switch

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--bobby-component-switch-hover-track-color
Full Path	bobby, component, switch, hover, track, color

hover track outline color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-hover-track-outline-color
Full Path	bobby, component, switch, hover, track, outline, color

icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-switch-icon-color
Full Path	bobby, component, switch, icon, color

pressed handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-pressed-handle-color
Full Path	bobby, component, switch, pressed, handle, color

pressed handle height

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-pressed-handle-height
Full Path	bobby, component, switch, pressed, handle, height

pressed handle width

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-pressed-handle-width
Full Path	bobby, component, switch, pressed, handle, width

pressed icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-switch-pressed-icon-color
Full Path	bobby, component, switch, pressed, icon, color

pressed track color

bobby component switch

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--bobby-component-switch-pressed-track-color
Full Path	bobby, component, switch, pressed, track, color

pressed track outline color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-pressed-track-outline-color
Full Path	bobby, component, switch, pressed, track, outline, color

selected disabled handle color

bobby component switch

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-switch-selected-disabled-handle-color
Full Path	bobby, component, switch, selected, disabled, handle, color

selected disabled icon color

bobby component switch

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--bobby-component-switch-selected-disabled-icon-color
Full Path	bobby, component, switch, selected, disabled, icon, color

selected disabled track color

bobby component switch

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-switch-selected-disabled-track-color
Full Path	bobby, component, switch, selected, disabled, track, color

selected focus handle color

bobby component switch

Value	{pico.semantic.color.ui.primaryContainer}
CSS Variable	--bobby-component-switch-selected-focus-handle-color
Full Path	bobby, component, switch, selected, focus, handle, color

selected focus icon color

bobby component switch

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--bobby-component-switch-selected-focus-icon-color
Full Path	bobby, component, switch, selected, focus, icon, color

selected focus track color

bobby component switch

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-switch-selected-focus-track-color
Full Path	bobby, component, switch, selected, focus, track, color

selected handle color

bobby component switch

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-switch-selected-handle-color
Full Path	bobby, component, switch, selected, handle, color

selected handle height

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-selected-handle-height
Full Path	bobby, component, switch, selected, handle, height

selected handle width

bobby component switch

Value	24
CSS Variable	--bobby-component-switch-selected-handle-width
Full Path	bobby, component, switch, selected, handle, width

selected hover handle color

bobby component switch

Value	{pico.semantic.color.ui.primaryContainer}
CSS Variable	--bobby-component-switch-selected-hover-handle-color
Full Path	bobby, component, switch, selected, hover, handle, color

selected hover icon color

bobby component switch

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--bobby-component-switch-selected-hover-icon-color
Full Path	bobby, component, switch, selected, hover, icon, color

selected hover track color

bobby component switch

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-switch-selected-hover-track-color
Full Path	bobby, component, switch, selected, hover, track, color

selected icon color

bobby component switch

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--bobby-component-switch-selected-icon-color
Full Path	bobby, component, switch, selected, icon, color

selected pressed handle color

bobby component switch

Value	{pico.semantic.color.ui.primaryContainer}
CSS Variable	--bobby-component-switch-selected-pressed-handle-color
Full Path	bobby, component, switch, selected, pressed, handle, color

selected pressed icon color

bobby component switch

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--bobby-component-switch-selected-pressed-icon-color
Full Path	bobby, component, switch, selected, pressed, icon, color

selected pressed track color

bobby component switch

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-switch-selected-pressed-track-color
Full Path	bobby, component, switch, selected, pressed, track, color

selected track color

bobby component switch

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-switch-selected-track-color
Full Path	bobby, component, switch, selected, track, color

track color

bobby component switch

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--bobby-component-switch-track-color
Full Path	bobby, component, switch, track, color

track height

bobby component switch

Value	32
CSS Variable	--bobby-component-switch-track-height
Full Path	bobby, component, switch, track, height

track outline color

bobby component switch

Value	{pico.ref.color.ui.neutral.50}
CSS Variable	--bobby-component-switch-track-outline-color
Full Path	bobby, component, switch, track, outline, color

track outline width

bobby component switch

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-switch-track-outline-width
Full Path	bobby, component, switch, track, outline, width

track shape

bobby component switch

Value	{pico.ref.shape.corner.full}
CSS Variable	--bobby-component-switch-track-shape
Full Path	bobby, component, switch, track, shape

track width

bobby component switch

Value	52
CSS Variable	--bobby-component-switch-track-width
Full Path	bobby, component, switch, track, width

active focus foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-active-focus-foreground-color
Full Path	bobby, component, tab, active, focus, foreground, color

active foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-active-foreground-color
Full Path	bobby, component, tab, active, foreground, color

active hover foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-active-hover-foreground-color
Full Path	bobby, component, tab, active, hover, foreground, color

active indicator color

bobby component tab

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-tab-active-indicator-color
Full Path	bobby, component, tab, active, indicator, color

active indicator height

bobby component tab

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-tab-active-indicator-height
Full Path	bobby, component, tab, active, indicator, height

active indicator shape

bobby component tab

Value	{pico.ref.shape.corner.none}
CSS Variable	--bobby-component-tab-active-indicator-shape
Full Path	bobby, component, tab, active, indicator, shape

active pressed foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-active-pressed-foreground-color
Full Path	bobby, component, tab, active, pressed, foreground, color

container color

bobby component tab

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--bobby-component-tab-container-color
Full Path	bobby, component, tab, container, color

container height

bobby component tab

Value	42
CSS Variable	--bobby-component-tab-container-height
Full Path	bobby, component, tab, container, height

container shape

bobby component tab

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-tab-container-shape
Full Path	bobby, component, tab, container, shape

focus foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-focus-foreground-color
Full Path	bobby, component, tab, focus, foreground, color

foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-foreground-color
Full Path	bobby, component, tab, foreground, color

hover foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-hover-foreground-color
Full Path	bobby, component, tab, hover, foreground, color

label text typography

bobby component tab

Value	{pico.semantic.typography.label.large}
CSS Variable	--bobby-component-tab-label-text-typography
Full Path	bobby, component, tab, label, text, typography

pressed foreground color

bobby component tab

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-tab-pressed-foreground-color
Full Path	bobby, component, tab, pressed, foreground, color

background color

bobby component tag

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-tag-background-color
Full Path	bobby, component, tag, background, color

foreground color

bobby component tag

Value	{pico.semantic.color.ui.onPrimary}
CSS Variable	--bobby-component-tag-foreground-color
Full Path	bobby, component, tag, foreground, color

label text typography

bobby component tag

Value	[object Object]
CSS Variable	--bobby-component-tag-label-text-typography
Full Path	bobby, component, tag, label, text, typography

padding horizontal

bobby component tag

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-tag-padding-horizontal
Full Path	bobby, component, tag, padding, horizontal

padding vertical

bobby component tag

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-tag-padding-vertical
Full Path	bobby, component, tag, padding, vertical

shape

bobby component tag

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-tag-shape
Full Path	bobby, component, tag, shape

spacing

bobby component tag

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-tag-spacing
Full Path	bobby, component, tag, spacing

container shape

bobby component textField

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-text-field-container-shape
Full Path	bobby, component, textField, container, shape

disabled icon color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-disabled-icon-color
Full Path	bobby, component, textField, disabled, icon, color

disabled input text color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-disabled-input-text-color
Full Path	bobby, component, textField, disabled, input, text, color

disabled label text color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-disabled-label-text-color
Full Path	bobby, component, textField, disabled, label, text, color

disabled outline color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-disabled-outline-color
Full Path	bobby, component, textField, disabled, outline, color

disabled outline width

bobby component textField

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-text-field-disabled-outline-width
Full Path	bobby, component, textField, disabled, outline, width

disabled supporting text color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-disabled-supporting-text-color
Full Path	bobby, component, textField, disabled, supporting, text, color

error focus caret color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-error-focus-caret-color
Full Path	bobby, component, textField, error, focus, caret, color

error focus icon color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-error-focus-icon-color
Full Path	bobby, component, textField, error, focus, icon, color

error focus input text color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-error-focus-input-text-color
Full Path	bobby, component, textField, error, focus, input, text, color

error focus label text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-focus-label-text-color
Full Path	bobby, component, textField, error, focus, label, text, color

error focus outline color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-focus-outline-color
Full Path	bobby, component, textField, error, focus, outline, color

error focus supporting text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-focus-supporting-text-color
Full Path	bobby, component, textField, error, focus, supporting, text, color

error hover icon color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-error-hover-icon-color
Full Path	bobby, component, textField, error, hover, icon, color

error hover input text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-hover-input-text-color
Full Path	bobby, component, textField, error, hover, input, text, color

error hover label text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-hover-label-text-color
Full Path	bobby, component, textField, error, hover, label, text, color

error hover outline color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-hover-outline-color
Full Path	bobby, component, textField, error, hover, outline, color

error hover supporting text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-hover-supporting-text-color
Full Path	bobby, component, textField, error, hover, supporting, text, color

error icon color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-error-icon-color
Full Path	bobby, component, textField, error, icon, color

error input text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-input-text-color
Full Path	bobby, component, textField, error, input, text, color

error label text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-label-text-color
Full Path	bobby, component, textField, error, label, text, color

error outline color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-outline-color
Full Path	bobby, component, textField, error, outline, color

error supporting text color

bobby component textField

Value	{pico.semantic.color.ui.error}
CSS Variable	--bobby-component-text-field-error-supporting-text-color
Full Path	bobby, component, textField, error, supporting, text, color

focus caret color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-focus-caret-color
Full Path	bobby, component, textField, focus, caret, color

focus icon color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-focus-icon-color
Full Path	bobby, component, textField, focus, icon, color

focus input text color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-focus-input-text-color
Full Path	bobby, component, textField, focus, input, text, color

focus label text color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-focus-label-text-color
Full Path	bobby, component, textField, focus, label, text, color

focus outline color

bobby component textField

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-text-field-focus-outline-color
Full Path	bobby, component, textField, focus, outline, color

focus outline width

bobby component textField

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-text-field-focus-outline-width
Full Path	bobby, component, textField, focus, outline, width

focus supporting text color

bobby component textField

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-text-field-focus-supporting-text-color
Full Path	bobby, component, textField, focus, supporting, text, color

hover icon color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-hover-icon-color
Full Path	bobby, component, textField, hover, icon, color

hover input text color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-hover-input-text-color
Full Path	bobby, component, textField, hover, input, text, color

hover label text color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-hover-label-text-color
Full Path	bobby, component, textField, hover, label, text, color

hover outline color

bobby component textField

Value	{pico.semantic.color.ui.primary}
CSS Variable	--bobby-component-text-field-hover-outline-color
Full Path	bobby, component, textField, hover, outline, color

hover outline width

bobby component textField

Value	{pico.ref.shape.outline.width.thick}
CSS Variable	--bobby-component-text-field-hover-outline-width
Full Path	bobby, component, textField, hover, outline, width

hover supporting text color

bobby component textField

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-text-field-hover-supporting-text-color
Full Path	bobby, component, textField, hover, supporting, text, color

input color

bobby component textField

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--bobby-component-text-field-input-color
Full Path	bobby, component, textField, input, color

input placeholder color

bobby component textField

Value	{pico.ref.color.ui.neutral.60}
CSS Variable	--bobby-component-text-field-input-placeholder-color
Full Path	bobby, component, textField, input, placeholder, color

input text typography

bobby component textField

Value	{pico.semantic.typography.body.medium}
CSS Variable	--bobby-component-text-field-input-text-typography
Full Path	bobby, component, textField, input, text, typography

label color

bobby component textField

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-text-field-label-color
Full Path	bobby, component, textField, label, color

label text typography

bobby component textField

Value	{pico.semantic.typography.body.medium}
CSS Variable	--bobby-component-text-field-label-text-typography
Full Path	bobby, component, textField, label, text, typography

leading space

bobby component textField

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-text-field-leading-space
Full Path	bobby, component, textField, leading, space

outline color

bobby component textField

Value	{pico.ref.color.ui.neutral.70}
CSS Variable	--bobby-component-text-field-outline-color
Full Path	bobby, component, textField, outline, color

outline width

bobby component textField

Value	{pico.semantic.shape.outline.width}
CSS Variable	--bobby-component-text-field-outline-width
Full Path	bobby, component, textField, outline, width

supporting color

bobby component textField

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-text-field-supporting-color
Full Path	bobby, component, textField, supporting, color

supporting text typography

bobby component textField

Value	{pico.semantic.typography.body.small}
CSS Variable	--bobby-component-text-field-supporting-text-typography
Full Path	bobby, component, textField, supporting, text, typography

trailing space

bobby component textField

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-text-field-trailing-space
Full Path	bobby, component, textField, trailing, space

vertical space

bobby component textField

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-text-field-vertical-space
Full Path	bobby, component, textField, vertical, space

background color

bobby component tooltip

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--bobby-component-tooltip-background-color
Full Path	bobby, component, tooltip, background, color

foreground color

bobby component tooltip

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--bobby-component-tooltip-foreground-color
Full Path	bobby, component, tooltip, foreground, color

label text typography

bobby component tooltip

Value	[object Object]
CSS Variable	--bobby-component-tooltip-label-text-typography
Full Path	bobby, component, tooltip, label, text, typography

padding horizontal

bobby component tooltip

Value	{pico.ref.spacing.xs}
CSS Variable	--bobby-component-tooltip-padding-horizontal
Full Path	bobby, component, tooltip, padding, horizontal

padding vertical

bobby component tooltip

Value	{pico.ref.spacing.2xs}
CSS Variable	--bobby-component-tooltip-padding-vertical
Full Path	bobby, component, tooltip, padding, vertical

shape

bobby component tooltip

Value	{pico.semantic.shape.corner}
CSS Variable	--bobby-component-tooltip-shape
Full Path	bobby, component, tooltip, shape

button shape leftSide

conversion pattern emailInput

Value	0px
CSS Variable	--conversion-pattern-email-input-button-shape-left-side
Full Path	conversion, pattern, emailInput, button, shape, leftSide

button shape rightSide

conversion pattern emailInput

Value	{pico.semantic.shape.corner}
CSS Variable	--conversion-pattern-email-input-button-shape-right-side
Full Path	conversion, pattern, emailInput, button, shape, rightSide

elevation

conversion pattern emailInput

Value	{bobby.component.card.container.elevation}
CSS Variable	--conversion-pattern-email-input-elevation
Full Path	conversion, pattern, emailInput, elevation

heading typography

conversion pattern emailInput

Value	{pico.semantic.typography.title.large}
CSS Variable	--conversion-pattern-email-input-heading-typography
Full Path	conversion, pattern, emailInput, heading, typography

shape

conversion pattern emailInput

Value	{bobby.component.card.container.shape}
CSS Variable	--conversion-pattern-email-input-shape
Full Path	conversion, pattern, emailInput, shape

textField shape leftSide

conversion pattern emailInput

Value	{pico.semantic.shape.corner}
CSS Variable	--conversion-pattern-email-input-text-field-shape-left-side
Full Path	conversion, pattern, emailInput, textField, shape, leftSide

textField shape rightSide

conversion pattern emailInput

Value	0px
CSS Variable	--conversion-pattern-email-input-text-field-shape-right-side
Full Path	conversion, pattern, emailInput, textField, shape, rightSide

button container color

conversion pattern voucherCard

Value	{pico.semantic.color.ui.primary}
CSS Variable	--conversion-pattern-voucher-card-button-container-color
Full Path	conversion, pattern, voucherCard, button, container, color

caption1 text color

conversion pattern voucherCard

Value	{pico.ref.color.ui.primary.20}
CSS Variable	--conversion-pattern-voucher-card-caption-1-text-color
Full Path	conversion, pattern, voucherCard, caption1, text, color

caption1 text typography

conversion pattern voucherCard

Value	[object Object]
CSS Variable	--conversion-pattern-voucher-card-caption-1-text-typography
Full Path	conversion, pattern, voucherCard, caption1, text, typography

caption2 text color

conversion pattern voucherCard

Value	{pico.ref.color.ui.primary.20}
CSS Variable	--conversion-pattern-voucher-card-caption-2-text-color
Full Path	conversion, pattern, voucherCard, caption2, text, color

caption2 text typography

conversion pattern voucherCard

Value	[object Object]
CSS Variable	--conversion-pattern-voucher-card-caption-2-text-typography
Full Path	conversion, pattern, voucherCard, caption2, text, typography

captions background color

conversion pattern voucherCard

Value	{pico.ref.color.ui.primary.99}
CSS Variable	--conversion-pattern-voucher-card-captions-background-color
Full Path	conversion, pattern, voucherCard, captions, background, color

captions padding

conversion pattern voucherCard

Value	{pico.ref.spacing.s}
CSS Variable	--conversion-pattern-voucher-card-captions-padding
Full Path	conversion, pattern, voucherCard, captions, padding

content background color

conversion pattern voucherCard

Value	{pico.semantic.color.ui.surfaceContainerLowest}
CSS Variable	--conversion-pattern-voucher-card-content-background-color
Full Path	conversion, pattern, voucherCard, content, background, color

content padding

conversion pattern voucherCard

Value	{pico.ref.spacing.s}
CSS Variable	--conversion-pattern-voucher-card-content-padding
Full Path	conversion, pattern, voucherCard, content, padding

content spacing

conversion pattern voucherCard

Value	{pico.ref.spacing.s}
CSS Variable	--conversion-pattern-voucher-card-content-spacing
Full Path	conversion, pattern, voucherCard, content, spacing

elevation

conversion pattern voucherCard

Value	{bobby.component.card.container.elevation}
CSS Variable	--conversion-pattern-voucher-card-elevation
Full Path	conversion, pattern, voucherCard, elevation

leftSide width

conversion pattern voucherCard

Value	150
CSS Variable	--conversion-pattern-voucher-card-left-side-width
Full Path	conversion, pattern, voucherCard, leftSide, width

shape

conversion pattern voucherCard

Value	{bobby.component.card.container.shape}
CSS Variable	--conversion-pattern-voucher-card-shape
Full Path	conversion, pattern, voucherCard, shape

tag background color

conversion pattern voucherCard

Value	{pico.ref.color.ui.primary.90}
CSS Variable	--conversion-pattern-voucher-card-tag-background-color
Full Path	conversion, pattern, voucherCard, tag, background, color

tag horizontal padding

conversion pattern voucherCard

Value	{pico.ref.spacing.xs}
CSS Variable	--conversion-pattern-voucher-card-tag-horizontal-padding
Full Path	conversion, pattern, voucherCard, tag, horizontal, padding

tag text color

conversion pattern voucherCard

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--conversion-pattern-voucher-card-tag-text-color
Full Path	conversion, pattern, voucherCard, tag, text, color

tag text typography

conversion pattern voucherCard

Value	{pico.semantic.typography.body.medium}
CSS Variable	--conversion-pattern-voucher-card-tag-text-typography
Full Path	conversion, pattern, voucherCard, tag, text, typography

tag vertical padding

conversion pattern voucherCard

Value	{pico.ref.spacing.2xs}
CSS Variable	--conversion-pattern-voucher-card-tag-vertical-padding
Full Path	conversion, pattern, voucherCard, tag, vertical, padding

terms outline color

conversion pattern voucherCard

Value	{pico.ref.color.ui.neutral.80}
CSS Variable	--conversion-pattern-voucher-card-terms-outline-color
Full Path	conversion, pattern, voucherCard, terms, outline, color

terms outline width

conversion pattern voucherCard

Value	{pico.semantic.shape.outline.width}
CSS Variable	--conversion-pattern-voucher-card-terms-outline-width
Full Path	conversion, pattern, voucherCard, terms, outline, width

terms padding

conversion pattern voucherCard

Value	{pico.ref.spacing.xs}
CSS Variable	--conversion-pattern-voucher-card-terms-padding
Full Path	conversion, pattern, voucherCard, terms, padding

terms text typography

conversion pattern voucherCard

Value	{pico.semantic.typography.body.small}
CSS Variable	--conversion-pattern-voucher-card-terms-text-typography
Full Path	conversion, pattern, voucherCard, terms, text, typography

title text color

conversion pattern voucherCard

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--conversion-pattern-voucher-card-title-text-color
Full Path	conversion, pattern, voucherCard, title, text, color

title text typography

conversion pattern voucherCard

Value	{pico.semantic.typography.body.large}
CSS Variable	--conversion-pattern-voucher-card-title-text-typography
Full Path	conversion, pattern, voucherCard, title, text, typography

verified background color

conversion pattern voucherCard

Value	{pico.ref.color.ui.primary.90}
CSS Variable	--conversion-pattern-voucher-card-verified-background-color
Full Path	conversion, pattern, voucherCard, verified, background, color

verified padding

conversion pattern voucherCard

Value	{pico.ref.spacing.xs}
CSS Variable	--conversion-pattern-voucher-card-verified-padding
Full Path	conversion, pattern, voucherCard, verified, padding

verified text typography

conversion pattern voucherCard

Value	{pico.semantic.typography.body.small}
CSS Variable	--conversion-pattern-voucher-card-verified-text-typography
Full Path	conversion, pattern, voucherCard, verified, text, typography

sustainability background

conversion theme palette

Value	#EDFEF2
CSS Variable	--conversion-theme-palette-sustainability-background
Full Path	conversion, theme, palette, sustainability, background

sustainability dark

conversion theme palette

Value	#1D522C
CSS Variable	--conversion-theme-palette-sustainability-dark
Full Path	conversion, theme, palette, sustainability, dark

sustainability main

conversion theme palette

Value	#2EB755
CSS Variable	--conversion-theme-palette-sustainability-main
Full Path	conversion, theme, palette, sustainability, main

sustainability text

conversion theme palette

Value	#1D522C
CSS Variable	--conversion-theme-palette-sustainability-text
Full Path	conversion, theme, palette, sustainability, text

spacing

evaluation component breadcrumb

Value	{pico.ref.spacing.xs}
CSS Variable	--evaluation-component-breadcrumb-spacing
Full Path	evaluation, component, breadcrumb, spacing

text color

evaluation component breadcrumb

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--evaluation-component-breadcrumb-text-color
Full Path	evaluation, component, breadcrumb, text, color

text typography

evaluation component breadcrumb

Value	{pico.semantic.typography.body.medium}
CSS Variable	--evaluation-component-breadcrumb-text-typography
Full Path	evaluation, component, breadcrumb, text, typography

outline color

evaluation component disclaimer

Value	{pico.semantic.color.ui.outline}
CSS Variable	--evaluation-component-disclaimer-outline-color
Full Path	evaluation, component, disclaimer, outline, color

outline width

evaluation component disclaimer

Value	{pico.semantic.shape.outline.width}
CSS Variable	--evaluation-component-disclaimer-outline-width
Full Path	evaluation, component, disclaimer, outline, width

text color

evaluation component disclaimer

Value	{pico.semantic.color.ui.onSurfaceVariant}
CSS Variable	--evaluation-component-disclaimer-text-color
Full Path	evaluation, component, disclaimer, text, color

text typography

evaluation component disclaimer

Value	{pico.semantic.typography.body.small}
CSS Variable	--evaluation-component-disclaimer-text-typography
Full Path	evaluation, component, disclaimer, text, typography

vertical padding

evaluation component disclaimer

Value	{pico.ref.spacing.l}
CSS Variable	--evaluation-component-disclaimer-vertical-padding
Full Path	evaluation, component, disclaimer, vertical, padding

text typography

evaluation editorial body

Value	[object Object]
CSS Variable	--evaluation-editorial-body-text-typography
Full Path	evaluation, editorial, body, text, typography

text typography

evaluation editorial H1

Value	[object Object]
CSS Variable	--evaluation-editorial-h-1-text-typography
Full Path	evaluation, editorial, H1, text, typography

cell minWidth

evaluation pattern comparisonTable

Value	180
CSS Variable	--evaluation-pattern-comparison-table-cell-min-width
Full Path	evaluation, pattern, comparisonTable, cell, minWidth

cell outline color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.outline}
CSS Variable	--evaluation-pattern-comparison-table-cell-outline-color
Full Path	evaluation, pattern, comparisonTable, cell, outline, color

cell outline width

evaluation pattern comparisonTable

Value	{pico.semantic.shape.outline.width}
CSS Variable	--evaluation-pattern-comparison-table-cell-outline-width
Full Path	evaluation, pattern, comparisonTable, cell, outline, width

cell padding

evaluation pattern comparisonTable

Value	{pico.ref.spacing.m}
CSS Variable	--evaluation-pattern-comparison-table-cell-padding
Full Path	evaluation, pattern, comparisonTable, cell, padding

cell plainText color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-cell-plain-text-color
Full Path	evaluation, pattern, comparisonTable, cell, plainText, color

cell plainText typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-cell-plain-text-typography
Full Path	evaluation, pattern, comparisonTable, cell, plainText, typography

header background color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--evaluation-pattern-comparison-table-header-background-color
Full Path	evaluation, pattern, comparisonTable, header, background, color

header text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-header-text-color
Full Path	evaluation, pattern, comparisonTable, header, text, color

header text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-header-text-typography
Full Path	evaluation, pattern, comparisonTable, header, text, typography

price info text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-price-info-text-color
Full Path	evaluation, pattern, comparisonTable, price, info, text, color

price info text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-price-info-text-typography
Full Path	evaluation, pattern, comparisonTable, price, info, text, typography

price new text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-price-new-text-color
Full Path	evaluation, pattern, comparisonTable, price, new, text, color

price new text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-price-new-text-typography
Full Path	evaluation, pattern, comparisonTable, price, new, text, typography

price old text color

evaluation pattern comparisonTable

Value	{pico.ref.color.ui.neutral.30}
CSS Variable	--evaluation-pattern-comparison-table-price-old-text-color
Full Path	evaluation, pattern, comparisonTable, price, old, text, color

price old text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-price-old-text-typography
Full Path	evaluation, pattern, comparisonTable, price, old, text, typography

price saving text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.error}
CSS Variable	--evaluation-pattern-comparison-table-price-saving-text-color
Full Path	evaluation, pattern, comparisonTable, price, saving, text, color

price saving text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-price-saving-text-typography
Full Path	evaluation, pattern, comparisonTable, price, saving, text, typography

product description icon color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.primary}
CSS Variable	--evaluation-pattern-comparison-table-product-description-icon-color
Full Path	evaluation, pattern, comparisonTable, product, description, icon, color

product description text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-product-description-text-color
Full Path	evaluation, pattern, comparisonTable, product, description, text, color

product description text typography

evaluation pattern comparisonTable

Value	{pico.semantic.typography.body.large}
CSS Variable	--evaluation-pattern-comparison-table-product-description-text-typography
Full Path	evaluation, pattern, comparisonTable, product, description, text, typography

row title text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-row-title-text-color
Full Path	evaluation, pattern, comparisonTable, row, title, text, color

row title text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-row-title-text-typography
Full Path	evaluation, pattern, comparisonTable, row, title, text, typography

subheader background color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.surfaceContainerHighest}
CSS Variable	--evaluation-pattern-comparison-table-subheader-background-color
Full Path	evaluation, pattern, comparisonTable, subheader, background, color

subheader text color

evaluation pattern comparisonTable

Value	{pico.semantic.color.ui.onSurface}
CSS Variable	--evaluation-pattern-comparison-table-subheader-text-color
Full Path	evaluation, pattern, comparisonTable, subheader, text, color

subheader text typography

evaluation pattern comparisonTable

Value	[object Object]
CSS Variable	--evaluation-pattern-comparison-table-subheader-text-typography
Full Path	evaluation, pattern, comparisonTable, subheader, text, typography

family fallbackOne

pico key font

Value	sans-serif
CSS Variable	--pico-key-font-family-fallback-one
Full Path	pico, key, font, family, fallbackOne

family fallbackTwo

pico key font

Value	sans-serif
CSS Variable	--pico-key-font-family-fallback-two
Full Path	pico, key, font, family, fallbackTwo

family one

pico key font

Value	Roboto
CSS Variable	--pico-key-font-family-one
Full Path	pico, key, font, family, one

family two

pico key font

Value	Roboto
CSS Variable	--pico-key-font-family-two
Full Path	pico, key, font, family, two

letterSpacing l

pico key font

Value	0.1em
CSS Variable	--pico-key-font-letter-spacing-l
Full Path	pico, key, font, letterSpacing, l

letterSpacing m

pico key font

Value	0.05em
CSS Variable	--pico-key-font-letter-spacing-m
Full Path	pico, key, font, letterSpacing, m

letterSpacing s

pico key font

Value	0.025em
CSS Variable	--pico-key-font-letter-spacing-s
Full Path	pico, key, font, letterSpacing, s

size

pico key font

Value	14
CSS Variable	--pico-key-font-size
Full Path	pico, key, font, size

error

pico key palette

Value	#CC0000
CSS Variable	--pico-key-palette-error
Full Path	pico, key, palette, error

neutral

pico key palette

Value	#615D64
CSS Variable	--pico-key-palette-neutral
Full Path	pico, key, palette, neutral

neutralVariant

pico key palette

Value	#615D66
CSS Variable	--pico-key-palette-neutral-variant
Full Path	pico, key, palette, neutralVariant

primary

pico key palette

Value	#2C65B2
CSS Variable	--pico-key-palette-primary
Full Path	pico, key, palette, primary

secondary

pico key palette

Value	#018244
CSS Variable	--pico-key-palette-secondary
Full Path	pico, key, palette, secondary

tertiary

pico key palette

Value	#E13400
CSS Variable	--pico-key-palette-tertiary
Full Path	pico, key, palette, tertiary

corner

pico key shape

Value	4
CSS Variable	--pico-key-shape-corner
Full Path	pico, key, shape, corner

outline width

pico key shape

Value	1
CSS Variable	--pico-key-shape-outline-width
Full Path	pico, key, shape, outline, width

opacity 0

pico ref color

Value	0
CSS Variable	--pico-ref-color-opacity-0
Full Path	pico, ref, color, opacity, 0

opacity 10

pico ref color

Value	0.08
CSS Variable	--pico-ref-color-opacity-10
Full Path	pico, ref, color, opacity, 10

opacity 100

pico ref color

Value	1.0
CSS Variable	--pico-ref-color-opacity-100
Full Path	pico, ref, color, opacity, 100

opacity 20

pico ref color

Value	0.12
CSS Variable	--pico-ref-color-opacity-20
Full Path	pico, ref, color, opacity, 20

opacity 30

pico ref color

Value	0.24
CSS Variable	--pico-ref-color-opacity-30
Full Path	pico, ref, color, opacity, 30

opacity 40

pico ref color

Value	0.32
CSS Variable	--pico-ref-color-opacity-40
Full Path	pico, ref, color, opacity, 40

opacity 5

pico ref color

Value	0.04
CSS Variable	--pico-ref-color-opacity-5
Full Path	pico, ref, color, opacity, 5

opacity 50

pico ref color

Value	0.40
CSS Variable	--pico-ref-color-opacity-50
Full Path	pico, ref, color, opacity, 50

opacity 60

pico ref color

Value	0.48
CSS Variable	--pico-ref-color-opacity-60
Full Path	pico, ref, color, opacity, 60

opacity 70

pico ref color

Value	0.64
CSS Variable	--pico-ref-color-opacity-70
Full Path	pico, ref, color, opacity, 70

opacity 80

pico ref color

Value	0.72
CSS Variable	--pico-ref-color-opacity-80
Full Path	pico, ref, color, opacity, 80

opacity 90

pico ref color

Value	0.80
CSS Variable	--pico-ref-color-opacity-90
Full Path	pico, ref, color, opacity, 90

ui error 0

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-0
Full Path	pico, ref, color, ui, error, 0

ui error 10

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-10
Full Path	pico, ref, color, ui, error, 10

ui error 100

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-100
Full Path	pico, ref, color, ui, error, 100

ui error 20

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-20
Full Path	pico, ref, color, ui, error, 20

ui error 30

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-30
Full Path	pico, ref, color, ui, error, 30

ui error 40

pico ref color

Value	{pico.key.palette.error}
CSS Variable	--pico-ref-color-ui-error-40
Full Path	pico, ref, color, ui, error, 40

ui error 50

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-50
Full Path	pico, ref, color, ui, error, 50

ui error 60

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-60
Full Path	pico, ref, color, ui, error, 60

ui error 70

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-70
Full Path	pico, ref, color, ui, error, 70

ui error 80

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-80
Full Path	pico, ref, color, ui, error, 80

ui error 90

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-90
Full Path	pico, ref, color, ui, error, 90

ui error 95

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-95
Full Path	pico, ref, color, ui, error, 95

ui error 99

pico ref color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-ref-color-ui-error-99
Full Path	pico, ref, color, ui, error, 99

ui neutral 0

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-0
Full Path	pico, ref, color, ui, neutral, 0

ui neutral 10

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-10
Full Path	pico, ref, color, ui, neutral, 10

ui neutral 100

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-100
Full Path	pico, ref, color, ui, neutral, 100

ui neutral 12

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-12
Full Path	pico, ref, color, ui, neutral, 12

ui neutral 17

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-17
Full Path	pico, ref, color, ui, neutral, 17

ui neutral 20

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-20
Full Path	pico, ref, color, ui, neutral, 20

ui neutral 22

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-22
Full Path	pico, ref, color, ui, neutral, 22

ui neutral 24

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-24
Full Path	pico, ref, color, ui, neutral, 24

ui neutral 30

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-30
Full Path	pico, ref, color, ui, neutral, 30

ui neutral 4

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-4
Full Path	pico, ref, color, ui, neutral, 4

ui neutral 40

pico ref color

Value	{pico.key.palette.neutral}
CSS Variable	--pico-ref-color-ui-neutral-40
Full Path	pico, ref, color, ui, neutral, 40

ui neutral 50

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-50
Full Path	pico, ref, color, ui, neutral, 50

ui neutral 6

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-6
Full Path	pico, ref, color, ui, neutral, 6

ui neutral 60

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-60
Full Path	pico, ref, color, ui, neutral, 60

ui neutral 70

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-70
Full Path	pico, ref, color, ui, neutral, 70

ui neutral 80

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-80
Full Path	pico, ref, color, ui, neutral, 80

ui neutral 87

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-87
Full Path	pico, ref, color, ui, neutral, 87

ui neutral 90

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-90
Full Path	pico, ref, color, ui, neutral, 90

ui neutral 92

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-92
Full Path	pico, ref, color, ui, neutral, 92

ui neutral 94

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-94
Full Path	pico, ref, color, ui, neutral, 94

ui neutral 95

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-95
Full Path	pico, ref, color, ui, neutral, 95

ui neutral 96

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-96
Full Path	pico, ref, color, ui, neutral, 96

ui neutral 98

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-98
Full Path	pico, ref, color, ui, neutral, 98

ui neutral 99

pico ref color

Value	{pico.ref.color.ui.neutral.40}
CSS Variable	--pico-ref-color-ui-neutral-99
Full Path	pico, ref, color, ui, neutral, 99

ui neutralVariant 0

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-0
Full Path	pico, ref, color, ui, neutralVariant, 0

ui neutralVariant 10

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-10
Full Path	pico, ref, color, ui, neutralVariant, 10

ui neutralVariant 100

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-100
Full Path	pico, ref, color, ui, neutralVariant, 100

ui neutralVariant 20

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-20
Full Path	pico, ref, color, ui, neutralVariant, 20

ui neutralVariant 30

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-30
Full Path	pico, ref, color, ui, neutralVariant, 30

ui neutralVariant 40

pico ref color

Value	{pico.key.palette.neutralVariant}
CSS Variable	--pico-ref-color-ui-neutral-variant-40
Full Path	pico, ref, color, ui, neutralVariant, 40

ui neutralVariant 50

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-50
Full Path	pico, ref, color, ui, neutralVariant, 50

ui neutralVariant 60

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-60
Full Path	pico, ref, color, ui, neutralVariant, 60

ui neutralVariant 70

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-70
Full Path	pico, ref, color, ui, neutralVariant, 70

ui neutralVariant 80

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-80
Full Path	pico, ref, color, ui, neutralVariant, 80

ui neutralVariant 90

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-90
Full Path	pico, ref, color, ui, neutralVariant, 90

ui neutralVariant 95

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-95
Full Path	pico, ref, color, ui, neutralVariant, 95

ui neutralVariant 99

pico ref color

Value	{pico.ref.color.ui.neutralVariant.40}
CSS Variable	--pico-ref-color-ui-neutral-variant-99
Full Path	pico, ref, color, ui, neutralVariant, 99

ui primary 0

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-0
Full Path	pico, ref, color, ui, primary, 0

ui primary 10

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-10
Full Path	pico, ref, color, ui, primary, 10

ui primary 100

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-100
Full Path	pico, ref, color, ui, primary, 100

ui primary 20

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-20
Full Path	pico, ref, color, ui, primary, 20

ui primary 30

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-30
Full Path	pico, ref, color, ui, primary, 30

ui primary 40

pico ref color

Value	{pico.key.palette.primary}
CSS Variable	--pico-ref-color-ui-primary-40
Full Path	pico, ref, color, ui, primary, 40

ui primary 50

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-50
Full Path	pico, ref, color, ui, primary, 50

ui primary 60

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-60
Full Path	pico, ref, color, ui, primary, 60

ui primary 70

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-70
Full Path	pico, ref, color, ui, primary, 70

ui primary 80

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-80
Full Path	pico, ref, color, ui, primary, 80

ui primary 90

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-90
Full Path	pico, ref, color, ui, primary, 90

ui primary 95

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-95
Full Path	pico, ref, color, ui, primary, 95

ui primary 99

pico ref color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-ref-color-ui-primary-99
Full Path	pico, ref, color, ui, primary, 99

ui secondary 0

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-0
Full Path	pico, ref, color, ui, secondary, 0

ui secondary 10

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-10
Full Path	pico, ref, color, ui, secondary, 10

ui secondary 100

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-100
Full Path	pico, ref, color, ui, secondary, 100

ui secondary 20

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-20
Full Path	pico, ref, color, ui, secondary, 20

ui secondary 30

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-30
Full Path	pico, ref, color, ui, secondary, 30

ui secondary 40

pico ref color

Value	{pico.key.palette.secondary}
CSS Variable	--pico-ref-color-ui-secondary-40
Full Path	pico, ref, color, ui, secondary, 40

ui secondary 50

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-50
Full Path	pico, ref, color, ui, secondary, 50

ui secondary 60

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-60
Full Path	pico, ref, color, ui, secondary, 60

ui secondary 70

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-70
Full Path	pico, ref, color, ui, secondary, 70

ui secondary 80

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-80
Full Path	pico, ref, color, ui, secondary, 80

ui secondary 90

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-90
Full Path	pico, ref, color, ui, secondary, 90

ui secondary 95

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-95
Full Path	pico, ref, color, ui, secondary, 95

ui secondary 99

pico ref color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-ref-color-ui-secondary-99
Full Path	pico, ref, color, ui, secondary, 99

ui tertiary 0

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-0
Full Path	pico, ref, color, ui, tertiary, 0

ui tertiary 10

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-10
Full Path	pico, ref, color, ui, tertiary, 10

ui tertiary 100

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-100
Full Path	pico, ref, color, ui, tertiary, 100

ui tertiary 20

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-20
Full Path	pico, ref, color, ui, tertiary, 20

ui tertiary 30

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-30
Full Path	pico, ref, color, ui, tertiary, 30

ui tertiary 40

pico ref color

Value	{pico.key.palette.tertiary}
CSS Variable	--pico-ref-color-ui-tertiary-40
Full Path	pico, ref, color, ui, tertiary, 40

ui tertiary 50

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-50
Full Path	pico, ref, color, ui, tertiary, 50

ui tertiary 60

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-60
Full Path	pico, ref, color, ui, tertiary, 60

ui tertiary 70

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-70
Full Path	pico, ref, color, ui, tertiary, 70

ui tertiary 80

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-80
Full Path	pico, ref, color, ui, tertiary, 80

ui tertiary 90

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-90
Full Path	pico, ref, color, ui, tertiary, 90

ui tertiary 95

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-95
Full Path	pico, ref, color, ui, tertiary, 95

ui tertiary 99

pico ref color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-ref-color-ui-tertiary-99
Full Path	pico, ref, color, ui, tertiary, 99

family fallbackOne

pico ref font

Value	{pico.key.font.family.fallbackOne}
CSS Variable	--pico-ref-font-family-fallback-one
Full Path	pico, ref, font, family, fallbackOne

family fallbackTwo

pico ref font

Value	{pico.key.font.family.fallbackTwo}
CSS Variable	--pico-ref-font-family-fallback-two
Full Path	pico, ref, font, family, fallbackTwo

family one

pico ref font

Value	{pico.key.font.family.one}
CSS Variable	--pico-ref-font-family-one
Full Path	pico, ref, font, family, one

family two

pico ref font

Value	{pico.key.font.family.two}
CSS Variable	--pico-ref-font-family-two
Full Path	pico, ref, font, family, two

size 0

pico ref font

Value	{pico.ref.font.size.1}*0.889
CSS Variable	--pico-ref-font-size-0
Full Path	pico, ref, font, size, 0

size 1

pico ref font

Value	{pico.ref.font.size.2}*0.889
CSS Variable	--pico-ref-font-size-1
Full Path	pico, ref, font, size, 1

size 10

pico ref font

Value	{pico.ref.font.size.9}*1.125
CSS Variable	--pico-ref-font-size-10
Full Path	pico, ref, font, size, 10

size 11

pico ref font

Value	{pico.ref.font.size.10}*1.125
CSS Variable	--pico-ref-font-size-11
Full Path	pico, ref, font, size, 11

size 12

pico ref font

Value	{pico.ref.font.size.11}*1.125
CSS Variable	--pico-ref-font-size-12
Full Path	pico, ref, font, size, 12

size 13

pico ref font

Value	{pico.ref.font.size.12}*1.125
CSS Variable	--pico-ref-font-size-13
Full Path	pico, ref, font, size, 13

size 14

pico ref font

Value	{pico.ref.font.size.13}*1.125
CSS Variable	--pico-ref-font-size-14
Full Path	pico, ref, font, size, 14

size 15

pico ref font

Value	{pico.ref.font.size.14}*1.125
CSS Variable	--pico-ref-font-size-15
Full Path	pico, ref, font, size, 15

size 16

pico ref font

Value	{pico.ref.font.size.15}*1.125
CSS Variable	--pico-ref-font-size-16
Full Path	pico, ref, font, size, 16

size 17

pico ref font

Value	{pico.ref.font.size.16}*1.125
CSS Variable	--pico-ref-font-size-17
Full Path	pico, ref, font, size, 17

size 18

pico ref font

Value	{pico.ref.font.size.17}*1.125
CSS Variable	--pico-ref-font-size-18
Full Path	pico, ref, font, size, 18

size 19

pico ref font

Value	{pico.ref.font.size.18}*1.125
CSS Variable	--pico-ref-font-size-19
Full Path	pico, ref, font, size, 19

size 2

pico ref font

Value	{pico.ref.font.size.3}*0.889
CSS Variable	--pico-ref-font-size-2
Full Path	pico, ref, font, size, 2

size 20

pico ref font

Value	{pico.ref.font.size.19}*1.125
CSS Variable	--pico-ref-font-size-20
Full Path	pico, ref, font, size, 20

size 3

pico ref font

Value	{pico.key.font.size}
CSS Variable	--pico-ref-font-size-3
Full Path	pico, ref, font, size, 3

size 4

pico ref font

Value	{pico.ref.font.size.3}*1.125
CSS Variable	--pico-ref-font-size-4
Full Path	pico, ref, font, size, 4

size 5

pico ref font

Value	{pico.ref.font.size.4}*1.125
CSS Variable	--pico-ref-font-size-5
Full Path	pico, ref, font, size, 5

size 6

pico ref font

Value	{pico.ref.font.size.5}*1.125
CSS Variable	--pico-ref-font-size-6
Full Path	pico, ref, font, size, 6

size 7

pico ref font

Value	{pico.ref.font.size.6}*1.125
CSS Variable	--pico-ref-font-size-7
Full Path	pico, ref, font, size, 7

size 8

pico ref font

Value	{pico.ref.font.size.7}*1.125
CSS Variable	--pico-ref-font-size-8
Full Path	pico, ref, font, size, 8

size 9

pico ref font

Value	{pico.ref.font.size.8}*1.125
CSS Variable	--pico-ref-font-size-9
Full Path	pico, ref, font, size, 9

weight bolder

pico ref font

Value	600
CSS Variable	--pico-ref-font-weight-bolder
Full Path	pico, ref, font, weight, bolder

weight boldest

pico ref font

Value	700
CSS Variable	--pico-ref-font-weight-boldest
Full Path	pico, ref, font, weight, boldest

weight lighter

pico ref font

Value	300
CSS Variable	--pico-ref-font-weight-lighter
Full Path	pico, ref, font, weight, lighter

weight regular

pico ref font

Value	400
CSS Variable	--pico-ref-font-weight-regular
Full Path	pico, ref, font, weight, regular

height 0

pico ref line

Value	{pico.ref.font.size.0}*1.5
CSS Variable	--pico-ref-line-height-0
Full Path	pico, ref, line, height, 0

height 1

pico ref line

Value	{pico.ref.font.size.1}*1.5
CSS Variable	--pico-ref-line-height-1
Full Path	pico, ref, line, height, 1

height 10

pico ref line

Value	{pico.ref.font.size.10}*1.2
CSS Variable	--pico-ref-line-height-10
Full Path	pico, ref, line, height, 10

height 11

pico ref line

Value	{pico.ref.font.size.11}*1.2
CSS Variable	--pico-ref-line-height-11
Full Path	pico, ref, line, height, 11

height 12

pico ref line

Value	{pico.ref.font.size.12}*1.2
CSS Variable	--pico-ref-line-height-12
Full Path	pico, ref, line, height, 12

height 13

pico ref line

Value	{pico.ref.font.size.13}*1.2
CSS Variable	--pico-ref-line-height-13
Full Path	pico, ref, line, height, 13

height 14

pico ref line

Value	{pico.ref.font.size.14}*1.2
CSS Variable	--pico-ref-line-height-14
Full Path	pico, ref, line, height, 14

height 15

pico ref line

Value	{pico.ref.font.size.15}*1.2
CSS Variable	--pico-ref-line-height-15
Full Path	pico, ref, line, height, 15

height 16

pico ref line

Value	{pico.ref.font.size.16}*1.2
CSS Variable	--pico-ref-line-height-16
Full Path	pico, ref, line, height, 16

height 17

pico ref line

Value	{pico.ref.font.size.17}*1.2
CSS Variable	--pico-ref-line-height-17
Full Path	pico, ref, line, height, 17

height 18

pico ref line

Value	{pico.ref.font.size.18}*1.2
CSS Variable	--pico-ref-line-height-18
Full Path	pico, ref, line, height, 18

height 19

pico ref line

Value	{pico.ref.font.size.19}*1.2
CSS Variable	--pico-ref-line-height-19
Full Path	pico, ref, line, height, 19

height 2

pico ref line

Value	{pico.ref.font.size.2}*1.5
CSS Variable	--pico-ref-line-height-2
Full Path	pico, ref, line, height, 2

height 20

pico ref line

Value	{pico.ref.font.size.20}*1.2
CSS Variable	--pico-ref-line-height-20
Full Path	pico, ref, line, height, 20

height 3

pico ref line

Value	{pico.ref.font.size.3}*1.5
CSS Variable	--pico-ref-line-height-3
Full Path	pico, ref, line, height, 3

height 4

pico ref line

Value	{pico.ref.font.size.4}*1.5
CSS Variable	--pico-ref-line-height-4
Full Path	pico, ref, line, height, 4

height 5

pico ref line

Value	{pico.ref.font.size.5}*1.2
CSS Variable	--pico-ref-line-height-5
Full Path	pico, ref, line, height, 5

height 6

pico ref line

Value	{pico.ref.font.size.6}*1.2
CSS Variable	--pico-ref-line-height-6
Full Path	pico, ref, line, height, 6

height 7

pico ref line

Value	{pico.ref.font.size.7}*1.2
CSS Variable	--pico-ref-line-height-7
Full Path	pico, ref, line, height, 7

height 8

pico ref line

Value	{pico.ref.font.size.8}*1.2
CSS Variable	--pico-ref-line-height-8
Full Path	pico, ref, line, height, 8

height 9

pico ref line

Value	{pico.ref.font.size.9}*1.2
CSS Variable	--pico-ref-line-height-9
Full Path	pico, ref, line, height, 9

duration extraLong1

pico ref motion

Value	700ms
CSS Variable	--pico-ref-motion-duration-extra-long-1
Full Path	pico, ref, motion, duration, extraLong1

{"category":"time"}

duration extraLong2

pico ref motion

Value	800ms
CSS Variable	--pico-ref-motion-duration-extra-long-2
Full Path	pico, ref, motion, duration, extraLong2

{"category":"time"}

duration extraLong3

pico ref motion

Value	900ms
CSS Variable	--pico-ref-motion-duration-extra-long-3
Full Path	pico, ref, motion, duration, extraLong3

{"category":"time"}

duration extraLong4

pico ref motion

Value	1000ms
CSS Variable	--pico-ref-motion-duration-extra-long-4
Full Path	pico, ref, motion, duration, extraLong4

{"category":"time"}

duration long1

pico ref motion

Value	450ms
CSS Variable	--pico-ref-motion-duration-long-1
Full Path	pico, ref, motion, duration, long1

{"category":"time"}

duration long2

pico ref motion

Value	500ms
CSS Variable	--pico-ref-motion-duration-long-2
Full Path	pico, ref, motion, duration, long2

{"category":"time"}

duration long3

pico ref motion

Value	550ms
CSS Variable	--pico-ref-motion-duration-long-3
Full Path	pico, ref, motion, duration, long3

{"category":"time"}

duration long4

pico ref motion

Value	600ms
CSS Variable	--pico-ref-motion-duration-long-4
Full Path	pico, ref, motion, duration, long4

{"category":"time"}

duration medium1

pico ref motion

Value	250ms
CSS Variable	--pico-ref-motion-duration-medium-1
Full Path	pico, ref, motion, duration, medium1

{"category":"time"}

duration medium2

pico ref motion

Value	300ms
CSS Variable	--pico-ref-motion-duration-medium-2
Full Path	pico, ref, motion, duration, medium2

{"category":"time"}

duration medium3

pico ref motion

Value	350ms
CSS Variable	--pico-ref-motion-duration-medium-3
Full Path	pico, ref, motion, duration, medium3

{"category":"time"}

duration medium4

pico ref motion

Value	400ms
CSS Variable	--pico-ref-motion-duration-medium-4
Full Path	pico, ref, motion, duration, medium4

{"category":"time"}

duration shor34

pico ref motion

Value	150ms
CSS Variable	--pico-ref-motion-duration-shor-34
Full Path	pico, ref, motion, duration, shor34

{"category":"time"}

duration short1

pico ref motion

Value	50ms
CSS Variable	--pico-ref-motion-duration-short-1
Full Path	pico, ref, motion, duration, short1

{"category":"time"}

duration short2

pico ref motion

Value	100ms
CSS Variable	--pico-ref-motion-duration-short-2
Full Path	pico, ref, motion, duration, short2

{"category":"time"}

duration short4

pico ref motion

Value	200ms
CSS Variable	--pico-ref-motion-duration-short-4
Full Path	pico, ref, motion, duration, short4

{"category":"time"}

easing emphasized

pico ref motion

Value	cubic-bezier(0.05, 0.7, 0.1, 1.0)
CSS Variable	--pico-ref-motion-easing-emphasized
Full Path	pico, ref, motion, easing, emphasized

easing emphasizedAccelerate

pico ref motion

Value	cubic-bezier(0.3, 0.0, 0.8, 0.15)
CSS Variable	--pico-ref-motion-easing-emphasized-accelerate
Full Path	pico, ref, motion, easing, emphasizedAccelerate

easing emphasizedDecelerate

pico ref motion

Value	cubic-bezier(0.05, 0.7, 0.1, 1.0)
CSS Variable	--pico-ref-motion-easing-emphasized-decelerate
Full Path	pico, ref, motion, easing, emphasizedDecelerate

easing standard

pico ref motion

Value	cubic-bezier(0.2, 0.0, 0, 1.0)
CSS Variable	--pico-ref-motion-easing-standard
Full Path	pico, ref, motion, easing, standard

easing standardAccelerate

pico ref motion

Value	cubic-bezier(0.3, 0, 1, 1)
CSS Variable	--pico-ref-motion-easing-standard-accelerate
Full Path	pico, ref, motion, easing, standardAccelerate

easing standardDecelerate

pico ref motion

Value	cubic-bezier(0, 0, 0, 1)
CSS Variable	--pico-ref-motion-easing-standard-decelerate
Full Path	pico, ref, motion, easing, standardDecelerate

corner full

pico ref shape

Value	{pico.key.shape.corner}*20
CSS Variable	--pico-ref-shape-corner-full
Full Path	pico, ref, shape, corner, full

corner l

pico ref shape

Value	{pico.key.shape.corner}*4
CSS Variable	--pico-ref-shape-corner-l
Full Path	pico, ref, shape, corner, l

corner m

pico ref shape

Value	{pico.key.shape.corner}*2
CSS Variable	--pico-ref-shape-corner-m
Full Path	pico, ref, shape, corner, m

corner none

pico ref shape

Value	0
CSS Variable	--pico-ref-shape-corner-none
Full Path	pico, ref, shape, corner, none

corner s

pico ref shape

Value	{pico.key.shape.corner}
CSS Variable	--pico-ref-shape-corner-s
Full Path	pico, ref, shape, corner, s

corner xl

pico ref shape

Value	{pico.key.shape.corner}*8
CSS Variable	--pico-ref-shape-corner-xl
Full Path	pico, ref, shape, corner, xl

corner xs

pico ref shape

Value	{pico.key.shape.corner}*0.5
CSS Variable	--pico-ref-shape-corner-xs
Full Path	pico, ref, shape, corner, xs

outline width regular

pico ref shape

Value	{pico.key.shape.outline.width}
CSS Variable	--pico-ref-shape-outline-width-regular
Full Path	pico, ref, shape, outline, width, regular

outline width thick

pico ref shape

Value	{pico.ref.shape.outline.width.regular}*2
CSS Variable	--pico-ref-shape-outline-width-thick
Full Path	pico, ref, shape, outline, width, thick

shadow 0

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-0
Full Path	pico, ref, shape, shadow, 0

shadow 1

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-1
Full Path	pico, ref, shape, shadow, 1

shadow 10

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-10
Full Path	pico, ref, shape, shadow, 10

shadow 11

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-11
Full Path	pico, ref, shape, shadow, 11

shadow 12

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-12
Full Path	pico, ref, shape, shadow, 12

shadow 13

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-13
Full Path	pico, ref, shape, shadow, 13

shadow 14

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-14
Full Path	pico, ref, shape, shadow, 14

shadow 15

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-15
Full Path	pico, ref, shape, shadow, 15

shadow 16

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-16
Full Path	pico, ref, shape, shadow, 16

shadow 17

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-17
Full Path	pico, ref, shape, shadow, 17

shadow 18

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-18
Full Path	pico, ref, shape, shadow, 18

shadow 19

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-19
Full Path	pico, ref, shape, shadow, 19

shadow 2

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-2
Full Path	pico, ref, shape, shadow, 2

shadow 20

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-20
Full Path	pico, ref, shape, shadow, 20

shadow 21

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-21
Full Path	pico, ref, shape, shadow, 21

shadow 22

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-22
Full Path	pico, ref, shape, shadow, 22

shadow 23

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-23
Full Path	pico, ref, shape, shadow, 23

shadow 24

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-24
Full Path	pico, ref, shape, shadow, 24

shadow 3

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-3
Full Path	pico, ref, shape, shadow, 3

shadow 4

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-4
Full Path	pico, ref, shape, shadow, 4

shadow 5

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-5
Full Path	pico, ref, shape, shadow, 5

shadow 6

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-6
Full Path	pico, ref, shape, shadow, 6

shadow 7

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-7
Full Path	pico, ref, shape, shadow, 7

shadow 8

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-8
Full Path	pico, ref, shape, shadow, 8

shadow 9

pico ref shape

Value	[object Object]
CSS Variable	--pico-ref-shape-shadow-9
Full Path	pico, ref, shape, shadow, 9

2xl

pico ref spacing

Value	6 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-2-xl
Full Path	pico, ref, spacing, 2xl

2xs

pico ref spacing

Value	0.5 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-2-xs
Full Path	pico, ref, spacing, 2xs

3xl

pico ref spacing

Value	8 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-3-xl
Full Path	pico, ref, spacing, 3xl

base

pico ref spacing

Value	8
CSS Variable	--pico-ref-spacing-base
Full Path	pico, ref, spacing, base

l

pico ref spacing

Value	2.5 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-l
Full Path	pico, ref, spacing, l

m

pico ref spacing

Value	2 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-m
Full Path	pico, ref, spacing, m

s

pico ref spacing

Value	1.5 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-s
Full Path	pico, ref, spacing, s

xl

pico ref spacing

Value	4 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-xl
Full Path	pico, ref, spacing, xl

xs

pico ref spacing

Value	1 * {pico.ref.spacing.base}
CSS Variable	--pico-ref-spacing-xs
Full Path	pico, ref, spacing, xs

1

pico ref zIndex

Value	1000
CSS Variable	--pico-ref-z-index-1
Full Path	pico, ref, zIndex, 1

2

pico ref zIndex

Value	1050
CSS Variable	--pico-ref-z-index-2
Full Path	pico, ref, zIndex, 2

3

pico ref zIndex

Value	1100
CSS Variable	--pico-ref-z-index-3
Full Path	pico, ref, zIndex, 3

4

pico ref zIndex

Value	1200
CSS Variable	--pico-ref-z-index-4
Full Path	pico, ref, zIndex, 4

5

pico ref zIndex

Value	1300
CSS Variable	--pico-ref-z-index-5
Full Path	pico, ref, zIndex, 5

6

pico ref zIndex

Value	1400
CSS Variable	--pico-ref-z-index-6
Full Path	pico, ref, zIndex, 6

7

pico ref zIndex

Value	1500
CSS Variable	--pico-ref-z-index-7
Full Path	pico, ref, zIndex, 7

ui background

pico semantic color

Value	{pico.ref.color.ui.neutral.98}
CSS Variable	--pico-semantic-color-ui-background
Full Path	pico, semantic, color, ui, background

ui error

pico semantic color

Value	{pico.ref.color.ui.error.40}
CSS Variable	--pico-semantic-color-ui-error
Full Path	pico, semantic, color, ui, error

ui errorContainer

pico semantic color

Value	{pico.ref.color.ui.error.90}
CSS Variable	--pico-semantic-color-ui-error-container
Full Path	pico, semantic, color, ui, errorContainer

ui inverseOnSurface

pico semantic color

Value	{pico.ref.color.ui.neutral.95}
CSS Variable	--pico-semantic-color-ui-inverse-on-surface
Full Path	pico, semantic, color, ui, inverseOnSurface

ui inversePrimary

pico semantic color

Value	{pico.ref.color.ui.primary.80}
CSS Variable	--pico-semantic-color-ui-inverse-primary
Full Path	pico, semantic, color, ui, inversePrimary

ui inverseSurface

pico semantic color

Value	{pico.ref.color.ui.neutral.20}
CSS Variable	--pico-semantic-color-ui-inverse-surface
Full Path	pico, semantic, color, ui, inverseSurface

ui onBackground

pico semantic color

Value	{pico.ref.color.ui.neutral.10}
CSS Variable	--pico-semantic-color-ui-on-background
Full Path	pico, semantic, color, ui, onBackground

ui onError

pico semantic color

Value	{pico.ref.color.ui.error.100}
CSS Variable	--pico-semantic-color-ui-on-error
Full Path	pico, semantic, color, ui, onError

ui onErrorContainer

pico semantic color

Value	{pico.ref.color.ui.error.10}
CSS Variable	--pico-semantic-color-ui-on-error-container
Full Path	pico, semantic, color, ui, onErrorContainer

ui onPrimary

pico semantic color

Value	{pico.ref.color.ui.primary.100}
CSS Variable	--pico-semantic-color-ui-on-primary
Full Path	pico, semantic, color, ui, onPrimary

ui onPrimaryContainer

pico semantic color

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--pico-semantic-color-ui-on-primary-container
Full Path	pico, semantic, color, ui, onPrimaryContainer

ui onPrimaryFixed

pico semantic color

Value	{pico.ref.color.ui.primary.10}
CSS Variable	--pico-semantic-color-ui-on-primary-fixed
Full Path	pico, semantic, color, ui, onPrimaryFixed

ui onPrimaryFixedVairant

pico semantic color

Value	{pico.ref.color.ui.primary.30}
CSS Variable	--pico-semantic-color-ui-on-primary-fixed-vairant
Full Path	pico, semantic, color, ui, onPrimaryFixedVairant

ui onSecondary

pico semantic color

Value	{pico.ref.color.ui.secondary.100}
CSS Variable	--pico-semantic-color-ui-on-secondary
Full Path	pico, semantic, color, ui, onSecondary

ui onSecondaryContainer

pico semantic color

Value	{pico.ref.color.ui.secondary.10}
CSS Variable	--pico-semantic-color-ui-on-secondary-container
Full Path	pico, semantic, color, ui, onSecondaryContainer

ui onSecondaryFixed

pico semantic color

Value	{pico.ref.color.ui.secondary.10}
CSS Variable	--pico-semantic-color-ui-on-secondary-fixed
Full Path	pico, semantic, color, ui, onSecondaryFixed

ui onSecondaryFixedVairant

pico semantic color

Value	{pico.ref.color.ui.secondary.30}
CSS Variable	--pico-semantic-color-ui-on-secondary-fixed-vairant
Full Path	pico, semantic, color, ui, onSecondaryFixedVairant

ui onSurface

pico semantic color

Value	{pico.ref.color.ui.neutral.10}
CSS Variable	--pico-semantic-color-ui-on-surface
Full Path	pico, semantic, color, ui, onSurface

ui onSurfaceVariant

pico semantic color

Value	{pico.ref.color.ui.neutralVariant.30}
CSS Variable	--pico-semantic-color-ui-on-surface-variant
Full Path	pico, semantic, color, ui, onSurfaceVariant

ui onTertiary

pico semantic color

Value	{pico.ref.color.ui.tertiary.100}
CSS Variable	--pico-semantic-color-ui-on-tertiary
Full Path	pico, semantic, color, ui, onTertiary

ui onTertiaryContainer

pico semantic color

Value	{pico.ref.color.ui.tertiary.10}
CSS Variable	--pico-semantic-color-ui-on-tertiary-container
Full Path	pico, semantic, color, ui, onTertiaryContainer

ui onTertiaryFixed

pico semantic color

Value	{pico.ref.color.ui.tertiary.10}
CSS Variable	--pico-semantic-color-ui-on-tertiary-fixed
Full Path	pico, semantic, color, ui, onTertiaryFixed

ui onTertiaryFixedVairant

pico semantic color

Value	{pico.ref.color.ui.tertiary.30}
CSS Variable	--pico-semantic-color-ui-on-tertiary-fixed-vairant
Full Path	pico, semantic, color, ui, onTertiaryFixedVairant

ui outline

pico semantic color

Value	{pico.ref.color.ui.neutralVariant.50}
CSS Variable	--pico-semantic-color-ui-outline
Full Path	pico, semantic, color, ui, outline

ui outlineVariant

pico semantic color

Value	{pico.ref.color.ui.neutralVariant.80}
CSS Variable	--pico-semantic-color-ui-outline-variant
Full Path	pico, semantic, color, ui, outlineVariant

ui primary

pico semantic color

Value	{pico.ref.color.ui.primary.40}
CSS Variable	--pico-semantic-color-ui-primary
Full Path	pico, semantic, color, ui, primary

ui primaryContainer

pico semantic color

Value	{pico.ref.color.ui.primary.90}
CSS Variable	--pico-semantic-color-ui-primary-container
Full Path	pico, semantic, color, ui, primaryContainer

ui primaryFixed

pico semantic color

Value	{pico.ref.color.ui.primary.90}
CSS Variable	--pico-semantic-color-ui-primary-fixed
Full Path	pico, semantic, color, ui, primaryFixed

ui primaryFixedDim

pico semantic color

Value	{pico.ref.color.ui.primary.80}
CSS Variable	--pico-semantic-color-ui-primary-fixed-dim
Full Path	pico, semantic, color, ui, primaryFixedDim

ui scrim

pico semantic color

Value	{pico.ref.color.ui.neutral.0}
CSS Variable	--pico-semantic-color-ui-scrim
Full Path	pico, semantic, color, ui, scrim

ui secondary

pico semantic color

Value	{pico.ref.color.ui.secondary.40}
CSS Variable	--pico-semantic-color-ui-secondary
Full Path	pico, semantic, color, ui, secondary

ui secondaryContainer

pico semantic color

Value	{pico.ref.color.ui.secondary.90}
CSS Variable	--pico-semantic-color-ui-secondary-container
Full Path	pico, semantic, color, ui, secondaryContainer

ui secondaryFixed

pico semantic color

Value	{pico.ref.color.ui.secondary.90}
CSS Variable	--pico-semantic-color-ui-secondary-fixed
Full Path	pico, semantic, color, ui, secondaryFixed

ui secondaryFixedDim

pico semantic color

Value	{pico.ref.color.ui.secondary.80}
CSS Variable	--pico-semantic-color-ui-secondary-fixed-dim
Full Path	pico, semantic, color, ui, secondaryFixedDim

ui shadow

pico semantic color

Value	{pico.ref.color.ui.neutral.0}
CSS Variable	--pico-semantic-color-ui-shadow
Full Path	pico, semantic, color, ui, shadow

ui surface

pico semantic color

Value	{pico.ref.color.ui.neutral.98}
CSS Variable	--pico-semantic-color-ui-surface
Full Path	pico, semantic, color, ui, surface

ui surfaceBright

pico semantic color

Value	{pico.ref.color.ui.neutral.98}
CSS Variable	--pico-semantic-color-ui-surface-bright
Full Path	pico, semantic, color, ui, surfaceBright

ui surfaceContainer

pico semantic color

Value	{pico.ref.color.ui.neutral.94}
CSS Variable	--pico-semantic-color-ui-surface-container
Full Path	pico, semantic, color, ui, surfaceContainer

ui surfaceContainerHigh

pico semantic color

Value	{pico.ref.color.ui.neutral.92}
CSS Variable	--pico-semantic-color-ui-surface-container-high
Full Path	pico, semantic, color, ui, surfaceContainerHigh

ui surfaceContainerHighest

pico semantic color

Value	{pico.ref.color.ui.neutral.90}
CSS Variable	--pico-semantic-color-ui-surface-container-highest
Full Path	pico, semantic, color, ui, surfaceContainerHighest

ui surfaceContainerLow

pico semantic color

Value	{pico.ref.color.ui.neutral.96}
CSS Variable	--pico-semantic-color-ui-surface-container-low
Full Path	pico, semantic, color, ui, surfaceContainerLow

ui surfaceContainerLowest

pico semantic color

Value	{pico.ref.color.ui.neutral.100}
CSS Variable	--pico-semantic-color-ui-surface-container-lowest
Full Path	pico, semantic, color, ui, surfaceContainerLowest

ui surfaceDim

pico semantic color

Value	{pico.ref.color.ui.neutral.87}
CSS Variable	--pico-semantic-color-ui-surface-dim
Full Path	pico, semantic, color, ui, surfaceDim

ui surfaceTint

pico semantic color

Value	{pico.ref.color.ui.primary.50}
CSS Variable	--pico-semantic-color-ui-surface-tint
Full Path	pico, semantic, color, ui, surfaceTint

ui surfaceVariant

pico semantic color

Value	{pico.ref.color.ui.neutralVariant.90}
CSS Variable	--pico-semantic-color-ui-surface-variant
Full Path	pico, semantic, color, ui, surfaceVariant

ui tertiary

pico semantic color

Value	{pico.ref.color.ui.tertiary.40}
CSS Variable	--pico-semantic-color-ui-tertiary
Full Path	pico, semantic, color, ui, tertiary

ui tertiaryContainer

pico semantic color

Value	{pico.ref.color.ui.tertiary.90}
CSS Variable	--pico-semantic-color-ui-tertiary-container
Full Path	pico, semantic, color, ui, tertiaryContainer

ui tertiaryFixed

pico semantic color

Value	{pico.ref.color.ui.tertiary.90}
CSS Variable	--pico-semantic-color-ui-tertiary-fixed
Full Path	pico, semantic, color, ui, tertiaryFixed

ui tertiaryFixedDim

pico semantic color

Value	{pico.ref.color.ui.tertiary.80}
CSS Variable	--pico-semantic-color-ui-tertiary-fixed-dim
Full Path	pico, semantic, color, ui, tertiaryFixedDim

type

pico semantic icon

Value	Sharp
CSS Variable	--pico-semantic-icon-type
Full Path	pico, semantic, icon, type

transition beginAndEnd

pico semantic motion

Value	[object Object]
CSS Variable	--pico-semantic-motion-transition-begin-and-end
Full Path	pico, semantic, motion, transition, beginAndEnd

transition enterScreen

pico semantic motion

Value	[object Object]
CSS Variable	--pico-semantic-motion-transition-enter-screen
Full Path	pico, semantic, motion, transition, enterScreen

transition exitScreen

pico semantic motion

Value	[object Object]
CSS Variable	--pico-semantic-motion-transition-exit-screen
Full Path	pico, semantic, motion, transition, exitScreen

corner

pico semantic shape

Value	{pico.ref.shape.corner.s}
CSS Variable	--pico-semantic-shape-corner
Full Path	pico, semantic, shape, corner

elevation level high

pico semantic shape

Value	{pico.ref.shape.shadow.8}
CSS Variable	--pico-semantic-shape-elevation-level-high
Full Path	pico, semantic, shape, elevation, level, high

elevation level highest

pico semantic shape

Value	{pico.ref.shape.shadow.8}
CSS Variable	--pico-semantic-shape-elevation-level-highest
Full Path	pico, semantic, shape, elevation, level, highest

elevation level low

pico semantic shape

Value	{pico.ref.shape.shadow.2}
CSS Variable	--pico-semantic-shape-elevation-level-low
Full Path	pico, semantic, shape, elevation, level, low

elevation level lowest

pico semantic shape

Value	{pico.ref.shape.shadow.1}
CSS Variable	--pico-semantic-shape-elevation-level-lowest
Full Path	pico, semantic, shape, elevation, level, lowest

elevation level medium

pico semantic shape

Value	{pico.ref.shape.shadow.4}
CSS Variable	--pico-semantic-shape-elevation-level-medium
Full Path	pico, semantic, shape, elevation, level, medium

outline width

pico semantic shape

Value	{pico.ref.shape.outline.width.regular}
CSS Variable	--pico-semantic-shape-outline-width
Full Path	pico, semantic, shape, outline, width

containerWidth ctaWidth

pico semantic spacing

Value	210
CSS Variable	--pico-semantic-spacing-container-width-cta-width
Full Path	pico, semantic, spacing, containerWidth, ctaWidth

containerWidth cutSize

pico semantic spacing

Value	24
CSS Variable	--pico-semantic-spacing-container-width-cut-size
Full Path	pico, semantic, spacing, containerWidth, cutSize

containerWidth default

pico semantic spacing

Value	960
CSS Variable	--pico-semantic-spacing-container-width-default
Full Path	pico, semantic, spacing, containerWidth, default

containerWidth seoContent

pico semantic spacing

Value	((960*2)/3)
CSS Variable	--pico-semantic-spacing-container-width-seo-content
Full Path	pico, semantic, spacing, containerWidth, seoContent

body large

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-body-large
Full Path	pico, semantic, typography, body, large

body medium

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-body-medium
Full Path	pico, semantic, typography, body, medium

body small

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-body-small
Full Path	pico, semantic, typography, body, small

display large

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-display-large
Full Path	pico, semantic, typography, display, large

display medium

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-display-medium
Full Path	pico, semantic, typography, display, medium

display small

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-display-small
Full Path	pico, semantic, typography, display, small

headline large

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-headline-large
Full Path	pico, semantic, typography, headline, large

headline medium

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-headline-medium
Full Path	pico, semantic, typography, headline, medium

headline small

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-headline-small
Full Path	pico, semantic, typography, headline, small

label large

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-label-large
Full Path	pico, semantic, typography, label, large

label largeProminent

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-label-large-prominent
Full Path	pico, semantic, typography, label, largeProminent

label medium

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-label-medium
Full Path	pico, semantic, typography, label, medium

label mediumProminent

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-label-medium-prominent
Full Path	pico, semantic, typography, label, mediumProminent

label small

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-label-small
Full Path	pico, semantic, typography, label, small

title large

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-title-large
Full Path	pico, semantic, typography, title, large

title medium

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-title-medium
Full Path	pico, semantic, typography, title, medium

title small

pico semantic typography

Value	[object Object]
CSS Variable	--pico-semantic-typography-title-small
Full Path	pico, semantic, typography, title, small

high

pico semantic zIndex

Value	{pico.ref.zIndex.5}
CSS Variable	--pico-semantic-z-index-high
Full Path	pico, semantic, zIndex, high

highest

pico semantic zIndex

Value	{pico.ref.zIndex.7}
CSS Variable	--pico-semantic-z-index-highest
Full Path	pico, semantic, zIndex, highest

low

pico semantic zIndex

Value	{pico.ref.zIndex.3}
CSS Variable	--pico-semantic-z-index-low
Full Path	pico, semantic, zIndex, low

lowest

pico semantic zIndex

Value	{pico.ref.zIndex.1}
CSS Variable	--pico-semantic-z-index-lowest
Full Path	pico, semantic, zIndex, lowest

medium

pico semantic zIndex

Value	{pico.ref.zIndex.4}
CSS Variable	--pico-semantic-z-index-medium
Full Path	pico, semantic, zIndex, medium

testComposite card borderColor

Value	#999
CSS Variable	--test-composite-card-border-color
Full Path	testComposite, card, borderColor

testComposite card borderRadius

Value	18px
CSS Variable	--test-composite-card-border-radius
Full Path	testComposite, card, borderRadius

testComposite card color

Value	#fff
CSS Variable	--test-composite-card-color
Full Path	testComposite, card, color

testComposite fancyCard borderColor

Value	undefined
CSS Variable	--test-composite-fancy-card-border-color
Full Path	testComposite, fancyCard, borderColor

testComposite fancyCard borderRadius

Value	undefined
CSS Variable	--test-composite-fancy-card-border-radius
Full Path	testComposite, fancyCard, borderRadius

testComposite fancyCard color

Value	undefined
CSS Variable	--test-composite-fancy-card-color
Full Path	testComposite, fancyCard, color

testTypography fancyText

Value	{testTypography.text}
CSS Variable	--test-typography-fancy-text
Full Path	testTypography, fancyText

testTypography text

Value	[object Object]
CSS Variable	--test-typography-text
Full Path	testTypography, text