/* Shared theme styles, resolved through each generated common theme. */
@import url('tokens.css');

/* Shared typography and PatternFly globals for all Insights theme types. */
@font-face {
	font-family: 'IBM Plex Sans Variable';
	font-style: normal;
	font-weight: 100 700;
	font-display: swap;
	src: url('../fonts/ibm-plex-sans-latin-wght-normal.woff2') format('woff2');
}

:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--FontFamily--text: var(--typography-p2-default-font-family), sans-serif;
	--pf-v5-global--FontFamily--heading: var(--typography-h4-strong-font-family), sans-serif;

	--pf-v5-global--BackgroundColor--100: var(--color-background-default);
	--pf-v5-global--BackgroundColor--200: var(--color-background-subtle);
	--pf-v5-global--Color--100: var(--color-text-primary);
	--pf-v5-global--Color--200: var(--color-text-secondary);
	--pf-v5-global--BorderColor--100: var(--color-border-default);
	--pf-v5-global--BorderColor--200: var(--color-border-default);
	--pf-v5-global--BorderColor--300: var(--color-border-subtle);
	--pf-v5-global--BorderRadius--sm: var(--borderradius-selectable-m);

	--pf-v5-global--link--Color: var(--color-link-default);
	--pf-v5-global--link--Color--hover: var(--color-link-hover);
	--pf-v5-global--primary-color--100: var(--color-interactive-primary-background-default);
	--pf-v5-global--danger-color--100: var(--color-feedback-error-strong);
	--pf-v5-global--success-color--100: var(--color-feedback-success-strong);
	--pf-v5-global--warning-color--100: var(--color-feedback-warning-strong);
}

/* Token mapping for inherited PatternFly 5 buttons. Keep native state/disabled/loading behavior.
 * Focus is an independent outline.
 */
:root .pf-v5-c-button {
	--pf-v5-c-button--BorderRadius: var(--borderradius-selectable-m);
	--pf-v5-c-button--FontSize: var(--typography-interactive-medium-default-font-size);
	--pf-v5-c-button--FontWeight: var(--typography-interactive-medium-default-font-weight);
	--pf-v5-c-button--LineHeight: var(--typography-interactive-medium-default-line-height);
	--pf-v5-c-button--PaddingLeft: var(--space-selectable-inset-l);
	--pf-v5-c-button--PaddingRight: var(--space-selectable-inset-l);
	--pf-v5-c-button--after--BorderRadius: var(--borderradius-selectable-m);
}
:root .pf-v5-c-button.pf-m-primary {
	--pf-v5-c-button--m-primary--BackgroundColor: var(--color-interactive-primary-background-default);
	--pf-v5-c-button--m-primary--Color: var(--color-interactive-primary-foreground-default);
	--pf-v5-c-button--m-primary--hover--BackgroundColor: var(
		--color-interactive-primary-background-hover
	);
	--pf-v5-c-button--m-primary--hover--Color: var(--color-interactive-primary-foreground-default);
	--pf-v5-c-button--m-primary--focus--BackgroundColor: var(
		--color-interactive-primary-background-default
	);
	--pf-v5-c-button--m-primary--focus--Color: var(--color-interactive-primary-foreground-default);
	--pf-v5-c-button--m-primary--active--BackgroundColor: var(
		--color-interactive-primary-background-pressed
	);
	--pf-v5-c-button--m-primary--active--Color: var(--color-interactive-primary-foreground-default);
	--pf-v5-c-button--disabled--BackgroundColor: var(--color-interactive-primary-background-disabled);
	--pf-v5-c-button--disabled--Color: var(--color-interactive-primary-foreground-default);
}
/* PF applies :focus after :hover. Retain hover while focused, without overriding its
 * native :active, .pf-m-active, :disabled and aria-disabled state rules.
 */
