@CHARSET "UTF-8";

.InsightStylesContext .Action {
	position: relative;
	cursor: pointer;
	user-select: none;
}

.InsightStylesContext .Disabled.Action {
	cursor: default;
}

.InsightStylesContext .Action,
.InsightStylesContext .Action > span {
	display: inline-block;
	vertical-align: bottom;
}

.InsightStylesContext .Action.WithIcon.WithLabel > span.IconContainer > .Icon {
	margin-right: 5px;
}

.InsightStylesContext .Action.WithIcon.WithLabel,
.InsightStylesContext .Action > span.Label {
	white-space: nowrap;
}

.InsightStylesContext .Action.ToolButton.WithLabel {
	padding-right: 5px;
}

.InsightStylesContext .Disabled.Action > span.Label {
	opacity: 0.3;
}

.InsightStylesContext .Action.WithOptions > span.Label,
.InsightStylesContext .Action.WithOptions.WithoutLabel > span.IconContainer > .Icon {
	margin-right: 20px;
}

.InsightStylesContext .Action.WithOptions > span.SelectOptions {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 20px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.InsightStylesContext.DropOverlay.ActionOptionsSelection {
	padding: 0;
}

.InsightStylesContext .Action.ToolButton {
	display: inline-block;
	padding: 2px;
}

.InsightStylesContext .ActionButtons,
.InsightStylesContext .ToolButtons {
	display: flex;
}

.InsightStylesContext .ActionButtons {
	gap: 10px;
}

.InsightStylesContext .ToolButtons {
	gap: 2px;
}

.InsightStylesContext .ToolButtons > .ToolButtons {
	margin-right: 3px;
}

.InsightStylesContext .ToolButtons > .ToolButtons:last-child {
	margin-right: 0;
}

.InsightStylesContext .Action.Button,
.InsightStylesContext .ActionButtons > .Action,
.InsightStylesContext .ActionButtons > .Action.ToolButton {
	display: block;
	width: fit-content;
	padding: 5px 20px;
	height: 20px;
	white-space: nowrap;
	text-align: center;
	color: var( --BUTTON-TEXT-DECENT-COLOR );
}

.InsightStylesContext .Action.Button.WithoutLabel,
.InsightStylesContext .ActionButtons > .Action.WithoutLabel {
	padding: 5px;
}

.InsightStylesContext .CustomNodeViewer > .Action,
.InsightStylesContext .CustomAttributeViewer > .Action,
.InsightStylesContext .QuickControlsFacet > * > .Action,
.InsightStylesContext .WizardStep > * > .Action,
.InsightStylesContext .Slider > * > .Action,
.InsightStylesContext .Slider > * > * > * > .Action,
.InsightStylesContext .SectionPanel > .Content > .Action,
.InsightStylesContext .TabbedPanel > .Content > .Elements > .Action {
	margin: 5px 10px;
}

.InsightStylesContext .GridView > * > .Action,
.InsightStylesContext .GridView > * > .Action.Button,
.InsightStylesContext .FlexViewer > .Action,
.InsightStylesContext .FlexViewer > .Action.Button,
.InsightStylesContext .FlexSection > * > .Action,
.InsightStylesContext .FlexSection > * > .Action.Button {
	margin: 5px 0;
}

.InsightStylesContext .GridView > * > .Action.ToolButton,
.InsightStylesContext .FlexViewer > .Action.ToolButton,
.InsightStylesContext .FlexSection > * > .Action.ToolButton {
	margin: 3px 0;
}

.InsightStylesContext .CustomNodeViewer > .Action.Borderless,
.InsightStylesContext .CustomAttributeViewer > .Action.Borderless,
.InsightStylesContext .QuickControlsFacet > * > .Action.Borderless,
.InsightStylesContext .WizardStep > * > .Action.Borderless,
.InsightStylesContext .Slider > * > .Action.Borderless,
.InsightStylesContext .Slider > * > * > * > .Action.Borderless,
.InsightStylesContext .SectionPanel > .Content > .Action.Borderless,
.InsightStylesContext .TabbedPanel > .Content > .Elements > .Action.Borderless,
.InsightStylesContext .GridView > * > .Action.Borderless {
	margin: 0;
}

.InsightStylesContext .CustomNodeViewer > .Action.CompactSpacingElement,
.InsightStylesContext .CustomAttributeViewer > .Action.CompactSpacingElement,
.InsightStylesContext .QuickControlsFacet > * > .Action.CompactSpacingElement,
.InsightStylesContext .WizardStep > * > .Action.CompactSpacingElement,
.InsightStylesContext .Slider > * > .Action.CompactSpacingElement,
.InsightStylesContext .Slider > * > * > * > .Action.CompactSpacingElement,
.InsightStylesContext .SectionPanel > .Content > .Action.CompactSpacingElement,
.InsightStylesContext .GridView > * > .Action.CompactSpacingElement {
	margin-top: 0;
	margin-bottom: 0;
}

.InsightStylesContext .TableCell > .Content > .Action.Button {
	padding: 2px 10px;
	flex: 1 0 0;
}

.InsightStylesContext .NodeReference > .Label > .Action {
	margin-left: 5px;
	margin-right: 5px;
}

.InsightStylesContext .NodeReference > .Label > .Action.Button,
.InsightStylesContext .NodeReference > .Label > .Action.ToolButton {
	display: inline-block;
}

.InsightStylesContext .NodeReference > .Label > .Action.ToolButton {
	padding: 0;
}

.InsightStylesContext .LoadDelaySpinner[for~="Action"][for~="WithoutIcon"][for~="WithoutLabel"] {
	display: none;
	visibility: hidden;
}

.InsightStylesContext .Action,
.InsightStylesContext .Action > span.SelectOptions {
	transition: background-color 0.2s ease-out;
}

.InsightStylesContext .Action.Red {
	--COLORED-ACTION-HUE: var(--ICON-RED-SHAPE-HUE);
}

.InsightStylesContext .Action.Orange {
	--COLORED-ACTION-HUE: var(--ICON-ORANGE-SHAPE-HUE);
}

.InsightStylesContext .Action.Green {
	--COLORED-ACTION-HUE: var(--ICON-GREEN-SHAPE-HUE);
}

.InsightStylesContext .Action.Yellow {
	--COLORED-ACTION-HUE: var(--ICON-YELLOW-SHAPE-HUE);
}

.InsightStylesContext .Action.Cyan {
	--COLORED-ACTION-HUE: var(--ICON-CYAN-SHAPE-HUE);
}

.InsightStylesContext .Action.Blue {
	--COLORED-ACTION-HUE: var(--ICON-BLUE-SHAPE-HUE);
}

.InsightStylesContext .Action.Pink {
	--COLORED-ACTION-HUE: var(--ICON-PINK-SHAPE-HUE);
}

.InsightStylesContext .Action.Colored,
.InsightStylesContext .Action.Button.Colored,
.InsightStylesContext .ActionButtons > .Action.Colored,
.InsightStylesContext .ActionButtons > .Action.ToolButton.Colored,
.InsightStylesContext .Action.ToolButton.Colored,
.InsightStylesContext .ToolButtons > .Action.Colored,
.InsightStylesContext .ToolButtons > .Action.ActionButton.Colored {
	background: hsla(var(--COLORED-ACTION-HUE), var(--ICON-DARK-SHAPE-S), var(--ICON-DARK-SHAPE-L), 0.3);
}

.InsightStylesContext .Action.Button,
.InsightStylesContext .ActionButtons > .Action,
.InsightStylesContext .ActionButtons > .Action.ToolButton {
	background: rgba(var( --HIGHLIGHT-SHADE-DECENT-RGB ), 0.5);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) inset;
}

