html,
body {
	overflow: auto;
	overflow-x: hidden;
}
strong,
b {
	font-weight: 700;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.title {
	font-weight: 100;
}
.no-select {
	user-select: none;
}
.thumbnail .centered img {
	margin: 5px;
	width: 90%;
	height: 90%;
	transform: translate(-55%, -55%) !important;
}
.attachment-preview .thumbnail {
	--bg-color-base: #dcd8e4;
	--bg-color-light: #fff;
	--checker-size: 25px;
	background-color: var(--bg-color-base);
	background-image: linear-gradient(
			45deg,
			var(--bg-color-light) 25%,
			transparent 25%,
			transparent 75%,
			var(--bg-color-light) 75%,
			var(--bg-color-light)
		),
		linear-gradient(
			45deg,
			var(--bg-color-light) 25%,
			transparent 25%,
			transparent 75%,
			var(--bg-color-light) 75%,
			var(--bg-color-light)
		);
	background-size: var(--checker-size) var(--checker-size);
	background-position: 0 0,
		calc(var(--checker-size) / 2) calc(var(--checker-size) / 2);
	box-shadow: inset 0 0 calc(var(--checker-size) * 2) rgb(72 66 84 / 0.2);
}
.index {
	.text {
		padding-left: 0.4em;
	}
	&.source,
	&.graph,
	&.table {
		.type {
			font-weight: 700;
		}
	}
}
.glass {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.bullet {
	font-size: 125%;
	font-weight: 900;
	margin-left: -10px;
	padding-right: 5px;
}
.outlined {
	--offset: 1px;
	filter: drop-shadow(var(--offset) var(--offset) 0 var(--color))
		drop-shadow(calc(var(--offset) * -1) var(--offset) 0 var(--color))
		drop-shadow(var(--offset) calc(var(--offset) * -1) 0 var(--color))
		drop-shadow(
			calc(var(--offset) * -1) calc(var(--offset) * -1) 0 var(--color)
		);
}
.small {
	font-size: 0.55em;
}
.big {
	font-size: 1.5em;
}
.medium {
	font-size: 1.25em;
}
.upper,
.upper-head thead {
	text-transform: uppercase !important;
}
.gri {
	color: var(--color);
	text-wrap: nowrap;
	transition: all 0.5s ease-in-out;
	a {
		color: var(--color);
		cursor: pointer;
		transition: all 0.25s ease-in-out;
		&:hover {
			font-size: 110%;
			color: var(--color);
		}
	}
	span {
		color: var(--color);
		transition: all 0.25s ease-in-out;
	}
	&:hover {
		span {
			color: var(--text);
		}
	}
}
.e-page-transition--entering {
	pointer-events: none;
}
table {
	width: 100%;
	border: none;
	border: 0;
	thead,
	tbody {
		border: none;
	}
	tr {
		border: none;
		background-color: #fff0;
		transition: all 0.25s;
		&:hover {
			background-color: rgb(0 0 0 / 0.05);
		}
	}
	td,
	th {
		border: none;
		border-color: var(--color);
		border: 0;
		margin: 0;
		min-width: 100px;
		padding: 10px;
		text-align: center;
	}
	td {
		vertical-align: top;
		font-weight: 300;
		&:first-child {
			text-align: left;
		}
	}
	th {
		text-align: center;
		vertical-align: middle;
		font-weight: 500;
		color: var(--color);
	}
	thead:first-child tr:first-child th {
		border-block-start: unset !important;
	}
}
.table {
	.elementor-widget-container {
		max-width: 100%;
		overflow: auto;
	}
	table {
		min-width: 100% !important;
		width: max-content !important;
		border: none;
		&,
		thead,
		tbody,
		tfoot,
		tr {
			border: unset;
		}
		td,
		th {
			border: none;
			width: auto;
			max-width: 250px !important;
			min-width: 40px !important;
		}
	}
}
.table-first-col {
	th:first-child {
		width: 250px !important;
	}
}
.table-line {
	tr {
		border-bottom: var(--color) 2px solid;
	}
	tbody tr:last-child,
	tfoot tr:last-child {
		border-bottom: none !important;
	}
	tfoot tr:first-child {
		border-top: 2px solid !important;
	}
}
.table-left {
	th {
		text-align: left !important;
	}
	td {
		text-align: left !important;
	}
}
.table-left-th {
	th {
		text-align: left !important;
	}
}
.table-left-tf {
	td {
		text-align: left !important;
	}
}
.table-right {
	th {
		text-align: right !important;
	}
	td {
		text-align: right !important;
	}
}
.table-right-th {
	th {
		text-align: right !important;
	}
}
.table-right-tf {
	td {
		text-align: right !important;
	}
}
.table-center {
	th {
		text-align: center !important;
	}
	td {
		text-align: center !important;
	}
}
.table-center-th {
	th {
		text-align: center !important;
	}
}
.table-center-tf {
	td {
		text-align: center !important;
	}
}
.table-lined {
	table {
		thead {
			tr th {
				border-bottom: 2px solid var(--color) !important;
			}
		}
		th {
			padding: 1em;
		}
	}
}
.list-lined {
	--size: 1px;
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			list-style: none;
			position: relative;
			padding: 1em 0;
		}
	}
	&.top {
		ul li {
			border-top: var(--size) solid var(--color);
		}
	}
	&.left {
		ul li {
			border-left: var(--size) solid var(--color);
		}
	}
	&.right {
		ul li {
			border-right: var(--size) solid var(--color);
		}
	}
	&.bottom {
		ul li {
			border-bottom: var(--size) solid var(--color);
		}
	}
}
.table-lined-td {
	--size: 1px;
	table {
		border-collapse: collapse;
		width: 100%;
		td {
			padding: 1em;
		}
	}
	&.top {
		table td {
			border-top: var(--size) solid var(--color);
		}
	}
	&.left {
		table td {
			border-left: var(--size) solid var(--color);
		}
	}
	&.right {
		table td {
			border-right: var(--size) solid var(--color);
		}
	}
	&.bottom {
		table td {
			border-bottom: var(--size) solid var(--color);
		}
	}
}
.table-lined-th {
	--size: 1px;
	table {
		border-collapse: collapse;
		width: 100%;
		th {
			padding: 1em;
		}
	}
	&.top {
		table th {
			border-top: var(--size) solid var(--color);
		}
	}
	&.left {
		table th {
			border-left: var(--size) solid var(--color);
		}
	}
	&.right {
		table th {
			border-right: var(--size) solid var(--color);
		}
	}
	&.bottom {
		table th {
			border-bottom: var(--size) solid var(--color);
		}
	}
}
.title .icon {
	--size: 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	.icon-int,
	.icon-bg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0;
		margin: 0;
		img {
			display: block;
			object-fit: contain;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			box-sizing: content-box;
		}
	}
	.icon-bg {
		z-index: 0;
		width: calc(var(--size) * 2.5);
		height: calc(var(--size) * 2.5);
	}
	.icon-int {
		z-index: 2;
		width: calc(var(--size) * 1);
		height: calc(var(--size) * 1);
	}
	.big-icon {
		width: calc(var(--size) * 1.25);
		height: calc(var(--size) * 1.25);
	}
}
.list-image {
	--bullet: url(https://work.julibe.com/ebsa/2024/wp-content/uploads/icon-bullet-005-02.webp);
	& {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			position: relative;
			padding-left: 2em;
			padding-bottom: 0.5em;
			&::before {
				content: "";
				position: absolute;
				top: 0em;
				left: 0.5em;
				width: 1em;
				height: 1em;
				background-image: var(--bullet);
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
		}
	}
}
.list-color {
	list-style: decimal inside;
	padding: 0;
	margin: 0;
	li {
		&::marker {
			color: var(--color);
		}
	}
}
.list-circle {
	--size: 4em;
	--border: 2px;
	margin-left: 0;
	padding-left: 0;
	li {
		position: relative;
		padding: calc(var(--size) * 0.5) 0 calc(var(--size) * 0.5)
			calc(var(--size) * 1.25);
		list-style: none;
		counter-increment: list-item;
		&::before {
			content: counter(list-item);
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			width: var(--size);
			height: var(--size);
			border: var(--border) solid var(--color);
			border-radius: 50%;
			display: grid;
			place-items: center;
			user-select: none;
		}
	}
}
.big-number {
	--size: 2.5em;
	li {
		padding-top: calc(var(--size) * 0.5);
		&::marker {
			font-size: var(--size);
			color: var(--color);
		}
	}
}
.list-decimal {
	counter-reset: item;
	list-style: none;
	padding-left: 0;
	--prefix: "1";
	> li {
		counter-increment: item;
		margin-bottom: 0.3em;
		padding-left: 3.5em;
		text-indent: -3.5em;
		position: relative;
		&:before {
			content: var(--prefix) "." counter(item) ". ";
			display: inline-block;
			width: 2.5em;
			text-align: right;
			padding-right: 0.5em;
			color: var(--color);
		}
	}
}
.text-color {
	&,
	* {
		color: var(--color) !important;
	}
}
.list-no-bullet {
	ul {
		list-style: none;
		padding: 0;
		padding-left: 0em;
		li {
			padding-bottom: 0.5em;
			font-size: 0.8em;
		}
	}
}
br {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	--hidden-red-alpha: 0.5;
	--red-debug-color: rgba(255, 0, 0, var(--hidden-red-alpha));
	background-color: var(--red-debug-color) !important;
	border: 1px solid rgb(255 0 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	content: "";
	position: relative;
	&::after {
		content: "⏎";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 10px;
		color: #fff;
		line-height: 20px;
		text-align: center;
		width: 100%;
	}
}
._hide {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	display: none !important;
	visibility: hidden;
}
.hidden {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	display: none !important;
	visibility: hidden;
	.elementor-editor-active & {
		--red-color: rgba(255, 0, 0, 0.1);
		display: block !important;
		opacity: 1;
		border: 2px dashed red;
		background-image: linear-gradient(
			45deg,
			var(--red-color) 25%,
			transparent 25%,
			transparent 50%,
			var(--red-color) 50%,
			var(--red-color) 75%,
			transparent 75%,
			transparent
		);
		background-size: 50px 50px;
		visibility: visible;
		position: relative;
		top: unset;
		left: unset;
		width: auto;
		height: auto;
	}
}
.corner,
.corner-bottom,
.corner-left,
.corner-right,
.corner-center {
	position: relative;
	--size: 0.5em;
	--corner: 3em;
	&:before {
		content: "";
		position: absolute;
		width: calc(var(--size) * 4.5);
		height: var(--size);
		background-color: var(--color);
		display: block;
		border-radius: calc(var(--size) * 0.5);
		border: none;
		top: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}
.corner-top:before {
	top: 0;
}
.corner-bottom:before {
	top: 100%;
}
.corner-left:before {
	left: var(--corner);
}
.corner-right:before {
	left: calc(100% - var(--corner));
}
.corner-center:before {
	left: 50%;
}
.boxed,
.box {
	--w: 570px;
	width: 100%;
	max-width: var(--w) !important;
	&.wide {
		max-width: calc(var(--w) * 1.36) !important;
	}
	@media (max-width: 1024px) {
		max-width: 75% !important;
	}
	@media (max-width: 768px) {
		max-width: 100% !important;
		&.wide {
			max-width: 100% !important;
		}
	}
}
.icon {
	--size: 3em;
	width: var(--size);
	height: var(--size);
	display: grid;
	place-items: center;
	padding: 0;
	img {
		width: var(--size);
		height: var(--size);
		padding: 0;
		object-fit: contain;
	}
}
.thumbnail .centered img {
	margin: 5px;
	width: 90%;
	height: 90%;
	transform: translate(-55%, -55%) !important;
}
.attachment-preview .thumbnail {
	--bg-color-base: #dcd8e4;
	--bg-color-light: #fff;
	--checker-size: 25px;
	background-color: var(--bg-color-base);
	background-image: linear-gradient(
			45deg,
			var(--bg-color-light) 25%,
			transparent 25%,
			transparent 75%,
			var(--bg-color-light) 75%,
			var(--bg-color-light)
		),
		linear-gradient(
			45deg,
			var(--bg-color-light) 25%,
			transparent 25%,
			transparent 75%,
			var(--bg-color-light) 75%,
			var(--bg-color-light)
		);
	background-size: var(--checker-size) var(--checker-size);
	background-position: 0 0,
		calc(var(--checker-size) / 2) calc(var(--checker-size) / 2);
	box-shadow: inset 0 0 calc(var(--checker-size) * 2) rgb(72 66 84 / 0.2);
}
.border {
	border: 2px solid var(--color) !important;
}
.border-top {
	border-top: 2px solid var(--color) !important;
}
.border-bottom,
.border-botom {
	border-bottom: 2px solid var(--color) !important;
}
.border-left {
	border-left: 2px solid var(--color) !important;
}
.border-right {
	border-right: 2px solid var(--color) !important;
}
.side_ima,
.ima {
	--size: 250px;
	--mar: 2em;
	padding: 0 !important;
	margin: 0 !important;
	width: var(--size) !important;
	height: var(--size) !important;
	min-width: var(--size) !important;
	min-height: var(--size) !important;
	img {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: var(--mar) !important;
		margin: 0;
	}
}
h2,
h3,
h4 {
	&.elementor-heading-title {
		margin-top: 0.5em;
	}
}
strong.gri {
	display: block;
	margin-bottom: 1em;
}
body {
	--white: var(--e-global-color-accent);
	--gray: var(--e-global-color-text);
	--blue: var(--e-global-color-primary);
	--cyan: var(--e-global-color-secondary);
	--green: var(--e-global-color-aed5162);
	--pink: var(--e-global-color-f0ef449);
	--purple: var(--e-global-color-8d4f3f6);
	--red: var(--e-global-color-e7dc062);
	--yellow: var(--e-global-color-1cbb7fc);
	--main: var(--blue);
	--secondary: var(--cyan);
	--background: var(--white);
	--color: var(--main);
	--text: var(--black);
	--scrollbar-width: 0.25em;
	--hover-transition-speed: 0.25s;
	--rad: 1em;
}
.white-filter,
ul.white-list li:before {
	filter: invert(100%) sepia(0%) saturate(2000%) hue-rotate(0deg)
		brightness(1000%) contrast(100%);
}
.yellow-filter,
ul.yellow-list li:before {
	filter: invert(51%) sepia(98%) saturate(764%) hue-rotate(359deg)
		brightness(103%) contrast(90%);
}
.cyan-filter,
ul.cyan-list li:before {
	filter: invert(52%) sepia(95%) saturate(3495%) hue-rotate(175deg)
		brightness(96%) contrast(104%);
}
.blue-filter,
ul.blue-list li:before {
	filter: invert(15%) sepia(21%) saturate(4040%) hue-rotate(193deg)
		brightness(92%) contrast(92%);
}
.green-filter,
ul.green-list li:before {
	filter: invert(59%) sepia(27%) saturate(978%) hue-rotate(53deg)
		brightness(96%) contrast(100%);
}
.orange-filter,
ul.orange-list li:before {
	filter: brightness(0) saturate(100%) invert(62%) sepia(85%) saturate(1797%)
		hue-rotate(357deg) brightness(99%) contrast(98%);
}
.gray-filter,
ul.gray-list li:before {
	filter: invert(35%) sepia(5%) saturate(184%) hue-rotate(155deg)
		brightness(90%) contrast(89%);
}
.pink-filter,
ul.pink-list li:before {
	filter: invert(17%) sepia(69%) saturate(7027%) hue-rotate(321deg)
		brightness(96%) contrast(106%);
}
.purple-filter,
ul.purple-list li:before {
	filter: invert(33%) sepia(38%) saturate(1001%) hue-rotate(246deg)
		brightness(97%) contrast(89%);
}
.red-filter,
ul.red-list li:before {
	filter: invert(50%) sepia(10%) saturate(5968%) hue-rotate(328deg)
		brightness(104%) contrast(86%);
}
.white {
	&,
	* {
		color: var(--white) !important;
	}
}
.black {
	&,
	* {
		color: var(--black) !important;
	}
}
.gray {
	&,
	* {
		color: var(--gray) !important;
	}
}
.blue {
	&,
	* {
		color: var(--blue) !important;
	}
}
.cyan {
	&,
	* {
		color: var(--cyan) !important;
	}
}
.green {
	&,
	* {
		color: var(--green) !important;
	}
}
.pink {
	&,
	* {
		color: var(--pink) !important;
	}
}
.purple {
	&,
	* {
		color: var(--purple) !important;
	}
}
.red {
	&,
	* {
		color: var(--red) !important;
	}
}
.yellow {
	&,
	* {
		color: var(--yellow) !important;
	}
}
.transparent,
.trans {
	&,
	* {
		color: var(--transparent) !important;
	}
}
[class*="white-"],
[class*="black-"],
[class*="gray-"],
[class*="blue-"],
[class*="cyan-"],
[class*="green-"],
[class*="pink-"],
[class*="purple-"],
[class*="red-"],
[class*="yellow-"],
[class*="transparent-"],
[class*="trans-"] {
	&[class*="-bold"] {
		b,
		strong {
			color: var(--color) !important;
		}
	}
	&[class*="-link"] a {
		color: var(--color) !important;
	}
	&[class*="-hover"]:hover {
		color: var(--color) !important;
	}
	&[class*="-bg"] {
		background-color: var(--color) !important;
	}
	&[class*="-hover-bg"]:hover {
		background-color: var(--color) !important;
	}
	&[class*="-border"] {
		border-color: var(--color) !important;
	}
	&[class*="-line"] {
		border-bottom: 2px solid var(--color) !important;
	}
	&[class*="-line"] tr {
		border-bottom: 2px solid var(--color) !important;
	}
	&[class*="-list"] ul > li:before {
		color: var(--color) !important;
	}
	&[class*="-th"] th {
		color: var(--color) !important;
	}
	&[class*="-table"] table,
	&[class*="-t"] table {
		border-top: 2px solid var(--color) !important;
		border-bottom: 2px solid var(--color) !important;
	}
	&[class*="-table"] table td,
	&[class*="-table"] table th,
	&[class*="-t"] table td,
	&[class*="-t"] table th {
		border-bottom: 1px solid var(--color) !important;
	}
	&[class*="-gri"] {
		color: var(--color) !important;
	}
	&[class*="-corner"]:before {
		background-color: var(--color) !important;
	}
}
[class*="white-"] {
	--color: var(--white);
}
[class*="gray-"] {
	--color: var(--gray);
}
[class*="black-"] {
	--color: var(--black);
}
[class*="blue-"] {
	--color: var(--blue);
}
[class*="cyan-"] {
	--color: var(--cyan);
}
[class*="green-"] {
	--color: var(--green);
}
[class*="pink-"] {
	--color: var(--pink);
}
[class*="purple-"] {
	--color: var(--purple);
}
[class*="red-"] {
	--color: var(--red);
}
[class*="yellow-"] {
	--color: var(--yellow);
}
[class*="transparent-"],
[class*="trans-"] {
	--color: var(--transparent);
}
br {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	--hidden-red-alpha: 0.5;
	--red-debug-color: rgba(255, 0, 0, var(--hidden-red-alpha));
	background-color: var(--red-debug-color) !important;
	border: 1px solid rgb(255 0 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	content: "";
	position: relative;
	&::after {
		content: "⏎";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 10px;
		color: #fff;
		line-height: 20px;
		text-align: center;
		width: 100%;
	}
}
.hidden {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	display: none !important;
	visibility: hidden;
	&.elementor-editor-active {
		--hidden-red-alpha: 0.1;
		--red-debug-color: rgba(255, 0, 0, var(--hidden-red-alpha));
		display: block !important;
		opacity: 1;
		border: 0.13em dashed red;
		background-image: linear-gradient(
			45deg,
			var(--red-debug-color) 25%,
			transparent 25%,
			transparent 50%,
			var(--red-debug-color) 50%,
			var(--red-debug-color) 75%,
			transparent 75%,
			transparent
		);
		background-size: 3em 3em;
		visibility: visible;
		position: relative;
		top: unset;
		left: unset;
		width: auto;
		height: auto;
	}
}
::selection {
	color: var(--background);
	background: var(--main);
}
::-webkit-scrollbar {
	width: var(--scrollbar-width);
	height: var(--scrollbar-width);
}
::-webkit-scrollbar-track {
	background: var(--background);
	border-radius: 3em;
	&:hover,
	&:active {
		background: var(--main);
	}
}
::-webkit-scrollbar-thumb {
	background: var(--main);
	border-radius: 3em;
	transition: background-color var(--hover-transition-speed) ease-in-out;
	&:hover,
	&:active {
		background: var(--secondary);
	}
}
@supports not selector(::-webkit-scrollbar) {
	scrollbar-width: thin;
	scrollbar-color: var(--blue) var(--cyan);
}