:root .pf-v5-c-button.pf-m-primary:hover {
	--pf-v5-c-button--m-primary--focus--BackgroundColor: var(
		--color-interactive-primary-background-hover
	);
}
:root .pf-v5-c-button.pf-m-secondary {
	--pf-v5-c-button--m-secondary--BackgroundColor: var(--color-interactive-surface-default);
	--pf-v5-c-button--m-secondary--Color: var(--color-text-primary);
	--pf-v5-c-button--m-secondary--after--BorderColor: var(--color-border-default);
	--pf-v5-c-button--m-secondary--hover--BackgroundColor: var(--color-interactive-surface-hover);
	--pf-v5-c-button--m-secondary--hover--Color: var(--color-text-primary);
	--pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--color-border-default);
	--pf-v5-c-button--m-secondary--focus--BackgroundColor: var(--color-interactive-surface-default);
	--pf-v5-c-button--m-secondary--focus--Color: var(--color-text-primary);
	--pf-v5-c-button--m-secondary--focus--after--BorderColor: var(--color-border-default);
	--pf-v5-c-button--m-secondary--active--BackgroundColor: var(--color-interactive-surface-pressed);
	--pf-v5-c-button--m-secondary--active--Color: var(--color-text-primary);
	--pf-v5-c-button--m-secondary--active--after--BorderColor: var(--color-border-default);
	--pf-v5-c-button--disabled--BackgroundColor: var(--color-interactive-surface-default);
	--pf-v5-c-button--disabled--Color: var(--color-text-disabled);
	--pf-v5-c-button--disabled--after--BorderColor: var(--color-border-disabled);
	/* Native <a> buttons otherwise leave spare min-height space below their text. */
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
:root .pf-v5-c-button.pf-m-secondary:hover {
	--pf-v5-c-button--m-secondary--focus--BackgroundColor: var(--color-interactive-surface-hover);
}
:root .pf-v5-c-button:focus-visible {
	outline: var(--borderwidth-selectable-l) solid var(--color-border-focus);
	outline-offset: var(--borderwidth-selectable-l);
	--pf-v5-c-button--after--BorderWidth: 0;
}

/* Globals also apply inside PatternFly's locally light/dark surfaces. */
:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--active-color--100: var(--color-interactive-secondary-selected-border-default);
	--pf-v5-global--active-color--200: var(
		--color-interactive-secondary-selected-background-non-emphasized
	);
	--pf-v5-global--active-color--300: var(--color-interactive-secondary-selected-foreground-default);
	--pf-v5-global--active-color--400: var(--color-interactive-secondary-selected-background-hover);
	--pf-v5-global--primary-color--200: var(--color-interactive-primary-background-hover);
	--pf-v5-global--disabled-color--100: var(--color-background-subtle);
	--pf-v5-global--disabled-color--200: var(--color-text-disabled);
	--pf-v5-global--link--Color--light: var(--color-link-default);
	--pf-v5-global--link--Color--light--hover: var(--color-link-hover);
	--pf-v5-global--link--Color--dark: var(--color-link-default);
	--pf-v5-global--link--Color--dark--hover: var(--color-link-hover);
}
:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--info-color--100: var(--color-feedback-info-strong);
	--pf-v5-global--info-color--200: var(--color-feedback-info-foreground);
}
:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--success-color--100: var(--color-feedback-success-strong);
	--pf-v5-global--success-color--200: var(--color-feedback-success-foreground);
}
:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--warning-color--100: var(--color-feedback-warning-strong);
	--pf-v5-global--warning-color--200: var(--color-feedback-warning-foreground);
}
:root,
:root.pf-v5-theme-dark,
:root .pf-m-light,
:root .pf-m-dark {
	--pf-v5-global--danger-color--100: var(--color-feedback-error-strong);
	--pf-v5-global--danger-color--200: var(--color-feedback-error-foreground);
}

body,
:root button,
:root input,
:root textarea,
:root select {
	font:
		var(--typography-p2-default-font-weight)
			var(--typography-p2-default-font-size)/var(--typography-p2-default-line-height)
			var(--typography-p2-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p2-default-letter-spacing);
	text-decoration: var(--typography-p2-default-text-decoration);
	text-transform: var(--typography-p2-default-text-case);
	text-indent: var(--typography-p2-default-paragraph-indent);
}

:root .pf-v5-c-title,
:root .pf-v5-c-content h1 {
	font:
		var(--typography-h4-strong-font-weight)
			var(--typography-h4-strong-font-size)/var(--typography-h4-strong-line-height)
			var(--typography-h4-strong-font-family),
		sans-serif;
	letter-spacing: var(--typography-h4-strong-letter-spacing);
	text-decoration: var(--typography-h4-strong-text-decoration);
	text-transform: var(--typography-h4-strong-text-case);
	text-indent: var(--typography-h4-strong-paragraph-indent);
}

