:root {
	--star-control-button-min-height: 23px;
	--star-control-button-padding: 3px 10px;
	--star-control-button-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-button-radius: var(--star-radius-control, 0px);
	--star-control-button-bg: var(--star-surface-raised, var(--w98-face, #c0c0c0));
	--star-control-button-shadow: var(--star-shadow-1, none);
	--star-control-button-color: var(--star-text, var(--w98-text, #111111));
	--star-control-button-font: var(--star-font-ui, inherit);
	--star-control-button-hover-bg: var(--star-surface, var(--w98-face-light, #dfdfdf));
	--star-control-button-active-filter: brightness(0.94);
	--star-control-button-disabled-color: var(--star-text-muted, var(--w98-face-dark, #808080));
	--star-control-button-disabled-opacity: 0.7;
	--star-control-button-primary-color: var(--star-accent-on, #fff);
	--star-control-button-primary-bg: var(--star-accent, var(--w98-title, #000080));
	--star-control-button-primary-border: var(--star-accent, var(--w98-title, #000080));
	--star-control-button-primary-hover-bg: var(--star-accent-hover, var(--star-accent, #000080));
	--star-control-button-danger-color: var(--star-danger, #c40000);
	--star-control-button-ghost-bg: transparent;
	--star-control-button-ghost-shadow: none;
	--star-control-button-ghost-border: transparent;
	--star-control-field-padding: 4px 6px;
	--star-control-field-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-field-radius: var(--star-radius-sm, 0px);
	--star-control-field-bg: var(--star-surface-sunken, var(--w98-light, #fff));
	--star-control-field-color: var(--star-text, var(--w98-text, #111111));
	--star-control-field-font: var(--star-font-ui, inherit);
	--star-control-field-focus-border: var(--star-accent, var(--w98-title, #000080));
	--star-control-field-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--star-accent, #000080) 35%, transparent);
	--star-control-progress-height: 14px;
	--star-control-progress-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-progress-radius: var(--star-radius-sm, 0px);
	--star-control-progress-bg: var(--star-surface-sunken, var(--w98-light, #fff));
	--star-control-progress-fill-bg: var(--star-accent, var(--w98-title, #000080));
	--star-control-list-empty-min-height: 40px;
	--star-control-list-empty-padding: 8px 10px;
	--star-control-list-empty-color: var(--star-text-muted, var(--w98-face-dark, #808080));
	--star-control-list-empty-bg: var(--star-surface-sunken, var(--w98-light, #fff));
	--star-control-list-empty-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-list-empty-radius: var(--star-radius-sm, 0px);
	--star-control-list-well-bg: var(--star-surface-sunken, var(--w98-light, #fff));
	--star-control-list-well-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-list-well-radius: var(--star-radius-sm, 0px);
	--star-control-box-border: 1px solid var(--star-border, var(--w98-dark, #111111));
	--star-control-box-radius: var(--star-radius-sm, 0px);
	--star-control-box-bg: var(--star-surface, var(--w98-face, #c0c0c0));
	--star-control-box-shadow: var(--star-shadow-1, none);
}

:root[data-chrome-backdrop="vibrancy"], :root[data-chrome-backdrop="acrylic"] {
	--star-control-vibrant-well-bg: color-mix(in srgb, var(--star-surface-sunken, #fff) 82%, transparent);
	--star-control-vibrant-well-border: color-mix(in srgb, var(--star-border, #111111) 55%, transparent);
	--star-control-vibrant-well-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 0.5px rgba(255, 255, 255, 0.22), 0 1px 3px rgba(0, 0, 0, 0.06);
	--star-control-vibrant-box-bg: color-mix(in srgb, var(--star-surface, #fff) 72%, transparent);
	--star-control-vibrant-box-border: color-mix(in srgb, var(--star-border, #111111) 50%, transparent);
	--star-control-vibrant-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 0 0 0.5px rgba(255, 255, 255, 0.25);
	--star-control-vibrant-field-bg: color-mix(in srgb, var(--star-surface-sunken, #fff) 76%, transparent);
	--star-control-vibrant-field-border: color-mix(in srgb, var(--star-border, #111111) 55%, transparent);
	--star-control-vibrant-button-bg: color-mix(in srgb, var(--star-surface-raised, #fff) 78%, transparent);
	--star-control-vibrant-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.08);
}