@CHARSET "UTF-8";

.InsightStylesContext {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0em;
	word-spacing: 0em;
	font-family: helvetica, arial, sans-serif;
	color: var( --TEXT-COLOR );
}

.InsightStylesContext body {
	margin: 0;
}

#wicketDebugLink {
	z-index: 430000 !important;
}

#insight-root-ui-helper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 444001;
}

.InsightStylesContext .ui-resizable-handle {
	position: absolute;
}

#insight-root-ui-blinder {
	display: none;
}

#insight-root-ui-helper.InsightStylesContext .ui-selectable-helper {
	background: rgba( 100, 100, 100, 0.2 );
	border: 1px solid rgba( var( --HIGHLIGHT-SHADE-RGB ), 0.8 );
	position: absolute;
}

.InsightStylesContext .SectionPanel {
	margin: 0 0 10px;
}

.InsightStylesContext .SectionPanel:last-child {
	margin-bottom: 0px;
}

.InsightStylesContext .SectionPanel > .Title {
	display: flex;
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	background: var( --PANEL-SHADE-IMPORTANT );
	border-bottom: 1px solid var( --SECTION-TITLE-BORDER-BOTTOM-COLOR );
}

.InsightStylesContext .SectionPanel > .Title > .Icon,
.InsightStylesContext .SectionPanel > .Title > .Action > .IconContainer > .Icon {
	margin: 5px 5px 5px 0;
}

.InsightStylesContext .SectionPanel > .Content {
	clear: both;
	padding: 10px;
	background: var( --PANEL-SHADE-DEFAULT );
}

.InsightStylesContext .SectionPanel > .Content:before,
.InsightStylesContext .SectionPanel > .Content:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.InsightStylesContext .SectionPanel > .Content:after {
	clear: both;
}

.InsightStylesContext .SectionPanel > .Content {
	zoom: 1;
}

.InsightStylesContext fieldset.SectionPanel > legend {
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	float: left;
}

.InsightStylesContext input.Textual {
	box-sizing: unset;
}

.InsightStylesContext input.Textual.Value,
.InsightStylesContext textarea.Textual.Value {
	font-size: 12px;
	height: auto;
	line-height: unset;
	vertical-align: top;
	border: 1px solid var( --INPUT-BORDER-COLOR );
	border-radius: 0;
	color: var( --TEXT-COLOR );
	background: var( --INPUT-BACKGROUND );
	box-shadow: var( --INPUT-SHADOW );
	padding: 4px 8px;
}


.InsightStylesContext input.Textual.Value[disabled],
.InsightStylesContext input.Textual.Value[readonly],
.InsightStylesContext input.Textual.Value[readonly]:FOCUS,
.InsightStylesContext textarea.Textual.Value[disabled],
.InsightStylesContext textarea.Textual.Value[readonly],
.InsightStylesContext textarea.Textual.Value[readonly]:FOCUS {
	background: var( --INPUT-DISABLED-BACKGROUND );
	box-shadow: none;
}

.InsightStylesContext input.Textual.Value[disabled],
.InsightStylesContext textarea.Textual.Value[disabled] {
	color: rgba( var( --TEXT-COLOR-RGB ), 0.7 );
}

.InsightStylesContext input.Textual.Value[readonly]:FOCUS,
.InsightStylesContext textarea.Textual.Value[readonly]:FOCUS,
.InsightStylesContext .FocusableInput[readonly]:FOCUS,
.InsightStylesContext input.Textual.Value[disabled]:FOCUS,
.InsightStylesContext textarea.Textual.Value[disabled]:FOCUS,
.InsightStylesContext .FocusableInput[disabled]:FOCUS {
	outline: none;
}

.InsightStylesContext input.Textual.Value:FOCUS,
.InsightStylesContext textarea.Textual.Value:FOCUS,
.InsightStylesContext .FocusableInput:FOCUS {
	outline: var( --INPUT-FOCUS-OUTLINE );
	outline-offset: var( --INPUT-FOCUS-OUTLINE-OFFSET );
}


