@media (max-width: 992px) {
	.modal {
		--bs-modal-width: 85%;
	}
}

@media (min-width: 540px) {
	.modal {
		--bs-modal-padding: 1.5rem;
		--bs-modal-header-padding: 1.5rem 1.5rem;
	}
}

@media (max-width: 540px) {
	.modal-dialog {
		margin: 5px;
	}
	.modal-content {
		border-radius: 3px;
	}
}

.toast {
	--bs-toast-spacing: 1em;
}

.achieve-miniature {
	width: 18px;
	vertical-align: text-bottom;
}

/* Hook for multiple modals  */

.modal-backdrop ~ .modal-backdrop {
	--bs-backdrop-zindex: 1056;
}
.modal.show ~ .modal.show {
	--bs-modal-zindex: 1061;
}

.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop {
	--bs-backdrop-zindex: 1066;
}
.modal.show ~ .modal.show ~ .modal.show {
	--bs-modal-zindex: 1071;
}

.modal-backdrop ~ .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop {
	--bs-backdrop-zindex: 1076;
}
.modal.show ~ .modal.show ~ .modal.show ~ .modal.show {
	--bs-modal-zindex: 1081;
}

/* Accessible Modal Styles */
.a11y-modal {
	--a11y-border-width: 3px;
	--a11y-focus-outline-width: 4px;
	--a11y-radius: 0;
	--a11y-font-size: 1.25rem;
	--a11y-line-height: 1.6;
}
.a11y-modal .modal-content {
	font-size: var(--a11y-font-size);
	line-height: var(--a11y-line-height);

	background-color: var(--bs-modal-bg);
	color: var(--bs-modal-color);

	border-radius: var(--a11y-radius);
	border: var(--a11y-border-width) solid currentColor;
	box-shadow: none;
}
.a11y-modal .modal-header h5 {
	font-size: 1.5rem;
	font-weight: var(--bs-font-weight-bold, 700);
}
.a11y-modal .modal-footer {
	gap: 0.75rem;
}
.a11y-modal .btn {
	font-size: 1.2rem;
	padding: 0.75rem 1.25rem;
	min-height: 52px;

	--bs-btn-font-weight: var(--bs-font-weight-bold, 700);
	--bs-btn-border-width: var(--a11y-border-width);
}
.a11y-modal .btn-primary {
	--bs-btn-bg: #000;
	--bs-btn-color: #fff;
	--bs-btn-border-color: #000;

	--bs-btn-hover-bg: #000;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: #000;
}
.a11y-modal .btn-secondary {
	--bs-btn-bg: #fff;
	--bs-btn-color: #000;
	--bs-btn-border-color: #000;

	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-border-color: #000;
}
html[data-bs-theme="dark"] .a11y-modal .btn-primary {
	--bs-btn-bg: #fff;
	--bs-btn-color: #000;
	--bs-btn-border-color: #fff;

	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-border-color: #fff;
}
html[data-bs-theme="dark"] .a11y-modal .btn-secondary {
	--bs-btn-bg: transparent;
	--bs-btn-color: #fff;
	--bs-btn-border-color: #fff;

	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: #fff;
}
.a11y-modal .btn:focus-visible,
.a11y-modal .btn-close:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 var(--a11y-focus-outline-width)
		rgba(var(--bs-primary-rgb), 0.7);
}
.a11y-modal .btn-close {
	transform: scale(1.4);
}
html[data-bs-theme="dark"] .a11y-modal .btn-close {
	filter: invert(1);
}

@keyframes pulse_animation {
	0% {
		transform: scale(1)
	}

	30% {
		transform: scale(1.1)
	}

	40% {
		transform: scale(1.21)
	}

	50% {
		transform: scale(1)
	}

	60% {
		transform: scale(1)
	}

	70% {
		transform: scale(1.09)
	}

	80% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes bg-pan-left {
	0% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@keyframes bg-pan-left {
	0% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}


@-webkit-keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0px rgba(var(--bs-body-color-rgb), 0.2)
	}

	100% {
		box-shadow: 0 0 0 8px rgba(var(--bs-body-color-rgb), 0)
	}
}

@keyframes sploosh {
	0% {
		box-shadow: 0 0 0 0px rgba(var(--bs-body-color-rgb), 0.2);
	}

	100% {
		box-shadow: 0 0 0 8px rgba(var(--bs-body-color-rgb), 0);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1)
	}

	16.5% {
		-webkit-transform: scale(1.2)
	}

	33% {
		-webkit-transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes progress-active {
	0% {
		opacity: .4;
		width: 0
	}

	100% {
		opacity: 0;
		width: 100%
	}
}


@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-moz-transform: scale(1.2)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}


@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(20px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-20px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes fade-in2 {
	0% {
		margin-top: -50px;
		visibility: hidden;
		opacity: 0
	}

	100% {
		margin-top: 0px;
		visibility: visible;
		opacity: 1
	}
}
input.form-control::placeholder,
textarea.form-control::placeholder {
	opacity: 0.5;
}