.InsightStylesContext .Action.ToolButton,
.InsightStylesContext .ToolButtons > .Action,
.InsightStylesContext .ToolButtons > .Action.ActionButton {
	background: var( --PANEL-SHADE-DEFAULT );
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05) inset,
	1px 1px 0 rgba(255, 255, 255, 0.1) inset;
}

.InsightStylesContext .LoadDelaySpinner[for~="Action"][for~="Button"] .LoadDelaySpinnerIcon,
.InsightStylesContext .LoadDelaySpinner[for~="Action"][for~="ToolButton"] .LoadDelaySpinnerIcon,
.InsightStylesContext .ActionButtons > .LoadDelaySpinner[for~="Action"] .LoadDelaySpinnerIcon,
.InsightStylesContext .ToolButtons > .LoadDelaySpinner[for~="Action"] .LoadDelaySpinnerIcon {
	background: none;
	box-shadow: none;
}

.InsightStylesContext .LoadDelaySpinner[for~="Action"][for~="Button"] .LoadDelaySpinnerIcon .DelaySpinner > div > div ,
.InsightStylesContext .LoadDelaySpinner[for~="Action"][for~="ToolButton"] .LoadDelaySpinnerIcon .DelaySpinner > div > div ,
.InsightStylesContext .ActionButtons > .LoadDelaySpinner[for~="Action"] .LoadDelaySpinnerIcon .DelaySpinner > div > div ,
.InsightStylesContext .ToolButtons > .LoadDelaySpinner[for~="Action"] .LoadDelaySpinnerIcon .DelaySpinner > div > div {
	background: var( --BUTTON-TEXT-COLOR ) !important;
}