.InsightStylesContext input.Textual.Value.Error,
.InsightStylesContext textarea.Textual.Value.Error {
	border: 1px solid rgba( var( --INPUT-ERROR-COLOR-RGB ), 0.4 );
	box-shadow: 0 0 0 2px rgba( var( --INPUT-ERROR-COLOR-RGB ), 0.8 ) inset,
	var( --INPUT-SHADOW );
}

.InsightStylesContext input.Textual.Value.Error:FOCUS,
.InsightStylesContext textarea.Textual.Value.Error:FOCUS {
	outline: var( --INPUT-FOCUS-ERROR-OUTLINE );
}

.InsightStylesContext .Focusin {
}

.InsightStylesContext .FocusSelected {
	outline: var( --INPUT-FOCUS-SELECTED-OUTLINE );
	outline-offset: var( --INPUT-FOCUS-SELECTED-OUTLINE-OFFSET );
}


/* LOADING SPINNER */
.InsightStylesContext .loading-spinner {
	position: relative;
	width: 150px;
	height: 5px;
}

.InsightStylesContext .loading-spinner .dot {
	position: absolute;
	top: 0;
	width: 5px;
	height: 5px;
	animation-name: insight_loading_spinner_animation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	transform: scale(.3);
	border-radius: 8px;
	background-color:rgba( var( --HIGHLIGHT-SHADE-RGB ), 0 );
}

.InsightStylesContext .loading-spinner .dot:nth-child( 1 ) {
	left: 5px;
	animation-delay: 1.2s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 2 ) {
	left: 25px;
	animation-delay: 0.86s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 3 ) {
	left: 45px;
	animation-delay: 0.53s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 4 ) {
	left: 65px;
	animation-delay: 0.2s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 5 ) {
	left: 85px;
	animation-delay: 0s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 6 ) {
	left: 105px;
	animation-delay: 0.33s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 7 ) {
	left: 125px;
	animation-delay: 0.66s;
}

.InsightStylesContext .loading-spinner .dot:nth-child( 8 ) {
	left: 145px;
	animation-delay: 1s;
}

@keyframes insight_loading_spinner_animation {
	0%{
		background-color:rgba( var( --HIGHLIGHT-SHADE-RGB ), 0);
		transform:scale(0.3);
	}

	10%{
		background-color:rgba( var( --HIGHLIGHT-SHADE-RGB ), 1);
		transform:scale(1);
	}

	100%{
		background-color:rgba( var( --HIGHLIGHT-SHADE-RGB ), 0);
		transform:scale(3);
	}
}

.InsightDoubleClickAnimationCanvas .ClickBubble {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
	border-radius: 100%;
	border: 1px solid rgba( var( --HIGHLIGHT-SHADE-RGB ), 0.5 );
}

@keyframes insight_click_activation_animation {
	0%{
		box-shadow: 0px 0px 1000px rgba( var( --HIGHLIGHT-SHADE-RGB ), 0) inset;
	}

	10%{
		box-shadow: 0px 0px 1000px rgba( var( --HIGHLIGHT-SHADE-RGB ), 1) inset;
	}

	100%{
		box-shadow: 0px 0px 1000px rgba( var( --HIGHLIGHT-SHADE-RGB ), 0) inset;
	}
}

.InsightStylesContext .ClickActivator.DefaultActivator.Clicked {
	animation-name: insight_click_activation_animation;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-direction: normal;
}

.InsightStylesContext.Curtain {
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	background-color: var( --OVERLAY-CURTAIN-BACKGROUND );
	opacity: 1;
	z-index: 77710;
}

.InsightStylesContext svg.VectorIcon {
	paint-order: stroke;
}

.InsightStylesContext svg.VectorIcon .FunctionContrastStroke {
	fill: none;
	stroke: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), var( --ICON-FUNCTION-CONTRAST-STROKE-ALPHA ) );
	stroke-width: 1.5px;
	transition: stroke 0.2s ease-out;
}

