:root[data-fluxer-viewer-mode='inline'] {
	--toolbar-height: 0px;
}

:root[data-fluxer-viewer-mode='inline'] #toolbarContainer,
:root[data-fluxer-viewer-mode='inline'] #secondaryToolbar,
:root[data-fluxer-viewer-mode='inline'] #sidebarContainer,
:root[data-fluxer-viewer-mode='inline'] #viewsManager {
	display: none !important;
}

:root[data-fluxer-viewer-mode='inline'] #viewerContainer {
	inset: 0;
}

:root[data-fluxer-theme='true'] {
	color-scheme: dark;
	--main-color: var(--fluxer-text-primary, rgb(249 249 250));
	--body-bg-color: var(--fluxer-background-tertiary, rgb(42 42 46));
	--progressBar-color: var(--fluxer-brand-primary, rgb(10 132 255));
	--progressBar-bg-color: var(--fluxer-background-secondary, rgb(40 40 43));
	--progressBar-blend-color: var(--fluxer-focus-primary, rgb(116 177 239));
	--toolbar-icon-bg-color: var(--fluxer-text-primary, rgb(255 255 255));
	--toolbar-icon-hover-bg-color: var(--fluxer-text-primary, rgb(255 255 255));
	--sidebar-narrow-bg-color: color-mix(in srgb, var(--fluxer-background-secondary, rgb(42 42 46)) 92%, transparent);
	--sidebar-toolbar-bg-color: var(--fluxer-background-secondary, rgb(50 50 52));
	--toolbar-bg-color: var(--fluxer-background-secondary, rgb(56 56 61));
	--toolbar-border-color: var(--fluxer-background-modifier-accent, rgb(12 12 13));
	--field-color: var(--fluxer-text-primary, rgb(250 250 250));
	--field-bg-color: var(--fluxer-background-primary, rgb(64 64 68));
	--field-border-color: var(--fluxer-background-modifier-accent, rgb(115 115 115));
	--doorhanger-bg-color: var(--fluxer-background-secondary, #42414d);
	--doorhanger-border-color: var(--fluxer-background-modifier-accent, rgb(39 39 43));
	--doorhanger-hover-color: var(--fluxer-text-primary, rgb(249 249 250));
	--doorhanger-separator-color: var(--fluxer-background-modifier-accent, rgb(92 92 97));
	--dialog-button-bg-color: var(--fluxer-background-modifier-hover, rgb(92 92 97));
	--dialog-button-hover-bg-color: color-mix(
		in srgb,
		var(--fluxer-brand-primary, rgb(10 132 255)) 22%,
		var(--fluxer-background-modifier-hover, rgb(115 115 115))
	);
	--dropdown-btn-bg-color: var(--fluxer-background-primary, rgb(74 74 79));
	--toggled-btn-color: var(--fluxer-text-primary, rgb(255 255 255));
	--toggled-btn-bg-color: color-mix(in srgb, var(--fluxer-brand-primary, rgb(10 132 255)) 28%, transparent);
	--toggled-hover-active-btn-color: color-mix(in srgb, var(--fluxer-brand-primary, rgb(10 132 255)) 42%, transparent);
	--button-hover-color: var(--fluxer-background-modifier-hover, color-mix(in srgb, currentColor 17%, transparent));
	--separator-color: var(--fluxer-background-modifier-accent, rgb(0 0 0 / 0.3));
	--dialog-bg-color: var(--fluxer-background-secondary, #1c1b22);
	--dialog-border-color: var(--fluxer-background-modifier-accent, #1c1b22);
	--text-primary-color: var(--fluxer-text-primary, #fbfbfe);
	--text-secondary-color: var(--fluxer-text-secondary, #cfcfd8);
	--link-fg-color: var(--fluxer-brand-primary, #0df);
	--link-hover-fg-color: color-mix(in srgb, var(--fluxer-brand-primary, #0df) 78%, white);
	--textarea-bg-color: var(--fluxer-background-primary, #42414d);
	--button-primary-bg-color: var(--fluxer-brand-primary, #0060df);
	--button-primary-fg-color: var(--fluxer-background-primary, #fbfbfe);
	--button-secondary-bg-color: var(--fluxer-background-modifier-hover, rgb(251 251 254 / 0.07));
	--button-secondary-fg-color: var(--fluxer-text-primary, #fbfbfe);
	--input-text-bg-color: var(--fluxer-background-primary, #42414d);
	--input-text-fg-color: var(--fluxer-text-primary, #fbfbfe);
	--focus-outline: 2px solid var(--fluxer-focus-primary, #0df);
}

:root[data-fluxer-theme='true'] body,
:root[data-fluxer-theme='true'] #outerContainer {
	background: var(--fluxer-background-tertiary, rgb(42 42 46));
	color: var(--fluxer-text-primary, #fbfbfe);
}

:root[data-fluxer-theme='true'] .toolbar,
:root[data-fluxer-theme='true'] #toolbarContainer {
	background: var(--toolbar-bg-color);
}

:root[data-fluxer-theme='true'] .textLayer ::selection {
	background: color-mix(in srgb, var(--fluxer-brand-primary, #0df) 35%, transparent);
}