.InsightStylesContext .Action.Activated,
.InsightStylesContext .Action.Button.Activated,
.InsightStylesContext .Action.ToolButton.Activated,
.InsightStylesContext .ActionButtons > .Action.Activated,
.InsightStylesContext .ToolButtons > .Action.Activated,
.InsightStylesContext .Action.Button.Primary,
.InsightStylesContext .Action.ToolButton.Primary,
.InsightStylesContext .ActionButtons > .Action.Primary,
.InsightStylesContext .ToolButtons > .Action.Primary {
	background: rgba(var( --HIGHLIGHT-SHADE-RGB ), 0.5);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) inset;
	color: var( --BUTTON-TEXT-COLOR );
}

.InsightStylesContext .Action.Activated.Colored,
.InsightStylesContext .Action.Button.Activated.Colored,
.InsightStylesContext .Action.ToolButton.Activated.Colored,
.InsightStylesContext .ActionButtons > .Action.Activated.Colored,
.InsightStylesContext .ToolButtons > .Action.Activated.Colored,
.InsightStylesContext .Action.Button.Primary.Colored,
.InsightStylesContext .Action.ToolButton.Primary.Colored,
.InsightStylesContext .ActionButtons > .Action.Primary.Colored,
.InsightStylesContext .ToolButtons > .Action.Primary.Colored {
	background: hsla(var(--COLORED-ACTION-HUE), var(--ICON-DARK-SHAPE-S), var(--ICON-DARK-SHAPE-L), 0.5);
}

.InsightStylesContext .Action.Button.Special,
.InsightStylesContext .Action.ToolButton.Special,
.InsightStylesContext .ActionButtons > .Action.Special,
.InsightStylesContext .ToolButtons > .Action.Special {
	background: rgba(var( --SPECIAL-SHADE-RGB ), 0.5);
}

.InsightStylesContext .Action.Activated {
	box-shadow: none;
}

.InsightStylesContext .Action.Button:HOVER,
.InsightStylesContext .Action.ToolButton:HOVER,
.InsightStylesContext .ActionButtons > .Action:HOVER,
.InsightStylesContext .ToolButtons > .Action:HOVER,
.InsightStylesContext .Action.Button.Activated:HOVER,
.InsightStylesContext .Action.ToolButton.Activated:HOVER,
.InsightStylesContext .ActionButtons > .Action.Activated:HOVER,
.InsightStylesContext .ToolButtons > .Action.Activated:HOVER,
.InsightStylesContext .Action.Button.Primary:HOVER,
.InsightStylesContext .Action.ToolButton.Primary:HOVER,
.InsightStylesContext .ActionButtons > .Action.Primary:HOVER,
.InsightStylesContext .ToolButtons > .Action.Primary:HOVER {
	background: rgba(var( --HIGHLIGHT-SHADE-RGB ), 0.8);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) inset;
	color: var( --BUTTON-TEXT-COLOR );
}