.InsightStylesContext svg.VectorIcon .FunctionOnHighlightContrastStroke {
	fill: none;
	stroke: rgba( var( --HIGHLIGHT-CONTRAST-SHADE-RGB ), 0.6 );
	stroke-width: 1.5px;
	transition: stroke 0.2s ease-out;
}

.InsightStylesContext svg.VectorIcon .BackgroundShape {
	fill: rgba( var( --BACKGROUND-SHADE-RGB ), 1 );
}

.InsightStylesContext svg.VectorIcon .BackgroundShapeShade {
	fill: rgba( var( --BACKGROUND-SHADE-RGB ), 0.4 );
}

.InsightStylesContext svg.VectorIcon .HighlightShape {
	fill: rgba( var( --ICON-HIGHLIGHT-SHAPE-RGB ), 1 );
}

.InsightStylesContext svg.VectorIcon .HighlightShapeShade {
	fill: rgba( var( --ICON-HIGHLIGHT-SHAPE-RGB ), 0.4 );
}

.InsightStylesContext svg.VectorIcon .FunctionOnHighlightShape {
	fill: rgba( var( --HIGHLIGHT-SHADE-TEXT-COLOR-RGB ), 1 );
}

.InsightStylesContext svg.VectorIcon .InputShape {
	fill: var( --INPUT-BACKGROUND );
}

.InsightStylesContext svg.VectorIcon .CreateFunctionShape {
	fill: rgba( var( --ICON-CREATE-FUNCTION-SHAPE-RGB ), 1);
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionShape,
.InsightStylesContext svg.VectorIcon .FunctionShape {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), 1);
	transition: fill 0.2s ease-out;
}

