@font-face {
	font-family: Udemy Sans;
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: local("Udemy Sans Regular"), local("UdemySans-Regular"), url(https://frontends.udemycdn.com/design-system/fonts/Udemy-Sans-Regular-v1.woff2) format("woff2")
}

@font-face {
	font-family: Udemy Sans;
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: local("Udemy Sans Bold"), local("UdemySans-Bold"), url(https://frontends.udemycdn.com/design-system/fonts/Udemy-Sans-Bold-v1.woff2) format("woff2")
}

@font-face {
	font-family: SuisseWorks;
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: local("SuisseWorks Bold"), local("SuisseWorks-Bold"), url(https://frontends.udemycdn.com/design-system/fonts/SuisseWorks-Bold-v1.woff2) format("woff2")
}

@font-face {
	font-family: Vazirmatn;
	font-style: normal;
	font-weight: 400;
	font-display: fallback;
	src: url(https://frontends.udemycdn.com/design-system/fonts/Vazirmatn-Regular.woff2) format("woff2");
	unicode-range: U+06??, U+0750-077f, U+08a0-08ff, U+fb50-fdff, U+fe70-feff, U+1ee??
}

@font-face {
	font-family: Vazirmatn;
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
	src: url(https://frontends.udemycdn.com/design-system/fonts/Vazirmatn-Bold.woff2) format("woff2");
	unicode-range: U+06??, U+0750-077f, U+08a0-08ff, U+fb50-fdff, U+fe70-feff, U+1ee??
}

.ud-footer-initially-hidden {
	display: none
}

body.ud-main-content-ready .ud-footer-initially-hidden {
	display: block
}

.ud-footer .footer-section {
	background: #16161d;
	border-top: 1px solid #595c73;
	color: #fff;
	padding-left: 2.4rem;
	padding-right: 2.4rem
}

@media screen and (min-width:43.8125rem) {
	.ud-footer .hide-on-desktop {
		display: none
	}
}

@media screen and (max-width:43.75rem) {
	.ud-footer .hide-on-mobile {
		display: none
	}
}

.ud-footer .footer-section-med-background {
	background: #2a2b3f
}

.ud-footer .footer-section-dark-background {
	background: #202230
}

.ud-footer .footer-section-no-border {
	border: none
}

.ud-footer .footer-section-med-border {
	border-top: 1px solid #b7b9cd
}

.ud-footer .footer-section-light-border {
	border-top: 1px solid #9194ac
}

.ud-footer .language-selector-container {
	padding: 2.4rem 0
}

.ud-footer .link {
	display: block;
	padding: .4rem 0;
	color: #2a2b3f
}

.ud-footer .link:active,
.ud-footer .link:hover {
	color: #6d28d2
}

.ud-footer .copyright-container {
	color: #fff;
	padding-bottom: 1.6rem
}

.ud-footer .bottom-container {
	display: flex;
	gap: 2.4rem;
	flex-direction: column;
	padding-top: 2.4rem;
	padding-bottom: 2.4rem
}

.ud-footer .bottom-container .logo-and-copyright-bottom {
	order: 3;
	display: flex;
	justify-content: flex-start;
	gap: 1.6rem;
	align-items: center
}

.ud-footer .bottom-container .logo-and-copyright-bottom .copyright-container {
	padding: .8rem 0 0
}

.ud-footer .bottom-container .bottom-links-container {
	order: 2
}

.ud-footer .bottom-container .language-selector-container-bottom {
	order: 1
}

.ud-footer .bottom-container .language-selector-container-bottom .ud-btn,
.ud-footer .bottom-container .language-selector-container-bottom .ud-icon {
	border-color: #fff;
	color: #fff
}

.ud-footer .bottom-container .language-selector-container-bottom .language-selector-button-bottom {
	border: none;
	padding: 0;
	min-width: unset
}

.ud-footer .footer-section-structured-links {
	padding-top: 2.4rem
}

.ud-footer .footer-section-structured-links .structured-links {
	width: 100%
}

.ud-footer .footer-section-structured-links .structured-links .structured-links-heading {
	margin-top: 1.6rem;
	margin-bottom: 2.4rem
}

.ud-footer .footer-section-structured-links .structured-links .structured-links-column {
	display: flex;
	flex-direction: column
}

.ud-footer .footer-section-structured-links .structured-links .structured-links-column .structured-links-column-heading {
	margin-top: 1.6rem;
	margin-bottom: 1.6rem
}

.ud-footer .footer-section-structured-links .structured-links .structured-links-column .structured-links-list {
	flex-basis: unset;
	margin-bottom: 2.4rem
}

.ud-footer .footer-section-structured-links .structured-links .structured-links-column .structured-links-list .link {
	padding-top: 0
}

.ud-footer .footer-section-structured-links .structured-links .browse-links-panel {
	border-top: none;
	border-bottom: 1px solid #9194ac
}

.ud-footer .footer-section-structured-links .structured-links .browse-links-panel .accordion-title {
	display: inline-block;
	padding: .8rem 0;
	color: #fff
}

.ud-footer .footer-section-structured-links .structured-links .browse-links-panel .ud-accordion-panel-toggler .ud-icon {
	margin-top: .8rem;
	color: #fff
}

.ud-footer .footer-section-structured-links .structured-links .browse-links-panel:first-child .accordion-title {
	padding-top: 0
}

.ud-footer .footer-section-structured-links .structured-links .browse-links-panel:last-child {
	border-bottom: none
}

.ud-footer .logo-container {
	display: flex;
	align-items: center;
	padding: 1.6rem 0
}

.ud-footer .benesse-logo {
	margin: -.8rem 0 0 2.4rem
}

.ud-footer .white-link {
	color: #fff
}

.ud-footer .white-link:active,
.ud-footer .white-link:hover {
	color: #fff;
	text-decoration: underline
}

.ud-footer .inverted-link {
	color: #c0c4fc
}

.ud-footer .inverted-link:active,
.ud-footer .inverted-link:hover {
	color: #c0c4fc;
	text-decoration: underline
}

.ud-footer .logo-and-copyright {
	padding: 1.6rem 0
}

.ud-footer .sanjieke {
	color: #fff;
	padding-bottom: 3.2rem
}

.ud-footer .sanjieke .spacing {
	padding: 0 .4rem
}

.ud-footer .ud-ufb-fixed-message-container {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 1009;
	transform: translateZ(0)
}

.ud-footer .ud-ufb-fixed-message-container .ud-legal-notice {
	position: relative
}

.ud-component--course-landing-page-udlite.organization .ud-footer .ud-ufb-fixed-message-container {
	bottom: 6.4rem
}

@media screen and (min-width:37.5625rem) {
	.ud-component--course-landing-page-udlite.organization .ud-footer .ud-ufb-fixed-message-container {
		bottom: 8rem
	}
}

@media screen and (min-width:67.5em) {
	.ud-component--course-landing-page-udlite.organization .ud-footer .ud-ufb-fixed-message-container {
		bottom: 0
	}
}

@media screen and (min-width:43.8125rem) {
	.ud-footer .footer-section-main {
		padding-top: 2.4rem
	}

	.ud-footer .links-and-language-selector {
		display: flex;
		justify-content: space-between
	}

	.ud-footer .language-selector-container {
		padding: 0 0 2.4rem;
		order: 1;
		flex-shrink: 0;
		margin-left: auto
	}

	.ud-footer .language-selector-container:dir(rtl) {
		margin-inline: auto 0
	}

	.ud-footer .link-column {
		flex-basis: 25.6rem;
		margin-right: 1.6rem;
		margin-bottom: 0
	}

	.ud-footer .logo-and-copyright {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 6.4rem 0 3.2rem
	}

	.ud-footer .bottom-container {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 2.4rem 0
	}

	.ud-footer .bottom-container .logo-and-copyright-bottom {
		order: 1;
		justify-content: space-between
	}

	.ud-footer .bottom-container .language-selector-container-bottom {
		order: 3
	}

	.ud-footer .bottom-container .bottom-links li {
		position: relative;
		display: inline-block
	}

	.ud-footer .bottom-container .bottom-links li:not(:first-child) {
		margin-left: 1.6rem;
		padding-left: 1.6rem
	}

	.ud-footer .bottom-container .bottom-links li:not(:first-child):before {
		content: "";
		position: absolute;
		top: 25%;
		left: 0;
		height: 50%;
		border-left: 1px solid #b7b9cd
	}

	.ud-footer .copyright-container,
	.ud-footer .logo-container {
		padding: 0
	}
}

@media screen and (min-width:61.3125rem) {
	.ud-footer .footer-section {
		padding-left: 3.2rem;
		padding-right: 3.2rem
	}
}

@media screen and (min-width:75.0625rem) {
	.ud-footer .footer-section {
		padding-left: 4.8rem;
		padding-right: 4.8rem
	}
}

.ud-ufb-trial-footer .footer-section-main {
	padding-bottom: 6.4rem
}

.ud-icon {
	fill: currentColor;
	display: inline-block;
	flex-shrink: 0
}

.ud-icon.ud-icon-bi-directional:dir(rtl) {
	transform: scaleX(-1)
}

.ud-icon-xxxsmall {
	inline-size: 1.2rem;
	block-size: 1.2rem
}

.ud-icon-xxsmall {
	inline-size: 1.4rem;
	block-size: 1.4rem
}

.ud-icon-xsmall {
	inline-size: 1.6rem;
	block-size: 1.6rem
}

.ud-icon-small {
	inline-size: 2rem;
	block-size: 2rem
}

.ud-icon-medium {
	inline-size: 2.4rem;
	block-size: 2.4rem
}

.ud-icon-large {
	inline-size: 3.2rem;
	block-size: 3.2rem
}

.ud-icon-xlarge {
	inline-size: 4.8rem;
	block-size: 4.8rem
}

.ud-icon-xxlarge {
	inline-size: 6.4rem;
	block-size: 6.4rem
}

.ud-icon-xxxlarge {
	inline-size: 9.6rem;
	block-size: 9.6rem
}

.ud-icon-color-neutral {
	color: #2a2b3f
}

.ud-icon-color-positive {
	color: #206241
}

.ud-icon-color-negative {
	color: #d51c0f
}

.ud-icon-color-info {
	color: #6d28d2
}

.ud-icon-color-warning {
	color: #c4710d
}

.ud-icon-color-subdued {
	color: #595c73
}

.ud-icon-color-subdued-inverted {
	color: #b7b9cd
}

:root {
	--ud-btn-color: var(--color-knockout);
	--ud-btn-border: none;
	--ud-btn-background-color: var(--color-purple-400);
	--ud-btn-focus-color: var(--color-knockout);
	--ud-btn-focus-background-color: var(--color-purple-350);
	--ud-btn-border-radius: 0.4rem
}

.ud-btn {
	position: relative;
	align-items: center;
	color: var(--ud-btn-color);
	border: var(--ud-btn-border);
	border-radius: var(--ud-btn-border-radius);
	background-color: var(--ud-btn-background-color);
	cursor: pointer;
	display: inline-flex;
	max-inline-size: 100%;
	min-inline-size: 8rem;
	padding-block: 0;
	padding-inline: 1.2rem;
	justify-content: center;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	vertical-align: bottom;
	white-space: nowrap
}

.ud-btn:active,
.ud-btn:focus,
.ud-btn:hover {
	color: var(--ud-btn-focus-color);
	background-color: var(--ud-btn-focus-background-color)
}

.ud-btn>:not(:first-child) {
	-webkit-margin-start: .4rem;
	margin-inline-start: .4rem
}

.ud-btn::-moz-focus-inner {
	border: 0
}

.ud-btn .ud-btn-label {
	overflow: hidden;
	text-overflow: ellipsis
}

.ud-btn-xsmall {
	min-inline-size: 8rem;
	padding-block: 0;
	padding-inline: .8rem;
	block-size: 2.8rem
}

.ud-btn-small {
	min-inline-size: 8rem;
	block-size: 3.4rem
}

.ud-btn-medium {
	block-size: 4rem
}

.ud-btn-large {
	block-size: 4.8rem
}

.ud-btn-round-xsmall {
	padding-block: 0;
	padding-inline: 1rem
}

.ud-btn-primary.ud-btn-disabled {
	--ud-btn-background-color: color-mix(in sRGB, var(--color-purple-400) 50%, transparent);
	--ud-btn-focus-background-color: color-mix(in sRGB, var(--color-purple-400) 50%, transparent)
}

.ud-btn-secondary {
	--ud-btn-focus-color: var(--color-purple-400);
	--ud-btn-focus-background-color: color-mix(in sRGB, #6d28d2 12%, transparent);
	--ud-btn-color: var(--color-purple-400);
	--ud-btn-background-color: transparent;
	--ud-btn-border: 1px solid #6d28d2
}

.ud-btn-secondary.ud-btn-disabled {
	--ud-btn-focus-background-color: transparent
}

.ud-btn-white-outline {
	--ud-btn-focus-background-color: color-mix(in sRGB, #fff 12%, transparent);
	--ud-btn-background-color: transparent;
	--ud-btn-border: 1px solid #fff
}

.ud-btn-white-outline.ud-btn-disabled {
	--ud-btn-focus-background-color: transparent
}

.ud-btn-white-solid {
	--ud-btn-background-color: var(--color-knockout);
	--ud-btn-focus-background-color: var(--color-gray-150);
	--ud-btn-focus-color: #2a2b3f;
	--ud-btn-color: #2a2b3f
}

.ud-btn-white-solid.ud-btn-disabled {
	--ud-btn-background-color: color-mix(in sRGB, var(--color-knockout) 50%, transparent);
	--ud-btn-focus-background-color: color-mix(in sRGB, var(--color-knockout) 50%, transparent)
}

.ud-btn-ghost,
.ud-btn-ghost.ud-btn-link-underline {
	--ud-btn-color: #6d28d2;
	--ud-btn-focus-color: #6d28d2;
	--ud-btn-focus-background-color: color-mix(in sRGB, #6d28d2 12%, transparent);
	margin-inline: -.4rem -.4rem;
	padding-inline: .4rem .4rem
}

.ud-btn-link,
.ud-btn-link-underline {
	--ud-btn-color: #6d28d2;
	--ud-btn-focus-color: var(--color-purple-450);
	--ud-btn-focus-background-color: transparent;
	block-size: auto;
	max-inline-size: none;
	text-align: start;
	vertical-align: baseline;
	white-space: normal;
	padding: 0
}

.ud-btn-ghost,
.ud-btn-ghost.ud-btn-disabled,
.ud-btn-link,
.ud-btn-link-underline,
.ud-btn-link-underline.ud-btn-disabled,
.ud-btn-link.ud-btn-disabled {
	--ud-btn-color: #6d28d2;
	background-color: transparent;
	min-inline-size: auto
}

.ud-btn-ghost .ud-btn-label,
.ud-btn-ghost.ud-btn-disabled .ud-btn-label,
.ud-btn-link .ud-btn-label,
.ud-btn-link-underline .ud-btn-label,
.ud-btn-link-underline.ud-btn-disabled .ud-btn-label,
.ud-btn-link.ud-btn-disabled .ud-btn-label {
	overflow: visible
}

.ud-btn.ud-btn-disabled {
	cursor: not-allowed;
	opacity: .5
}

.ud-btn.ud-btn-disabled:before {
	content: "";
	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 100%
}

.ud-btn .ud-loader-overlay+* {
	-webkit-margin-start: 0;
	margin-inline-start: 0
}

.ud-btn .ud-loader-overlay~* {
	visibility: hidden
}

.ud-btn-round {
	--ud-btn-border-radius: 100rem;
	min-inline-size: 4rem
}

.ud-link-neutral {
	color: #2a2b3f;
	--ud-btn-color: #2a2b3f
}

.ud-link-neutral.ud-btn-disabled,
.ud-link-neutral:active,
.ud-link-neutral:focus,
.ud-link-neutral:hover {
	color: #2a2b3f;
	--ud-btn-focus-color: #2a2b3f;
	--ud-btn-focus-background-color: color-mix(in sRGB, #2a2b3f 12%, transparent)
}

.ud-link-knockout,
.ud-link-white {
	color: var(--color-knockout);
	--ud-btn-color: var(--color-knockout)
}

.ud-link-knockout:active,
.ud-link-knockout:focus,
.ud-link-knockout:hover,
.ud-link-white:active,
.ud-link-white:focus,
.ud-link-white:hover {
	color: var(--color-knockout);
	--ud-btn-focus-color: var(--color-knockout);
	--ud-btn-focus-background-color: color-mix(in sRGB, var(--color-knockout) 12%, transparent)
}

.ud-btn-link-underline,
.ud-link-underline,
.ud-text-with-links a {
	text-decoration: underline;
	text-underline-offset: .4rem;
	-webkit-text-decoration-color: #af72fd;
	text-decoration-color: #af72fd
}

.ud-btn-ghost.ud-link-underline {
	text-underline-offset: .3rem
}

.ud-btn-icon {
	min-inline-size: auto
}

.ud-btn-icon-xsmall {
	padding-block: 0;
	padding-inline: .6rem;
	inline-size: 2.8rem
}

.ud-btn-icon-small {
	padding-block: 0;
	padding-inline: .6rem;
	inline-size: 3.4rem
}

.ud-btn-icon-medium {
	padding-block: 0;
	padding-inline: 1rem;
	inline-size: 4rem
}

.ud-btn-icon-large {
	padding-block: 0;
	padding-inline: 1.2rem;
	inline-size: 4.8rem
}

.ud-avatar,
.ud-btn-icon-round {
	border-radius: 100rem
}

.ud-avatar {
	background: #16161d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-o-object-fit: cover;
	object-fit: cover;
	color: var(--color-white)
}

.ud-avatar-image {
	background: transparent;
	border: 1px solid #d1d2e0
}

.ud-block-list .ud-block-list-item {
	display: flex;
	align-items: flex-start;
	inline-size: 100%;
	block-size: auto;
	text-align: start;
	letter-spacing: normal;
	white-space: normal;
	padding-block: .8rem;
	padding-inline: 0
}

.ud-block-list-item.ud-btn-ghost {
	padding-inline: .4rem .4rem
}

.ud-block-list .ud-block-list-item-tight {
	padding-block: .4rem;
	padding-inline: 0
}

.ud-block-list .ud-block-list-item-loose {
	padding-block: 1.6rem;
	padding-inline: 0
}

.ud-block-list-item-small .ud-block-list-item-content,
.ud-block-list-item-small .ud-block-list-item-icon {
	min-block-size: 1.96rem
}

.ud-block-list-item-large .ud-block-list-item-content,
.ud-block-list-item-large .ud-block-list-item-icon {
	min-block-size: 2.24rem
}

.ud-block-list .ud-block-list-item-link {
	color: #6d28d2
}

.ud-block-list .ud-block-list-item-neutral {
	color: #2a2b3f
}

.ud-block-list-item-content {
	flex: 1 1;
	min-inline-size: 1px
}

.ud-block-list-item-content-loading {
	background: var(--color-gray-200)
}

.ud-block-list-item-icon+.ud-block-list-item-content {
	-webkit-margin-start: 1.6rem;
	margin-inline-start: 1.6rem
}

.ud-block-list-item-content+.ud-block-list-item-icon {
	-webkit-margin-start: .8rem;
	margin-inline-start: .8rem
}

.ud-block-list-item-icon.ud-notification-counter {
	-webkit-margin-before: -.25em;
	margin-block-start: -.25em
}

.ud-form-group {
	min-inline-size: 18rem;
	max-inline-size: 60rem
}

.ud-form-label {
	display: flex;
	align-items: center;
	margin: 0;
	-webkit-padding-after: .8rem;
	padding-block-end: .8rem;
	min-block-size: 2.8rem
}

.ud-form-label-tag,
.ud-form-note {
	color: #595c73
}

.ud-form-label-tag {
	flex: 1 1;
	text-align: end
}

.ud-form-note {
	display: flex;
	align-items: center;
	-webkit-padding-before: .8rem;
	padding-block-start: .8rem
}

.ud-form-group-validation-icon,
.ud-form-label-tag {
	-webkit-margin-start: .8rem;
	margin-inline-start: .8rem
}

.ud-form-group-error .ud-form-label,
.ud-form-group-error .ud-form-note {
	color: #d51c0f
}

.ud-form-group-error .ud-text-input-container .ud-text-input:not(:focus)~.ud-text-input-box,
.ud-form-group-error .ud-text-input:not(:focus),
.ud-form-group-error select:not(:focus),
.ud-form-group-error textarea:not(:focus) {
	border-color: #d51c0f
}

.ud-compact-form-group .ud-form-label {
	position: absolute;
	inset-block-start: .8rem;
	inset-inline: 0 3.2rem;
	border: 1px solid transparent;
	pointer-events: none;
	transition: transform .15s cubic-bezier(.2, 0, .38, .9);
	transform: translateY(1.2rem);
	transform-origin: top left
}

.ud-compact-form-label-content {
	flex: 1 1;
	min-inline-size: 1px;
	padding-block: 0;
	padding-inline: 1.6rem
}

.ud-compact-form-label-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ud-compact-form-group .ud-form-group-validation-icon {
	margin-block: 0;
	margin-inline: .4rem 0
}

.ud-compact-form-control-container,
.ud-compact-form-label-content {
	display: flex;
	align-items: center
}

.ud-compact-form-group .ud-form-label-tag {
	position: absolute;
	inset-block-start: .8rem;
	inset-inline-end: 1.6rem
}

.ud-compact-form-control-container {
	border: 1px solid #9194ac;
	border-radius: .4rem;
	position: relative
}

.ud-compact-form-control-container:hover {
	background-color: var(--color-gray-100)
}

.ud-compact-form-control-container .ud-compact-form-control {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	block-size: 6rem !important;
	padding-block: 2rem 0;
	padding-inline: 1.6rem;
	opacity: 0;
	transition: opacity .1s linear
}

.ud-compact-form-control-container .ud-compact-form-control.ud-text-area {
	min-block-size: 7.2rem !important;
	-webkit-padding-before: 2.8rem;
	padding-block-start: 2.8rem
}

.ud-compact-form-control-container>:first-child {
	flex: 1 1
}

.ud-compact-form-control-container>span {
	color: #595c73
}

.ud-compact-form-control-container>.ud-icon,
.ud-compact-form-control-container>span {
	-webkit-margin-end: 1.6rem;
	margin-inline-end: 1.6rem
}

.ud-compact-form-control-container .ud-text-input-container .ud-text-input-box {
	border: none
}

.ud-compact-form-control-container-focus {
	background-color: var(--color-white) !important;
	border-color: #6d28d2;
	box-shadow: inset 0 0 0 .5px #6d28d2
}

.ud-compact-form-control-container-focus .ud-text-input {
	background: transparent !important
}

body.ud-keyboard-navigation-in-use .ud-compact-form-control-container-focus {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-purple-400), 0 0 2px 5px var(--color-purple-150)
}

.ud-form-group-error .ud-compact-form-control-container:not(.ud-compact-form-control-container-focus) {
	border-color: #d51c0f
}

.ud-compact-form-control-container-active .ud-form-label {
	transform: scale(.857) translateY(0)
}

.ud-compact-form-control-container-active .ud-form-group-validation-icon {
	transform: scale(1.167)
}

.ud-compact-form-control-container-active .ud-compact-form-control {
	opacity: 1;
	transition: opacity .1s linear .15s
}

.ud-compact-form-control-container-tagged .ud-date-picker-icon .ud-icon,
.ud-compact-form-control-container-tagged .ud-select-icon-right .ud-icon,
.ud-compact-form-control-container-tagged>.ud-icon,
.ud-compact-form-control-container-tagged>span {
	-webkit-margin-before: 2.4rem;
	margin-block-start: 2.4rem
}

.ud-compact-form-group .ud-compact-form-control+.ud-form-label {
	inset-inline-end: 0
}

.ud-compact-form-group .ud-form-label:dir(rtl) {
	transform-origin: top right
}

.ud-select-container {
	position: relative
}

.ud-select {
	border: 1px solid #9194ac;
	border-radius: .4rem;
	cursor: pointer;
	display: block;
	padding-block: 0;
	padding-inline: 1.2rem 4rem;
	inline-size: 100%;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

.ud-select,
.ud-select option {
	background: var(--color-white)
}

.ud-select:hover {
	background-color: var(--color-gray-100)
}

.ud-select[disabled] {
	background: var(--color-white);
	color: #595c73;
	opacity: 1
}

.ud-select [disabled],
.ud-select:invalid {
	color: #595c73;
	border-color: #9194ac
}

.ud-select-icon-container {
	pointer-events: none;
	display: flex;
	align-items: center;
	position: absolute;
	inset-block-start: 0;
	block-size: 100%;
	padding-block: 0;
	padding-inline: .8rem
}

.ud-select-icon-left {
	inset-inline-start: 0;
	justify-content: flex-end
}

.ud-select-icon-right {
	inset-inline-end: 0
}

.ud-select-container-small .ud-select {
	block-size: 3.4rem
}

.ud-select-container-medium .ud-select {
	block-size: 4rem
}

.ud-select-container-medium .ud-select-with-icon,
.ud-select-container-small .ud-select-with-icon {
	-webkit-padding-start: 3.6rem;
	padding-inline-start: 3.6rem
}

.ud-select-container-medium .ud-select-icon-container,
.ud-select-container-small .ud-select-icon-container {
	inline-size: 3.6rem
}

.ud-select-container-large .ud-select {
	block-size: 4.8rem
}

.ud-select-container-large .ud-select-with-icon {
	-webkit-padding-start: 4rem;
	padding-inline-start: 4rem
}

.ud-select-container-large .ud-select-icon-container {
	inline-size: 4rem
}

.ud-text-input {
	border: 1px solid #9194ac;
	border-radius: .4rem;
	-webkit-appearance: none;
	display: block;
	padding-block: 0;
	padding-inline: 1.6rem;
	inline-size: 100%;
	background-color: var(--color-white)
}

.ud-text-input::-moz-placeholder {
	color: #595c73;
	opacity: 1
}

.ud-text-input::-webkit-input-placeholder {
	color: #595c73
}

.ud-text-input:hover:not(:disabled) {
	background-color: var(--color-gray-100)
}

.ud-text-input:focus:not(:disabled) {
	background-color: var(--color-white);
	border-color: #6d28d2;
	box-shadow: inset 0 0 0 .5px #6d28d2
}

.ud-text-input-small {
	block-size: 3.4rem
}

.ud-text-input-medium {
	block-size: 4rem
}

.ud-text-input-large {
	block-size: 4.8rem
}

.ud-text-input-container {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
	background-color: var(--color-white)
}

.ud-text-input-container .ud-text-input {
	box-shadow: none !important;
	flex: 1 1;
	background-color: transparent !important
}

.ud-text-input-container .ud-text-input:nth-child(2) {
	border-start-start-radius: 0;
	border-end-start-radius: 0;
	-webkit-border-start: 0;
	border-inline-start: 0;
	-webkit-padding-start: 0;
	padding-inline-start: 0
}

.ud-text-input-container .ud-text-input:nth-last-child(3) {
	border-start-end-radius: 0;
	border-end-end-radius: 0;
	-webkit-border-end: 0;
	border-inline-end: 0;
	-webkit-padding-end: 0;
	padding-inline-end: 0
}

.ud-text-input-container:hover {
	background-color: var(--color-gray-100)
}

.ud-text-input-container .ud-icon {
	margin-block: 0;
	margin-inline: .8rem
}

.ud-text-input-container .ud-text-input-box {
	border: 1px solid #9194ac;
	border-radius: .4rem;
	position: absolute;
	inset: 0;
	z-index: -1
}

.ud-text-input-container .ud-text-input:focus~.ud-text-input-box {
	background-color: var(--color-white);
	border-color: #6d28d2;
	box-shadow: inset 0 0 0 .5px #6d28d2
}

body.ud-keyboard-navigation-in-use .ud-text-input-container .ud-text-input:focus {
	outline: 0 !important
}

body.ud-keyboard-navigation-in-use .ud-text-input-container .ud-text-input:focus~.ud-text-input-box {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-purple-400), 0 0 2px 5px var(--color-purple-150)
}

.ud-toggle-input-container {
	cursor: pointer;
	display: flex;
	padding-block: .8rem;
	padding-inline: 0;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	min-inline-size: 18rem;
	max-inline-size: 60rem
}

.ud-toggle-input-disabled {
	cursor: not-allowed;
	opacity: .5
}

.ud-fake-toggle-input {
	border: .2rem solid var(--color-gray-500);
	border-radius: 2px;
	-webkit-margin-end: .8rem;
	margin-inline-end: .8rem;
	position: relative;
	inset-block-start: .2rem
}

.ud-fake-toggle-checkbox {
	color: var(--color-knockout)
}

.ud-fake-toggle-radio-small {
	inline-size: 1.6rem;
	block-size: 1.6rem
}

.ud-fake-toggle-radio-large {
	inline-size: 2rem;
	block-size: 2rem
}

.ud-real-toggle-input:checked~.ud-fake-toggle-checkbox {
	background: #6d28d2;
	border-color: #6d28d2;
	color: var(--color-knockout)
}

.ud-real-toggle-input:checked~.ud-fake-toggle-radio-small {
	background: #6d28d2;
	box-shadow: 0 0 0 .2rem var(--color-white) inset
}

.ud-real-toggle-input:checked~.ud-fake-toggle-radio-large {
	background: #6d28d2;
	box-shadow: 0 0 0 .3rem var(--color-white) inset
}

.ud-toggle-input-container:not(.ud-toggle-input-disabled):hover .ud-real-toggle-input:checked~.ud-fake-toggle-checkbox {
	border-color: var(--color-purple-350);
	background: var(--color-purple-350)
}

.ud-fake-toggle-indeterminate-checkbox {
	color: var(--color-knockout);
	background: #6d28d2;
	border-color: #6d28d2
}

.ud-fake-toggle-radio {
	border-radius: 100rem;
	display: inline-block;
	flex-shrink: 0
}

body.ud-keyboard-navigation-in-use .ud-real-toggle-input:focus~.ud-fake-toggle-input {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-purple-400), 0 0 2px 5px var(--color-purple-150)
}

.ud-toggle-input-block-container.ud-toggle-input-container {
	padding: 1.6rem;
	position: relative
}

.ud-toggle-input-block-container .ud-fake-toggle-input {
	-webkit-margin-end: 1.6rem;
	margin-inline-end: 1.6rem;
	inset-block-start: 0
}

.ud-toggle-input-block-outline {
	border: 1px solid #9194ac;
	border-radius: .4rem;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 100%
}

.ud-real-toggle-input:checked~.ud-toggle-input-block-outline {
	border-color: #6d28d2;
	box-shadow: 0 0 0 .5px #6d28d2
}

.ud-toggle-input-block-details {
	-webkit-margin-before: .8rem;
	margin-block-start: .8rem
}

body.ud-keyboard-navigation-in-use .ud-toggle-input-block-container .ud-real-toggle-input:focus~.ud-fake-toggle-input {
	outline: none
}

body.ud-keyboard-navigation-in-use .ud-toggle-input-block-container .ud-real-toggle-input:focus~.ud-toggle-input-block-outline {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-purple-400), 0 0 2px 5px var(--color-purple-150)
}

.ud-toggle-input-block-container:not(.ud-toggle-input-disabled):hover {
	background: var(--color-gray-100)
}

.ud-toggle-input-block-center-vertically {
	align-items: center
}

.ud-header {
	box-shadow: 0 2px 4px rgba(6, 17, 118, .08), 0 4px 12px rgba(6, 17, 118, .08);
	z-index: 1010
}

.ud-instructor-header.ud-header {
	box-shadow: none
}

.ud-badge {
	display: inline-block;
	border-radius: .4rem;
	padding-block: .4rem .4rem;
	padding-inline: .8rem .8rem;
	white-space: nowrap
}

:root {
	--ud-prompt-btn-color: var(--color-text-default);
	--ud-prompt-btn-border: none;
	--ud-prompt-btn-background-color: var(--color-purple-200);
	--ud-prompt-btn-focus-background-color: var(--color-purple-150);
	--ud-prompt-btn-border-radius: 0.4rem;
	--ud-prompt-btn-padding: 0.8rem 1.6rem
}

.ud-prompt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: start;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	inline-size: 100%;
	block-size: 100%;
	border-radius: var(--ud-prompt-btn-border-radius);
	border: var(--ud-prompt-btn-border);
	padding: var(--ud-prompt-btn-padding);
	background-color: var(--ud-prompt-btn-background-color);
	color: var(--ud-prompt-btn-color)
}

.ud-prompt:focus,
.ud-prompt:hover {
	background-color: var(--ud-prompt-btn-focus-background-color)
}

.ud-breadcrumb {
	display: flex;
	flex-wrap: nowrap;
	padding: .4rem;
	margin-block: 0;
	margin-inline: -.4rem;
	overflow: auto;
	overflow-y: hidden;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	scroll-snap-stop: always;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch
}

.ud-breadcrumb a {
	padding-block: .4rem;
	padding-inline: 0;
	white-space: nowrap;
	scroll-snap-align: start
}

.ud-breadcrumb-icon {
	position: relative;
	inset-block-start: .1rem;
	margin: .4rem
}

.ud-loader-block {
	display: flex;
	justify-content: center;
	align-items: center
}

.ud-loader-overlay {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 100%
}

.ud-loader {
	display: inline-block;
	animation: ud-loader-spin .8s linear infinite
}

@keyframes ud-loader-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.ud-lcp-candidate-white {
	background-size: cover;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAIAAABEtEjdAAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjUwMCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjUwMCIKICAgZXhpZjpDb2xvclNwYWNlPSIxIgogICB0aWZmOkltYWdlV2lkdGg9IjUwMCIKICAgdGlmZjpJbWFnZUxlbmd0aD0iNTAwIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSI3Mi4wIgogICB0aWZmOllSZXNvbHV0aW9uPSI3Mi4wIgogICBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIgogICBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA4LTExVDE2OjQxOjMxLTA1OjAwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA4LTExVDE2OjQxOjMxLTA1OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0icHJvZHVjZWQiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFmZmluaXR5IERlc2lnbmVyIDEuMTAuMCIKICAgICAgc3RFdnQ6d2hlbj0iMjAyMS0wOC0xMVQxNjo0MTozMS0wNTowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+qp5pCgAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHfK4NRGMc/G9qyiUK5cLGEK8TUwoWyJdSSZsqvm+3du03tx9v7bmm5VW5XlLjx64K/gFvlWikiJXfKNXGDXs+7qUn2nJ7zfM73nOfpnOeAPZxS0kZtP6QzOT004ffMLyx6HE84cdEKjEQUQxubmQlS1d5vsVnxuteqVf3cv+aKqYYCNqfwqKLpOeFJ4eBqTrN4S7hFSUZiwifCPbpcUPjG0qNlfrY4UeZPi/VwKAD2JmFP4hdHf7GS1NPC8nI606m88nMf6yVuNTM3K7FDvB2DEBP48TDFOAF8DDAss49evPTJiir5/aX8abKSq8isUUBnhQRJcvSImpfqqsS46KqMFAWr/3/7asQHveXqbj/UPZrmaxc4NuGraJofB6b5dQg1D3CeqeRn92HoTfRiRevcg8Z1OL2oaNFtONuAtnstokdKUo24PR6Hl2NoWIDmK6hfKvfsZ5+jOwivyVddws4udMv5xuVvTQNn2t22fqgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAb0SURBVHic7dTBCQAgEMAwdf+dzyUEoSQT9NU9MwuAlvM7AID3zB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCzB0gyNwBgswdIMjcAYLMHSDI3AGCLiy5BuVaI/vOAAAAAElFTkSuQmCC")
}

.ud-play-overlay {
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	block-size: 100%;
	inline-size: 100%
}

.ud-footer-btns {
	-webkit-margin-before: 3.2rem;
	margin-block-start: 3.2rem
}

.ud-footer-btns .ud-btn+.ud-btn {
	-webkit-margin-start: 1.6rem;
	margin-inline-start: 1.6rem
}

.ud-footer-btns-spacer {
	display: none
}

@container ud-content-area (min-width: @content-area-sm-min) {
	grid-auto-columns: calc((100% - (4 - 1) * 1.6rem) * (3 / 4) + (3 - 1) * 1.6rem)
}

@container ud-content-area (min-width: @content-area-md-min) {
	grid-auto-columns: calc((100% - (12 - 1) * 1.6rem) * (6 / 12) + (6 - 1) * 1.6rem)
}

@container ud-content-area (min-width: @content-area-xl-min) {
	grid-auto-columns: calc((100% - (12 - 1) * 1.6rem) * (4 / 12) + (4 - 1) * 1.6rem)
}

@container ud-content-area (min-width: @content-area-xl-min) {
	grid-auto-columns: calc((100% - (9 - 1) * 1.6rem) * (4 / 9) + (4 - 1) * 1.6rem)
}

@container ud-content-area (min-width: @content-area-xl-mid) {
	grid-auto-columns: calc((100% - (9 - 1) * 1.6rem) * (3 / 9) + (3 - 1) * 1.6rem)
}

@container ud-content-area (min-width: @content-area-sm-min) {
	grid-auto-columns: calc((100% - (2 - 1) * 1.6rem) / 2)
}

@container ud-content-area (min-width: @content-area-md-min) {
	grid-auto-columns: calc((100% - (3 - 1) * 1.6rem) / 3)
}

@container ud-content-area (min-width: @content-area-lg-min) {
	grid-auto-columns: calc((100% - (4 - 1) * 1.6rem) / 4)
}

@container ud-content-area (min-width: @content-area-xl-min) {
	grid-auto-columns: calc((100% - (5 - 1) * 1.6rem) / 5)
}

:root {
	--font-stack-heading-serif: SuisseWorks, "Vazirmatn", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-stack-heading: "Udemy Sans", "Vazirmatn", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-stack-text: "Udemy Sans", "Vazirmatn", "SF Pro Text", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--color-gray-650: #16161d;
	--color-gray-600: #202230;
	--color-gray-550: #2a2b3f;
	--color-gray-500: #33364a;
	--color-gray-450: #3d4055;
	--color-gray-400: #595c73;
	--color-gray-350: #6f7390;
	--color-gray-300: #9194ac;
	--color-gray-250: #b7b9cd;
	--color-gray-200: #d1d2e0;
	--color-gray-150: #e9eaf2;
	--color-gray-100: #f6f7f9;
	--color-red-500: #940a00;
	--color-red-450: #c20d00;
	--color-red-400: #d51c0f;
	--color-red-350: #ea3124;
	--color-red-300: #ff493c;
	--color-red-250: #ff7e74;
	--color-red-200: #ffb7b2;
	--color-red-150: #ffd1ce;
	--color-red-100: #ffeceb;
	--color-blue-500: #180a3d;
	--color-blue-450: #281160;
	--color-blue-400: #371783;
	--color-blue-350: #431ca3;
	--color-blue-300: #5022c3;
	--color-blue-250: #8072e6;
	--color-blue-200: #c0c4fc;
	--color-blue-150: #d8e0fb;
	--color-blue-100: #eeeffc;
	--color-indigo-500: var(--color-blue-500);
	--color-indigo-400: var(--color-blue-400);
	--color-indigo-300: var(--color-blue-300);
	--color-indigo-200: var(--color-blue-200);
	--color-indigo-100: var(--color-blue-100);
	--color-orange-500: #8b4309;
	--color-orange-450: #a7590c;
	--color-orange-400: #c4710d;
	--color-orange-350: #df890c;
	--color-orange-300: #f69c08;
	--color-orange-250: #f5b448;
	--color-orange-200: #ffcc80;
	--color-orange-150: #ffe1b2;
	--color-orange-100: #fff6e5;
	--color-yellow-500: #223509;
	--color-yellow-450: #5c6a12;
	--color-yellow-400: #959b19;
	--color-yellow-350: #d2cf1e;
	--color-yellow-300: #e9e729;
	--color-yellow-250: #eeec5d;
	--color-yellow-200: #eceb98;
	--color-yellow-150: #f3f2b8;
	--color-yellow-100: #f9f9d7;
	--color-green-500: #123825;
	--color-green-450: #194d33;
	--color-green-400: #206241;
	--color-green-350: #1f8552;
	--color-green-300: #1ea863;
	--color-green-250: #5cbe8a;
	--color-green-200: #8cd3b0;
	--color-green-150: #bbe7d3;
	--color-green-100: #ebfaf4;
	--color-teal-600: #082b35;
	--color-teal-550: #0b3e4a;
	--color-teal-500: #0d5261;
	--color-teal-450: #0d697a;
	--color-teal-400: #0e8390;
	--color-teal-350: #199aa3;
	--color-teal-300: #45b5bb;
	--color-teal-250: #72d3d8;
	--color-teal-200: #97dfe3;
	--color-teal-150: #c2e9eb;
	--color-teal-100: #e4f5f6;
	--color-purple-600: #180a3d;
	--color-purple-550: #291367;
	--color-purple-500: #3b1b94;
	--color-purple-450: #5022c3;
	--color-purple-400: #6d28d2;
	--color-purple-350: #892de1;
	--color-purple-300: #a435f0;
	--color-purple-250: #af72fd;
	--color-purple-200: #bda1ff;
	--color-purple-150: #d2caff;
	--color-purple-100: #f2efff;
	--color-white: #fff;
	--color-knockout: #fff;
	--gradient-purple-500: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-purple-550) 50%, var(--color-purple-450) 80%);
	--gradient-purple-300: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-purple-450) 50%, var(--color-purple-300) 80%);
	--gradient-purple-200: radial-gradient(100% 100% at 0% 0%, var(--color-purple-250) 30%, var(--color-purple-250) 50%, var(--color-purple-150) 80%);
	--gradient-purple-100: radial-gradient(100% 100% at 0% 0%, var(--color-purple-200) 30%, var(--color-purple-150) 50%, var(--color-purple-100) 80%);
	--gradient-red-500: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-purple-450) 50%, var(--color-red-450) 80%);
	--gradient-red-300: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-purple-300) 50%, var(--color-red-300) 80%);
	--gradient-red-200: radial-gradient(100% 100% at 0% 0%, var(--color-purple-250) 30%, var(--color-purple-200) 50%, var(--color-red-200) 80%);
	--gradient-red-100: radial-gradient(100% 100% at 0% 0%, var(--color-purple-200) 30%, var(--color-purple-150) 50%, var(--color-red-100) 80%);
	--gradient-green-500: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-green-350) 50%, var(--color-teal-450) 80%);
	--gradient-green-300: radial-gradient(100% 100% at 0% 0%, var(--color-gray-550) 30%, var(--color-green-300) 50%, var(--color-teal-300) 80%);
	--gradient-green-200: radial-gradient(100% 100% at 0% 0%, var(--color-green-250) 30%, var(--color-green-200) 50%, var(--color-teal-200) 80%);
	--gradient-green-100: radial-gradient(100% 100% at 0% 0%, var(--color-green-200) 30%, var(--color-green-150) 50%, var(--color-teal-150) 80%)
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	font-size: 62.5%
}