:root .pf-v5-c-modal-box__title,
:root .pf-v5-c-card__title {
	font:
		var(--typography-h6-strong-font-weight)
			var(--typography-h6-strong-font-size)/var(--typography-h6-strong-line-height)
			var(--typography-h6-strong-font-family),
		sans-serif;
	letter-spacing: var(--typography-h6-strong-letter-spacing);
	text-decoration: var(--typography-h6-strong-text-decoration);
	text-transform: var(--typography-h6-strong-text-case);
	text-indent: var(--typography-h6-strong-paragraph-indent);
}

:root .pf-v5-c-form__label,
:root .pf-v5-c-form__label-text,
:root .pf-v5-c-check__label,
:root .pf-v5-c-radio__label {
	font:
		var(--typography-p2-default-font-weight)
			var(--typography-p2-default-font-size)/var(--typography-p2-default-line-height)
			var(--typography-p2-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p2-default-letter-spacing);
	text-decoration: var(--typography-p2-default-text-decoration);
	text-transform: var(--typography-p2-default-text-case);
	text-indent: var(--typography-p2-default-paragraph-indent);
}

:root .pf-v5-c-form-control > :is(input, textarea, select),
:root .pf-v5-c-text-input-group__text-input {
	font:
		var(--typography-p1-default-font-weight)
			var(--typography-p1-default-font-size)/var(--typography-p1-default-line-height)
			var(--typography-p1-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p1-default-letter-spacing);
	text-decoration: var(--typography-p1-default-text-decoration);
	text-transform: var(--typography-p1-default-text-case);
	text-indent: var(--typography-p1-default-paragraph-indent);
}

:root .pf-v5-c-button,
:root .pf-v5-c-menu-toggle,
:root .pf-v5-c-tabs__link {
	font:
		var(--typography-interactive-medium-default-font-weight)
			var(--typography-interactive-medium-default-font-size)/var(
				--typography-interactive-medium-default-line-height
			)
			var(--typography-interactive-medium-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-interactive-medium-default-letter-spacing);
	text-decoration: var(--typography-interactive-medium-default-text-decoration);
	text-transform: var(--typography-interactive-medium-default-text-case);
	text-indent: var(--typography-interactive-medium-default-paragraph-indent);
}

:root .pf-v5-c-nav__link {
	font:
		var(--typography-interactive-large-default-font-weight)
			var(--typography-interactive-large-default-font-size)/var(
				--typography-interactive-large-default-line-height
			)
			var(--typography-interactive-large-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-interactive-large-default-letter-spacing);
	text-decoration: var(--typography-interactive-large-default-text-decoration);
	text-transform: var(--typography-interactive-large-default-text-case);
	text-indent: var(--typography-interactive-large-default-paragraph-indent);
}

:root .pf-v5-c-table td,
:root .pf-v5-c-menu__item {
	font:
		var(--typography-p2-default-font-weight)
			var(--typography-p2-default-font-size)/var(--typography-p2-default-line-height)
			var(--typography-p2-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p2-default-letter-spacing);
	text-decoration: var(--typography-p2-default-text-decoration);
	text-transform: var(--typography-p2-default-text-case);
	text-indent: var(--typography-p2-default-paragraph-indent);
}

:root .pf-v5-c-table th {
	font:
		var(--typography-p2-medium-font-weight)
			var(--typography-p2-medium-font-size)/var(--typography-p2-medium-line-height)
			var(--typography-p2-medium-font-family),
		sans-serif;
	letter-spacing: var(--typography-p2-medium-letter-spacing);
	text-decoration: var(--typography-p2-medium-text-decoration);
	text-transform: var(--typography-p2-medium-text-case);
	text-indent: var(--typography-p2-medium-paragraph-indent);
}

:root .pf-v5-c-label,
:root .pf-v5-c-badge,
:root .pf-v5-c-helper-text {
	font:
		var(--typography-p3-default-font-weight)
			var(--typography-p3-default-font-size)/var(--typography-p3-default-line-height)
			var(--typography-p3-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p3-default-letter-spacing);
	text-decoration: var(--typography-p3-default-text-decoration);
	text-transform: var(--typography-p3-default-text-case);
	text-indent: var(--typography-p3-default-paragraph-indent);
}