.InsightStylesContext svg.VectorIcon.Identicon circle {
	stroke: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), var(--ICON-FUNCTION-CONTRAST-STROKE-ALPHA) ) !important;
	stroke-width: 5px;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionShape {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionShapeShade,
.InsightStylesContext svg.VectorIcon .FunctionShapeShade {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionShapeShade {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionShapeLight,
.InsightStylesContext svg.VectorIcon .FunctionShapeLight {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), 0.1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionShapeLight {
	fill: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), 0.02 );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionShapeOutline,
.InsightStylesContext svg.VectorIcon .FunctionShapeOutline {
	stroke: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), 1);
	fill: none;
	transition: stroke 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionShapeOutline {
	stroke: rgba( var( --ICON-FUNCTION-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}


/* base */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .BaseShape,
.InsightStylesContext svg.VectorIcon .BaseShape {
	fill: rgba( var( --ICON-BASE-SHAPE-RGB ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .BaseShape {
	fill: rgba( var( --ICON-BASE-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .BaseShapeShade,
.InsightStylesContext svg.VectorIcon .BaseShapeShade {
	fill: rgba( var( --ICON-BASE-SHAPE-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .BaseShapeShade {
	fill: rgba( var( --ICON-BASE-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* function-contrast */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionContrastShape,
.InsightStylesContext svg.VectorIcon .FunctionContrastShape {
	fill: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionContrastShape {
	fill: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .FunctionContrastShapeShade,
.InsightStylesContext svg.VectorIcon .FunctionContrastShapeShade {
	fill: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .FunctionContrastShapeShade {
	fill: rgba( var( --ICON-FUNCTION-CONTRAST-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* red */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .RedShape,
.InsightStylesContext svg.VectorIcon .RedShape {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .RedShape {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .RedShapeShade,
.InsightStylesContext svg.VectorIcon .RedShapeShade {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .RedShapeShade {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark red */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkRedShape,
.InsightStylesContext svg.VectorIcon .DarkRedShape {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkRedShape {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkRedShapeShade,
.InsightStylesContext svg.VectorIcon .DarkRedShapeShade {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkRedShapeShade {
	fill: hsla( var( --ICON-RED-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* orange */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .OrangeShape,
.InsightStylesContext svg.VectorIcon .OrangeShape {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .OrangeShape {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .OrangeShapeShade,
.InsightStylesContext svg.VectorIcon .OrangeShapeShade {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .OrangeShapeShade {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark orange */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkOrangeShape,
.InsightStylesContext svg.VectorIcon .DarkOrangeShape {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkOrangeShape {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkOrangeShapeShade,
.InsightStylesContext svg.VectorIcon .DarkOrangeShapeShade {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkOrangeShapeShade {
	fill: hsla( var( --ICON-ORANGE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* yellow */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .YellowShape,
.InsightStylesContext svg.VectorIcon .YellowShape {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .YellowShape {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .YellowShapeShade,
.InsightStylesContext svg.VectorIcon .YellowShapeShade {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .YellowShapeShade {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark yellow */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkYellowShape,
.InsightStylesContext svg.VectorIcon .DarkYellowShape {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkYellowShape {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkYellowShapeShade,
.InsightStylesContext svg.VectorIcon .DarkYellowShapeShade {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkYellowShapeShade {
	fill: hsla( var( --ICON-YELLOW-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* green */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .GreenShape,
.InsightStylesContext svg.VectorIcon .GreenShape {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .GreenShape {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .GreenShapeShade,
.InsightStylesContext svg.VectorIcon .GreenShapeShade {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .GreenShapeShade {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark green */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkGreenShape,
.InsightStylesContext svg.VectorIcon .DarkGreenShape {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkGreenShape {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkGreenShapeShade,
.InsightStylesContext svg.VectorIcon .DarkGreenShapeShade {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkGreenShapeShade {
	fill: hsla( var( --ICON-GREEN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* cyan */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .CyanShape,
.InsightStylesContext svg.VectorIcon .CyanShape {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .CyanShape {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .CyanShapeShade,
.InsightStylesContext svg.VectorIcon .CyanShapeShade {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .CyanShapeShade {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark cyan */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkCyanShape,
.InsightStylesContext svg.VectorIcon .DarkCyanShape {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkCyanShape {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkCyanShapeShade,
.InsightStylesContext svg.VectorIcon .DarkCyanShapeShade {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkCyanShapeShade {
	fill: hsla( var( --ICON-CYAN-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* blue */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .BlueShape,
.InsightStylesContext svg.VectorIcon .BlueShape {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .BlueShape {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .BlueShapeShade,
.InsightStylesContext svg.VectorIcon .BlueShapeShade {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .BlueShapeShade {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark blue */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkBlueShape,
.InsightStylesContext svg.VectorIcon .DarkBlueShape {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkBlueShape {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkBlueShapeShade,
.InsightStylesContext svg.VectorIcon .DarkBlueShapeShade {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkBlueShapeShade {
	fill: hsla( var( --ICON-BLUE-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* pink */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .PinkShape,
.InsightStylesContext svg.VectorIcon .PinkShape {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .PinkShape {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .PinkShapeShade,
.InsightStylesContext svg.VectorIcon .PinkShapeShade {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .PinkShapeShade {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-SHAPE-S ), var( --ICON-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* dark pink */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkPinkShape,
.InsightStylesContext svg.VectorIcon .DarkPinkShape {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 1 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkPinkShape {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .DarkPinkShapeShade,
.InsightStylesContext svg.VectorIcon .DarkPinkShapeShade {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .DarkPinkShapeShade {
	fill: hsla( var( --ICON-PINK-SHAPE-HUE ), var( --ICON-DARK-SHAPE-S ), var( --ICON-DARK-SHAPE-L ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* ok */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .OkShape,
.InsightStylesContext svg.VectorIcon .OkShape {
	fill: rgba( var( --ICON-OK-SHAPE-RGB ), 1);
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .OkShape {
	fill: rgba( var( --ICON-OK-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .OkShapeShade,
.InsightStylesContext svg.VectorIcon .OkShapeShade {
	fill: rgba( var( --ICON-OK-SHAPE-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .OkShapeShade {
	fill: rgba( var( --ICON-OK-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}


/* cancel */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .CancelShape,
.InsightStylesContext svg.VectorIcon .CancelShape {
	fill: rgba( var( --ICON-CANCEL-SHAPE-RGB ), 1);
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .CancelShape {
	fill: rgba( var( --ICON-CANCEL-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .CancelShapeShade,
.InsightStylesContext svg.VectorIcon .CancelShapeShade {
	fill: rgba( var( --ICON-CANCEL-SHAPE-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .CancelShapeShade {
	fill: rgba( var( --ICON-CANCEL-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* warning */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .WarningShape,
.InsightStylesContext svg.VectorIcon .WarningShape {
	fill: rgba( var( --ICON-WARNING-SHAPE-RGB ), 1);
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .WarningShape {
	fill: rgba( var( --ICON-WARNING-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-OPACITY ) );
}

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .WarningShapeShade,
.InsightStylesContext svg.VectorIcon .WarningShapeShade {
	fill: rgba( var( --ICON-WARNING-SHAPE-RGB ), 0.3 );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .WarningShapeShade {
	fill: rgba( var( --ICON-WARNING-SHAPE-RGB ), var( --ICON-DISABLED-SHAPE-SHADE-OPACITY ) );
}

/* info */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .InfoNotificationShape,
.InsightStylesContext svg.VectorIcon .InfoNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-INFO-TITLE-COLOR );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .InfoNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-INFO-TITLE-COLOR );
	opacity: var( --ICON-DISABLED-SHAPE-OPACITY );
}

/* warning */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .WarningNotificationShape,
.InsightStylesContext svg.VectorIcon .WarningNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-WARNING-TITLE-COLOR );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .WarningNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-WARNING-TITLE-COLOR );
	opacity: var( --ICON-DISABLED-SHAPE-OPACITY );
}

/* error */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .ErrorNotificationShape,
.InsightStylesContext svg.VectorIcon .ErrorNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-ERROR-TITLE-COLOR );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .ErrorNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-ERROR-TITLE-COLOR );
	opacity: var( --ICON-DISABLED-SHAPE-OPACITY );
}

/* exception */

.InsightStylesContext .Action.Disabled svg.VectorIcon.ShineOnDisabled .ExceptionNotificationShape,
.InsightStylesContext svg.VectorIcon .ExceptionNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-EXCEPTION-TITLE-COLOR );
	transition: fill 0.2s ease-out;
}

.InsightStylesContext .Action.Disabled svg.VectorIcon .ExceptionNotificationShape {
	fill: var( --NOTIFICATION-OVERLAY-EXCEPTION-TITLE-COLOR );
	opacity: var( --ICON-DISABLED-SHAPE-OPACITY );
}

.InsightStylesContext .HighlightShapeSection .VectorIcon * {
	--ICON-SHAPE-L: var( --ICON-ON-HIGHLIGHT-SHAPE-L );
	--ICON-SHAPE-S: var( --ICON-ON-HIGHLIGHT-SHAPE-S );
	--ICON-DARK-SHAPE-L: var( --ICON-ON-HIGHLIGHT-DARK-SHAPE-L );
	--ICON-DARK-SHAPE-S: var( --ICON-ON-HIGHLIGHT-DARK-SHAPE-S );
	--ICON-FUNCTION-CONTRAST-RGB: var( --ICON-CONTRAST-ON-HIGHLIGHT-RGB );
	--ICON-FUNCTION-CONTRAST-STROKE-ALPHA: 0.6;
	--ICON-FUNCTION-SHAPE-RGB: var( --ICON-BASE-ON-HIGHLIGHT-RGB );
	--ICON-BASE-SHAPE-RGB: var( --ICON-BASE-ON-HIGHLIGHT-RGB );
	--ICON-HIGHLIGHT-SHAPE-RGB: var( --HIGHLIGHT-SHADE-HIGHLIGHT-RGB );
}

.InsightStylesContext .FadeIn {
	animation-name: insight_fade_in_animation;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
}

@keyframes insight_fade_in_animation {
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}