.tooltip-element,
.tooltip-element:after,
.tooltip-element:before,
.tooltip-element *,
.tooltip-element *:after,
.tooltip-element *:before {
	box-sizing: border-box;
}

/* LARGE SCREENS */
@media(min-width: 1280px) {
	.tooltip-element.tooltip-open {
		display: block; }

	.tooltip-element.tooltip-open .navigation_item {
		display: none;
	}

}
/* REDUCED LARGE SCREENS */
@media(max-width: 1280px) {
	.tooltip-element.tooltip-open {
		display: block; }
}
/* REDUCED MEDIUM SCREENS */
@media(max-width: 1024px) {
	.tooltip-element.tooltip-open {
		display: block; }
}
/* MOBILE SCREENS */
@media(max-width: 600px) {
	.tooltip-element.tooltip-open {
		display: block; }

}



.tooltip-element {
	z-index: 99999999;
	position: absolute;
	display: none; }


.tooltip-element.tooltip-theme-arrows {
	max-width: 100%;
	max-height: 100%;
}

.tooltip-element.tooltip-theme-arrows .tooltip-content {
	border-radius: 4px;
	position: relative;
	font-family: inherit;
	background:  var(--nearly-white);
	color: var(--dark-color);
	font-size: var(--text-font-size);
	line-height: var(--text-line-height);
	border: 1px solid var(--light-gray);
	box-shadow: 0 2px 5px -3px hsla(340, 4%, 20%, 0.2);
}
.tooltip-element.tooltip-theme-arrows .tooltip-content:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 8px;
	border-style: solid;
}
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content {
	margin-bottom: 8px; }

/* TOP CENTER */
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:before,
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:after {
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:before {
	border-color: rgba(237, 233, 245, 0);
	border-top-color: var(--medium-gray);
	border-width: 7px;
	margin-left: -7px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-center .tooltip-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: var(--nearly-white);
	border-width: 6px;
	margin-left: -6px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content {
	margin-top: 8px; }
/*
  .tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:before {
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-bottom-color: #e1e1e1; }
	*/


/*      BOTTOM CENTER    */

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:before,
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:after{
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:before {
	border-color: rgba(237, 233, 245, 0);
	border-bottom-color: var(--medium-gray);
	border-width: 7px;
	margin-left: -7px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-center .tooltip-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: var(--nearly-white);
	border-width: 6px;
	margin-left: -6px;
}

/*      /BOTTOM CENTER    */


/*      RIGHT MIDDLE    */

/*
  .tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
    margin-right: 8px; }
    .tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:before {
      left: 100%;
      top: 50%;
      margin-top: -8px;
      border-left-color: #000; }
*/


.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content {
	margin-right: 8px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:before,
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:before {
	border-color: rgba(237, 233, 245, 0);
	border-left-color: var(--medium-gray);
	border-width: 7px;
	margin-top: -7px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-right.tooltip-element-attached-middle .tooltip-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: var(--nearly-white);
	border-width: 6px;
	margin-top: -6px;
}

/*      /RIGHT MIDDLE    */





/*      LEFT MIDDLE    */

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content {
	margin-left: 8px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:before,
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:before {
	border-color: rgba(237, 233, 245, 0);
	border-right-color: #ede9f5;
	border-width: 7px;
	margin-top: -7px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-left.tooltip-element-attached-middle .tooltip-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px;
}

/*      /LEFT MIDDLE    */


/*      BOTTOM LEFT    */

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content {
	margin-top: 8px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:before,
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:after {
	bottom: 100%;
	left: 8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:before {
	border-color: rgba(237, 233, 245, 0);
	border-bottom-color: #ede9f5;
	border-width: 7px;
	margin-left: -2px;
}

.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-bottom .tooltip-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 6px;
	margin-left: -1px;
}


.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content {
	margin-top: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-bottom .tooltip-content:before {
	bottom: 100%;
	right: 8px;
	border-bottom-color: blue; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content {
	margin-bottom: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-top .tooltip-content:before {
	top: 100%;
	left: 8px;
	border-top-color: rgba(255, 255, 255); }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content {
	margin-bottom: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-top .tooltip-content:before {
	top: 100%;
	right: 8px;
	border-top-color: rgba(255, 255, 255); }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
	margin-right: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
	top: 8px;
	left: 100%;
	border-left-color: rgba(255, 255, 255); }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
	margin-left: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-top.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
	top: 8px;
	right: 100%;
	border-right-color: rgba(255, 255, 255); }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content {
	margin-right: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-right.tooltip-target-attached-left .tooltip-content:before {
	bottom: 8px;
	left: 100%;
	border-left-color: rgba(255, 255, 255); }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content {
	margin-left: 8px; }
.tooltip-element.tooltip-theme-arrows.tooltip-element-attached-bottom.tooltip-element-attached-left.tooltip-target-attached-right .tooltip-content:before {
	bottom: 8px;
	right: 100%;
	border-right-color: rgba(255, 255, 255); }

.tooltip-element.tooltip-theme-arrows {
	pointer-events: none; }
.tooltip-element.tooltip-theme-arrows .tooltip-content {
	padding: 0.5em; }