@keyframes tutor-skeleton-loading {
	0% {
		background-position: 200% 0;
	}
	
	to {
		background-position: -200% 0;
	}
}

@keyframes tutor-fade-in {
	to {
		opacity: 1;
	}
}

@keyframes tutor-fade-out {
	to {
		opacity: 0;
	}
}

@keyframes tutor-slide-in-up {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes tutor-slide-in-down {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes tutor-slide-in-left {
	to {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes tutor-slide-in-right {
	to {
		opacity: 1;
		transform: translate(0);
	}
}

@keyframes tutor-scale-in {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes tutor-bounce-in {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
	}
	
	70% {
		transform: scale(1.05);
	}
	
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes tutor-pulse {
	0%, to {
		opacity: 1;
	}
	
	50% {
		opacity: .5;
	}
}

@keyframes tutor-spin {
	0% {
		transform: rotate(0);
	}
	
	to {
		transform: rotate(360deg);
	}
}

@keyframes tutor-shake {
	0%, to {
		transform: translate(0);
	}
	
	10%, 30%, 50%, 70%, 90% {
		transform: translate(-10px);
	}
	
	20%, 40%, 60%, 80% {
		transform: translate(10px);
	}
}

@keyframes tutor-button-spin {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes tutor-button-pulse {
	0%, to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
	
	50% {
		opacity: .4;
		transform: translate(-50%, -50%) scale(.9);
	}
}

.tutor-dashboard-sidebar-logo img {
	object-fit: contain;
	object-position: left center;
	width: auto;
	max-width: 120px;
	height: auto;
	max-height: 100%;
	display: block;
}

[dir=rtl] .tutor-dashboard-sidebar-logo img {
	object-position: right center;
}

.tutor-dashboard-header-user-popover-menu li a svg {
	flex-shrink: 0;
}

.tutor-progress-card .tutor-progress-card-thumbnail img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.tutor-course-card-thumbnail img {
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
	width: 100%;
}

.tutor-dashboard-my-courses .tutor-my-courses-card-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.tutor-dashboard-home-sort [data-grab] svg {
	color: var(--tutor-icon-secondary);
}

.tutor-dashboard-home-task-icon svg {
	color: var(--tutor-icon-brand);
}

[data-section-id=current_stats] {
	view-transition-name: current-stats;
}

[data-section-id=overview_chart] {
	view-transition-name: overview-chart;
}

[data-section-id=course_completion_and_leader] {
	view-transition-name: course-completion-and-leader;
}

[data-section-id=top_performing_courses] {
	view-transition-name: top-performing-courses;
}

[data-section-id=upcoming_tasks_and_activity] {
	view-transition-name: upcoming-tasks-and-activity;
}

[data-section-id=recent_reviews] {
	view-transition-name: recent-reviews;
}

@media (max-width:576px) {
	.tutor-user-profile .tutor-profile-card-header .tutor-edit-profile-btn svg {
		width: 20px;
		height: 20px;
	}
}

@media (max-width:576px) {
	.tutor-user-profile .tutor-user-profile-statistics .tutor-statistic-card-icon svg {
		width: 20px;
		height: 20px;
	}
}

@media (max-width:576px) {
	.tutor-billing-card-payment-method .tutor-badge img {
		display: block;
	}
}

.tutor-billing-invoice-content img {
	object-position: center;
	object-fit: contain;
	border-radius: 8px;
	width: 100%;
	height: auto;
}

.tutor-account-section .tutor-account-avatar-wrapper .tutor-account-avatar img {
	border-radius: 1000px;
}

.tutor-profile-notification .tutor-profile-notification-card svg {
	color: var(--tutor-icon-idle);
	flex-shrink: 0;
}

.tutor-profile-notification .tutor-profile-notification-toggle svg {
	color: var(--tutor-icon-secondary);
	transition: transform .25s ease-in-out;
}

.tutor-profile-notification .tutor-profile-notification-toggle svg path {
	transform: translateY(2px);
}

.tutor-profile-notification .tutor-profile-notification-toggle.is-expanded svg {
	transform: rotate(-180deg);
}

.tutor-preferences-vision-preview img {
	width: 100%;
	max-width: 65%;
}

.tutor-quiz-question img, .tutor-quiz-question video, .tutor-quiz-question iframe, .tutor-quiz-question object, .tutor-quiz-question embed {
	max-width: 100%;
}

[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)) {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	display: grid;
}

[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}

[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>:nth-child(2)) {
	grid-template-columns: repeat(2, 1fr);
}

[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>[data-dnd-dragging=true]):has(>:nth-child(3)) {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width:576px) {
	[data-question=multiple_choice] .tutor-quiz-question-options:has(img) {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		display: grid;
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:has(img):has(>:nth-child(3)) {
		grid-template-columns: repeat(3, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:has(img):has(>:nth-child(2)) {
		grid-template-columns: repeat(2, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:has(img):has(>[data-dnd-dragging=true]):has(>:nth-child(3)) {
		grid-template-columns: repeat(2, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:has(img) {
		gap: 12px;
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)) {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
		display: grid;
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>:nth-child(2)) {
		grid-template-columns: repeat(2, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>:first-child) {
		grid-template-columns: repeat(1, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)):has(>[data-dnd-dragging=true]):has(>:nth-child(2)) {
		grid-template-columns: repeat(1, 1fr);
	}
	
	[data-question=multiple_choice] .tutor-quiz-question-options:not(:has(img)) {
		gap: 12px;
	}
}

[data-question=multiple_choice] .tutor-quiz-question-option:has(img) {
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	padding: 0;
	display: flex;
}

[data-question=multiple_choice] .tutor-quiz-question-option:has(img) img {
	object-fit: contain;
	object-position: center;
	border-end-end-radius: 6px;
	border-end-start-radius: 6px;
	width: 100%;
	height: 160px;
}

[data-question=multiple_choice] .tutor-quiz-question-option:has(img) [data-title] {
	text-align: left;
	padding: 6px 8px;
}

.tutor-discussion-card-meta svg {
	color: var(--tutor-icon-secondary);
}

@media (max-width:576px) {
	.tutor-discussion-card-meta svg {
		width: 16px;
		height: 16px;
	}
}

@media (max-width:576px) {
	.tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-info .tutor-quiz-attempts-expand-icon svg {
		width: 16px;
		height: 16px;
	}
}

.tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-correct img, .tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-correct svg, .tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-incorrect img, .tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-incorrect svg {
	object-fit: contain;
	object-position: center;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	width: 12px;
	height: 12px;
	display: flex;
}

.tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-correct svg, .tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item .tutor-quiz-item-marks .tutor-quiz-marks-breakdown .tutor-quiz-marks-incorrect svg {
	color: var(--tutor-icon-idle);
}

@media (min-width:576px) {
	.tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item:has(.tutor-popover[style*="visibility: visible;"]) .tutor-quiz-item-result .tutor-badge {
		display: none;
	}
	
	.tutor-quiz-attempts .tutor-quiz-attempts-item-wrapper .tutor-quiz-attempts-item:has(.tutor-popover[style*="visibility: visible;"]) .tutor-quiz-item-result-more {
		display: flex;
	}
}

.tutor-quiz-summary-page .tutor-quiz-review-item:has(img) {
	min-height: 48px;
}

.tutor-quiz-summary-page .tutor-quiz-review-item img {
	object-fit: contain;
	object-position: center;
	border-radius: 2px;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}

.tutor-tour-modal .tutor-tour-images .tutor-tour-slide-image picture, .tutor-tour-modal .tutor-tour-images .tutor-tour-slide-image img {
	object-fit: cover;
	border-radius: 12px;
	width: 100%;
	height: 100%;
}