:root {
	--wt-app-header-min-height: 40px;
	--wt-app-header-padding: var(--spacing-xs) var(--spacing-sm);
	--wt-app-header-background: var(--dp-9-surface-color);

	--wt-app-header-content-gap: var(--spacing-sm);
	--wt-app-header-content-panel-margin: var(--spacing-2xs);
	--wt-app-header-content-bg-color: var(--content-wrapper-color);
	--wt-app-header-content-z-index: 11;

	--wt-app-navigator-max-height: 80vh;
	--wt-app-navigator-padding: var(--wt-app-header-content-gap);
	--wt-app-navigator-item-width: 128px;
	--wt-app-navigator-item-height: 135px;
	--wt-app-navigator-item-padding: var(--spacing-xs);
	--wt-app-navigator-item-gap: var(--wt-app-header-content-gap);
	--wt-app-navigator-item-border: 1px solid;
	--wt-app-navigator-item-border-color: var(--secondary-color);
	--wt-app-navigator-item-pic-size: 88px;
	--wt-app-navigator-item-border-color--hover: var(--primary-color);

	--wt-header-actions-min-width: 120px;
	--wt-header-actions-content-sections-gap: var(--spacing-lg);
	--wt-header-actions-padding: var(--wt-app-header-content-gap);
	--wt-header-actions-action-bg-color--hover: var(--secondary-color);
	--wt-header-actions-action-link-padding: var(--spacing-xs);
}