:root, [data-tutor-theme=light] {
	--tutor-surface-base: #fafafa;
	--tutor-surface-l1: #fff;
	--tutor-surface-l1-hover: #f5f5f6;
	--tutor-surface-l2: #ececed;
	--tutor-surface-l2-hover: #cecfd2;
	--tutor-surface-l3: #f5f5f6;
	--tutor-surface-brand-dark: var(--tutor-brand-950, #1c234f);
	--tutor-surface-brand-primary: var(--tutor-brand-600, #3e64de);
	--tutor-surface-brand-primary-2: var(--tutor-brand-800, #293da4);
	--tutor-surface-brand-secondary: var(--tutor-brand-300, #dbe4fa);
	--tutor-surface-brand-tertiary: var(--tutor-brand-100, #f6f8fe);
	--tutor-surface-brand-quaternary: var(--tutor-brand-200, #e4ebfc);
	--tutor-surface-sidebar-l1: #fcfcfc;
	--tutor-surface-exception2-secondary: #fff0f9;
	--tutor-surface-exception3-highlight: #cbfd78;
	--tutor-surface-exception6: #f2e8ff;
	--tutor-surface-exception7: var(--tutor-brand-900, #263782);
	--tutor-surface-dark: #0c111d;
	--tutor-surface-warning: #fffaeb;
	--tutor-surface-warning-hover: #fef0c7;
	--tutor-surface-warning-hover-2: #fef0c7;
	--tutor-surface-success: #eaf6ec;
	--tutor-surface-critical: #fee4e2;
	--tutor-text-primary: #0c111d;
	--tutor-text-primary-inverse: #fff;
	--tutor-text-secondary: #333741;
	--tutor-text-subdued: #73767d;
	--tutor-text-disabled: #cecfd2;
	--tutor-text-brand: var(--tutor-brand-600, #3e64de);
	--tutor-text-brand-hover: var(--tutor-brand-700, #2b49ca);
	--tutor-text-brand-secondary: var(--tutor-brand-400, #a4bcf4);
	--tutor-text-light: #fafafa;
	--tutor-text-success: #1c7731;
	--tutor-text-critical: #d92d20;
	--tutor-text-critical-hover: #b42318;
	--tutor-text-warning: #93370d;
	--tutor-text-caution: #854a0e;
	--tutor-text-exception1: #00acc2;
	--tutor-text-exception2: #ee0097;
	--tutor-text-exception4: #fdb022;
	--tutor-text-exception5: #9747ff;
	--tutor-text-highlighted-hover: #333741;
	--tutor-icon-idle: #333741;
	--tutor-icon-idle-inverse: #fff;
	--tutor-icon-hover: #161b26;
	--tutor-icon-secondary: #73767d;
	--tutor-icon-subdued: #94969c;
	--tutor-icon-disabled: #cecfd2;
	--tutor-icon-brand: var(--tutor-brand-600, #3e64de);
	--tutor-icon-brand-hover: var(--tutor-brand-700, #2b49ca);
	--tutor-icon-brand-secondary: var(--tutor-brand-300, #dbe4fa);
	--tutor-icon-exception1: #00acc2;
	--tutor-icon-exception2: #ee0097;
	--tutor-icon-exception4: #fdb022;
	--tutor-icon-exception5: #9747ff;
	--tutor-icon-success-primary: #1c7731;
	--tutor-icon-success-secondary: #24983f;
	--tutor-icon-caution: #fac515;
	--tutor-icon-critical: #d92d20;
	--tutor-icon-critical-hover: #b42318;
	--tutor-icon-warning: #b54708;
	--tutor-icon-warning-secondary: #fdb022;
	--tutor-button-primary: var(--tutor-brand-600, #3e64de);
	--tutor-button-primary-hover: var(--tutor-brand-700, #2b49ca);
	--tutor-button-primary-focused: var(--tutor-brand-600, #3e64de);
	--tutor-button-primary-disabled: var(--tutor-brand-400, #a4bcf4);
	--tutor-button-primary-soft: var(--tutor-brand-200, #e4ebfc);
	--tutor-button-primary-soft-hover: var(--tutor-brand-300, #dbe4fa);
	--tutor-button-primary-soft-focused: var(--tutor-brand-200, #e4ebfc);
	--tutor-button-disabled: #f0f1f1;
	--tutor-button-destructive: #d92d20;
	--tutor-button-destructive-hover: #b42318;
	--tutor-button-destructive-focused: #d92d20;
	--tutor-button-destructive-soft: #fee4e2;
	--tutor-button-destructive-soft-hover: #fecdca;
	--tutor-button-destructive-soft-focused: #fee4e2;
	--tutor-button-success: #24983f;
	--tutor-button-success-hover: #1c7731;
	--tutor-button-success-focused: #24983f;
	--tutor-button-secondary: #ececed;
	--tutor-button-secondary-hover: #cecfd2;
	--tutor-button-secondary-focused: #ececed;
	--tutor-button-outline-inverse: #fff;
	--tutor-button-outline-hover: #ececed;
	--tutor-button-outline-focused-inverse: #fff;
	--tutor-button-ghost-hover: #ececed;
	--tutor-border-idle: #ececed;
	--tutor-border-idle2: #ececed;
	--tutor-border-hover: #cecfd2;
	--tutor-border-tertiary: #94969c;
	--tutor-border-inverse: #fff;
	--tutor-border-brand: var(--tutor-brand-600, #3e64de);
	--tutor-border-brand-secondary: var(--tutor-brand-300, #dbe4fa);
	--tutor-border-brand-tertiary: var(--tutor-brand-400, #a4bcf4);
	--tutor-border-dark: #0c111d;
	--tutor-border-success: #6fc482;
	--tutor-border-success-secondary: #1c7731;
	--tutor-border-warning: #fedf89;
	--tutor-border-warning-secondary: #b54708;
	--tutor-border-warning-tertiary: #fdb022;
	--tutor-border-error: #fda29b;
	--tutor-border-error-secondary: #b42318;
	--tutor-border-error-tertiary: #f97066;
	--tutor-border-exception6: #9747ff;
	--tutor-tab-sidebar-l2: #fcfcfc;
	--tutor-tab-sidebar-l2-hover: #ececed;
	--tutor-tab-sidebar-l2-active: var(--tutor-brand-200, #e4ebfc);
	--tutor-tab-sidebar-l4-hover: #ececed;
	--tutor-tab-sidebar-l4-active: var(--tutor-brand-200, #e4ebfc);
	--tutor-tab-l3: var(--tutor-brand-200, #e4ebfc);
	--tutor-tab-l3-hover: var(--tutor-brand-300, #dbe4fa);
	--tutor-tab-l3-active: var(--tutor-brand-200, #e4ebfc);
	--tutor-tab-l3-active-hover: #f0f1f1;
	--tutor-actions-success-primary: #24983f;
	--tutor-actions-success-secondary: #9cd7a9;
	--tutor-actions-success-tertiary: #eaf6ec;
	--tutor-actions-success-exception: #28a745;
	--tutor-actions-warning-primary: #fdb022;
	--tutor-actions-warning-secondary: #fef0c7;
	--tutor-actions-warning-tertiary: #fffaeb;
	--tutor-actions-warning-exception: #f79009;
	--tutor-actions-brand-primary: var(--tutor-brand-600, #3e64de);
	--tutor-actions-brand-secondary: var(--tutor-brand-300, #dbe4fa);
	--tutor-actions-brand-tertiary: var(--tutor-brand-200, #e4ebfc);
	--tutor-actions-gray-empty: #f5f5f6;
	--tutor-actions-gray-secondary: #f0f1f1;
	--tutor-actions-gray-tertiary: #ececed;
	--tutor-actions-gray-quaternary: #e0e0e1;
	--tutor-actions-critical-primary: #f04438;
	--tutor-actions-critical-secondary: #fee4e2;
	--tutor-actions-exception3-highlight: #cbfd78;
	--tutor-actions-caution: #fac515;
	--tutor-actions-caution-secondary: #fef7c3;
	--tutor-actions-inverse: #fff;
	--tutor-actions-exception5: #9747ff;
	--tutor-actions-exception6: #f2e8ff;
	--tutor-quiz-idle: #fafafa;
	--tutor-quiz-hover: #f0f1f1;
	--tutor-visual-gray-1: #fff;
	--tutor-visual-gray-2: #ececed;
	--tutor-visual-gray-3: #cecfd2;
	--tutor-visual-gray-4: #2d3039;
	--tutor-visual-brand-1: var(--tutor-brand-500, #4979e8);
	--tutor-visual-brand-2: var(--tutor-brand-400, #a4bcf4);
	--tutor-visual-brand-3: var(--tutor-brand-300, #dbe4fa);
	--tutor-visual-success-1: #28a745;
	--tutor-visual-success-2: #28a745;
	--tutor-visual-critical-1: #f04438;
	--tutor-visual-critical-2: #fee4e2;
	--tutor-visual-caution-1: #fde272;
	--tutor-visual-caution-2: #a15c07;
	--tutor-visual-caution-3: #713b12;
	--tutor-visual-orange-1: #ff8904;
	--tutor-visual-exception-1: #cbfd78;
	--tutor-visual-exception-2: #f4f433;
	--tutor-visual-exception-3: #ee0097;
	--tutor-font-weight-regular: 400;
	--tutor-font-weight-medium: 500;
	--tutor-font-weight-semibold: 600;
	--tutor-font-weight-bold: 700;
	--tutor-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);
	--tutor-shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);
	--tutor-shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
	--tutor-shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
	--tutor-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);
	--tutor-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, .18);
	--tutor-shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, .14);
}

[data-tutor-theme=dark] {
	--tutor-surface-base: #161b26;
	--tutor-surface-l1: #1f242f;
	--tutor-surface-l1-hover: #2d3039;
	--tutor-surface-l2: #2d3039;
	--tutor-surface-l2-hover: #2d3039;
	--tutor-surface-l3: #242a37;
	--tutor-surface-brand-dark: var(--tutor-brand-950, #1c234f);
	--tutor-surface-brand-primary: var(--tutor-brand-600, #3e64de);
	--tutor-surface-brand-primary-2: var(--tutor-brand-800, #293da4);
	--tutor-surface-brand-secondary: var(--tutor-brand-950, #1c234f);
	--tutor-surface-brand-tertiary: #2d3039;
	--tutor-surface-brand-quaternary: var(--tutor-brand-900, #263782);
	--tutor-surface-sidebar-l1: #0c111d;
	--tutor-surface-exception2-secondary: #333741;
	--tutor-surface-exception3-highlight: #cbfd78;
	--tutor-surface-exception6: #2c0066;
	--tutor-surface-exception7: var(--tutor-brand-900, #263782);
	--tutor-surface-dark: #61646c;
	--tutor-surface-warning: #2d3039;
	--tutor-surface-warning-hover: #7a2e0e;
	--tutor-surface-warning-hover-2: #423630;
	--tutor-surface-success: #0c3114;
	--tutor-surface-critical: #55160c;
	--tutor-text-primary: #f0f1f1;
	--tutor-text-primary-inverse: #fff;
	--tutor-text-secondary: #cecfd2;
	--tutor-text-subdued: #73767d;
	--tutor-text-disabled: #61646c;
	--tutor-text-brand: var(--tutor-brand-500, #4979e8);
	--tutor-text-brand-hover: var(--tutor-brand-500, #4979e8);
	--tutor-text-brand-secondary: var(--tutor-brand-400, #a4bcf4);
	--tutor-text-light: #fafafa;
	--tutor-text-success: #24983f;
	--tutor-text-critical: #d92d20;
	--tutor-text-critical-hover: #b42318;
	--tutor-text-warning: #dc6803;
	--tutor-text-caution: #ca8504;
	--tutor-text-exception1: #00acc2;
	--tutor-text-exception2: #ee0097;
	--tutor-text-exception4: #fdb022;
	--tutor-text-exception5: #9747ff;
	--tutor-text-highlighted-hover: #333741;
	--tutor-icon-idle: #cecfd2;
	--tutor-icon-idle-inverse: #fff;
	--tutor-icon-hover: #fff;
	--tutor-icon-secondary: #73767d;
	--tutor-icon-subdued: #61646c;
	--tutor-icon-disabled: #61646c;
	--tutor-icon-brand: var(--tutor-brand-500, #4979e8);
	--tutor-icon-brand-hover: var(--tutor-brand-700, #2b49ca);
	--tutor-icon-brand-secondary: #2d3039;
	--tutor-icon-exception1: #00acc2;
	--tutor-icon-exception2: #ee0097;
	--tutor-icon-exception4: #fdb022;
	--tutor-icon-exception5: #9747ff;
	--tutor-icon-success-primary: #1c7731;
	--tutor-icon-success-secondary: #28a745;
	--tutor-icon-caution: #fac515;
	--tutor-icon-critical: #d92d20;
	--tutor-icon-critical-hover: #b42318;
	--tutor-icon-warning: #dc6803;
	--tutor-icon-warning-secondary: #fdb022;
	--tutor-button-primary: var(--tutor-brand-600, #3e64de);
	--tutor-button-primary-hover: var(--tutor-brand-700, #2b49ca);
	--tutor-button-primary-focused: var(--tutor-brand-600, #3e64de);
	--tutor-button-primary-disabled: var(--tutor-brand-400, #a4bcf4);
	--tutor-button-primary-soft: #333741;
	--tutor-button-primary-soft-hover: var(--tutor-brand-400, #a4bcf4);
	--tutor-button-primary-soft-focused: #333741;
	--tutor-button-disabled: #2d3039;
	--tutor-button-destructive: #d92d20;
	--tutor-button-destructive-hover: #b42318;
	--tutor-button-destructive-focused: #d92d20;
	--tutor-button-destructive-soft: #fee4e2;
	--tutor-button-destructive-soft-hover: #fecdca;
	--tutor-button-destructive-soft-focused: #fee4e2;
	--tutor-button-success: #28a745;
	--tutor-button-success-hover: #24983f;
	--tutor-button-success-focused: #28a745;
	--tutor-button-secondary: #333741;
	--tutor-button-secondary-hover: #61646c;
	--tutor-button-secondary-focused: #333741;
	--tutor-button-outline-inverse: #1f242f;
	--tutor-button-outline-hover: #333741;
	--tutor-button-outline-focused-inverse: #0c111d;
	--tutor-button-ghost-hover: #333741;
	--tutor-border-idle: #2d3039;
	--tutor-border-idle2: #333741;
	--tutor-border-hover: #61646c;
	--tutor-border-tertiary: #61646c;
	--tutor-border-inverse: #333741;
	--tutor-border-brand: var(--tutor-brand-600, #3e64de);
	--tutor-border-brand-secondary: #333741;
	--tutor-border-brand-tertiary: var(--tutor-brand-700, #2b49ca);
	--tutor-border-dark: #333741;
	--tutor-border-success: #1c7731;
	--tutor-border-success-secondary: #24983f;
	--tutor-border-warning: #fedf89;
	--tutor-border-warning-secondary: #dc6803;
	--tutor-border-warning-tertiary: #dc6803;
	--tutor-border-error: #b42318;
	--tutor-border-error-secondary: #d92d20;
	--tutor-border-error-tertiary: #f97066;
	--tutor-border-exception6: #9747ff;
	--tutor-tab-sidebar-l2: #fff;
	--tutor-tab-sidebar-l2-hover: #2d3039;
	--tutor-tab-sidebar-l2-active: #1f242f;
	--tutor-tab-sidebar-l4-hover: #2d3039;
	--tutor-tab-sidebar-l4-active: #2d3039;
	--tutor-tab-l3: #2d3039;
	--tutor-tab-l3-hover: #333741;
	--tutor-tab-l3-active: #2d3039;
	--tutor-tab-l3-active-hover: #2d3039;
	--tutor-actions-success-primary: #24983f;
	--tutor-actions-success-secondary: #9cd7a9;
	--tutor-actions-success-tertiary: #333741;
	--tutor-actions-success-exception: #0c3114;
	--tutor-actions-warning-primary: #fdb022;
	--tutor-actions-warning-secondary: #333741;
	--tutor-actions-warning-tertiary: #fffaeb;
	--tutor-actions-warning-exception: #fffaeb;
	--tutor-actions-brand-primary: var(--tutor-brand-500, #4979e8);
	--tutor-actions-brand-secondary: var(--tutor-brand-950, #1c234f);
	--tutor-actions-brand-tertiary: #2d3039;
	--tutor-actions-gray-empty: #1f242f;
	--tutor-actions-gray-secondary: #2d3039;
	--tutor-actions-gray-tertiary: #1f242f;
	--tutor-actions-gray-quaternary: #161b26;
	--tutor-actions-critical-primary: #f04438;
	--tutor-actions-critical-secondary: #333741;
	--tutor-actions-exception3-highlight: #cbfd78;
	--tutor-actions-caution: #fac515;
	--tutor-actions-caution-secondary: #fef7c3;
	--tutor-actions-inverse: #fff;
	--tutor-actions-exception5: #9747ff;
	--tutor-actions-exception6: #f2e8ff;
	--tutor-quiz-idle: #2d3039;
	--tutor-quiz-hover: #333741;
	--tutor-visual-gray-1: #1f242f;
	--tutor-visual-gray-2: #333741;
	--tutor-visual-gray-3: #61646c;
	--tutor-visual-gray-4: #854a0e;
	--tutor-visual-brand-1: var(--tutor-brand-600, #3e64de);
	--tutor-visual-brand-2: var(--tutor-brand-800, #293da4);
	--tutor-visual-brand-3: var(--tutor-brand-900, #263782);
	--tutor-visual-success-1: #28a745;
	--tutor-visual-success-2: #28a745;
	--tutor-visual-critical-1: #d92d20;
	--tutor-visual-critical-2: #7a271a;
	--tutor-visual-caution-1: #ca8504;
	--tutor-visual-caution-2: #a15c07;
	--tutor-visual-caution-3: #713b12;
	--tutor-visual-orange-1: #ff8904;
	--tutor-visual-exception-1: #cbfd78;
	--tutor-visual-exception-2: #f4f433;
	--tutor-visual-exception-3: #ee0097;
	--tutor-font-weight-regular: 400;
	--tutor-font-weight-medium: 500;
	--tutor-font-weight-semibold: 600;
	--tutor-font-weight-bold: 700;
	--tutor-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);
	--tutor-shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);
	--tutor-shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
	--tutor-shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
	--tutor-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);
	--tutor-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, .18);
	--tutor-shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, .14);
}

@media (prefers-color-scheme:dark) {
	[data-tutor-theme=system] {
		--tutor-surface-base: #161b26;
		--tutor-surface-l1: #1f242f;
		--tutor-surface-l1-hover: #2d3039;
		--tutor-surface-l2: #2d3039;
		--tutor-surface-l2-hover: #2d3039;
		--tutor-surface-l3: #242a37;
		--tutor-surface-brand-dark: var(--tutor-brand-950, #1c234f);
		--tutor-surface-brand-primary: var(--tutor-brand-600, #3e64de);
		--tutor-surface-brand-primary-2: var(--tutor-brand-800, #293da4);
		--tutor-surface-brand-secondary: var(--tutor-brand-950, #1c234f);
		--tutor-surface-brand-tertiary: #2d3039;
		--tutor-surface-brand-quaternary: var(--tutor-brand-900, #263782);
		--tutor-surface-sidebar-l1: #0c111d;
		--tutor-surface-exception2-secondary: #333741;
		--tutor-surface-exception3-highlight: #cbfd78;
		--tutor-surface-exception6: #2c0066;
		--tutor-surface-exception7: var(--tutor-brand-900, #263782);
		--tutor-surface-dark: #61646c;
		--tutor-surface-warning: #2d3039;
		--tutor-surface-warning-hover: #7a2e0e;
		--tutor-surface-warning-hover-2: #423630;
		--tutor-surface-success: #0c3114;
		--tutor-surface-critical: #55160c;
		--tutor-text-primary: #f0f1f1;
		--tutor-text-primary-inverse: #fff;
		--tutor-text-secondary: #cecfd2;
		--tutor-text-subdued: #73767d;
		--tutor-text-disabled: #61646c;
		--tutor-text-brand: var(--tutor-brand-500, #4979e8);
		--tutor-text-brand-hover: var(--tutor-brand-500, #4979e8);
		--tutor-text-brand-secondary: var(--tutor-brand-400, #a4bcf4);
		--tutor-text-light: #fafafa;
		--tutor-text-success: #24983f;
		--tutor-text-critical: #d92d20;
		--tutor-text-critical-hover: #b42318;
		--tutor-text-warning: #dc6803;
		--tutor-text-caution: #ca8504;
		--tutor-text-exception1: #00acc2;
		--tutor-text-exception2: #ee0097;
		--tutor-text-exception4: #fdb022;
		--tutor-text-exception5: #9747ff;
		--tutor-text-highlighted-hover: #333741;
		--tutor-icon-idle: #cecfd2;
		--tutor-icon-idle-inverse: #fff;
		--tutor-icon-hover: #fff;
		--tutor-icon-secondary: #73767d;
		--tutor-icon-subdued: #61646c;
		--tutor-icon-disabled: #61646c;
		--tutor-icon-brand: var(--tutor-brand-500, #4979e8);
		--tutor-icon-brand-hover: var(--tutor-brand-700, #2b49ca);
		--tutor-icon-brand-secondary: #2d3039;
		--tutor-icon-exception1: #00acc2;
		--tutor-icon-exception2: #ee0097;
		--tutor-icon-exception4: #fdb022;
		--tutor-icon-exception5: #9747ff;
		--tutor-icon-success-primary: #1c7731;
		--tutor-icon-success-secondary: #28a745;
		--tutor-icon-caution: #fac515;
		--tutor-icon-critical: #d92d20;
		--tutor-icon-critical-hover: #b42318;
		--tutor-icon-warning: #dc6803;
		--tutor-icon-warning-secondary: #fdb022;
		--tutor-button-primary: var(--tutor-brand-600, #3e64de);
		--tutor-button-primary-hover: var(--tutor-brand-700, #2b49ca);
		--tutor-button-primary-focused: var(--tutor-brand-600, #3e64de);
		--tutor-button-primary-disabled: var(--tutor-brand-400, #a4bcf4);
		--tutor-button-primary-soft: #333741;
		--tutor-button-primary-soft-hover: var(--tutor-brand-400, #a4bcf4);
		--tutor-button-primary-soft-focused: #333741;
		--tutor-button-disabled: #2d3039;
		--tutor-button-destructive: #d92d20;
		--tutor-button-destructive-hover: #b42318;
		--tutor-button-destructive-focused: #d92d20;
		--tutor-button-destructive-soft: #fee4e2;
		--tutor-button-destructive-soft-hover: #fecdca;
		--tutor-button-destructive-soft-focused: #fee4e2;
		--tutor-button-success: #28a745;
		--tutor-button-success-hover: #24983f;
		--tutor-button-success-focused: #28a745;
		--tutor-button-secondary: #333741;
		--tutor-button-secondary-hover: #61646c;
		--tutor-button-secondary-focused: #333741;
		--tutor-button-outline-inverse: #1f242f;
		--tutor-button-outline-hover: #333741;
		--tutor-button-outline-focused-inverse: #0c111d;
		--tutor-button-ghost-hover: #333741;
		--tutor-border-idle: #2d3039;
		--tutor-border-idle2: #333741;
		--tutor-border-hover: #61646c;
		--tutor-border-tertiary: #61646c;
		--tutor-border-inverse: #333741;
		--tutor-border-brand: var(--tutor-brand-600, #3e64de);
		--tutor-border-brand-secondary: #333741;
		--tutor-border-brand-tertiary: var(--tutor-brand-700, #2b49ca);
		--tutor-border-dark: #333741;
		--tutor-border-success: #1c7731;
		--tutor-border-success-secondary: #24983f;
		--tutor-border-warning: #fedf89;
		--tutor-border-warning-secondary: #dc6803;
		--tutor-border-warning-tertiary: #dc6803;
		--tutor-border-error: #b42318;
		--tutor-border-error-secondary: #d92d20;
		--tutor-border-error-tertiary: #f97066;
		--tutor-border-exception6: #9747ff;
		--tutor-tab-sidebar-l2: #fff;
		--tutor-tab-sidebar-l2-hover: #2d3039;
		--tutor-tab-sidebar-l2-active: #1f242f;
		--tutor-tab-sidebar-l4-hover: #2d3039;
		--tutor-tab-sidebar-l4-active: #2d3039;
		--tutor-tab-l3: #2d3039;
		--tutor-tab-l3-hover: #333741;
		--tutor-tab-l3-active: #2d3039;
		--tutor-tab-l3-active-hover: #2d3039;
		--tutor-actions-success-primary: #24983f;
		--tutor-actions-success-secondary: #9cd7a9;
		--tutor-actions-success-tertiary: #333741;
		--tutor-actions-success-exception: #0c3114;
		--tutor-actions-warning-primary: #fdb022;
		--tutor-actions-warning-secondary: #333741;
		--tutor-actions-warning-tertiary: #fffaeb;
		--tutor-actions-warning-exception: #fffaeb;
		--tutor-actions-brand-primary: var(--tutor-brand-500, #4979e8);
		--tutor-actions-brand-secondary: var(--tutor-brand-950, #1c234f);
		--tutor-actions-brand-tertiary: #2d3039;
		--tutor-actions-gray-empty: #1f242f;
		--tutor-actions-gray-secondary: #2d3039;
		--tutor-actions-gray-tertiary: #1f242f;
		--tutor-actions-gray-quaternary: #161b26;
		--tutor-actions-critical-primary: #f04438;
		--tutor-actions-critical-secondary: #333741;
		--tutor-actions-exception3-highlight: #cbfd78;
		--tutor-actions-caution: #fac515;
		--tutor-actions-caution-secondary: #fef7c3;
		--tutor-actions-inverse: #fff;
		--tutor-actions-exception5: #9747ff;
		--tutor-actions-exception6: #f2e8ff;
		--tutor-quiz-idle: #2d3039;
		--tutor-quiz-hover: #333741;
		--tutor-visual-gray-1: #1f242f;
		--tutor-visual-gray-2: #333741;
		--tutor-visual-gray-3: #61646c;
		--tutor-visual-gray-4: #854a0e;
		--tutor-visual-brand-1: var(--tutor-brand-600, #3e64de);
		--tutor-visual-brand-2: var(--tutor-brand-800, #293da4);
		--tutor-visual-brand-3: var(--tutor-brand-900, #263782);
		--tutor-visual-success-1: #28a745;
		--tutor-visual-success-2: #28a745;
		--tutor-visual-critical-1: #d92d20;
		--tutor-visual-critical-2: #7a271a;
		--tutor-visual-caution-1: #ca8504;
		--tutor-visual-caution-2: #a15c07;
		--tutor-visual-caution-3: #713b12;
		--tutor-visual-orange-1: #ff8904;
		--tutor-visual-exception-1: #cbfd78;
		--tutor-visual-exception-2: #f4f433;
		--tutor-visual-exception-3: #ee0097;
		--tutor-font-weight-regular: 400;
		--tutor-font-weight-medium: 500;
		--tutor-font-weight-semibold: 600;
		--tutor-font-weight-bold: 700;
		--tutor-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);
		--tutor-shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);
		--tutor-shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
		--tutor-shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
		--tutor-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);
		--tutor-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, .18);
		--tutor-shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, .14);
	}
}

[data-tutor-theme=light][data-tutor-contrast=high], [data-tutor-theme=system][data-tutor-contrast=high] {
	--tutor-text-primary: #0c111d;
	--tutor-text-secondary: #0c111d;
	--tutor-text-subdued: #0c111d;
	--tutor-text-disabled: #73767d;
	--tutor-icon-idle: #2d3039;
	--tutor-icon-hover: #161b26;
	--tutor-icon-secondary: #333741;
	--tutor-icon-subdued: #333741;
	--tutor-icon-disabled: #94969c;
	--tutor-border-idle: #1f242f;
	--tutor-border-hover: #161b26;
	--tutor-border-tertiary: #1f242f;
	--tutor-border-brand: var(--tutor-brand-600, #3e64de);
	--tutor-border-brand-secondary: var(--tutor-brand-800, #293da4);
	--tutor-border-brand-tertiary: var(--tutor-brand-800, #293da4);
	--tutor-visual-success-1: #28a745;
	--tutor-visual-success-2: #28a745;
	--tutor-visual-critical-1: #f04438;
	--tutor-visual-critical-2: #fee4e2;
	--tutor-visual-exception-1: #cbfd78;
}

[data-tutor-theme=dark][data-tutor-contrast=high] {
	--tutor-text-primary: #f0f1f1;
	--tutor-text-secondary: #f5f5f6;
	--tutor-text-subdued: #f5f5f6;
	--tutor-text-disabled: #cecfd2;
	--tutor-icon-idle: #cecfd2;
	--tutor-icon-hover: #fff;
	--tutor-icon-secondary: #73767d;
	--tutor-icon-subdued: #61646c;
	--tutor-icon-disabled: #61646c;
	--tutor-border-idle: #94969c;
	--tutor-border-hover: #cecfd2;
	--tutor-border-tertiary: #cecfd2;
	--tutor-border-brand: var(--tutor-brand-200, #e4ebfc);
	--tutor-border-brand-secondary: var(--tutor-brand-800, #293da4);
	--tutor-border-brand-tertiary: var(--tutor-brand-700, #2b49ca);
	--tutor-visual-success-1: #28a745;
	--tutor-visual-success-2: #28a745;
	--tutor-visual-critical-1: #d92d20;
	--tutor-visual-critical-2: #7a271a;
	--tutor-visual-exception-1: #cbfd78;
}

@media (prefers-color-scheme:dark) {
	[data-tutor-theme=system][data-tutor-contrast=high] {
		--tutor-text-primary: #f0f1f1;
		--tutor-text-secondary: #f5f5f6;
		--tutor-text-subdued: #f5f5f6;
		--tutor-text-disabled: #cecfd2;
		--tutor-icon-idle: #cecfd2;
		--tutor-icon-hover: #fff;
		--tutor-icon-secondary: #73767d;
		--tutor-icon-subdued: #61646c;
		--tutor-icon-disabled: #61646c;
		--tutor-border-idle: #94969c;
		--tutor-border-hover: #cecfd2;
		--tutor-border-tertiary: #cecfd2;
		--tutor-border-brand: var(--tutor-brand-200, #e4ebfc);
		--tutor-border-brand-secondary: var(--tutor-brand-800, #293da4);
		--tutor-border-brand-tertiary: var(--tutor-brand-700, #2b49ca);
		--tutor-visual-success-1: #28a745;
		--tutor-visual-success-2: #28a745;
		--tutor-visual-critical-1: #d92d20;
		--tutor-visual-critical-2: #7a271a;
		--tutor-visual-exception-1: #cbfd78;
	}
}

[data-tutor-vision=protanopia] {
	--tutor-icon-success-primary: #00b8db;
	--tutor-icon-success-secondary: #0092b8;
	--tutor-icon-caution: #eaaa08;
	--tutor-icon-critical: #f54900;
	--tutor-icon-critical-hover: #ca3500;
	--tutor-icon-warning: #ca3500;
	--tutor-icon-warning-secondary: #eaaa08;
	--tutor-button-destructive: #f54900;
	--tutor-button-destructive-hover: #ca3500;
	--tutor-button-destructive-focused: #f54900;
	--tutor-button-destructive-soft: #ffedd4;
	--tutor-button-destructive-soft-hover: #ffd6a7;
	--tutor-button-destructive-soft-focused: #ffedd4;
	--tutor-button-success: #00b8db;
	--tutor-button-success-hover: #0092b8;
	--tutor-button-success-focused: #00b8db;
	--tutor-border-warning: #fde272;
	--tutor-border-warning-secondary: #ca3500;
	--tutor-border-warning-tertiary: #ffb86a;
	--tutor-border-success: #53eafd;
	--tutor-border-success-secondary: #0092b8;
	--tutor-border-error: #ffb86a;
	--tutor-border-error-secondary: #ca3500;
	--tutor-border-error-tertiary: #ff8904;
	--tutor-actions-success-primary: #00b8db;
	--tutor-actions-success-secondary: #00d3f2;
	--tutor-actions-success-exception: #00d3f2;
	--tutor-actions-warning-primary: #ffb86a;
	--tutor-actions-warning-tertiary: #fefbe8;
	--tutor-actions-critical-primary: #f54900;
	--tutor-actions-caution: #eaaa08;
	--tutor-actions-caution-secondary: #fef7c3;
	--tutor-text-critical: #f54900;
	--tutor-text-critical-hover: #ca3500;
	--tutor-text-warning: #ca3500;
	--tutor-text-caution: #a15c07;
	--tutor-visual-success-1: #00b8db;
	--tutor-visual-success-2: #00b8db;
	--tutor-visual-exception-1: #a2f4fd;
}

[data-tutor-theme=light][data-tutor-vision=protanopia], [data-tutor-theme=system][data-tutor-vision=protanopia] {
	--tutor-surface-success: #ecfeff;
	--tutor-surface-critical: #ffedd4;
	--tutor-text-success: #007595;
	--tutor-actions-success-tertiary: #cefafe;
	--tutor-actions-warning-secondary: #ffedd4;
	--tutor-actions-warning-exception: #f54900;
	--tutor-actions-critical-secondary: #ffedd4;
	--tutor-visual-critical-1: #ff6900;
	--tutor-visual-critical-2: #ffedd4;
}

[data-tutor-theme=dark][data-tutor-vision=protanopia] {
	--tutor-surface-success: #104e64;
	--tutor-surface-critical: #7e2a0c;
	--tutor-text-success: #00d3f2;
	--tutor-actions-success-exception: #053345;
	--tutor-actions-warning-exception: #fefbe8;
	--tutor-visual-critical-1: #f54900;
	--tutor-visual-critical-2: #7e2a0c;
}

@media (prefers-color-scheme:dark) {
	[data-tutor-theme=system][data-tutor-vision=protanopia] {
		--tutor-surface-success: #104e64;
		--tutor-surface-critical: #7e2a0c;
		--tutor-text-success: #00d3f2;
		--tutor-actions-success-exception: #053345;
		--tutor-actions-warning-exception: #fefbe8;
		--tutor-visual-critical-1: #f54900;
		--tutor-visual-critical-2: #7e2a0c;
	}
}

[data-tutor-vision=deuteranopia] {
	--tutor-icon-success-primary: #0092b8;
	--tutor-icon-success-secondary: #007595;
	--tutor-icon-caution: #eaaa08;
	--tutor-icon-critical: #ff6900;
	--tutor-icon-critical-hover: #f54900;
	--tutor-icon-warning: #ca3500;
	--tutor-icon-warning-secondary: #eaaa08;
	--tutor-button-destructive: #f54900;
	--tutor-button-destructive-hover: #ca3500;
	--tutor-button-destructive-focused: #f54900;
	--tutor-button-destructive-soft: #ffedd4;
	--tutor-button-destructive-soft-hover: #ffd6a7;
	--tutor-button-destructive-soft-focused: #ffedd4;
	--tutor-button-success: #0092b8;
	--tutor-button-success-hover: #007595;
	--tutor-button-success-focused: #0092b8;
	--tutor-border-warning-tertiary: #ffb86a;
	--tutor-border-success: #00d3f2;
	--tutor-border-success-secondary: #0092b8;
	--tutor-border-error: #ff8904;
	--tutor-border-error-secondary: #f54900;
	--tutor-border-error-tertiary: #ffb86a;
	--tutor-actions-warning-primary: #ffb86a;
	--tutor-actions-warning-tertiary: #fefbe8;
	--tutor-actions-caution: #fac515;
	--tutor-actions-caution-secondary: #fef7c3;
	--tutor-text-critical: #ff6900;
	--tutor-text-warning: #f54900;
	--tutor-text-caution: #ca8504;
	--tutor-visual-success-1: #00b8db;
	--tutor-visual-exception-1: #00d3f2;
}

[data-tutor-theme=light][data-tutor-vision=deuteranopia], [data-tutor-theme=system][data-tutor-vision=deuteranopia] {
	--tutor-surface-warning: #fffaeb;
	--tutor-surface-warning-hover: #fef0c7;
	--tutor-surface-success: #ecfeff;
	--tutor-surface-critical: #ffedd4;
	--tutor-text-success: #007595;
	--tutor-text-critical-hover: #dc6803;
	--tutor-border-warning: #fac515;
	--tutor-border-warning-secondary: #f54900;
	--tutor-actions-success-primary: #0092b8;
	--tutor-actions-success-secondary: #00b8db;
	--tutor-actions-success-tertiary: #cefafe;
	--tutor-actions-success-exception: #00d3f2;
	--tutor-actions-warning-secondary: #ffedd4;
	--tutor-actions-warning-exception: #ff6900;
	--tutor-actions-critical-primary: #ff6900;
	--tutor-actions-critical-secondary: #ffedd4;
	--tutor-visual-success-2: #00b8db;
	--tutor-visual-critical-1: #ff6900;
	--tutor-visual-critical-2: #ffb86a;
}

[data-tutor-theme=dark][data-tutor-vision=deuteranopia] {
	--tutor-surface-warning: #2d3039;
	--tutor-surface-warning-hover: #7a2e0e;
	--tutor-surface-success: #104e64;
	--tutor-surface-critical: #7e2a0c;
	--tutor-text-success: #00d3f2;
	--tutor-text-critical-hover: #f54900;
	--tutor-icon-exception4: #fdb022;
	--tutor-border-warning: #fde272;
	--tutor-border-warning-secondary: #ca3500;
	--tutor-actions-success-primary: #00b8db;
	--tutor-actions-success-secondary: #00d3f2;
	--tutor-actions-success-tertiary: #333741;
	--tutor-actions-success-exception: #053345;
	--tutor-actions-warning-secondary: #333741;
	--tutor-actions-warning-exception: #fefbe8;
	--tutor-actions-critical-primary: #f54900;
	--tutor-actions-critical-secondary: #333741;
	--tutor-actions-caution: #eaaa08;
	--tutor-visual-success-2: #0092b8;
	--tutor-visual-critical-1: #f54900;
	--tutor-visual-critical-2: #7e2a0c;
}

@media (prefers-color-scheme:dark) {
	[data-tutor-theme=system][data-tutor-vision=deuteranopia] {
		--tutor-surface-warning: #2d3039;
		--tutor-surface-warning-hover: #7a2e0e;
		--tutor-surface-success: #104e64;
		--tutor-surface-critical: #7e2a0c;
		--tutor-text-success: #00d3f2;
		--tutor-text-critical-hover: #f54900;
		--tutor-icon-exception4: #fdb022;
		--tutor-border-warning: #fde272;
		--tutor-border-warning-secondary: #ca3500;
		--tutor-actions-success-primary: #00b8db;
		--tutor-actions-success-secondary: #00d3f2;
		--tutor-actions-success-tertiary: #333741;
		--tutor-actions-success-exception: #053345;
		--tutor-actions-warning-secondary: #333741;
		--tutor-actions-warning-exception: #fefbe8;
		--tutor-actions-critical-primary: #f54900;
		--tutor-actions-critical-secondary: #333741;
		--tutor-actions-caution: #eaaa08;
		--tutor-visual-success-2: #0092b8;
		--tutor-visual-critical-1: #f54900;
		--tutor-visual-critical-2: #7e2a0c;
	}
}

[data-tutor-vision=deuteranomaly] {
	--tutor-icon-caution: #eaaa08;
	--tutor-icon-critical: #f54900;
	--tutor-icon-critical-hover: #ca3500;
	--tutor-icon-warning: #ca3500;
	--tutor-icon-warning-secondary: #eaaa08;
	--tutor-button-destructive: #f54900;
	--tutor-button-destructive-hover: #ca3500;
	--tutor-button-destructive-focused: #f54900;
	--tutor-button-destructive-soft: #ffedd4;
	--tutor-button-destructive-soft-hover: #ffd6a7;
	--tutor-button-destructive-soft-focused: #ffedd4;
	--tutor-border-warning: #fde272;
	--tutor-border-warning-secondary: #ca3500;
	--tutor-border-success: #00d3f2;
	--tutor-border-success-secondary: #0092b8;
	--tutor-border-error-secondary: #ca3500;
	--tutor-border-error-tertiary: #ff8904;
	--tutor-actions-success-primary: #00b8db;
	--tutor-actions-success-secondary: #00d3f2;
	--tutor-actions-warning-primary: #ffb86a;
	--tutor-actions-warning-tertiary: #fefbe8;
	--tutor-actions-critical-primary: #f54900;
	--tutor-actions-caution: #eaaa08;
	--tutor-actions-caution-secondary: #fef7c3;
	--tutor-text-critical: #f54900;
	--tutor-text-critical-hover: #ca3500;
	--tutor-text-warning: #ca3500;
	--tutor-text-caution: #a15c07;
	--tutor-visual-success-1: #00b8db;
	--tutor-visual-success-2: #00b8db;
	--tutor-visual-exception-1: #a2f4fd;
}

[data-tutor-theme=light][data-tutor-vision=deuteranomaly], [data-tutor-theme=system][data-tutor-vision=deuteranomaly] {
	--tutor-surface-warning: #fffaeb;
	--tutor-surface-warning-hover: #fef0c7;
	--tutor-surface-success: #ecfeff;
	--tutor-surface-critical: #ffedd4;
	--tutor-text-success: #1c7731;
	--tutor-icon-success-primary: #24983f;
	--tutor-icon-success-secondary: #1c7731;
	--tutor-button-success: #00b8db;
	--tutor-button-success-hover: #0092b8;
	--tutor-button-success-focused: #0092b8;
	--tutor-border-warning-tertiary: #ff8904;
	--tutor-border-error: #ffb86a;
	--tutor-actions-success-tertiary: #cefafe;
	--tutor-actions-success-exception: #00d3f2;
	--tutor-actions-warning-secondary: #ffedd4;
	--tutor-actions-warning-exception: #f54900;
	--tutor-actions-critical-secondary: #ffedd4;
	--tutor-visual-critical-1: #f04438;
	--tutor-visual-critical-2: #ffedd4;
}

[data-tutor-theme=dark][data-tutor-vision=deuteranomaly] {
	--tutor-surface-warning: #2d3039;
	--tutor-surface-warning-hover: #7a2e0e;
	--tutor-surface-success: #104e64;
	--tutor-surface-critical: #7e2a0c;
	--tutor-text-success: #00d3f2;
	--tutor-icon-success-primary: #00b8db;
	--tutor-icon-success-secondary: #0092b8;
	--tutor-icon-exception4: #fdb022;
	--tutor-button-success: #00b8db;
	--tutor-button-success-hover: #0092b8;
	--tutor-button-success-focused: #00b8db;
	--tutor-border-warning-tertiary: #ffb86a;
	--tutor-border-success: #53eafd;
	--tutor-border-error: #ffb86a;
	--tutor-actions-success-tertiary: #333741;
	--tutor-actions-success-exception: #053345;
	--tutor-actions-warning-secondary: #333741;
	--tutor-actions-warning-exception: #fefbe8;
	--tutor-actions-critical-secondary: #333741;
	--tutor-visual-critical-1: #d92d20;
	--tutor-visual-critical-2: #7e2a0c;
}

@media (prefers-color-scheme:dark) {
	[data-tutor-theme=system][data-tutor-vision=deuteranomaly] {
		--tutor-surface-warning: #2d3039;
		--tutor-surface-warning-hover: #7a2e0e;
		--tutor-surface-success: #104e64;
		--tutor-surface-critical: #7e2a0c;
		--tutor-text-success: #00d3f2;
		--tutor-icon-success-primary: #00b8db;
		--tutor-icon-success-secondary: #0092b8;
		--tutor-icon-exception4: #fdb022;
		--tutor-button-success: #00b8db;
		--tutor-button-success-hover: #0092b8;
		--tutor-button-success-focused: #00b8db;
		--tutor-border-warning-tertiary: #ffb86a;
		--tutor-border-success: #53eafd;
		--tutor-border-error: #ffb86a;
		--tutor-actions-success-tertiary: #333741;
		--tutor-actions-success-exception: #053345;
		--tutor-actions-warning-secondary: #333741;
		--tutor-actions-warning-exception: #fefbe8;
		--tutor-actions-critical-secondary: #333741;
		--tutor-visual-critical-1: #d92d20;
		--tutor-visual-critical-2: #7e2a0c;
	}
}

@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-alert .tutor-alert-icon svg {
	width: 20px;
	height: 20px;
}

button.tutor-btn, a.tutor-btn, .tutor-btn {
	border-radius: var(--tutor-button-radius, 6px);
	font-weight: var(--tutor-button-font-weight, 500);
	cursor: pointer;
	text-align: center;
	text-transform: none;
	color: var(--tutor-text-primary);
	--tutor-button-border-shadow: none;
	box-shadow: var(--tutor-button-border-shadow, none);
	background-color: transparent;
	border: none;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 0;
	font-family: inherit;
	text-decoration: none;
	transition: color .25s ease-in-out, background-color .25s ease-in-out;
	display: inline-flex;
}

button.tutor-btn:hover:not(:disabled):not(.disabled), button.tutor-btn:focus:not(:disabled):not(.disabled), a.tutor-btn:hover:not(:disabled):not(.disabled), a.tutor-btn:focus:not(:disabled):not(.disabled), .tutor-btn:hover:not(:disabled):not(.disabled), .tutor-btn:focus:not(:disabled):not(.disabled) {
	color: var(--tutor-text-primary);
	--tutor-button-border-shadow: var(--tutor-button-primary-border-shadow, none);
	background-color: transparent;
	border: none;
	outline: none;
}

a.tutor-btn:focus-visible:not(:disabled):not(.disabled) {
	box-shadow: 0px 0px 0px 2px var(--tutor-brand-450, #90a0f7);
	outline: none;
}

.tutor-btn:focus-visible:not(:disabled):not(.disabled) {
	box-shadow: 0px 0px 0px 2px var(--tutor-brand-450, #90a0f7);
	outline: none;
}

button.tutor-btn:disabled, button.tutor-btn.disabled, a.tutor-btn:disabled, a.tutor-btn.disabled, .tutor-btn:disabled, .tutor-btn.disabled {
	color: var(--tutor-text-subdued);
	cursor: not-allowed;
	pointer-events: none;
}

button.tutor-btn, a.tutor-btn, .tutor-btn {
	--tutor-button-border-shadow-base: 1px;
	--tutor-button-border-shadow-bottom: 3px;
	font-size: .875rem;
	line-height: 1.375rem;
}

button.tutor-btn:not([class*=tutor-btn-link]), a.tutor-btn:not([class*=tutor-btn-link]), .tutor-btn:not([class*=tutor-btn-link]) {
	min-height: 38px;
	padding: 8px 12px;
}

.tutor-modal-close svg {
	color: var(--tutor-icon-idle) !important;
}

.tutor-popover .tutor-popover-menu .tutor-popover-menu-item svg {
	flex-shrink: 0;
}

@keyframes tutor-progress-fill-animate {
	0% {
		transform: translateX(calc(var(--tutor-progress-start, 0%) - 100%));
	}
	
	to {
		transform: translateX(calc(var(--tutor-progress-width) - 100%));
	}
}

@keyframes tutor-progress-fill-animate-rtl {
	0% {
		transform: translateX(calc(100% - var(--tutor-progress-start, 0%)));
	}
	
	to {
		transform: translateX(calc(100% - var(--tutor-progress-width)));
	}
}

@keyframes tutor-preview-fade-in {
	0% {
		opacity: 0;
		transform: translateY(-8px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes wave {
	0% {
		transform: translate(-100%);
	}
	
	to {
		transform: translate(100%);
	}
}

.tutor-statics-complete svg {
	color: var(--tutor-icon-idle-inverse);
}

.tutor-statics-locked svg {
	color: var(--tutor-icon-idle);
}

button.tutor-tabs-tab-active svg, .tutor-tabs-tab-active svg {
	color: var(--tutor-text-brand);
}

button.tutor-tabs-tab:hover:not(:disabled):not(.tutor-tabs-tab-active) svg, button.tutor-tabs-tab:focus:not(:disabled):not(.tutor-tabs-tab-active) svg, .tutor-tabs-tab:hover:not(:disabled):not(.tutor-tabs-tab-active) svg, .tutor-tabs-tab:focus:not(:disabled):not(.tutor-tabs-tab-active) svg {
	color: var(--tutor-text-primary);
}

.tutor-nav button.tutor-nav-item:hover svg, .tutor-nav .tutor-nav-item:hover svg {
	color: var(--tutor-icon-brand);
}

.tutor-nav button.tutor-nav-item:focus svg, .tutor-nav .tutor-nav-item:focus svg {
	color: var(--tutor-icon-brand);
}

.tutor-nav button.tutor-nav-item.active svg, .tutor-nav .tutor-nav-item.active svg {
	color: var(--tutor-icon-brand);
}

.tutor-nav button.tutor-nav-item svg, .tutor-nav .tutor-nav-item svg {
	flex-shrink: 0;
}

.tutor-nav-dropdown-item.active:hover svg {
	color: var(--tutor-icon-brand);
}

@media (max-width:576px) {
	.tutor-nav .tutor-nav-item svg {
		width: 16px;
		height: 16px;
	}
}

@keyframes tutor-toast-enter-from-bottom {
	0% {
		opacity: 0;
		transform: translateY(100%) scale(1);
	}
	
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes tutor-toast-enter-from-top {
	0% {
		opacity: 0;
		transform: translateY(-100%) scale(1);
	}
	
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes tutor-toast-exit-to-bottom {
	0% {
		opacity: 1;
	}
	
	to {
		transform: translateY(calc(100% + var(--tutor-toast-offset-y, 16px)));
		opacity: 0;
	}
}

@keyframes tutor-toast-exit-to-top {
	0% {
		opacity: 1;
	}
	
	to {
		transform: translateY(calc(-100% - var(--tutor-toast-offset-y, 16px)));
		opacity: 0;
	}
}

@keyframes tutor-toast-swipe-right {
	to {
		opacity: 0;
		transform: translate(calc(100% + 40px));
	}
}

@keyframes tutor-toast-swipe-left {
	to {
		opacity: 0;
		transform: translate(calc(-100% - 40px));
	}
}

@keyframes tutor-toast-progress-shrink {
	0% {
		transform: scaleX(1);
	}
	
	to {
		transform: scaleX(0);
	}
}

@keyframes tutor-toast-spinner-rotate {
	to {
		transform: rotate(360deg);
	}
}

.tutor-file-preview img {
	object-fit: contain;
	max-width: 100%;
	height: auto;
}

.tutor-badge img, .tutor-badge svg {
	object-fit: contain;
	object-position: center;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	width: 12px;
	height: 12px;
	display: flex;
}

.tutor-badge svg {
	color: var(--tutor-icon-idle);
}

.tutor-badge-primary svg {
	color: var(--tutor-icon-idle-inverse);
}

.tutor-badge-info svg {
	color: var(--tutor-icon-brand);
}

.tutor-badge-warning svg {
	color: var(--tutor-icon-warning);
}

.tutor-badge-success svg {
	color: var(--tutor-icon-success-primary);
}

.tutor-badge-success-solid svg {
	color: var(--tutor-icon-idle-inverse);
}

.tutor-badge-error svg {
	color: var(--tutor-icon-critical);
}

.tutor-badge-highlight svg {
	color: var(--tutor-icon-exception2);
}

.tutor-badge-disabled svg {
	color: var(--tutor-icon-secondary);
}

.tutor-result-badge svg {
	inset-inline-start: -8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.tutor-avatar svg {
	width: 24px;
	height: 24px;
}

.tutor-avatar-20 svg {
	width: 12px;
	height: 12px;
}

.tutor-avatar-24 svg {
	width: 12px;
	height: 12px;
}

.tutor-avatar-32 svg {
	width: 16px;
	height: 16px;
}

.tutor-avatar-40 svg {
	width: 20px;
	height: 20px;
}

.tutor-avatar-48 svg {
	width: 24px;
	height: 24px;
}

.tutor-avatar-56 svg {
	width: 28px;
	height: 28px;
}

.tutor-avatar-64 svg {
	width: 32px;
	height: 32px;
}

.tutor-avatar-80 svg {
	width: 40px;
	height: 40px;
}

.tutor-avatar-104 svg {
	width: 48px;
	height: 48px;
}

.tutor-avatar-square, .tutor-avatar-square svg, .tutor-avatar-square .tutor-avatar-image {
	border-radius: 6px;
}

.tutor-avatar-border svg, .tutor-avatar-border .tutor-avatar-image {
	border-radius: 0;
}

@media (max-width:1920px) {
	.tutor-avatar-3xl-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-3xl-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-3xl-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-3xl-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-3xl-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-3xl-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-3xl-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-3xl-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-3xl-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:1400px) {
	.tutor-avatar-2xl-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-2xl-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-2xl-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-2xl-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-2xl-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-2xl-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-2xl-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-2xl-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-2xl-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:1200px) {
	.tutor-avatar-xl-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-xl-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-xl-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-xl-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-xl-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-xl-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-xl-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-xl-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-xl-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:992px) {
	.tutor-avatar-lg-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-lg-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-lg-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-lg-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-lg-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-lg-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-lg-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-lg-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-lg-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:768px) {
	.tutor-avatar-md-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-md-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-md-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-md-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-md-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-md-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-md-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-md-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-md-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:576px) {
	.tutor-avatar-sm-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-sm-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-sm-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-sm-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-sm-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-sm-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-sm-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-sm-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-sm-104 svg {
		width: 48px;
		height: 48px;
	}
}

@media (max-width:480px) {
	.tutor-avatar-xs-20 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-xs-24 svg {
		width: 12px;
		height: 12px;
	}
	
	.tutor-avatar-xs-32 svg {
		width: 16px;
		height: 16px;
	}
	
	.tutor-avatar-xs-40 svg {
		width: 20px;
		height: 20px;
	}
	
	.tutor-avatar-xs-48 svg {
		width: 24px;
		height: 24px;
	}
	
	.tutor-avatar-xs-56 svg {
		width: 28px;
		height: 28px;
	}
	
	.tutor-avatar-xs-64 svg {
		width: 32px;
		height: 32px;
	}
	
	.tutor-avatar-xs-80 svg {
		width: 40px;
		height: 40px;
	}
	
	.tutor-avatar-xs-104 svg {
		width: 48px;
		height: 48px;
	}
}

@keyframes tutor-select-spin {
	to {
		transform: rotate(360deg);
	}
}

.tutor-ratio>img {
	object-fit: cover;
	object-position: center;
}

.tutor-attachment-card-icon svg {
	color: var(--tutor-icon-idle);
}

.tutor-attachment-card-icon-loading svg {
	animation: .9s linear infinite tutor-spin;
}

*, :before, :after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

html {
	font-family: var(--tutor-font-family-body, "Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	line-height: 1.5;
}

[data-tutor-theme] body, body {
	font-family: inherit;
	line-height: inherit;
	background-color: var(--tutor-surface-base);
	color: var(--tutor-text-primary);
	margin: 0;
	transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

form {
	margin: 0;
}

[x-cloak] {
	display: none !important;
}

::view-transition-new(root) {
	animation: .22s ease-out both tutor-theme-fade-in;
}

::view-transition-old(root) {
	animation: .22s ease-out both tutor-theme-fade-out;
}

@keyframes tutor-theme-fade-in {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes tutor-theme-fade-out {
	0% {
		opacity: 1;
	}
	
	to {
		opacity: 0;
	}
}

[data-tutor-motion=reduce] *, [data-tutor-motion=reduce] :before, [data-tutor-motion=reduce] :after {
	scroll-behavior: auto !important;
	transition: none !important;
	animation: none !important;
}

[data-tutor-motion=reduce]::view-transition-new(root) {
	animation: none !important;
}

[data-tutor-motion=reduce]::view-transition-old(root) {
	animation: none !important;
}

@media (prefers-reduced-motion:reduce) {
	[data-tutor-motion=auto] *, [data-tutor-motion=auto] :before, [data-tutor-motion=auto] :after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
	
	[data-tutor-motion=auto]::view-transition-new(root) {
		animation: none !important;
	}
	
	[data-tutor-motion=auto]::view-transition-old(root) {
		animation: none !important;
	}
}