.#{$prefix} {
	$w: &;
	& #{$w}-curriculum {
		display: flex;
		flex-direction: column;
		gap: 0.313rem;
		#{$w}-curriculum-item {
			margin: 0;
			border: 0.063rem solid rgb(var(--wpt-lms-postmeta-border));
			opacity: 1;
			background-color: rgb(var(--wpt-lms-white));
			#{$w}-curriculum-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 0.938rem;
				position: relative;
				padding: 0.625rem;
				background-color: rgba(var(--wpt-lms-primary-700), 5%);
				&:hover {
					background-color: rgba(var(--wpt-lms-primary-700), 8%);
					i {
						color: rgb(var(--wpt-lms-primary-700));
					}
					input {
						border-color: rgb(var(--wpt-lms-primary-700));
						box-shadow: 0 0.25rem 0.25rem rgba(var(--wpt-lms-primary-800), 0.1);
					}
				}
				&:has(input:focus) {
					background-color: rgba(var(--wpt-lms-primary-700), 8%);
				}
				.sort {
					position: relative;
					order: 1;
					cursor: grab;
				}
				i {
					color: rgb(var(--wpt-lms-gray));
					cursor: pointer;
					&.section-delete-btn {
						order: 3;
					}
				}
				#{$w}-form-control {
					width: 100% !important;
					order: 2;
					&:focus + i,
					&:focus + i + i,
					&:focus + i + i + #{$w}-actions i {
						color: rgb(var(--wpt-lms-primary-700));
					}
				}
				#{$w}-actions {
					order: 4;
				}
			}
			#{$w}-curriculum-body {
				padding: 1.5rem;
				border-top: 0.063rem solid rgb(var(--wpt-lms-postmeta-border));
				display: flex;
				flex-direction: column;
				gap: 1rem;
				align-items: flex-start;
				textarea {
					min-height: 4rem;
				}
				#{$w}-form-control {
					width: 100%;
				}
				#{$w}-lq {
					display: flex;
					flex-direction: column;
					gap: 0.313rem;
					width: 100%;
					#{$w}-lq-list {
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 0.938rem;
						position: relative;
						padding: 0.625rem;
						background-color: rgba(var(--wpt-lms-bg), 1);
						transition: all 0.2s ease-in-out;
						border: 0.063rem solid rgb(var(--wpt-lms-postmeta-border));
						&:hover {
							background-color: rgba(var(--wpt-lms-primary-700), 1%);
							i {
								color: rgb(var(--wpt-lms-primary-700));
							}
							input {
								border-color: rgb(var(--wpt-lms-primary-700));
								box-shadow: 0 0.25rem 0.25rem rgba(var(--wpt-lms-primary-800), 0.1);
							}
						}
						&:has(input:focus) {
							background-color: rgba(var(--wpt-lms-primary-700), 8%);
						}
						.sort {
							position: relative;
							order: 1;
						}
						i {
							color: rgb(var(--wpt-lms-gray));
							transition: all 0.2s ease-in-out;
							&.lesson {
								order: 2;
							}
						}
						#{$w}-form-control {
							width: 100% !important;
							order: 3;
							&:focus + i,
							&:focus + i + i,
							&:focus + i + i + #{$w}-lq-actions i {
								color: rgb(var(--wpt-lms-primary-700));
							}
						}
						#{$w}-lq-actions {
							order: 4;
							display: flex;
							align-items: center;
							justify-content: flex-end;
							gap: 0.938rem;
							min-width: 6.875rem;
							padding-right: 0.5rem;
							flex-shrink: 0;
							i {
								cursor: pointer;
							}
						}
					}
					#{$w}-lq-add {
						display: flex;
						align-items: center;
						justify-content: space-between;
						gap: 0.938rem;
						position: relative;
						padding: 0.625rem;
						background-color: rgba(var(--wpt-lms-bg), 1);
						transition: all 0.2s ease-in-out;
						border: 0.063rem solid rgb(var(--wpt-lms-postmeta-border));
						&:hover {
							background-color: rgba(var(--wpt-lms-primary-700), 8%);
							input {
								border-color: rgb(var(--wpt-lms-primary-700));
								box-shadow: 0 0.25rem 0.25rem rgba(var(--wpt-lms-primary-800), 0.1);
							}
						}
						&:has(input:focus) {
							background-color: rgba(var(--wpt-lms-primary-700), 8%);
						}
						i {
							color: rgb(var(--wpt-lms-primary-700));
							transition: all 0.2s ease-in-out;
						}
						#{$w}-form-control {
							width: 100% !important;
							order: 2;
						}
						.button {
							&.button-primary {
								i {
									color: rgb(var(--wpt-lms-white));
								}
							}
						}
					}
				}
				.inserted-blank {
					color: rgb(var(--wpt-lms-primary-700));
				}
				.add-answer {
					margin-top: 1.25rem;
				}
			}
		}
		#{$w}-add-question {
			margin-top: 0.625rem;
		}
		#{$w}-add-new-section {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 0.938rem;
			position: relative;
			padding: 0.625rem;
			background-color: rgba(var(--wpt-lms-bg), 1);
			transition: all 0.2s ease-in-out;
			border: 0.063rem solid rgb(var(--wpt-lms-postmeta-border));
			// &:hover {
			// 	background-color: rgba(var(--wpt-lms-primary-50), 1);
			// 	input {
			// 		border-color: rgb(var(--wpt-lms-primary-700));
			// 		box-shadow: 0 0.25rem 0.25rem rgba(var(--wpt-lms-primary-900), 0.1);
			// 	}
			// }
			// &:has(input:focus) {
			// 	background-color: rgba(var(--wpt-lms-primary-50), 1);
			// }
			i {
				color: rgb(var(--wpt-lms-gray));
				transition: all 0.2s ease-in-out;
				width: 2.5rem;
				text-align: center;
			}
			#{$w}-form-control {
				width: 100% !important;
				order: 2;
			}
		}
	}
	& #{$w}-question {
		#{$w}-curriculum-item {
			border: 0 !important;
			#{$w}-curriculum-head {
				background-color: transparent !important;
				padding: 0 0 0.625rem 0 !important;
			}
			#{$w}-curriculum-body {
				padding: 0 !important;
				border-top: 0 !important;
				display: block !important;
				#{$w}-answer {
					padding: 0;
				}
			}
		}
	}
}