/* -------------------------------------------
	fs-18
------------------------------------------- */
.fs-18 {
	font-size: 1.125rem;
}

.small2x {
	font-size: 0.75em;
}

/* -------------------------------------------
	fw-
------------------------------------------- */
.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/* -------------------------------------------
	to-el
------------------------------------------- */
.to-el {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* -------------------------------------------
	text-hyphens
------------------------------------------- */
.text-hyphens {
	hyphens: auto;
}

/* -------------------------------------------
	text-help
------------------------------------------- */
.text-help {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
}

/* -------------------------------------------
	link decoration none
------------------------------------------- */
.link-decoration-none a {
	text-decoration: none;
}

/* ----------------------------------------
	hide-long-text
---------------------------------------- */
.hide-long-text {
	--hide-long-text: 120px;

	max-width: var(--hide-long-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hide-long-text.hlt-160p {
	--hide-long-text: 160px;
}
@media (min-width: 1500px) {
	.hide-long-text.hlt-160p {
		--hide-long-text: 260px;
	}
}

/* -------------------------------------------
	bg-blur
------------------------------------------- */
.bg-blur {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

/* -------------------------------------------
	img-db
------------------------------------------- */
.img-db, .db-img img {
	width: 100%;
	height: auto;
	display: block;
}

/* -------------------------------------------
	mh-100vh
------------------------------------------- */
.mh-100vh {
	min-height: 100vh;
}

/* -------------------------------------------
	animation-delay
------------------------------------------- */
:root {
	--animate-delay: 1s;
	--animate-delay-2: calc(1s * 2);
	--animate-delay-3: calc(1s * 3);
	--animate-delay-4: calc(1s * 4);
	--animate-delay-5: calc(1s * 5);
}
.animate-delay-1s {
	--animate-delay: 1s;
	animation-delay: var(--animate-delay);
}
.animate-delay-2s {
	--animate-delay: calc(1s * 2);
	animation-delay: var(--animate-delay);
}
.animate-delay-3s {
	--animate-delay: calc(1s * 3);
	animation-delay: var(--animate-delay);
}
.animate-delay-4s {
	--animate-delay: calc(1s * 4);
	animation-delay: var(--animate-delay);
}
.animate-delay-5s {
	--animate-delay: calc(1s * 5);
	animation-delay: var(--animate-delay);
}

/* -------------------------------------------
	animY
------------------------------------------- */
.animY {
	--animate-delay: 1s;
	--animation-animY-value: 12s infinite ease var(--animate-delay) both;
	animation: animY var(--animation-animY-value);
}

@keyframes animY {
	0% {
		transform: translate3d(0, 0, 0);
	}
	15% {
		transform: translate3d(0, 3px, 0);
	}
	30% {
		transform: translate3d(0, -3px, 0);
	}
	45% {
		transform: translate3d(0, 4px, 0);
	}
	60% {
		transform: translate3d(0, -4px, 0);
	}
	75% {
		transform: translate3d(0, 5px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

/* -------------------------------------------
	verif-icon
------------------------------------------- */
.verif-icon {
	--fa-primary-color: var(--bs-white);
	--fa-secondary-color: var(--bs-primary);
	--fa-secondary-opacity: 1;
}

.verif-icon.not-verif {
	--fa-primary-color: transparent;
	--fa-secondary-color: var(--bs-secondary-400);
}

/* -------------------------------------------
	avatar
------------------------------------------- */
.avatar-container {
	--avatar-size: 40px;

	width: var(--avatar-size);
	height: var(--avatar-size);
	/*overflow: hidden;*/
	/*border: 1px solid rgba(var(--bs-gray-200-rgb), 1);*/
	background-color: rgba(var(--bs-info-400-rgb), 0.0);
	box-shadow: 0 0 0 1px rgba(var(--bs-info-600-rgb), 0.45);
	border-radius: var(--bs-border-radius-pill);
	transition: box-shadow var(--transition-options-15), transform var(--transition-options-15);
}
.avatar-container:hover {
	box-shadow: 0 0 0 1px rgba(var(--bs-info-600-rgb), 0.6), 0 0 0 5px rgba(var(--bs-info-600-rgb), 0.1);
	transform: rotate(5deg) scale(1.05);
}
.avatar-container:active {
	transform: scale(0.98);
}

.avatar {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
	border-radius: var(--bs-border-radius-pill);
}
.avatar::after {
	content: "";
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
	/*box-shadow:
		inset 0 -1px 0 rgba(255, 255, 255, 0.1),
		inset 0 -2px 0 rgba(255, 255, 255, 0.1),
		inset 0 -6px 12px rgba(255, 255, 255, 0.1),
		inset 0 4px 0 rgba(255, 255, 255, 0.4),
		inset 0 6px 0 rgba(255, 255, 255, 0.3),
		inset 0 6px 12px rgba(255, 255, 255, 0.5);*/
	border-radius: var(--bs-border-radius);
}

.avatar img,
.avatar svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.avatar svg {
	fill: rgba(var(--bs-info-800-rgb), 0.3);
}

/* -------------------------------------------
	mask
------------------------------------------- */
.mask {
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center
}

.mask-squircle {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAwWicvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-decagon {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTkyJyBoZWlnaHQ9JzIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTk2IDAgNTguNzc5IDE5LjA5OCAzNi4zMjcgNTB2NjEuODA0bC0zNi4zMjcgNTBMOTYgMjAwbC01OC43NzktMTkuMDk4LTM2LjMyNy01MFY2OS4wOThsMzYuMzI3LTUweicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-diamond {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTEwMCAwIDEwMCAxMDAtMTAwIDEwMEwwIDEwMHonIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-heart {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzE4NScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAwIDE4NC42MDZhMTUuMzg0IDE1LjM4NCAwIDAgMS04LjY1My0yLjY3OEM1My41NjUgMTU2LjI4IDM3LjIwNSAxMzguNjk1IDI4LjE4MiAxMjcuNyA4Ljk1MiAxMDQuMjY0LS4yNTQgODAuMjAyLjAwNSA1NC4xNDYuMzA4IDI0LjI4NyAyNC4yNjQgMCA1My40MDYgMGMyMS4xOTIgMCAzNS44NjkgMTEuOTM3IDQ0LjQxNiAyMS44NzlhMi44ODQgMi44ODQgMCAwIDAgNC4zNTYgMEMxMTAuNzI1IDExLjkyNyAxMjUuNDAyIDAgMTQ2LjU5NCAwYzI5LjE0MiAwIDUzLjA5OCAyNC4yODcgNTMuNCA1NC4xNTEuMjYgMjYuMDYxLTguOTU2IDUwLjEyMi0yOC4xNzYgNzMuNTU0LTkuMDIzIDEwLjk5NC0yNS4zODMgMjguNTgtNjMuMTY1IDU0LjIyOGExNS4zODQgMTUuMzg0IDAgMCAxLTguNjUzIDIuNjczWicgZmlsbD0nYmxhY2snIGZpbGwtcnVsZT0nbm9uemVybycvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-hexagon {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgyJyBoZWlnaHQ9JzIwMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBMMTQuNTEgMTYxLjYyQzYuMTUxIDE1Ny40NC4zIDE0NS43MzcuMyAxMzYuNTRWNjUuNDg2WicgZmlsbD0nYmxhY2snIGZpbGwtcnVsZT0nbm9uemVybycvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-hexagon-2 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzE4MicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNjQuNzg2IDE4MS40Yy05LjE5NiAwLTIwLjA2My02LjY4Ny0yNS4wNzktMTQuMjFMMy43NjIgMTA1LjMzYy01LjAxNi04LjM2LTUuMDE2LTIwLjkgMC0yOS4yNTlsMzUuOTQ1LTYxLjg2QzQ0LjcyMyA1Ljg1MSA1NS41OSAwIDY0Ljc4NiAwaDcxLjA1NWM5LjE5NiAwIDIwLjA2MyA2LjY4OCAyNS4wNzkgMTQuMjExbDM1Ljk0NSA2MS44NmM0LjE4IDguMzYgNC4xOCAyMC44OTkgMCAyOS4yNThsLTM1Ljk0NSA2MS44NmMtNC4xOCA4LjM2LTE1Ljg4MyAxNC4yMTEtMjUuMDc5IDE0LjIxMUg2NC43ODZaJyBmaWxsPSdibGFjaycgZmlsbC1ydWxlPSdub256ZXJvJy8+PC9zdmc+");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-circle {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGZpbGw9J2JsYWNrJyBjeD0nMTAwJyBjeT0nMTAwJyByPScxMDAnIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-parallelogram {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzE1NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTQ2LjE1NCAwSDIwMGwtNDYuMTU0IDE1My44NDZIMHonIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-parallelogram-2 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzE1NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTE1My44NDYgMEgwbDQ2LjE1NCAxNTMuODQ2SDIwMHonIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-parallelogram-3 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTU0JyBoZWlnaHQ9JzIwMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTS4wNzcgNDcuMDc3djE1My44NDZsMTUzLjg0Ni00Ni4xNTRWLjkyM3onIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-parallelogram-4 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTU0JyBoZWlnaHQ9JzIwMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTE1My45MjMgNDcuMDc3djE1My44NDZMLjA3NyAxNTQuNzdWLjkyM3onIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-pentagon {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTkyJyBoZWlnaHQ9JzE4MScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTk2IDAgOTUuMTA2IDY5LjA5OC0zNi4zMjcgMTExLjgwNEgzNy4yMkwuODk0IDY5LjA5OHonIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-square {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTAgMGgyMDB2MjAwSDB6JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-star {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTkyJyBoZWlnaHQ9JzE4MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTk2IDEzNy4yNjMtNTguNzc5IDQyLjAyNCAyMi4xNjMtNjguMzg5TC44OTQgNjguNDgxbDcyLjQ3Ni0uMjQzTDk2IDBsMjIuNjMgNjguMjM4IDcyLjQ3Ni4yNDMtNTguNDkgNDIuNDE3IDIyLjE2MyA2OC4zODl6JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-star-2 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTkyJyBoZWlnaHQ9JzE4MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTk2IDE1My4wNDQtNTguNzc5IDI2LjI0MyA3LjAyLTYzLjUxM0wuODk0IDY4LjQ4MWw2My4xMTctMTMuMDFMOTYgMGwzMS45ODkgNTUuNDcyIDYzLjExNyAxMy4wMS00My4zNDcgNDcuMjkyIDcuMDIgNjMuNTEzeicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-triangle {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTc0JyBoZWlnaHQ9JzE0OScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTg3IDE0OC40NzYtODYuNjAzLjE4NUw0My44NiA3NC40MjMgODcgMGw0My4xNCA3NC40MjMgNDMuNDYzIDc0LjIzOHonIGZpbGwtcnVsZT0nZXZlbm9kZCcvPjwvc3ZnPg==");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-triangle-2 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTc0JyBoZWlnaHQ9JzE1MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTg3IC43MzggODYuNjAzLS4xODQtNDMuNDYzIDc0LjIzOEw4NyAxNDkuMjE0IDQzLjg2IDc0Ljc5Mi4zOTcuNTU0eicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-triangle-3 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTUwJyBoZWlnaHQ9JzE3NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTE0OS4zNjkgODcuMTA3LjE4NSA4Ni42MDMtNzQuMjM5LTQzLjQ2M0wuODkzIDg3LjEwN2w3NC40MjItNDMuMTRMMTQ5LjU1NC41MDV6JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}
.mask-triangle-4 {
	--mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTUwJyBoZWlnaHQ9JzE3NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsPSdibGFjaycgZD0nTS42MzEgODcuMTA3LjQ0Ni41MDVsNzQuMjM5IDQzLjQ2MiA3NC40MjIgNDMuMTQtNzQuNDIyIDQzLjE0TC40NDYgMTczLjcxeicgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+");

	-webkit-mask-image: var(--mask-image);
	mask-image: var(--mask-image);
}





/* -------------------------------------------
	navbar
------------------------------------------- */
.navbar {
	--bs-navbar-padding-x: 0;
	--bs-navbar-padding-y: 0;
	--bs-navbar-color: rgba(var(--bs-secondary-700-rgb), 1);
	--bs-navbar-hover-color: rgba(var(--bs-primary-rgb), 1);
	--bs-navbar-disabled-color: rgba(var(--bs-secondary-600-rgb), 0.3);
	--bs-navbar-active-color: rgba(var(--bs-white-rgb), 1);
	--bs-nav-link-font-size: 0.875rem;
	--bs-navbar-bg: rgba(var(--bs-white-rgb), 0.8);

	/*--bs-navbar-nav-link-padding-x: 0.5rem;*/
	/*--bs-nav-link-padding-x: 0.5rem;*/
	/*--bs-nav-link-padding-y: 0.625rem;*/

	--bs-navbar-toggler-padding-y: 0.25rem;
	--bs-navbar-toggler-padding-x: 0.25rem;
	--bs-navbar-toggler-font-size: 1.25rem;
	--bs-navbar-toggler-icon-bg: var(--icon-navbar-toggler);
	--bs-navbar-toggler-border-color: var(--bs-blue-200);
	--bs-navbar-toggler-border-radius: var(--bs-border-radius);
	--bs-navbar-toggler-focus-width: 0.25rem;
	--bs-navbar-toggler-transition: box-shadow var(--transition-options-15);

	height: var(--navbar-h);
	/*background: var(--bs-navbar-bg);*/
	box-shadow: var(--bs-box-shadow-sm);
}
.navbar::after {
	content: "";
	/*display: none;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background: var(--bs-navbar-bg);
	-webkit-backdrop-filter: var(--backdrop-filter-blur-sm);
	backdrop-filter: var(--backdrop-filter-blur-sm);
}

/* -------------------------------------------
	navbar offcanvas
------------------------------------------- */
.navbar .offcanvas {
	border-left: none;
}

/* -------------------------------------------
	navbar offcanvas-header
------------------------------------------- */
.navbar .offcanvas-header {}

/* -------------------------------------------
	navbar offcanvas-title
------------------------------------------- */
.navbar .offcanvas-title {}

/* -------------------------------------------
	navbar offcanvas-header btn-close
------------------------------------------- */
.navbar .offcanvas-header .btn-close {}

/* -------------------------------------------
	navbar offcanvas-body
------------------------------------------- */
.navbar .offcanvas-body {
	/*background: var(--bs-navbar-bg);*/
}

/* -------------------------------------------
	navbar-toggler
------------------------------------------- */
.navbar-toggler {}

.navbar-toggler-sidebar {
	--bs-navbar-toggler-icon-bg: var(--icon-navbar-toggler-sidebar);
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--bs-blue-100-rgb), .5);
}

.navbar-toggler-icon {
	background-size: 60% 60%;
}

/* -------------------------------------------
	navbar-nav
------------------------------------------- */
.navbar-nav {
	--bs-nav-link-padding-x: 0.5rem;
	--bs-nav-link-padding-y: 0.875rem;
}

.navbar-nav .nav-link {
	line-height: 1.429;
}

.navbar-nav .nav-link.dropdown-toggle::after {
	--dropdown-icon-size-toggle: 8px;
	--dropdown-icon-bg-image-toggle: var(--icon-chevron-right-white);

	vertical-align: 0.063em;
	/*vertical-align: 0.125em;*/
	/*margin-left: 0.255em;*/
	border: 0;

	width: var(--dropdown-icon-size-toggle);
	height: var(--dropdown-icon-size-toggle);
	flex: 0 0 auto;
	background-image: var(--dropdown-icon-bg-image-toggle);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	transition: transform var(--transition-options-35);
	transform: rotate(90deg);
	transform-origin: 50% 50%;
}
.navbar-nav .nav-link.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(270deg);
}

/* -------------------------------------------
	navbar-brand
------------------------------------------- */
.navbar-brand {
	--bs-navbar-brand-font-size: 1.25rem;

	height: var(--navbar-h);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-green-500);
	font-size: var(--bs-navbar-brand-font-size);
	/*font-weight: 900;*/
	letter-spacing: 0.063rem;
	position: relative;
	/*border-radius: var(--bs-border-radius-xl);*/
	transition: color var(--transition-options-15);
}
.navbar-brand:hover {
	color: var(--bs-green-600);
}
@media (min-width: 1807px) {
	.navbar-brand {
		/*max-width: var(--sidebar-max-width);*/
	}
}

/* -------------------------------------------
	brand-logo-img
------------------------------------------- */
.brand-logo-img {
	max-width: 104px;
	max-height: 22px;
	/*width: auto;*/
	/*aspect-ratio: 256 / 55;*/
	transition: transform var(--transition-options-25), filter var(--transition-options-25);
}
.navbar-brand:hover .brand-logo-img {
	transform: /*rotate(1deg)*/ translateY(-2px) scale(1.015);
	filter:
		drop-shadow(0 2px 4px rgba(var(--bs-primary-600-rgb), 0.7))
		drop-shadow(0 4px 8px rgba(var(--bs-primary-600-rgb), 0.7))
		drop-shadow(0 8px 16px rgba(var(--bs-primary-600-rgb), 0.3));
}

/* -------------------------------------------
	brand-tagline
------------------------------------------- */
.brand-tagline {
	--bs-secondary-text-emphasis: var(--bs-secondary-950);
	--bs-secondary-bg-subtle: rgba(var(--bs-secondary-200-rgb), 0.6);
	--bs-secondary-border-subtle: rgba(var(--bs-secondary-200-rgb), 0.6);
	--bs-info-text-emphasis: var(--bs-info-950);
	--bs-info-bg-subtle: rgba(var(--bs-info-200-rgb), 0.6);
	--bs-info-border-subtle: rgba(var(--bs-info-200-rgb), 0.6);
	/*--brand-tagline-color: var(--bs-info-text-emphasis);*/

	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*color: var(--brand-tagline-color) !important;*/
	font-size: 10px;
	line-height: 1.1;
	font-weight: 600;
	/*letter-spacing: 0.063rem;*/
	letter-spacing: 0;
	bottom: 0;
	left: 50%;
	position: absolute;
	z-index: 1021;
	transform: translate(-50%, 50%) !important;
	border-radius: 50rem;

	-webkit-backdrop-filter: var(--backdrop-filter-blur-sm);
	backdrop-filter: var(--backdrop-filter-blur-sm);
}

/* -------------------------------------------
	logo-animated
------------------------------------------- */
.logo-animated {
	animation-duration: 13s;
	animation-fill-mode: both;

	animation-name: logoAnim;

	animation-delay: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

@keyframes logoAnim {
	0% {
		transform: translate3d(0px, 0px, 0px);
	}

	15% {
		transform: translate3d(0px, 3px, 0px);
	}

	30% {
		transform: translate3d(0px, -5px, 0px);
	}

	45% {
		transform: translate3d(0px, 3px, 0px);
	}

	60% {
		transform: translate3d(0px, -2px, 0px);
	}

	80% {
		transform: translate3d(0px, 3px, 0px);
	}

	95% {
		transform: translate3d(0px, -2px, 0px);
	}

	100% {
		transform: translate3d(0px, 0px, 0px);
	}
}



/* -------------------------------------------
	hero-section
------------------------------------------- */
.hero-section {
	/*background: var(--bs-gray-700) url("../images/hero-section.webp") no-repeat center center;*/
	/*background-size: cover;*/
}
.hero-section-box {
	min-height: calc(100vh - var(--navbar-h));
	/*max-height: 360px;*/
	display: flex;
	align-items: center;
	/*background: rgba(var(--bs-gray-800-rgb), 0.5);*/
	/*-webkit-backdrop-filter: var(--backdrop-filter-blur-smlr);*/
	/*backdrop-filter: var(--backdrop-filter-blur-smlr);*/
}
@media (max-width: 767.98px) {
	.hero-section-box {
		max-height: 100%;
		text-align: center;
	}
}
@media (max-width: 575.98px) {
	.hero-section-box {}
}
.hero-section-badge {
	--box-shadow-color: var(--bs-primary-200-rgb);
	display: inline-flex;
	align-items: center;
	color: var(--bs-blue-700);
	border: 1px solid var(--bs-primary-200);
	background: var(--bs-blue-100);
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: var(--bs-border-radius-pill);
}
.hero-section-title {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 900;
	color: #111827;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.hero-section-title {
		font-size: 4.5rem;
		/*line-height: 1;*/
	}
}
.hero-section-title-grd {
	background: linear-gradient(to right, var(--bs-blue-600), var(--bs-purple-600), var(--bs-pink-600));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hero-section-card {
	text-align: center;
	border: 1px solid var(--bs-gray-100);
	background: rgba(var(--bs-white-rgb), 0.8);
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: var(--bs-border-radius-xl);
}

/* -------------------------------------------
	cats-section
------------------------------------------- */
.cats-section {
}
.cats-section-box {
	border-top: 1px solid var(--bs-gray-50);
	border-bottom: 1px solid var(--bs-gray-50);
	background: var(--bs-white);
}
@media (max-width: 767.98px) {
	.cats-section-box {}
}
@media (max-width: 575.98px) {
	.cats-section-box {}
}
.cats-section-badge {
	--box-shadow-color: var(--bs-primary-200-rgb);
	display: inline-flex;
	align-items: center;
	color: var(--bs-blue-700);
	border: 1px solid var(--bs-primary-200);
	background: var(--bs-blue-100);
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: var(--bs-border-radius-pill);
}
.cats-section-title {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 900;
	color: #111827;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.cats-section-title {
		font-size: 4.5rem;
		line-height: 1;
	}
}
.cats-section-title-grd {
	background: linear-gradient(to right, var(--bs-blue-600), var(--bs-purple-600), var(--bs-pink-600));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.cats-section-card {
	color: var(--bs-black);
	text-decoration: none;
	border: 2px solid var(--bs-gray-100);
	background: rgba(var(--bs-white-rgb), 0.8);
	box-shadow: var(--bs-box-shadow-sm);
	border-radius: var(--bs-border-radius-xl);
	transition: color var(--transition-options-15), border-color var(--transition-options-15);
}

.cats-section-card:hover {
	color: var(--bs-primary-600);
	text-decoration: none;
	border-color: var(--bs-primary-400);
}

.cats-section-card-title {
	display: block;
	letter-spacing: -1px;
}

/* -------------------------------------------
	contentbar
------------------------------------------- */
.contentbar {}
@media (min-width: 1807px) {
	.contentbar {
		/*width: var(--contentbar-max-width);*/
	}
}



/* -------------------------------------------
	content-container
------------------------------------------- */
.content-container {
	/*min-height: var(--cont-fix-h-100vh);*/
	background: var(--bs-white);
	border-bottom-left-radius: var(--bs-border-radius-xl);
	border-bottom-right-radius: var(--bs-border-radius-xl);
}

/* -------------------------------------------
	content
------------------------------------------- */
.content {}
.content > p:last-child,
.content > ul:last-child,
.content > ol:last-child,
.content > blockquote p:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------
	short-story
------------------------------------------- */
.short-story {
	position: relative;
	margin-top: 2rem;
}
.short-story::before {
	content: "";
	position: absolute;
}


.short-story:first-child {
	margin-top: 0;
}

.short-story:last-child p:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------
	short-story-title-icon
------------------------------------------- */
.short-story-title-icon {
}
.short-story-title-icon i {
	color: var(--bs-green-400);
}

/* -------------------------------------------
	btn-anim
------------------------------------------- */
.btn-anim {
	animation-duration: 1.25s;
	animation-fill-mode: both;

	animation-name: btnAnim;

	animation-delay: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;

	transform-origin: bottom center;
}

@keyframes btnAnim {
	10% {
		transform: rotate3d(0, 0, 1, 1deg);
	}

	25% {
		transform: rotate3d(0, 0, 1, -1deg);
	}

	40% {
		transform: rotate3d(0, 0, 1, 1deg);
	}

	65% {
		transform: rotate3d(0, 0, 1, -1deg);
	}

	80% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

/* -------------------------------------------
	btn-anim-heartBeat
------------------------------------------- */
.btn-anim-heartBeat {
	animation-duration: 1.75s;
	animation-fill-mode: both;

	animation-name: btn-anim-heartBeat;

	animation-delay: 1s;
	/*animation-timing-function: ease;*/
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes btn-anim-heartBeat {
	0% {
		transform: scale(1);
	}

	14% {
		transform: scale(1.03);
	}

	28% {
		transform: scale(1);
	}

	42% {
		transform: scale(1.03);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

/* -------------------------------------------
	next-prev
------------------------------------------- */
.next-prev {
	/*display: flex;*/
}
.next-prev a {
	display: block;
	color: var(--bs-info-600);
	text-align: center;
	text-decoration: none;

	padding: 1rem;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-info-100);
	background-color: var(--bs-info-50);
	border-radius: var(--bs-border-radius-xl);

	transition: color var(--transition-options-15), border-color var(--transition-options-15), background-color var(--transition-options-15);
}
.next-prev a:hover {
	color: var(--bs-info-700);
	border-color: var(--bs-info-200);
	background-color: var(--bs-info-100);
}



/* ----------------------------------------
	program-short-container
---------------------------------------- */
.program-short-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid rgba(var(--bs-gray-50-rgb), 1);
	background: #fff;
	border-radius: var(--bs-border-radius-lg);
}

/* ----------------------------------------
	program-icon
---------------------------------------- */
.program-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.program-icon img {
	max-width: 90px;
}

/* ----------------------------------------
	fullstory-program-head
---------------------------------------- */
.fullstory-program-head {
}

/* ----------------------------------------
	fullstory-program-head-icon
---------------------------------------- */
.fullstory-program-head-icon {}
.fullstory-program-head-icon img {
	max-width: 90px;
	width: 90px;
}

/* ----------------------------------------
	program-rating
---------------------------------------- */
.program-rating {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

/* ----------------------------------------
	program-specs
---------------------------------------- */
.program-specs {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-info-100);
	background-color: var(--bs-info-50);
}

/* ----------------------------------------
	safety-scan-badge
---------------------------------------- */
.safety-scan-badge {
	width: 100%;
	height: 100%;
}
.safety-scan-badge-circle {
	stroke-width: 8px;
	stroke: var(--bs-gray-50);
}
.safety-scan-badge-path {
	stroke-width: 8px;
	stroke: var(--bs-green-600);
	stroke-linecap: round;
}
.safety-scan-badge-text-1 {
	fill: var(--bs-gray-950);
	/*font-family: Montserrat, Arial Fallback, arial, sans-serif;*/
	font-size: 1.75rem;
	font-weight: 600;
}
.safety-scan-badge-text-1 tspan tspan {
	font-size: 0.75rem;
}
.safety-scan-badge-text-2 {
	fill: var(--bs-gray-600);
	/*font-family: Inter, Arial Fallback, arial, sans-serif;*/
	font-size: .75rem;
}

/* ----------------------------------------
	poster-choice & poster-rating
---------------------------------------- */
.poster-choice,
.poster-rating {
	color: var(--bs-white);
	text-align: center;
	font-weight: 900;
	top: 0.5rem;
	position: absolute;
	z-index: 3;
	box-shadow:
			0 0 0 2px rgba(0, 0, 0, 0),
			0 1px 2px 0 rgba(0, 0, 0, 0.1),
			0 2px 4px 0 rgba(0, 0, 0, 0.1),
			0 4px 8px 0 rgba(0, 0, 0, 0.1);
	border-radius: var(--bs-border-radius-sm);
	-webkit-backdrop-filter: var(--backdrop-filter-blur-smlr);
	backdrop-filter: var(--backdrop-filter-blur-smlr);
}
.poster-choice {
	font-size: 0.75rem;
	left: 0.5rem;
	padding: 0.25rem 0.563rem;
	background: rgba(var(--bs-primary-rgb), 0.9);
}

.poster-rating {
	line-height: 1;
	right: 0.5rem;
	padding: 0.563rem 0.5rem 0.313rem;
	background: rgba(var(--bs-danger-600-rgb), 0.99);
}

/* ----------------------------------------
	poster-rating-icons
---------------------------------------- */
.poster-rating-icons {
	color: var(--bs-warning-300);
	font-size: 0.313rem;
	margin-bottom: 0.188rem;
}

/* ----------------------------------------
	article-head-info
---------------------------------------- */
.article-head-info {
	/*--navbar-bg: #13111c;*/
	/*--navbar-bg-rgb: 19, 17, 28;*/

	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*background: rgba(var(--bs-white-rgb), 0.3);*/
	border-radius: var(--bs-border-radius);
}





/* Стили для кнопки "Вверх" */
.back-to-top {
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 60px;
	height: 60px;
	/*background: linear-gradient(135deg, #3498db, #2980b9);*/
	background: linear-gradient(135deg, rgba(var(--bs-teal-400-rgb), 1), rgba(var(--bs-teal-600-rgb), 1));
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 24px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all var(--transition-options-25);
	z-index: 1000;
	box-shadow: var(--bs-box-shadow);
	display: flex;
	align-items: center;
	justify-content: center;
}

.back-to-top:hover {
	/*background: linear-gradient(135deg, #2980b9, #1c5a7a);*/
	background: linear-gradient(135deg, var(--bs-green-500), var(--bs-green-700));
	transform: translateY(-3px);
	box-shadow: var(--bs-box-shadow-lg);
}

.back-to-top:active {
	transform: translateY(0);
}

.back-to-top.show {
	opacity: 0.8;
	visibility: visible;
	transform: translateY(0);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
	.back-to-top {
		width: 50px;
		height: 50px;
		bottom: 20px;
		right: 20px;
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.back-to-top {
		width: 45px;
		height: 45px;
		bottom: 15px;
		right: 15px;
		font-size: 18px;
	}
}


/* Анимация исчезновения кнопки */
@keyframes backToTopHide {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(20px);
	}
}

.back-to-top {
	animation: backToTopHide 0.2s ease forwards;
}

/* Анимация появления кнопки */
@keyframes backToTopShow {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.back-to-top.show {
	animation: backToTopShow 0.3s ease forwards;
}

/* Опционально: разные варианты дизайна кнопки */
.back-to-top.circle {
	border-radius: 50%;
}

.back-to-top.square {
	border-radius: 10px;
}

.back-to-top.with-text {
	width: auto;
	height: auto;
	padding: 12px 20px;
	border-radius: 30px;
	font-size: 16px;
	gap: 8px;
}

.back-to-top.with-text i {
	font-size: 18px;
}



/* ----------------------------------------
	cookies
---------------------------------------- */
.cookie-banner {
	position: fixed;
	bottom: 10px;
	left: 20px;
	right: 20px;
	z-index: 999;
	/*background: #2c3e50;*/
	background: rgba(var(--bs-gray-950-rgb), 0.95);
	border-radius: var(--bs-border-radius-xl);
	box-shadow: var(--bs-box-shadow);
	color: white;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	transform: translateY(200%);
	transition: transform 0.5s ease, background 0.25s ease;


	-webkit-backdrop-filter: var(--backdrop-filter-blur-sm);
	backdrop-filter: var(--backdrop-filter-blur-sm);
}
.cookie-banner:hover {
	background: rgba(var(--bs-gray-950-rgb), 1);
}

.cookie-banner.show {
	transform: translateY(-10px);
}

.cookie-banner p {
	margin: 0;
}

.cookie-banner span {
	font-size: 0.9em;
	opacity: 0.8;
	display: block;
	margin-top: 5px;
}





/* ----------------------------------------
	table-max-height
---------------------------------------- */
.table-max-height {
	/*--table-height: 752px;*/
	--table-height: 654px;

	max-height: var(--table-height);
}

/* ----------------------------------------
	thead-col1-sticky
---------------------------------------- */
.thead-col1-sticky table {}

.thead-col1-sticky thead {
	top: 0;
	position: sticky;
	z-index: 2;
}

/*.thead-col1-sticky :not(caption) > * > *:not([colspan]):first-child*/
.thead-col1-sticky thead > * > *:not([colspan]):first-child,
.thead-col1-sticky tfoot > * > *:not([colspan]):first-child,
.thead-col1-sticky tbody > * > *:first-child {
	left: 0;
	position: sticky;
	z-index: 1;
}
.thead-col1-sticky thead > * > *:not([colspan]):first-child {
	z-index: 2;
}

.cell-sticky-x {
	/*left: 0;*/
	position: sticky;
	z-index: 1;
}
.cell-subs {
	/*left: var(--vwcelldate);*/
}
.cell-rebills {
	/*left: calc(var(--vwcelldate) + var(--vwcellsubs));*/
}
.cell-subs .badge,
.cell-rebills .badge {
	/*display: none !important;*/
}

/* ----------------------------------------
	td-cont
---------------------------------------- */
.td-cont,
.td-cont-center {
	display: flex;
	align-items: center;
}
.td-cont-center {
	justify-content: center;
}
.td-cont > *,
.td-cont-center > * {
	align-self: center;
}
@media (max-width: 1499.98px) {}
@media (max-width: 1399.98px) {}



/* -------------------------------------------
	auth-container
------------------------------------------- */
.auth-container {}

/* -------------------------------------------
  auth-content
------------------------------------------- */
.auth-content {}

/* -------------------------------------------
  auth-title
------------------------------------------- */
.auth-title {}

/* -------------------------------------------
  auth-title-tagline
------------------------------------------- */
.auth-title-tagline {}

/* -------------------------------------------
  form-auth-btn
------------------------------------------- */
.form-auth-btn {}

/* -------------------------------------------
	form-signin
------------------------------------------- */
.form-signin {}

.form-signin .form-floating:focus-within {
	z-index: 2;
}

.form-signin .form-floating:first-child input {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.form-signin .form-floating .invalid-tooltip {
	font-size: 0.75rem;
	left: 50%;
	margin-top: 0;
	padding: 0.25rem 0.625rem;
	transform: translate(-50%,-50%)!important;
	border-radius: var(--bs-border-radius-sm);
}

.form-signin .form-floating:first-child .invalid-tooltip {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	transform: translate(-50%,50%)!important;
}





/* ----------------------------------------
	comments-container
---------------------------------------- */
.comments-container {}

/* ----------------------------------------
	dle-comments-list
---------------------------------------- */
#dle-comments-list > div {
	margin-top: 2rem;
}
#dle-comments-list > div:nth-child(1),
#dle-comments-list > div:nth-child(2),
#dle-comments-list > div:nth-child(3) {
	margin-top: 0;
}

/* ----------------------------------------
	comment-container
---------------------------------------- */
.comment-container {
	border: 1px solid var(--bs-gray-50);
	border-radius: var(--bs-border-radius);
}

/* ----------------------------------------
	comment-head-container
---------------------------------------- */
.comment-head-container {
	display: flex;
	align-items: baseline;
	margin-right: auto;
	margin-bottom: 1.25rem;
}

/* ----------------------------------------
	comment-head
---------------------------------------- */
.comment-head {
	display: inline-flex;
	align-items: baseline;
	margin-right: auto;
}

/* ----------------------------------------
	comment-author
---------------------------------------- */
.comment-author {}

/* ----------------------------------------
	comment-date
---------------------------------------- */
.comment-date {
	color: var(--bs-secondary-300);
}

/* ----------------------------------------
	comment-link
---------------------------------------- */
.comment-link {}

/* ----------------------------------------
	comment-link-list
---------------------------------------- */
.comment-link-list {
	font-size: 0.875em;
	margin-bottom: 0;
}

/* ----------------------------------------
	comment-content
---------------------------------------- */
.comment-content {}

/* ----------------------------------------
	title_quote
---------------------------------------- */
.title_quote {
	font-weight: 300;
	/*padding-bottom: 0;*/
	margin-bottom: 0;
	border-bottom: 0.063rem solid var(--bd-callout-border, var(--bs-gray-300))
}

/* ----------------------------------------
	quote
---------------------------------------- */
.quote {}
.title_quote + .quote {
	margin-top: 0;
}

/* ----------------------------------------
	add-comment-title
---------------------------------------- */
.add-comment-title {
	text-align: center;
}

/* ----------------------------------------
	bb-editor textarea
---------------------------------------- */
.bb-editor textarea {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.bb-editor textarea {
		transition: none;
	}
}
.bb-editor textarea:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.bb-editor textarea::-moz-placeholder {
	color: var(--bs-secondary-color);
	opacity: 1;
}
.bb-editor textarea::placeholder {
	color: var(--bs-secondary-color);
	opacity: 1;
}
.bb-editor textarea:disabled {
	background-color: var(--bs-secondary-bg);
	opacity: 1;
}

/* -------------------------------------------
	navigation-container
------------------------------------------- */
.navigation-container {
	user-select: none;
}

/* -------------------------------------------
	navigation-list
------------------------------------------- */
.navigation-list {
	display: flex;
	justify-content: center;
}

/* -------------------------------------------
	navigation-list item
------------------------------------------- */
.navigation-list span,
.navigation-list a {
	padding: 2px 10px 2px;
	border-radius: var(--bs-border-radius-sm);
	margin-left: 0.188rem;
}

.navigation-list span:first-child,
.navigation-list a:first-child {
	margin-left: 0;
}

.navigation-list span {
	cursor: default;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-50-rgb), 1);
}

.navigation-list a {
	text-decoration: none;
	background: rgba(var(--bs-primary-50-rgb), 0.3);

	transition: var(--transition-options-15);
}

.navigation-list a:hover {
	color: var(--bs-white);
	background: rgba(var(--bs-primary-rgb), 1);
}