:root .pf-v5-c-alert__title,
:root .pf-v5-c-alert__description {
	font:
		var(--typography-p1-default-font-weight)
			var(--typography-p1-default-font-size)/var(--typography-p1-default-line-height)
			var(--typography-p1-default-font-family),
		sans-serif;
	letter-spacing: var(--typography-p1-default-letter-spacing);
	text-decoration: var(--typography-p1-default-text-decoration);
	text-transform: var(--typography-p1-default-text-case);
	text-indent: var(--typography-p1-default-paragraph-indent);
}

/* A single box border owns the control state; suppress PF's independent underline. */
:root
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-menu-toggle:not(.pf-m-plain),
		.pf-v5-c-select__toggle,
		.pf-v5-c-dropdown__toggle:not(.pf-m-plain),
		.pf-v5-c-options-menu__toggle
	) {
	--insights-control-border: var(--color-interactive-secondary-unselected-border-unfocused);
	background: var(--color-background-default);
	color: var(--color-text-primary);
	border: var(--borderwidth-selectable-m) solid var(--insights-control-border);
	border-radius: var(--borderradius-selectable-m);
}
:root
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-menu-toggle,
		.pf-v5-c-select__toggle,
		.pf-v5-c-dropdown__toggle,
		.pf-v5-c-options-menu__toggle
	)::before,
