/* Polonek blue theme for /learn. This file is a visual layer only. */
.learning-body,
.learning-app {
	min-height: 100vh;
	background: #155fbd;
	color: #17233a;
}

.learning-app {
	position: relative;
	overflow-x: hidden;
}

.learning-app::before {
	content: "";
	position: fixed;
	left: -14vw;
	right: -14vw;
	bottom: -2px;
	z-index: 0;
	height: 48vh;
	min-height: 340px;
	border-radius: 56% 56% 0 0 / 18% 18% 0 0;
	background: #1684f5;
	pointer-events: none;
}

.learning-app::after {
	display: none;
}

.learning-shell {
	position: relative;
	z-index: 1;
}

.learning-topbar {
	border-bottom: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.learning-back,
.learning-icon-btn,
.learning-points {
	border: 1px solid rgba(255, 255, 255, .9);
	background: #fff;
	color: #000000;
	font-weight: 500;
	box-shadow: 0 14px 30px rgba(12, 56, 116, .18);
}

.learning-hero,
.learning-game-card,
.learning-summary-card,
.learning-lessons-card,
.learning-modal__box {
	border: 1px solid rgba(255, 255, 255, .92);
	background: rgba(255, 255, 255, .98);
	color: #17233a;
	box-shadow: 0 28px 70px rgba(9, 48, 101, .18);
}

.learning-hero {
	min-height: auto;
	padding: 34px 26px 28px;
	border-radius: 28px;
}

.learning-game-card,
.learning-summary-card,
.learning-lessons-card,
.learning-modal__box {
	border-radius: 28px;
}

.learning-how-modal {
	border: 1px solid #d7e6fb;
	background: #fff;
	box-shadow: none;
}

.learning-how-hero {
	background: transparent;
}

.learning-how-steps > div,
.learning-how-feature-grid > div {
	border-color: #e6eef3;
	box-shadow: none;
}

.learning-how-modal .learning-how-note {
	border-color: #bbf7d0;
	background: #ecfdf3;
}

.learning-how-modal .learning-how-note p {
	color: #166534;
}

.learning-hero__visual {
	display: grid;
	place-items: center;
	width: 160px;
	height: 160px;
	margin: 0 auto 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	box-shadow: none;
}

.learning-hero__visual::before {
	display: none;
}

.learning-hero__visual span,
.learning-hero__visual img {
	width: 100%;
	height: 100%;
	background: transparent;
	color: #155fbd;
	box-shadow: none;
	font-size: 46px;
}

.learning-hero__visual img {
	display: block;
	object-fit: contain;
}

.learning-diamond-icon {
	display: inline-block;
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	object-fit: contain;
	vertical-align: -.15em;
}

.learning-points .learning-diamond-icon {
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.learning-icon-btn .learning-asset-icon {
	width: 28px;
	height: 28px;
}

.learning-topbar__actions .learning-trophy-icon {
	width: 30px;
	height: 30px;
}

.learning-topbar__actions .learning-cog-icon {
	width: 26px;
	height: 26px;
}

.learning-daily-goal .learning-medal-icon,
.learning-summary-note .learning-medal-icon {
	width: 22px;
	height: 22px;
}

.learning-summary-icon .learning-trophy-icon {
	width: 44px;
	height: 44px;
}

.learning-summary-stats .learning-diamond-icon,
.learning-profile-grid .learning-diamond-icon,
.learning-achievements-summary__side .learning-diamond-icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	vertical-align: -.22em;
}

.learning-summary-stats .learning-summary-points-stat {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	align-items: end;
	justify-content: center;
	column-gap: 7px;
}

.learning-summary-stats .learning-summary-points-stat .learning-diamond-icon {
	grid-column: 2;
	grid-row: 1;
	margin-right: 0;
	margin-bottom: 4px;
}

.learning-summary-stats .learning-summary-points-stat strong,
.learning-summary-stats .learning-summary-points-stat em {
	display: block;
}

.learning-summary-stats .learning-summary-points-stat em {
	grid-column: 1 / -1;
	grid-row: 2;
	text-align: center;
}

.learning-achievements-summary__side .learning-diamond-icon {
	grid-row: 1 / span 2;
	align-self: center;
	justify-self: center;
	margin-right: 0;
}

.learning-profile-hero .learning-diamond-icon {
	width: 26px;
	height: 26px;
	vertical-align: -.22em;
}

.learning-kicker,
.learning-mode,
.learning-topic-pill,
.learning-reading-quiz__prompt span,
.learning-modal-head small {
	background: #eef6ff;
	color: #155fbd;
}

.learning-lessons-head .learning-kicker {
	align-items: center;
	gap: 8px;
	padding: 6px 8px 6px 12px;
	border: 1px solid #d7e6fb;
	border-radius: 999px;
	background: #eef6ff;
	color: #4f5f75;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.learning-lessons-head .learning-kicker span {
	color: #155fbd;
}

.learning-lessons-head .learning-kicker strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	border: 1px solid #d7e6fb;
	background: #fff;
	color: #000000;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}

@media (max-width: 768px) {
	.learning-lessons-head .learning-kicker {
		width: 100%;
		justify-content: space-between;
	}
}

.learning-hero h1,
.learning-prompt h2,
.learning-summary-card h2,
.learning-lessons-head h2,
.learning-modal__box h2,
.learning-modal-head h2,
.learning-lesson-card__summary strong,
.learning-reading-quiz__prompt strong,
.learning-reading-quiz__item h3 {
	color: #17233a;
}

.learning-hero p,
.learning-summary-card p,
.learning-lessons-head p:not(.learning-kicker),
.learning-modal__box p,
.learning-question,
.learning-lesson-card__body,
.learning-reading-quiz__feedback {
	color: #4f5f75;
}

.learning-prompt > span {
	color: #637083;
}

.learning-progress div {
	background: #dbeafe;
}

.learning-progress i {
	background: #1684f5;
}

.learning-progress span,
.learning-progress strong {
	border-color: #d7e6fb;
	background: #fff;
	color: #17233a;
}

.learning-progress strong.is-ending {
	border-color: #b50200;
	background: #b50200;
	color: #fff;
	box-shadow:
		0 0 0 0 rgba(181, 2, 0, .42),
		0 0 22px rgba(181, 2, 0, .28);
}

.learning-btn--primary,
.learning-lesson-card__actions button.is-primary,
.learning-slide-next {
	border: 2px solid #155fbd;
	background: #155fbd;
	color: #fff;
	box-shadow: 0 16px 34px rgba(21, 95, 189, .22);
}

.learning-btn--primary:hover,
.learning-lesson-card__actions button.is-primary:hover,
.learning-slide-next:hover {
	border-color: #0f4f9f;
	background: #0f4f9f;
}

.learning-btn--light,
.learning-btn--outline,
.learning-lessons-back,
.learning-reading-quiz__options button {
	border-color: #d7e6fb;
	background: #fff;
	color: #17233a;
}

.learning-home-actions .learning-btn--word-sprint {
	border: 2px solid #14af4d;
	background: #14af4d;
	color: #fff;
	box-shadow: none;
}

.learning-home-actions .learning-btn--lessons,
.learning-summary-actions .learning-btn--lessons {
	border: 2px solid #ffdd24;
	background: #ffdd24;
	color: #111827;
	box-shadow: none;
}

.learning-summary-lesson__actions button,
.learning-summary-lesson__actions .learning-summary-lesson__quiz {
	box-shadow: none;
}

.learning-summary-actions .learning-summary-alt {
	border: 2px solid #ffdd24;
	background: #ffdd24;
	color: #111827;
	box-shadow: none;
}

.learning-home-actions .learning-btn--continue {
	border: 2px solid #c60000;
	background: #d00000;
	color: #fff;
	animation: learningContinueRedPulse 1.45s ease-in-out infinite;
}

.learning-home-actions .learning-btn--continue:hover,
.learning-home-actions .learning-btn--continue:focus-visible {
	border-color: #ad0000;
	background: #bd0000;
	color: #fff;
}

.learning-home-actions,
.learning-home-actions .learning-btn,
.learning-home-actions .learning-btn:hover,
.learning-home-actions .learning-btn:focus,
.learning-home-actions .learning-btn:focus-visible,
.learning-home-actions .learning-btn:active,
.learning-home.is-entering .learning-home-actions,
.learning-home.is-entering .learning-home-actions .learning-btn {
	box-shadow: none !important;
}

@keyframes learningContinueRedPulse {
	0%, 100% {
		border-color: #c60000;
		background: #d00000;
	}

	50% {
		border-color: #970000;
		background: #a90000;
	}
}

@keyframes learningDailyGoalPulse {
	0%, 100% {
		color: #155fbd;
		opacity: 1;
		transform: scale(1);
	}

	50% {
		color: #0f766e;
		opacity: .9;
		transform: scale(1.018);
	}
}

@media (prefers-reduced-motion: reduce) {
	.learning-home-actions .learning-btn--continue {
		animation: none;
	}

	.learning-daily-goal strong {
		animation: none;
	}
}

.learning-option,
.learning-topic-picker__toggle,
.learning-topic-menu,
.learning-daily-goal,
.learning-review-summary,
.learning-summary-stats span,
.learning-summary-extra span,
.learning-profile-grid span,
.learning-reminder-switch,
.learning-roadmap-level > header,
.learning-roadmap-item .learning-lesson-card,
.learning-lesson-card__meta span,
.learning-reading-quiz,
.learning-reading-quiz__item,
.learning-lesson-card__example,
.learning-lessons-empty {
	border-color: #d7e6fb;
	background: #fff;
	color: #17233a;
}

.learning-topic-picker__toggle {
	border: 1px solid #d7e6fb;
	background: #fff;
	color: #17233a;
	box-shadow: 0 10px 26px rgba(21, 95, 189, .08);
}

.learning-topic-picker__toggle span {
	padding: 0 8px;
	border-radius: 999px;
	background: #000000;
	color: #ffffff;
}

.learning-topic-picker__toggle strong {
	color: #17233a;
}

.learning-topic-picker__toggle em {
	background: #eaf4ff;
	color: #155fbd;
}

.learning-topic-picker__toggle i {
	color: #637083;
}

.learning-topic-menu {
	background: #fff;
	box-shadow: 0 24px 58px rgba(9, 48, 101, .18);
}

.learning-topic-menu button {
	color: #17233a;
}

.learning-topic-menu button > small {
	background: #eaf4ff;
	color: #155fbd;
}

.learning-topic-menu button:hover,
.learning-topic-menu button:focus {
	background: #f4f8ff;
	color: #17233a;
}

.learning-topic-menu button.is-active {
	background: #155fbd;
	color: #fff;
}

.learning-topic-menu button.is-active > small {
	background: #fff;
	color: #155fbd;
}

.learning-topic-progress {
	background: #dbeafe;
}

.learning-daily-goal,
.learning-review-summary {
	border: 1px solid #d7e6fb;
	background: #f8fbff;
	color: #4f5f75;
}

.learning-daily-goal i,
.learning-review-summary i,
.learning-home-stats i {
	color: #155fbd;
}

.learning-daily-goal span,
.learning-review-summary {
	color: #4f5f75;
}

.learning-daily-goal strong,
.learning-review-summary strong {
	color: #17233a;
}

.learning-daily-goal strong {
	display: inline-block;
	padding-left: 6px;
	color: #155fbd;
	font-weight: 600;
	transform-origin: center;
	animation: learningDailyGoalPulse 3.2s cubic-bezier(.45, 0, .25, 1) infinite;
}

.learning-profile-modal .learning-reminder-switch em {
	padding-top: 2px;
	color: #4f5f75;
	font-size: 12px;
	line-height: 1.45;
}

.learning-home-stats span {
	border-color: #d7e6fb;
	background: #fff;
	color: #4f5f75;
}

.learning-home-stats b {
	color: #17233a;
}

.learning-home-stats small,
.learning-powered {
	color: #637083;
}

.learning-powered strong {
	color: #17233a;
}

.learning-link-btn {
	color: #155fbd;
}

.learning-option:hover,
.learning-option:focus-visible,
.learning-game-card:not(.is-answering) .learning-option:not([disabled]):hover,
.learning-game-card:not(.is-answering) .learning-option:not([disabled]):focus-visible,
.learning-reading-quiz__options button:hover,
.learning-reading-quiz__options button:focus {
	border: 2px solid #155fbd;
	background: #f8fbff;
	color: #17233a;
	box-shadow: 0 16px 32px rgba(21, 95, 189, .14);
}

.learning-option.is-correct,
.learning-reading-quiz__options button.is-correct,
.learning-lesson-card__actions button.is-success,
.learning-reading-quiz__score.is-success,
.learning-new-achievement {
	border-color: #16a34a;
	background: #16a34a;
	color: #fff;
}

.learning-option.is-wrong,
.learning-reading-quiz__options button.is-wrong,
.learning-reading-quiz__score.is-warning {
	border-color: #dc2626;
	background: #dc2626;
	color: #fff;
}

.learning-reading-quiz__score.is-success strong,
.learning-reading-quiz__score.is-success span,
.learning-reading-quiz__score.is-warning strong,
.learning-reading-quiz__score.is-warning span {
	color: #fff;
}

.learning-reading-quiz__item.is-answered.is-correct,
.learning-reading-quiz__item.is-correct {
	border-color: #16a34a;
	border-width: 2px;
	background: #fff;
	color: #17233a;
}

.learning-reading-quiz__item.is-answered.is-wrong,
.learning-reading-quiz__item.is-wrong {
	border-color: #dc2626;
	border-width: 2px;
	background: #fff;
	color: #17233a;
}

.learning-reading-quiz__item.is-answered.is-correct h3,
.learning-reading-quiz__item.is-answered.is-correct p,
.learning-reading-quiz__item.is-answered.is-correct em,
.learning-reading-quiz__item.is-answered.is-wrong h3,
.learning-reading-quiz__item.is-answered.is-wrong p,
.learning-reading-quiz__item.is-answered.is-wrong em {
	color: inherit;
}

.learning-reading-quiz__options button.is-correct {
	border-width: 2px;
	border-color: #16a34a;
	background: #16a34a;
	color: #fff;
}

.learning-reading-quiz__options button.is-wrong {
	border-width: 2px;
	border-color: #dc2626;
	background: #dc2626;
	color: #fff;
}

.learning-feedback.is-good,
.learning-feedback.is-bad,
.learning-game-card.is-slide .learning-example,
.learning-lesson-card__example {
	border-color: #d7e6fb;
	background: #f4f8ff;
	color: #17233a;
}

.learning-game-card.is-slide .learning-example strong,
.learning-lesson-card__example strong {
	color: #155fbd;
}

.learning-reading-quiz header strong {
	border: 1px solid #eee;
	background: #ffffff;
	color: #000000;
}

.learning-roadmap-head,
.learning-roadmap-level > header,
.learning-lesson-types button {
	border: 1px solid #e6eef3;
	background: #fff;
	color: #17233a;
}

.learning-roadmap-level > header {
	border: 1px solid #e6eef3;
}

.learning-roadmap-level > header strong {
	color: #155fbc;
}

.learning-roadmap-level > header span {
	border: 1px solid #d7e6fb;
	background: #fff;
	color: #000000;
}

.learning-lesson-card__meta,
.learning-lesson-modal__meta {
	gap: 6px;
	margin-bottom: 12px;
}

.learning-lesson-card__meta span,
.learning-lesson-modal__meta span {
	--lesson-badge-border: #d7e6fb;
	--lesson-badge-bg: #f4f8ff;
	--lesson-badge-color: #155fbd;
	min-height: 26px;
	padding: 0 10px;
	border: 1px solid var(--lesson-badge-border);
	border-radius: 999px;
	background: var(--lesson-badge-bg);
	color: var(--lesson-badge-color);
	font-size: 11px;
	font-weight: 700;
	line-height: 24px;
	box-shadow: none;
}

.learning-lesson-card__meta span:nth-child(2),
.learning-lesson-modal__meta span:nth-child(2) {
	--lesson-badge-border: #bbf7d0;
	--lesson-badge-bg: #f0fdf4;
	--lesson-badge-color: #15803d;
}

.learning-lesson-card__meta span:nth-child(3),
.learning-lesson-modal__meta span:nth-child(3) {
	--lesson-badge-border: #fde68a;
	--lesson-badge-bg: #fffbeb;
	--lesson-badge-color: #a16207;
}

.learning-lesson-card__meta span:nth-child(4),
.learning-lesson-modal__meta span:nth-child(4) {
	--lesson-badge-border: #ddd6fe;
	--lesson-badge-bg: #faf5ff;
	--lesson-badge-color: #7c3aed;
}

.learning-lesson-card__meta span.is-success,
.learning-lesson-modal__meta span.is-success {
	border-color: #14af4d;
	background: #14af4d;
	color: #fff;
}

.learning-lesson-card__meta span.is-locked,
.learning-lesson-modal__meta span.is-locked {
	border-color: #d30e00;
	background: #f8fafc;
	color: #d30e00;
}

.learning-lesson-types button {
	--lesson-type-accent: #155fbd;
	--lesson-type-border: #bfdbfe;
	--lesson-type-icon-bg: #eaf4ff;
	--lesson-type-image-height: 134px;
	grid-template-columns: clamp(135px, 28%, 180px) minmax(0, 1fr);
	grid-template-rows: 1fr;
	gap: 0 18px;
	align-items: center;
	height: var(--lesson-type-image-height);
	min-height: var(--lesson-type-image-height);
	padding: 0 18px 0 0;
	overflow: hidden;
	border-color: var(--lesson-type-border);
	background: #fff;
	box-shadow: none;
}

.learning-lesson-types button::before {
	display: none;
}

.learning-lesson-types button[data-learning-lesson-type="reading"] {
	--lesson-type-accent: #14af4d;
	--lesson-type-border: #bfdbfe;
	--lesson-type-icon-bg: #ecfdf3;
}

.learning-lesson-types button:hover,
.learning-lesson-types button:focus-visible {
	border-color: var(--lesson-type-border);
	background: #fff;
	box-shadow: none;
}

.learning-lesson-types button.is-active {
	border-color: var(--lesson-type-border);
	background: var(--lesson-type-icon-bg);
	box-shadow: none;
}

.learning-lesson-types button > span {
	grid-column: 1;
	grid-row: 1;
	align-self: stretch;
	width: 100%;
	height: var(--lesson-type-image-height);
	min-height: var(--lesson-type-image-height);
	border: 0;
	border-right: 1px solid var(--lesson-type-border);
	border-radius: 0;
	background: var(--lesson-type-icon-bg);
	color: var(--lesson-type-accent);
}

.learning-lesson-type__body {
	grid-column: 2;
	grid-row: 1;
	display: grid;
	grid-template-rows: auto auto auto;
	align-content: center;
	justify-items: start;
	gap: 9px;
	min-width: 0;
}

.learning-lesson-types button > span img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.learning-lesson-types strong {
	margin: 0;
}

.learning-lesson-types em {
	margin: 0;
}

.learning-lesson-types small {
	justify-self: start;
}

.learning-lesson-types button.is-active > span {
	border-color: var(--lesson-type-border);
	background: var(--lesson-type-icon-bg);
}

.learning-lesson-types small {
	border: 1px solid var(--lesson-type-border);
	background: #fff;
	color: var(--lesson-type-accent);
}

.learning-lesson-types button.is-active small {
	border-color: transparent;
	background: var(--lesson-type-accent);
	color: #fff;
}

.learning-lesson-card__summary:hover > i,
.learning-lesson-card__summary:focus > i,
.learning-modal-head__icon {
	background: #155fbd;
	color: #fff;
}

.learning-roadmap-item.is-current:not(.is-completed) .learning-lesson-card,
.learning-roadmap-item.is-current:not(.is-completed) .learning-roadmap-item__marker span {
	border-color: #e5e7eb;
	box-shadow: none;
}

.learning-roadmap-item.is-completed .learning-lesson-card {
	border-color: #bbf7d0;
	background: #f0fdf4;
}

.learning-roadmap,
.learning-roadmap * {
	box-shadow: none !important;
}

.learning-modal {
	background: rgba(15, 44, 87, .46);
}

.learning-new-achievement small,
.learning-new-achievement strong,
.learning-new-achievement em {
	color: #fff;
}

.learning-profile-modal,
.learning-profile-modal * {
	text-shadow: none !important;
}

.learning-profile-modal {
	box-shadow: none;
}

.learning-profile-modal .learning-modal-head {
	padding: 24px 26px 18px;
	border-bottom: 1px solid #e6eef9;
	background: transparent;
	box-shadow: none;
}

.learning-profile-modal .learning-modal-head__icon {
	border: 1px solid #d7e6fb;
	background: #f4f8ff;
	color: #155fbd;
	box-shadow: none;
}

.learning-profile-modal .learning-modal-head small {
	background: transparent;
	color: #155fbd;
}

.learning-profile-modal .learning-modal-head h2 {
	color: #17233a;
}

.learning-profile-modal .learning-modal-head p {
	color: #4f5f75;
}

.learning-profile-modal .learning-profile-hero > div {
	position: relative;
	overflow: hidden;
	border-color: #d7e6fb;
	background: #fff;
	color: #17233a;
	box-shadow: none;
}

.learning-profile-modal .learning-profile-hero > div::before {
	content: "";
	position: absolute;
	top: 14px;
	bottom: 14px;
	left: 0;
	width: 4px;
	border-radius: 0 999px 999px 0;
	background: #155fbd;
}

.learning-profile-modal .learning-profile-hero > div:last-child::before {
	background: #14af4d;
}

.learning-profile-modal .learning-profile-hero span {
	color: #4f5f75;
}

.learning-profile-modal .learning-profile-hero strong {
	color: #17233a;
}

.learning-profile-modal .learning-profile-hero > div:first-child strong {
	color: #155fbd;
}

.learning-profile-modal .learning-profile-hero > div:last-child strong {
	color: #000000;
	font-weight: 400 !important;
}

.learning-profile-modal .learning-profile-grid span {
	--profile-accent: #155fbd;
	--profile-border: #bfdbfe;
	--profile-icon-bg: #eaf4ff;
	border-color: var(--profile-border);
	background: #fff;
	box-shadow: none;
}

.learning-profile-modal .learning-profile-grid span:nth-child(3n+2) {
	--profile-accent: #0f766e;
	--profile-border: #99f6e4;
	--profile-icon-bg: #ccfbf1;
}

.learning-profile-modal .learning-profile-grid span:nth-child(3n+3) {
	--profile-accent: #b45309;
	--profile-border: #fde68a;
	--profile-icon-bg: #fef3c7;
}

.learning-profile-modal .learning-profile-grid i,
.learning-profile-modal .learning-profile-grid .learning-asset-icon,
.learning-profile-modal .learning-profile-grid .learning-diamond-icon {
	border-radius: 12px;
	background: var(--profile-icon-bg);
	color: var(--profile-accent);
	box-shadow: none;
}

.learning-profile-modal .learning-profile-grid i {
	border: 1px solid var(--profile-border);
}

.learning-profile-modal .learning-profile-grid .learning-asset-icon,
.learning-profile-modal .learning-profile-grid .learning-diamond-icon {
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	padding: 7px;
	border: 1px solid var(--profile-border);
	margin-right: 0;
}

.learning-profile-modal .learning-profile-grid em {
	color: #4f5f75;
}

.learning-profile-modal .learning-profile-grid strong {
	color: #17233a;
}

.learning-profile-modal .learning-reminder-switch,
.learning-profile-modal .learning-profile-progress,
.learning-profile-modal .learning-profile-note {
	border-color: #d7e6fb;
	background: #fff;
	box-shadow: none;
}

.learning-profile-modal .learning-reminder-switch > span {
	background: #dbeafe;
}

.learning-profile-modal .learning-reminder-switch input:checked + span {
	background: #155fbd;
}

.learning-profile-modal .learning-reminder-switch strong,
.learning-profile-modal .learning-profile-progress h3 {
	color: #17233a;
}

.learning-profile-modal .learning-profile-progress div > span,
.learning-profile-modal .learning-profile-progress strong {
	color: #4f5f75;
}

.learning-profile-modal .learning-profile-progress div > i {
	background: #dbeafe;
}

.learning-profile-modal .learning-profile-progress div > i b {
	background: linear-gradient(90deg, #155fbd, #14af4d);
}

.learning-profile-modal .learning-profile-note {
	background: #f4f8ff;
	color: #4f5f75;
}

.learning-achievements-modal,
.learning-achievements-modal * {
	text-shadow: none !important;
}

.learning-achievements-modal {
	box-shadow: none;
}

.learning-achievements-modal .learning-modal-head {
	padding: 24px 26px 18px;
	border-bottom: 1px solid #e6eef9;
	background: transparent;
	box-shadow: none;
}

.learning-achievements-modal .learning-modal-head__icon {
	border: 1px solid #d7e6fb;
	background: #f4f8ff;
	color: #155fbd;
	box-shadow: none;
}

.learning-achievements-modal .learning-modal-head__icon .learning-asset-icon {
	width: 30px;
	height: 30px;
}

.learning-achievements-modal .learning-modal-head small {
	background: transparent;
	color: #155fbd;
}

.learning-achievements-modal .learning-modal-head h2 {
	color: #17233a;
}

.learning-achievements-modal .learning-modal-head p {
	color: #4f5f75;
}

.learning-achievements-modal .learning-achievements-summary__main,
.learning-achievements-modal .learning-achievements-summary__side span,
.learning-achievements-modal .learning-achievement,
.learning-achievements-modal .learning-certificates-preview {
	border-color: #d7e6fb;
	background: #fff;
	box-shadow: none;
	color: #4f5f75;
	transition: none;
}

.learning-achievements-modal .learning-achievements-summary__main > i,
.learning-achievements-modal .learning-achievements-summary__main > .learning-asset-icon,
.learning-achievements-modal .learning-achievement > span {
	border: 1px solid #d7e6fb;
	background: #f4f8ff;
	color: #155fbd;
	box-shadow: none;
}

.learning-achievements-modal .learning-achievement > span .learning-asset-icon {
	width: 26px;
	height: 26px;
}

.learning-achievements-modal .learning-achievements-summary__main strong,
.learning-achievements-modal .learning-achievements-summary__side strong,
.learning-achievements-modal .learning-achievement strong {
	color: #17233a;
}

.learning-achievements-modal .learning-achievements-summary__main strong b,
.learning-achievements-modal .learning-achievement.is-awarded strong,
.learning-achievements-modal .learning-achievement.is-awarded em {
	color: #155fbd;
}

.learning-achievements-modal .learning-achievements-summary__main .learning-achievements-count.is-empty {
	color: #d00000;
}

.learning-achievements-modal .learning-achievements-summary__main .learning-achievements-count.is-earned {
	color: #14af4d;
}

.learning-achievements-modal .learning-achievements-summary__main em {
	background: #dbeafe;
}

.learning-achievements-modal .learning-achievements-summary__main em b {
	background: #1684f5;
}

.learning-achievements-modal .learning-achievements-summary__side i {
	background: #f4f8ff;
	color: #155fbd;
	box-shadow: none;
}

.learning-achievements-modal .learning-achievement:hover {
	box-shadow: none;
}

.learning-achievements-modal .learning-achievement {
	--achievement-accent: #155fbd;
	--achievement-border: #bfdbfe;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
	--achievement-icon-bg: #eaf4ff;
	--achievement-pill-bg: #eaf4ff;
	position: relative;
	overflow: hidden;
	border-color: var(--achievement-border);
	background: #fff;
}

.learning-achievements-modal .learning-achievement::before {
	content: "";
	position: absolute;
	top: 14px;
	bottom: 14px;
	left: 0;
	width: 4px;
	border-radius: 0 999px 999px 0;
	background: var(--achievement-accent);
}

.learning-achievements-modal .learning-achievement:nth-child(5n+2) {
	--achievement-accent: #0f766e;
	--achievement-border: #99f6e4;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #effffb 100%);
	--achievement-icon-bg: #ccfbf1;
	--achievement-pill-bg: #ccfbf1;
}

.learning-achievements-modal .learning-achievement:nth-child(5n+3) {
	--achievement-accent: #b45309;
	--achievement-border: #fde68a;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
	--achievement-icon-bg: #fef3c7;
	--achievement-pill-bg: #fef3c7;
}

.learning-achievements-modal .learning-achievement:nth-child(5n+4) {
	--achievement-accent: #7c3aed;
	--achievement-border: #ddd6fe;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);
	--achievement-icon-bg: #ede9fe;
	--achievement-pill-bg: #ede9fe;
}

.learning-achievements-modal .learning-achievement:nth-child(5n+5) {
	--achievement-accent: #be123c;
	--achievement-border: #fecdd3;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);
	--achievement-icon-bg: #ffe4e6;
	--achievement-pill-bg: #ffe4e6;
}

.learning-achievements-modal .learning-achievement[data-learning-achievement-slug="first_round"] {
	--achievement-accent: #155fbd;
	--achievement-border: #bfdbfe;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
	--achievement-icon-bg: #eaf4ff;
	--achievement-pill-bg: #eaf4ff;
}

.learning-achievements-modal .learning-achievement[data-learning-achievement-slug="daily_goal"] {
	--achievement-accent: #0f766e;
	--achievement-border: #99f6e4;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #effffb 100%);
	--achievement-icon-bg: #ccfbf1;
	--achievement-pill-bg: #ccfbf1;
}

.learning-achievements-modal .learning-achievement[data-learning-achievement-slug="streak_5"] {
	--achievement-accent: #b45309;
	--achievement-border: #fde68a;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
	--achievement-icon-bg: #fef3c7;
	--achievement-pill-bg: #fef3c7;
}

.learning-achievements-modal .learning-achievement[data-learning-achievement-slug="word_sprint"] {
	--achievement-accent: #7c3aed;
	--achievement-border: #ddd6fe;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);
	--achievement-icon-bg: #ede9fe;
	--achievement-pill-bg: #ede9fe;
}

.learning-achievements-modal .learning-achievement[data-learning-achievement-slug="review_win"] {
	--achievement-accent: #be123c;
	--achievement-border: #fecdd3;
	--achievement-bg: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);
	--achievement-icon-bg: #ffe4e6;
	--achievement-pill-bg: #ffe4e6;
}

.learning-achievements-modal .learning-achievement > span {
	border-color: var(--achievement-border);
	background: linear-gradient(135deg, #ffffff 0%, var(--achievement-icon-bg) 100%);
	color: var(--achievement-accent);
}

.learning-achievements-modal .learning-achievement > span i {
	color: var(--achievement-accent);
	font-size: 20px;
}

.learning-achievements-modal .learning-achievement em {
	border: 1px solid var(--achievement-border);
	background: var(--achievement-pill-bg);
	color: var(--achievement-accent);
}

.learning-achievements-modal .learning-achievement.is-awarded {
	border-color: var(--achievement-border);
	background: #fff;
}

.learning-achievements-modal .learning-achievement.is-awarded > span {
	border-color: transparent;
	background: var(--achievement-accent);
	color: #fff;
	box-shadow: none;
}

.learning-achievements-modal .learning-achievement.is-awarded > span i {
	color: #fff;
}

.learning-achievements-modal .learning-achievement > span .learning-asset-icon {
	width: 28px;
	height: 28px;
	padding: 3px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .88);
}

.learning-achievements-modal .learning-achievement.is-awarded strong {
	color: #17233a;
}

.learning-achievements-modal .learning-achievement.is-awarded em {
	border-color: transparent;
	background: var(--achievement-accent);
	color: #fff;
}

.learning-achievements-modal .learning-achievement.is-locked {
	border-style: solid;
	background: #fff;
}

.learning-achievements-modal .learning-achievement.is-locked > span {
	opacity: .82;
}

.learning-achievements-modal .learning-achievement.is-locked em {
	background: #fff;
	color: #637083;
}

.learning-achievements-modal .learning-certificates-preview {
	border-color: #bfdbfe;
	background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
	color: #17233a;
}

.learning-achievements-modal .learning-certificates-preview i {
	background: #155fbd;
	color: #fff;
	box-shadow: none;
}

.learning-achievements-modal .learning-certificates-preview strong {
	color: #17233a;
}

.learning-achievements-modal .learning-certificates-preview span {
	color: #4f5f75;
}

@media (max-width: 768px) {
	.learning-app::before {
		left: -32vw;
		right: -32vw;
		height: 46vh;
		min-height: 300px;
		border-radius: 58% 58% 0 0 / 14% 14% 0 0;
	}

	.learning-hero,
	.learning-game-card,
	.learning-summary-card,
	.learning-lessons-card,
	.learning-modal__box {
		border-radius: 24px;
	}

	.learning-modal[data-learning-modal="how"] .learning-modal__box,
	.learning-modal[data-learning-modal="auth"] .learning-modal__box {
		border-radius: 0;
	}

	.learning-lesson-types button {
		--lesson-type-image-height: 116px;
		grid-template-columns: 118px minmax(0, 1fr);
		grid-template-rows: 1fr;
		gap: 0 20px;
		height: var(--lesson-type-image-height);
		min-height: var(--lesson-type-image-height);
		padding: 0 12px 0 0;
	}

	.learning-lesson-types button > span {
		grid-column: 1;
		grid-row: 1;
		align-self: stretch;
		width: 118px;
		height: var(--lesson-type-image-height);
		min-height: var(--lesson-type-image-height);
		border-radius: 0;
	}

	.learning-lesson-type__body {
		grid-column: 2;
		grid-row: 1;
		gap: 6px;
	}

	.learning-hero {
		min-height: auto;
		padding: 10px 22px 15px;
	}
}