:lang(vi) {
	--font-stack-heading-serif: "Times New Roman", Georgia, Times, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-stack-heading: Arial, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-stack-text: Arial, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

body {
	font-family: var(--font-stack-text);
	font-weight: 400;
	line-height: 1.4;
	font-size: 1.6rem;
	color: #2a2b3f;
	margin: 0
}

[lang=ko-kr] body {
	word-break: keep-all
}

.ud-main-content-wrapper,
body {
	display: flex;
	min-block-size: 100vb;
	flex-direction: column
}

.ud-main-content,
.ud-main-content-wrapper {
	flex: 1 0 auto
}

img,
picture {
	max-inline-size: 100%;
	block-size: auto;
	vertical-align: middle
}

a {
	color: #6d28d2;
	text-decoration: none
}

a:hover {
	color: #521e9f
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
	font-size: inherit;
	font-weight: 400;
	max-inline-size: 60rem
}

blockquote,
q {
	quotes: "\201C""\201D""\2018""\2019"
}

code,
kbd,
pre,
samp {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

button,
input {
	background-image: none
}

fieldset,
legend {
	border: 0
}

input,
select {
	color: #2a2b3f
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

input[disabled],
select[disabled],
textarea[disabled] {
	cursor: not-allowed
}

ol,
ul {
	-webkit-padding-start: 2.4rem;
	padding-inline-start: 2.4rem
}

li {
	-webkit-padding-start: .8rem;
	padding-inline-start: .8rem
}

li+li {
	-webkit-margin-before: .4rem;
	margin-block-start: .4rem
}

ol+ol,
ol+p,
ol+ul,
p+ol,
p+p,
p+ul,
ul+ol,
ul+p {
	-webkit-margin-before: .8rem;
	margin-block-start: .8rem
}

.ud-unstyled-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-inline-size: none
}

.ud-unstyled-list li {
	-webkit-padding-start: 0;
	padding-inline-start: 0
}

.ud-unstyled-list li+li {
	-webkit-margin-before: 0;
	margin-block-start: 0
}

:focus,
a:focus,
button:focus,
input:focus {
	outline: none
}

body.ud-keyboard-navigation-in-use .ud-custom-focus-visible:focus .ud-focus-visible-target,
body.ud-keyboard-navigation-in-use :not(.ud-custom-focus-visible):focus {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-purple-400), 0 0 2px 5px var(--color-purple-150)
}

.ud-decorative-heading-xxxl {
	font-size: clamp(3.2rem, calc(3.2rem + (4.8 - 3.2) * calc((100vw - 36rem) / (144 - 36))), 4.8rem)
}

.ud-decorative-heading-4xl,
.ud-decorative-heading-xxxl {
	font-family: var(--font-stack-heading);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	max-inline-size: 36em
}

.ud-decorative-heading-4xl {
	font-size: clamp(3.6rem, calc(3.6rem + (5.6 - 3.6) * calc((100vw - 36rem) / (144 - 36))), 5.6rem)
}

.ud-decorative-heading-5xl {
	font-size: clamp(4.2rem, calc(4.2rem + (7.2 - 4.2) * calc((100vw - 36rem) / (144 - 36))), 7.2rem);
	max-inline-size: 36em
}

.ud-decorative-heading-5xl,
.ud-heading-xs {
	font-family: var(--font-stack-heading);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0
}

.ud-heading-xs {
	font-size: 1.2rem;
	letter-spacing: .02rem
}

.ud-heading-sm {
	font-size: 1.4rem
}

.ud-heading-md,
.ud-heading-sm {
	font-family: var(--font-stack-heading);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0
}

.ud-heading-md {
	font-size: 1.6rem
}

.ud-heading-lg {
	font-size: clamp(1.7rem, calc(1.7rem + (1.8 - 1.7) * calc((100vw - 36rem) / (144 - 36))), 1.8rem)
}

.ud-heading-lg,
.ud-heading-xl {
	font-family: var(--font-stack-heading);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	max-inline-size: 36em
}

.ud-heading-xl {
	font-size: clamp(2rem, calc(2rem + (2.4 - 2) * calc((100vw - 36rem) / (144 - 36))), 2.4rem)
}

.ud-heading-xxl {
	font-size: clamp(2.4rem, calc(2.4rem + (3.2 - 2.4) * calc((100vw - 36rem) / (144 - 36))), 3.2rem)
}

.ud-heading-xxl,
.ud-heading-xxxl {
	font-family: var(--font-stack-heading);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	max-inline-size: 36em
}

.ud-heading-xxxl {
	font-size: clamp(3.2rem, calc(3.2rem + (4.8 - 3.2) * calc((100vw - 36rem) / (144 - 36))), 4.8rem)
}

.ud-heading-serif-lg {
	font-size: clamp(1.7rem, calc(1.7rem + (1.8 - 1.7) * calc((100vw - 36rem) / (144 - 36))), 1.8rem);
	letter-spacing: -.0095rem
}

.ud-heading-serif-lg,
.ud-heading-serif-xl {
	font-family: var(--font-stack-heading-serif);
	font-weight: 700;
	line-height: 1.35;
	max-inline-size: 36em
}

.ud-heading-serif-xl {
	font-size: clamp(2rem, calc(2rem + (2.4 - 2) * calc((100vw - 36rem) / (144 - 36))), 2.4rem);
	letter-spacing: -.012rem
}

.ud-heading-serif-xxl {
	font-family: var(--font-stack-heading-serif);
	font-weight: 700;
	font-size: clamp(2.4rem, calc(2.4rem + (3.2 - 2.4) * calc((100vw - 36rem) / (144 - 36))), 3.2rem);
	line-height: 1.25;
	letter-spacing: -.016rem;
	max-inline-size: 36em
}

.ud-heading-serif-xxxl {
	font-size: clamp(3.2rem, calc(3.2rem + (4.8 - 3.2) * calc((100vw - 36rem) / (144 - 36))), 4.8rem);
	letter-spacing: -.04rem
}

.ud-heading-serif-4xl,
.ud-heading-serif-xxxl {
	font-family: var(--font-stack-heading-serif);
	font-weight: 700;
	line-height: 1.15;
	max-inline-size: 36em
}

.ud-heading-serif-4xl {
	font-size: clamp(3.6rem, calc(3.6rem + (5.6 - 3.6) * calc((100vw - 36rem) / (144 - 36))), 5.6rem);
	letter-spacing: -.048rem
}

.ud-text-xs {
	font-size: 1.2rem
}

.ud-text-sm,
.ud-text-xs {
	font-family: var(--font-stack-text);
	font-weight: 400;
	line-height: 1.4
}

.ud-text-sm {
	font-size: 1.4rem
}

.ud-text-md {
	font-size: 1.6rem
}

.ud-text-lg,
.ud-text-md {
	font-family: var(--font-stack-text);
	font-weight: 400;
	line-height: 1.4
}

.ud-text-lg {
	font-size: clamp(1.7rem, calc(1.7rem + (1.8 - 1.7) * calc((100vw - 36rem) / (144 - 36))), 1.8rem)
}

.ud-text-xl {
	font-family: var(--font-stack-text);
	font-weight: 400;
	line-height: 1.4;
	font-size: clamp(2rem, calc(2rem + (2.4 - 2) * calc((100vw - 36rem) / (144 - 36))), 2.4rem)
}

.ud-text-bold {
	font-weight: 700
}

@media (max-width:61.25rem) {
	.ud-text-responsive.ud-heading-serif-xxxl {
		font-family: var(--font-stack-heading-serif);
		font-weight: 700;
		font-size: clamp(2.4rem, calc(2.4rem + (3.2 - 2.4) * calc((100vw - 36rem) / (144 - 36))), 3.2rem);
		line-height: 1.25;
		letter-spacing: -.016rem;
		max-inline-size: 36em
	}
}

@media (max-width:43.75rem) {

	.ud-text-responsive.ud-heading-serif-xxl,
	.ud-text-responsive.ud-heading-serif-xxxl {
		font-family: var(--font-stack-heading-serif);
		font-weight: 700;
		font-size: clamp(2rem, calc(2rem + (2.4 - 2) * calc((100vw - 36rem) / (144 - 36))), 2.4rem);
		line-height: 1.35;
		letter-spacing: -.012rem;
		max-inline-size: 36em
	}

	.ud-text-responsive.ud-text-lg {
		font-family: var(--font-stack-text);
		font-weight: 400;
		line-height: 1.4;
		font-size: 1.6rem
	}
}

.ud-sr-only {
	position: absolute !important;
	block-size: 1px;
	inline-size: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px)
}