:root
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-menu-toggle,
		.pf-v5-c-select__toggle,
		.pf-v5-c-dropdown__toggle,
		.pf-v5-c-options-menu__toggle
	)::after {
	border: 0;
}
:root
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-menu-toggle,
		.pf-v5-c-select__toggle,
		.pf-v5-c-dropdown__toggle,
		.pf-v5-c-options-menu__toggle
	):hover {
	--insights-control-border: var(--color-interactive-secondary-unselected-border-default);
}
:root
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-menu-toggle,
		.pf-v5-c-select__toggle,
		.pf-v5-c-dropdown__toggle,
		.pf-v5-c-options-menu__toggle
	):focus-within {
	--insights-control-border: var(--color-interactive-secondary-selected-border-default);
}
:root
	:is(.pf-v5-c-form-control, .pf-v5-c-text-input-group):is(
		.pf-m-error,
		:has([aria-invalid='true'])
	) {
	--insights-control-border: var(--color-feedback-error-border);
}
:root :is(.pf-v5-c-form-control, .pf-v5-c-text-input-group):is(.pf-m-disabled, :has(:disabled)) {
	background: var(--color-background-subtle);
	color: var(--color-text-disabled);
	--insights-control-border: var(--color-border-disabled);
}
:root .pf-v5-c-form-control > :is(input, select, textarea),
:root .pf-v5-c-text-input-group__text-input {
	color: inherit;
	background: transparent;
	outline: none;
}
:root .pf-v5-c-form-control > :is(input, select, textarea) {
	padding: var(--space-selectable-inset-s);
}
:root .pf-v5-c-text-input-group__text::before,
:root .pf-v5-c-text-input-group__text::after {
	border: 0;
}
:root :is(input, textarea)::placeholder {
	color: var(--color-interactive-secondary-unselected-foreground-placeholder);
	opacity: 1;
}
:root .pf-v5-c-input-group {
	background: var(--color-background-default);
	border: var(--borderwidth-selectable-m) solid
		var(--color-interactive-secondary-unselected-border-unfocused);
	border-radius: var(--borderradius-selectable-m);
}
:root .pf-v5-c-input-group:focus-within {
	border-color: var(--color-interactive-secondary-selected-border-default);
}
:root .pf-v5-c-input-group:has([aria-invalid='true'], .pf-m-error) {
	border-color: var(--color-feedback-error-border);
}
:root
	.pf-v5-c-input-group
	:is(
		.pf-v5-c-form-control,
		.pf-v5-c-text-input-group,
		.pf-v5-c-input-group,
		.pf-v5-c-input-group__item
	) {
	border: 0;
	background: transparent;
}
:root .pf-v5-c-input-group .pf-v5-c-button.pf-m-control {
	border: 0;
	outline-offset: calc(-1 * var(--borderwidth-selectable-l));
}
:root .pf-v5-c-input-group .pf-v5-c-button.pf-m-control::after {
	border: 0;
}
:root .pf-v5-c-button:is(.pf-m-primary, .pf-m-secondary) {
	min-height: var(--size-selectable-m);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
:root .pf-v5-c-button:is(.pf-m-plain, .pf-m-control),
:root .pf-v5-c-menu-toggle.pf-m-plain {
	color: var(--color-icon-secondary);
	background: var(--color-interactive-surface-default);
	border-radius: var(--borderradius-selectable-m);
}
:root .pf-v5-c-button:is(.pf-m-plain, .pf-m-control):hover,
:root .pf-v5-c-menu-toggle.pf-m-plain:hover {
	color: var(--color-icon-primary);
	background: var(--color-interactive-surface-hover);
}
:root .pf-v5-c-button:is(.pf-m-plain, .pf-m-control):active,
:root .pf-v5-c-menu-toggle.pf-m-plain:active {
	background: var(--color-interactive-surface-pressed);
}
:root .pf-v5-c-button:is(.pf-m-plain, .pf-m-control):disabled,
:root .pf-v5-c-menu-toggle.pf-m-plain:disabled {
	color: var(--color-icon-disabled);
}
:root .pf-v5-c-menu-toggle[data-testid='help-toggle'],
:root .pf-v5-c-form__group-label-help {
	color: var(--color-feedback-info-strong);
}
:root .pf-v5-c-menu-toggle[data-testid='help-toggle']:hover,
:root .pf-v5-c-form__group-label-help:hover {
	color: var(--color-feedback-info-interactive-foreground);
	background: var(--color-feedback-info-interactive-hover);
}
:root .pf-v5-c-menu-toggle[data-testid='help-toggle']:active,
:root .pf-v5-c-form__group-label-help:active {
	color: var(--color-feedback-info-interactive-foreground);
	background: var(--color-feedback-info-interactive-pressed);
}
:root .pf-v5-c-menu-toggle[data-testid='help-toggle']:disabled,
:root .pf-v5-c-form__group-label-help:disabled {
	color: var(--color-feedback-info-interactive-disabled);
}
:root :is(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: var(--borderwidth-selectable-l) solid var(--color-border-focus);
	outline-offset: var(--borderwidth-selectable-l);
}
:root .pf-v5-c-form-control > :is(input, textarea, select):focus-visible,
:root .pf-v5-c-text-input-group__text-input:focus-visible {
	outline: none;
}
:root :is(.pf-v5-c-form-control, .pf-v5-c-text-input-group):has(:focus-visible) {
	outline: var(--borderwidth-selectable-l) solid var(--color-border-focus);
	outline-offset: var(--borderwidth-selectable-l);
}
/* Native inputs retain their keyboard, mixed, disabled and form-submit behavior. */
:root input[type='checkbox']:not(.pf-v5-c-switch__input) {
	appearance: none;
	inline-size: var(--size-selectable-smaller-m);
	block-size: var(--size-selectable-smaller-m);
	flex-shrink: 0;
	margin: 0;
	border: var(--borderwidth-selectable-m) solid
		var(--color-interactive-secondary-unselected-border-unfocused);
	border-radius: var(--borderradius-selectable-m);
	background: var(--color-interactive-secondary-unselected-background-default);
	display: inline-grid;
	place-content: center;
	vertical-align: middle;
	cursor: pointer;
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input)::before {
	content: '';
	inline-size: var(--size-icon-s);
	block-size: var(--size-icon-s);
	background: var(--color-interactive-secondary-selected-foreground-non-emphasized);
	clip-path: polygon(12% 45%, 40% 72%, 87% 18%, 98% 30%, 42% 94%, 2% 57%);
	visibility: hidden;
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):is(:checked, :indeterminate) {
	background: var(--color-interactive-secondary-selected-background-non-emphasized);
	border-color: transparent;
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):is(:checked, :indeterminate)::before {
	visibility: visible;
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):indeterminate::before {
	clip-path: inset(42% 10%);
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):is(:checked, :indeterminate):hover {
	background: var(--color-interactive-secondary-selected-background-non-emphasized-hover);
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):is(:checked, :indeterminate):active {
	background: var(--color-interactive-secondary-selected-background-non-emphasized-pressed);
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):disabled {
	background: var(--color-background-subtle);
	border-color: var(--color-border-disabled);
	cursor: not-allowed;
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):is(:checked, :indeterminate):disabled {
	background: var(--color-interactive-secondary-selected-background-non-emphasized-disabled);
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input):disabled::before {
	background: var(--color-icon-disabled);
}
:root input[type='checkbox']:not(.pf-v5-c-switch__input)[aria-invalid='true'] {
	border-color: var(--color-feedback-error-border);
}
:root input[type='radio'] {
	accent-color: var(--color-interactive-secondary-selected-background-default);
}
/* Use the application's Switch track/thumb roles; preserve native movement and input. */
:root .pf-v5-c-switch {
	--pf-v5-c-switch__toggle--BackgroundColor: var(
		--color-interactive-secondary-unselected-background-default-alternative
	);
	--pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(
		--color-interactive-secondary-selected-background-default
	);
	--pf-v5-c-switch__toggle--before--BackgroundColor: var(
		--color-interactive-secondary-unselected-foreground-default-white
	);
	--pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(
		--color-interactive-secondary-unselected-background-default-alternative-disable
	);
}
:root .pf-v5-c-switch__toggle::before {
	border: var(--borderwidth-selectable-ml) solid
		var(--color-interactive-secondary-unselected-foreground-default);
	box-shadow: none;
}
:root .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
	border-color: var(--color-interactive-secondary-selected-border-default);
}
:root
	.pf-v5-c-switch:hover
	.pf-v5-c-switch__input:checked:not(:disabled)
	~ .pf-v5-c-switch__toggle {
	background: var(--color-interactive-secondary-selected-background-hover);
}
:root
	.pf-v5-c-switch:active
	.pf-v5-c-switch__input:checked:not(:disabled)
	~ .pf-v5-c-switch__toggle {
	background: var(--color-interactive-secondary-selected-background-pressed);
}
:root .pf-v5-c-switch__input:checked:disabled ~ .pf-v5-c-switch__toggle {
	background: var(--color-interactive-secondary-selected-background-disabled);
}
:root .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
	background: var(--color-background-subtle);
	border-color: var(--color-interactive-secondary-unselected-foreground-default-disabled);
}
:root .pf-v5-c-switch .pf-v5-c-switch__input ~ .pf-v5-c-switch__label {
	color: var(--color-text-primary);
}
:root .pf-v5-c-switch .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
	color: var(--color-text-disabled);
}
:root .pf-v5-c-switch__input:focus-visible {
	outline: none;
}
:root .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
	outline: var(--borderwidth-selectable-l) solid var(--color-border-focus);
	outline-offset: var(--borderwidth-selectable-l);
}
:root .pf-v5-c-menu,
:root .pf-v5-c-dropdown__menu,
:root .pf-v5-c-select__menu,
:root .pf-v5-c-options-menu__menu,
:root .pf-v5-c-popover__content {
	background: var(--color-background-default);
	color: var(--color-text-primary);
	border: var(--borderwidth-decorative-s) solid var(--color-border-default);
	border-radius: var(--borderradius-selectable-m);
	box-shadow: var(--shadow-l2);
}
:root .pf-v5-c-menu__item,
:root .pf-v5-c-dropdown__menu-item,
:root .pf-v5-c-select__menu-item,
:root .pf-v5-c-options-menu__menu-item {
	color: var(--color-text-primary);
}
:root .pf-v5-c-menu__list-item:is(:hover, :focus-within),
:root .pf-v5-c-dropdown__menu-item:is(:hover, :focus),
:root .pf-v5-c-select__menu-item:is(:hover, :focus),
:root .pf-v5-c-options-menu__menu-item:is(:hover, :focus) {
	background: var(--color-interactive-surface-hover);
}
:root .pf-v5-c-menu__list-item:active {
	background: var(--color-interactive-surface-pressed);
}
:root .pf-v5-c-menu__item-select-icon,
:root .pf-v5-c-select__menu-item-icon,
:root .pf-v5-c-options-menu__menu-item-icon {
	color: var(--color-interactive-secondary-selected-foreground-emphasized);
}
:root .pf-v5-c-menu__item:disabled,
:root .pf-v5-c-select__menu-item:disabled {
	color: var(--color-text-disabled);
}
:root .pf-v5-c-tabs__scroll-button {
	color: var(--color-icon-secondary);
	background: var(--color-background-default);
}
:root .pf-v5-c-tabs__scroll-button:hover {
	color: var(--color-interactive-tertiary-unselected-foreground-hover);
}
:root .pf-v5-c-tabs__scroll-button:disabled {
	color: var(--color-icon-disabled);
}
:root .pf-v5-c-label,
:root .pf-v5-c-badge {
	background: var(--color-background-subtle);
	color: var(--color-text-primary);
	border-radius: var(--borderradius-selectable-m);
}
:root .pf-v5-c-label__content {
	color: inherit;
}
:root .pf-v5-c-label__content::before {
	border: 0;
}