.InsightStylesContext .Action.Button.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Colored:HOVER,
.InsightStylesContext .Action.Button.Activated.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Activated.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Activated.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Activated.Colored:HOVER,
.InsightStylesContext .Action.Button.Primary.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Primary.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Primary.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Primary.Colored:HOVER {
	background: hsla(var(--COLORED-ACTION-HUE), var(--ICON-DARK-SHAPE-S), var(--ICON-DARK-SHAPE-L), 0.8);
}

.InsightStylesContext .Action.Button.Special:HOVER,
.InsightStylesContext .Action.ToolButton.Special:HOVER,
.InsightStylesContext .ActionButtons > .Action.Special:HOVER,
.InsightStylesContext .ToolButtons > .Action.Special:HOVER {
	background: rgba(var( --SPECIAL-SHADE-RGB ), 0.8);
}

.InsightStylesContext .Action.Button.Disabled,
.InsightStylesContext .ActionButtons > .Action.Disabled,
.InsightStylesContext .Action.Button.Disabled:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled:HOVER,
.InsightStylesContext .Action.Button.Disabled.Activated:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled.Activated:HOVER,
.InsightStylesContext .Action.Button.Disabled.Primary:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled.Primary:HOVER {
	background: rgba(var( --HIGHLIGHT-SHADE-DECENT-RGB ), 0.2);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1) inset;
	color: var( --BUTTON-TEXT-DECENT-COLOR );
}

.InsightStylesContext .Action.Button.Disabled.Colored,
.InsightStylesContext .ActionButtons > .Action.Disabled.Colored,
.InsightStylesContext .Action.Button.Disabled.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled.Colored:HOVER,
.InsightStylesContext .Action.Button.Disabled.Activated.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled.Activated.Colored:HOVER,
.InsightStylesContext .Action.Button.Disabled.Primary.Colored:HOVER,
.InsightStylesContext .ActionButtons > .Action.Disabled.Primary.Colored:HOVER {
	background: hsla(var(--COLORED-ACTION-HUE), var(--ICON-ON-HIGHLIGHT-DARK-SHAPE-S), var(--ICON-DARK-SHAPE-L), 0.2);
}

.InsightStylesContext .Action.Button.Disabled.Special:HOVER,
.InsightStylesContext .ActionButtons > .Action.Special.Primary:HOVER {
	background: rgba(var( --SPECIAL-SHADE-DECENT-RGB ), 0.2);
}

.InsightStylesContext .Action.ToolButton.Disabled,
.InsightStylesContext .ToolButtons > .Action.Disabled,
.InsightStylesContext .Action.ToolButton.Disabled:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Activated:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Activated:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Primary:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Primary:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Special:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Special:HOVER {
	background: var( --PANEL-SHADE-DEFAULT );
	box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05) inset,
	1px 1px 0 rgba(255, 255, 255, 0.1) inset;
	color: var( --BUTTON-TEXT-DECENT-COLOR );
}

.InsightStylesContext .Action.ToolButton.Disabled.Colored,
.InsightStylesContext .ToolButtons > .Action.Disabled.Colored,
.InsightStylesContext .Action.ToolButton.Disabled.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Activated.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Activated.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Primary.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Primary.Colored:HOVER,
.InsightStylesContext .Action.ToolButton.Disabled.Special.Colored:HOVER,
.InsightStylesContext .ToolButtons > .Action.Disabled.Special.Colored:HOVER {
	background: hsla(var(--COLORED-ACTION-HUE), var(--ICON-ON-HIGHLIGHT-DARK-SHAPE-S), var(--ICON-DARK-SHAPE-L), 0.2);
}

.InsightStylesContext .Action.WithOptions > span.SelectOptions:HOVER {
	background: rgba(var( --HIGHLIGHT-SHADE-RGB ), 1);
}

.InsightStylesContext .Action.WithOptions > span.SelectOptions {
	border-left: 1px solid var( --BUTTON-SEPARATION-SHADE );
}