@custom-media --small-viewport (max-width: 1024px);

.noScroll {
	overflow: hidden;
}

body {
	margin: 0;
	padding: 0;
}

.learningSwiperPagination {
	position: static !important;

	margin-top: 8px;
}

/* синие точки и серые пилюльки */
.swiperPaginationBullet,
.swiperPaginationPill {
	position: relative;

	background-color: inherit !important;
	border-radius: 0 !important;

	--swiper-pagination-bullet-horizontal-gap: 0px !important;
}

.swiperPaginationBullet {
	width: 16px !important;
	height: 16px !important;
}

.swiperPaginationPill {
	width: calc(8px + 6px) !important;
	height: 16px !important;

	opacity: 1 !important;
}

.swiperPaginationBullet::before,
.swiperPaginationPill::before {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 10;

	display: inline-block;
	width: 8px !important;
	height: 8px !important;

	content: '';
}

.swiperPaginationBullet::before {
	background-color: var(--ozi-graphic-action-primary) !important;
	border-radius: 50%;
}

.swiperPaginationPill::before {
	background-color: var(--ozi-static-graphic-neutral-on-dark) !important;
	border-radius: 4px;
}

.swiperPaginationPill.active {
	width: calc(16px + 6px) !important;
}

.swiperPaginationPill.active::before {
	width: 16px !important;
}

td.grey {
	background-color: var(--ozi-graphic-quaternary-transparent) !important;
}

td.blue {
	background-color: var(--ozi-bg-action-secondary-transparent) !important;
}

td.red {
	background-color: var(--ozi-bg-alert-secondary-transparent) !important;
}

td.yellow {
	background-color: var(--ozi-bg-warning-secondary-transparent) !important;
}

td.green {
	background-color: var(--ozi-bg-success-secondary-transparent) !important;
}

td.violet {
	background-color: var(--ozi-extra-bg-pro-secondary-transparent) !important;
}

.tableScale50 td p {
	font-size: 10px;
}

.tableScale60 td p {
	font-size: 11px;
}

.tableScale70 td p {
	font-size: 12px;
}

.tableScale80 td p {
	font-size: 13px;
}

.tableScale90 td p {
	font-size: 14px;
}

.tableScale110 td p {
	font-size: 16px;
}

.tableScale120 td p {
	font-size: 17px;
}

.tableScale130 td p {
	font-size: 18px;
}

.tableScale140 td p {
	font-size: 19px;
}

.tableScale150 td p {
	font-size: 20px;
}

.tableScale160 td p {
	font-size: 21px;
}

.tableScale170 td p {
	font-size: 22px;
}

.tableScale180 td p {
	font-size: 23px;
}

.tableScale190 td p {
	font-size: 24px;
}

.tableScale200 td p {
	font-size: 25px;
}

@media (--small-viewport) {
	.learningSwiperPagination {
		display: none;
	}
}