:root .pf-v5-c-label.pf-m-blue {
	background: var(--color-feedback-info-background);
	color: var(--color-feedback-info-foreground);
}
:root .pf-v5-c-alert.pf-m-info {
	--pf-v5-c-alert--BackgroundColor: var(--color-feedback-info-background);
	--pf-v5-c-alert--BorderTopColor: var(--color-feedback-info-border);
	--pf-v5-c-alert__title--Color: var(--color-feedback-info-foreground);
	--pf-v5-c-alert__icon--Color: var(--color-feedback-info-foreground);
	color: var(--color-feedback-info-foreground);
}
:root .pf-v5-c-helper-text__item.pf-m-info {
	color: var(--color-feedback-info-strong);
}

:root .pf-v5-c-label.pf-m-green {
	background: var(--color-feedback-success-background);
	color: var(--color-feedback-success-foreground);
}
:root .pf-v5-c-alert.pf-m-success {
	--pf-v5-c-alert--BackgroundColor: var(--color-feedback-success-background);
	--pf-v5-c-alert--BorderTopColor: var(--color-feedback-success-border);
	--pf-v5-c-alert__title--Color: var(--color-feedback-success-foreground);
	--pf-v5-c-alert__icon--Color: var(--color-feedback-success-foreground);
	color: var(--color-feedback-success-foreground);
}
:root .pf-v5-c-helper-text__item.pf-m-success {
	color: var(--color-feedback-success-strong);
}