.ud-container {
	inline-size: 100%;
	max-inline-size: 134rem;
	margin-inline: auto;
	padding-inline: 2.4rem 2.4rem
}

.ud-full-viewport-container {
	inline-size: 100vi;
	position: relative;
	inset-inline: 50%;
	margin-inline: -50vi
}

#__next {
	display: flex;
	min-block-size: 100vb;
	flex-direction: column;
	flex: 1 0 auto
}

.ribbon_ribbon__AvnEf {
	display: inline-flex;
	align-items: center;
	padding-block: .4rem .4rem;
	padding-inline: .8rem .8rem;
	white-space: nowrap;
	background-color: var(--ribbon-background-color);
	color: var(--ribbon-color);
	border-radius: .4rem
}

.ribbon_ribbon__AvnEf .ud-icon {
	-webkit-margin-end: .4rem;
	margin-inline-end: .4rem
}

.ribbon_large__u9Nb_ {
	padding: .8rem
}

.ribbon_ribbon__AvnEf+.ribbon_ribbon__AvnEf:not(.ud-badge) {
	-webkit-margin-start: .8rem;
	margin-inline-start: .8rem
}

.course-badges_subscription_badge__W61D8 {
	padding-top: .3rem;
	padding-bottom: .3rem;
	background-color: var(--color-purple-450);
	color: var(--color-knockout)
}

/*# sourceMappingURL=8ee9df1119cab5a2.css.map*/