html {
	scroll-behavior: smooth;
}
.aspect-video {
	aspect-ratio: 16/9;
}
.w-fit {
	width: -moz-fit-content;
	width: fit-content;
}
.rotate-180 {
	--tw-rotate: 180deg;
}
.blockImportant {
	display: block !important;
}
.flexImportant {
	display: flex !important;
}
.table {
	width: 100% !important;
}
.table td {
	padding: 16px 0;
}
.table td:first-child {
	padding-left: 24px;
}
.table thead tr {
	background-color: #ced0dd;
	color: #17182f;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 16px 0;
}
.table tbody tr {
	background: #fff;
}
.table tbody tr:nth-child(2n) {
	background: #f6f6fb;
}
.tool-pagination a,
.tool-pagination span {
	align-items: center;
	background: #f6f6fb;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-right: 8px;
	width: 40px;
}
.scrollbar::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.scrollbar::-webkit-scrollbar {
	background-color: #f5f5f5;
	height: 8px;
	margin-bottom: 8px;
	width: 5px;
}
.scrollbar::-webkit-scrollbar-thumb {
	background-color: gray;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.loader {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
}
.loader-wheel {
	animation: spin 1s linear infinite;
	border: 2px solid rgba(30, 30, 30, 0.5);
	border-left: 4px solid #fff;
	border-radius: 50%;
	height: 50px;
	margin-bottom: 10px;
	width: 50px;
}
.header-shadow {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(1turn);
	}
}
.table-heading h1,
.table-heading h2,
.table-heading h3,
.table-heading h4,
.table-heading h5,
.table-heading h6,
.table-heading p {
	color: #fff;
}
.btn-primary {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(53, 85, 255, var(--tw-bg-opacity));
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(56, 76, 255, var(--tw-bg-opacity));
}
.btn-secondary {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.btn-secondary:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(57, 57, 79, var(--tw-bg-opacity));
}
.btn-default {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(74, 222, 128, var(--tw-bg-opacity));
	color: rgba(2, 6, 23, var(--tw-text-opacity));
}
.btn-ghost {
	--tw-text-opacity: 1;
	border-width: 1px;
	color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.btn-large {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.75rem;
	padding: 0.75rem 2rem;
}
.btn-medium {
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding: 0.5rem 2rem;
}
.btn-small {
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: 0.5rem 1rem;
}
.btn-disabled {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(206, 208, 221, var(--tw-bg-opacity));
	color: rgba(170, 170, 186, var(--tw-text-opacity));
	cursor: default;
}
.module-anchor-menu .btn-disabled {
	cursor: default;
	opacity: 0.5;
}
.toplist-tab.active {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.splide__arrows svg {
	height: 12px;
	margin: auto;
	width: auto;
}
.splide__pagination li {
	display: flex !important;
	height: 4px;
}
.splide__pagination__page {
	background-color: #94a3b8;
	cursor: pointer;
	height: 4px;
	width: 4px;
}
.splide__pagination__page.is-active {
	background-color: #1e293b;
}
.gallery-backdrop .splide__track {
	padding: 50px 20px !important;
}
.gallery-backdrop button[disabled] {
	opacity: 0.7;
}
input:checked ~ .dot {
	transform: translateX(100%);
}
input:checked ~ .bg {
	background-color: #48bb78;
}
.statistic-container button {
	opacity: 0.7;
}
.statistic-container button.active {
	--tw-border-opacity: 1;
	border-bottom-color: rgba(56, 76, 255, var(--tw-border-opacity));
	border-bottom-width: 4px;
	font-weight: 600;
	opacity: 1;
}
.highest-odd {
	background-color: rgba(123, 160, 245, var(--tw-bg-opacity));
	border-color: rgba(22, 90, 248, var(--tw-border-opacity));
}
.highest-odd,
.missing-odd {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
}
.missing-odd {
	background-color: rgba(248, 248, 251, var(--tw-bg-opacity));
	border-color: rgba(206, 208, 221, var(--tw-border-opacity));
}
.module-anchor-menu .scrollbar::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px transparent;
}
.module-anchor-menu .scrollbar::-webkit-scrollbar {
	background-color: #f5f5f5;
	height: 2px;
	margin-bottom: 8px;
	width: 5px;
}
.module-anchor-menu .scrollbar::-webkit-scrollbar-thumb {
	background-color: #2563eb;
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px transparent;
}
.module-anchor-menu .no-scrollbar::-webkit-scrollbar {
	background-color: #f5f5f5;
	height: 0;
	margin-bottom: 8px;
	width: 5px;
}
.module-gallery-carousel div.gallery-btn.active {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;
	background-color: rgba(15, 23, 42, var(--tw-bg-opacity));
	color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.nudge p {
	--tw-text-opacity: 1;
	color: rgba(100, 116, 139, var(--tw-text-opacity));
	font-size: 0.75rem;
	line-height: 1rem;
}
@media (min-width: 1024px) {
	.nudge p {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
}
.search-post-type {
	background-color: #1e293b;
	border-radius: 0.4rem;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-top: 12px;
	padding: 6px 12px;
}
.search-content {
	border-bottom: 1px solid #e4e6ef;
	height: 73px;
}
.search-content,
.search-content a {
	align-items: center;
	display: flex;
}
.search-content a img {
	height: 44px;
	width: 44px;
}
.search-content a span {
	color: #1e293b;
	margin-left: 16px;
}
.search-content:hover {
	background-color: #e4e6ef;
	cursor: pointer;
}
.slider.show {
	left: 0;
}
.slider-toggle.pushed {
	left: calc(var(--slider-width));
}
@media only screen and (max-width: 768px) {
	.slider.show {
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
	}
	.sidebar-modal:before {
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 0;
		content: '';
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
	}
}
.content-module .message-info {
	align-items: center;
	background: var(--base-ui-colors-blue-links-information-blue-50, #eff6ff);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 16px;
}
.content-module .message-info:before {
	content: url(../../../assets/images/notifications/info.svg);
	height: 32px;
	padding: 4px;
	width: 32px;
}
.content-module .message-success {
	align-items: center;
	background: var(--base-ui-colors-green-positive-green-50, #f0fdf4);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 16px;
}
.content-module .message-success:before {
	content: url(../../../assets/images/notifications/success.svg);
	height: 32px;
	padding: 4px;
	width: 32px;
}
.content-module .message-warning {
	align-items: center;
	background: var(--base-ui-colors-amber-indications-amber-50, #fffbeb);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 16px;
}
.content-module .message-warning:before {
	content: url(../../../assets/images/notifications/warning.svg);
	height: 32px;
	padding: 4px;
	width: 32px;
}
.content-module .message-error {
	align-items: center;
	background: var(--base-ui-colors-orange-warning-orange-200, #fed7aa);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 16px;
}
.content-module .message-error:before {
	content: url(../../../assets/images/notifications/error.svg);
	height: 32px;
	padding: 4px;
	width: 32px;
}
.content-module .message-note {
	align-items: center;
	background: var(--brand-colors-violet-brand-violet-50, #f5f3ff);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 16px;
}
.content-module .message-note:before {
	content: url(../../../assets/images/notifications/note.svg);
	height: 32px;
	padding: 4px;
	width: 32px;
}
.content-module .code-inline {
	background-color: #f9f2f4;
	border-radius: 4px;
	color: #c7254e;
	font-size: 90%;
	padding: 2px 4px;
}
.faq-scrollbar::-webkit-scrollbar {
	width: 8px;
}
.faq-scrollbar::-webkit-scrollbar-track {
	background: #e2e8f0;
	border-radius: 16px;
}
.faq-scrollbar::-webkit-scrollbar-thumb {
	background: #334155;
	border-radius: 16px;
}
.faq-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #334155;
}
.modal {
	animation: fadein 0.3s;
	display: none;
	opacity: 0;
}
.modal-show {
	opacity: 1;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.module-faq ul {
	list-style: disc;
}
.module-faq ol,
.module-faq ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}
.module-faq ol {
	list-style: decimal;
}
table img.emoji {
	height: 20px !important;
	width: 20px !important;
}