:root .pf-v5-c-label.pf-m-orange {
	background: var(--color-feedback-warning-background);
	color: var(--color-feedback-warning-foreground);
}
:root .pf-v5-c-alert.pf-m-warning {
	--pf-v5-c-alert--BackgroundColor: var(--color-feedback-warning-background);
	--pf-v5-c-alert--BorderTopColor: var(--color-feedback-warning-border);
	--pf-v5-c-alert__title--Color: var(--color-feedback-warning-foreground);
	--pf-v5-c-alert__icon--Color: var(--color-feedback-warning-foreground);
	color: var(--color-feedback-warning-foreground);
}
:root .pf-v5-c-helper-text__item.pf-m-warning {
	color: var(--color-feedback-warning-strong);
}

:root .pf-v5-c-label.pf-m-red {
	background: var(--color-feedback-error-background);
	color: var(--color-feedback-error-foreground);
}
:root .pf-v5-c-alert.pf-m-danger {
	--pf-v5-c-alert--BackgroundColor: var(--color-feedback-error-background);
	--pf-v5-c-alert--BorderTopColor: var(--color-feedback-error-border);
	--pf-v5-c-alert__title--Color: var(--color-feedback-error-foreground);
	--pf-v5-c-alert__icon--Color: var(--color-feedback-error-foreground);
	color: var(--color-feedback-error-foreground);
}
:root .pf-v5-c-helper-text__item.pf-m-error {
	color: var(--color-feedback-error-strong);
}

/* Current realm is neutral metadata; the border distinguishes it from its sidebar surface. */
:root .pf-v5-c-nav .pf-v5-c-label {
	border: var(--borderwidth-decorative-s) solid var(--color-border-default);
	background: var(--color-background-default);
	color: var(--color-text-primary);
}
@media (forced-colors: active) {
	:root input:is([type='checkbox'], [type='radio']) {
		appearance: auto;
		forced-color-adjust: auto;
	}
	:root input[type='checkbox']:not(.pf-v5-c-switch__input)::before {
		display: none;
	}
}

:root .pf-v5-c-form__group-label-help .pf-v5-c-icon__content {
	color: inherit;
}