@import '_content/Fugu.UI/Fugu.UI.h7r3q0wihb.bundle.scp.css';

/* /Components/Account/Pages/ManageAccount.razor.rz.scp.css */
.manage-account-test[b-jvqv4j1gbe] {
    padding: 1rem 0;
}

.manage-account-test .nav-pills .nav-link:hover[b-jvqv4j1gbe],
.manage-account-test .nav-pills .nav-link:focus[b-jvqv4j1gbe] {
    background-color: var(--bs-alternate-color);
    color: #000;
}

.manage-account-test .nav-pills .nav-link.active[b-jvqv4j1gbe],
.manage-account-test .nav-pills .show > .nav-link[b-jvqv4j1gbe] {
    background-color: var(--bs-primary-color);
    color: #fff;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.social-login-btn .bi[b-jrhjw0cmis] {
    font-size: 1.1rem;
    line-height: 1;
    flex: 0 0 auto;
}

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ceqtxstlct],
.components-reconnect-repeated-attempt-visible[b-ceqtxstlct],
.components-reconnect-failed-visible[b-ceqtxstlct],
.components-pause-visible[b-ceqtxstlct],
.components-resume-failed-visible[b-ceqtxstlct],
.components-rejoining-animation[b-ceqtxstlct] {
    display: none;
}

/* Required Blazor reconnect state visibility */
#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-retrying[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-failed[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ceqtxstlct] {
    display: block;
}

/* MudBlazor-style success snackbar */
#components-reconnect-modal[b-ceqtxstlct] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    left: auto;
    top: auto;
    width: auto;
    max-width: min(344px, calc(100vw - 32px));
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    box-shadow: none;
    opacity: 0;
    z-index: 1400;
    animation: components-reconnect-modal-fadeOutOpacity-b-ceqtxstlct 0.25s both;
}

    #components-reconnect-modal[open][b-ceqtxstlct] {
        animation: components-reconnect-modal-slideInToast-b-ceqtxstlct 0.25s ease-out both;
    }

    #components-reconnect-modal[b-ceqtxstlct]::backdrop {
        background-color: transparent;
    }

/* Existing container, now styled like a snackbar/toast */
.fugu-reconnect-toast[b-ceqtxstlct],
.components-reconnect-container[b-ceqtxstlct] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 288px;
    min-height: 48px;
    padding: 6px 16px;
    border-radius: 4px;
    background: var(--mud-palette-success, #00a152);
    color: var(--mud-palette-success-text, #fff);
    box-shadow: var(--mud-elevation-6, 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12));
    font-size: 0.875rem;
    line-height: 1.43;
    font-weight: 400;
}

.fugu-reconnect-icon[b-ceqtxstlct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    color: inherit;
}

.fugu-reconnect-icon i[b-ceqtxstlct] {
    font-size: 1.05rem;
}

.fugu-reconnect-content[b-ceqtxstlct] {
    min-width: 0;
}

#components-reconnect-modal p[b-ceqtxstlct] {
    margin: 0;
    text-align: left;
    color: inherit;
}

#components-reconnect-modal .fugu-reconnect-title[b-ceqtxstlct],
#components-reconnect-modal .fugu-reconnect-message[b-ceqtxstlct] {
    color: inherit;
}

#components-reconnect-modal .fugu-reconnect-title[b-ceqtxstlct] {
    font-weight: 500;
}

#components-reconnect-modal .fugu-reconnect-message[b-ceqtxstlct] {
    margin-top: 2px;
    opacity: .92;
}

#components-reconnect-modal.components-reconnect-failed .fugu-reconnect-toast[b-ceqtxstlct],
#components-reconnect-modal.components-reconnect-resume-failed .fugu-reconnect-toast[b-ceqtxstlct] {
    background: var(--mud-palette-error, #f44336);
    color: var(--mud-palette-error-text, #fff);
}

#components-reconnect-modal.components-reconnect-paused .fugu-reconnect-toast[b-ceqtxstlct] {
    background: var(--mud-palette-warning, #ff9800);
    color: var(--mud-palette-warning-text, #000);
}

.fugu-reconnect-actions[b-ceqtxstlct] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

#components-reconnect-modal button[b-ceqtxstlct] {
    border: 0;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .18);
    color: inherit;
    padding: 4px 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

    #components-reconnect-modal button:hover[b-ceqtxstlct] {
        background-color: rgba(255, 255, 255, .26);
    }

    #components-reconnect-modal button:active[b-ceqtxstlct] {
        background-color: rgba(255, 255, 255, .34);
    }

@keyframes components-reconnect-modal-slideInToast-b-ceqtxstlct {
    0% {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ceqtxstlct {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes components-rejoining-animation-b-ceqtxstlct {
    0% {
        top: 11px;
        left: 11px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 11px;
        left: 11px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 22px;
        height: 22px;
        opacity: 0;
    }
}

@media (max-width: 600px) {
    #components-reconnect-modal[b-ceqtxstlct] {
        right: 16px;
        bottom: 16px;
        max-width: calc(100vw - 32px);
    }

    .fugu-reconnect-toast[b-ceqtxstlct],
    .components-reconnect-container[b-ceqtxstlct] {
        min-width: min(288px, calc(100vw - 32px));
        padding: 6px 14px;
    }
}
/* /Components/Pages/Admin/Content/ContentCreator/CurriculumManager.razor.rz.scp.css */
/* =========================================
   LESSON MANAGER PAGE LAYOUT / CONTAINMENT
   ========================================= */

.lesson-manager-page[b-e0m3gkt2m5],
.lessonmanager-grid-host[b-e0m3gkt2m5],
.tab-content[b-e0m3gkt2m5],
.tab-pane[b-e0m3gkt2m5],
.lessonmanager-tab-inner[b-e0m3gkt2m5] {
	min-width: 0;
	max-width: 100%;
}

.lesson-manager-page[b-e0m3gkt2m5] {
	overflow-x: hidden;
}

.lessonmanager-grid-host[b-e0m3gkt2m5],
.lessonmanager-tab-inner[b-e0m3gkt2m5] {
	width: 100%;
}

/* =========================================
   DEFAULT CONTENT HELPERS
   ========================================= */

		.lesson-manager-page .nowrap[b-e0m3gkt2m5] {
			white-space: nowrap;
		}

/* =========================================
   LESSON CELL / ROW CONTENT
   ========================================= */

.lesson-cell[b-e0m3gkt2m5] {
	min-width: 0;
	width: 100%;
}

.lesson-row[b-e0m3gkt2m5] {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	width: 100%;
}

.lesson-text[b-e0m3gkt2m5] {
	flex: 1 1 auto;
	min-width: 0;
}

.lesson-title[b-e0m3gkt2m5] {
	font-weight: 700;
}

.lesson-title[b-e0m3gkt2m5],
.lesson-sub[b-e0m3gkt2m5] {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}

/* =========================================
   VIDEO THUMB
   ========================================= */

.video-thumb[b-e0m3gkt2m5] {
	width: 96px;
	height: 54px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: rgba(0, 0, 0, 0.03);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

/* =========================================
   MOBILE LESSON ROW TIGHTENING
   ========================================= */

@media (max-width: 600px) {
	.video-thumb[b-e0m3gkt2m5] {
		width: 72px;
		min-width: 72px;
		height: 42px;
		flex: 0 0 72px;
	}

	.lesson-row[b-e0m3gkt2m5],
	.lesson-cell[b-e0m3gkt2m5],
	.lesson-text[b-e0m3gkt2m5] {
		min-width: 0;
	}

	.lesson-text[b-e0m3gkt2m5] {
		max-width: 220px;
	}

	.lesson-title[b-e0m3gkt2m5],
	.lesson-sub[b-e0m3gkt2m5] {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 380px) {
	.lesson-text[b-e0m3gkt2m5] {
		max-width: 180px;
	}

	.video-thumb[b-e0m3gkt2m5] {
		width: 64px;
		min-width: 64px;
		flex: 0 0 64px;
	}
}

/* =========================================
   BULK BAR
   ========================================= */

.bulkbar[b-e0m3gkt2m5] {
	position: sticky;
	top: 12px;
	z-index: 10;
	background: #fff;
}

/* =========================================
   MOBILE PANEL FLATTEN
   ========================================= */

@media (max-width: 768px) {
	.lesson-manager-page .search-wrap.border.rounded-3[b-e0m3gkt2m5],
	.lesson-manager-page .courses-wrap.border.rounded-3[b-e0m3gkt2m5] {
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	.lesson-manager-page .search-wrap[b-e0m3gkt2m5] {
		padding: 0 !important;
		margin-bottom: 1rem !important;
	}

	.lesson-manager-page .courses-wrap[b-e0m3gkt2m5] {
		margin: 0 !important;
	}

		.lesson-manager-page .courses-wrap > .border-bottom[b-e0m3gkt2m5] {
			border-bottom: none !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
}
/* /Components/Pages/Admin/Content/ContentCreator/LessonDetail.razor.rz.scp.css */
.lesson-detail-page-title[b-z1g1bo2jkj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.lesson-detail-page-title-main[b-z1g1bo2jkj] {
    min-width: 0;
}

.lesson-detail-page-title-context[b-z1g1bo2jkj] {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    color: #425246;
    font-size: .95rem;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.lesson-detail-page-title-num[b-z1g1bo2jkj] {
    color: #6f756d;
    font-size: .86rem;
    font-weight: 500;
}

@media (max-width: 760px) {
    .lesson-detail-page-title[b-z1g1bo2jkj] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .lesson-detail-page-title-context[b-z1g1bo2jkj] {
        white-space: normal;
        text-align: left;
    }
}

.launch-settings-wrapper[b-z1g1bo2jkj] {
    background: #e7e6da !important;
    border: 1px solid #d0d1c5;
    border-radius: 8px;
    padding: 12px 16px 8px 16px;
}

.resubmit-alert-content[b-z1g1bo2jkj] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.resubmit-alert-action[b-z1g1bo2jkj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    margin-left: auto;
    flex: 0 1 auto;
}

.resubmit-alert-message[b-z1g1bo2jkj] {
    font-weight: 700;
}

.content-tab-resubmit-locked[b-z1g1bo2jkj] {
    opacity: .42;
    pointer-events: none;
    user-select: none;
}

.launch-settings-row[b-z1g1bo2jkj] {
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.launch-date-inline[b-z1g1bo2jkj] {
    flex: 0 0 auto;
    min-height: 40px;
    white-space: nowrap;
    gap: 8px;
}

.launch-date-label[b-z1g1bo2jkj] {
    flex: 0 0 auto;
    white-space: nowrap;
    gap: 6px;
}

.launch-help-icon[b-z1g1bo2jkj] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.launch-date-picker-wrap[b-z1g1bo2jkj] {
    width: 210px;
    flex: 0 0 210px;
}

.launch-button-wrapper[b-z1g1bo2jkj] {
    margin-left: auto;
    padding-left: 30px;
}

.launch-save-button[b-z1g1bo2jkj] {
    height: 36px;
    min-width: 92px;
    border-radius: 6px;
    text-transform: none;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}

[b-z1g1bo2jkj] .launch-save-button {
    background-color: #282828 !important;
    color: #ffffff !important;
}

[b-z1g1bo2jkj] .launch-save-button:hover {
    background-color: #1a1a1a !important;
}

[b-z1g1bo2jkj] .launch-save-button:disabled {
    background-color: #666666 !important;
    color: #cccccc !important;
}

[b-z1g1bo2jkj] .lesson-info-save-button {
    display: flex;
    width: min(100%, 420px);
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.lesson-detail-icon-button[b-z1g1bo2jkj] {
    color: inherit;
    line-height: 1;
    padding: 0.25rem;
    text-decoration: none;
}

    .lesson-detail-icon-button:hover[b-z1g1bo2jkj],
    .lesson-detail-icon-button:focus[b-z1g1bo2jkj] {
        color: inherit;
        background-color: rgba(0, 0, 0, 0.06);
        text-decoration: none;
    }

    .lesson-detail-icon-button:disabled[b-z1g1bo2jkj] {
        color: var(--mud-palette-action-disabled);
        background-color: transparent;
        opacity: 1;
    }

/* MudBlazor overrides */
[b-z1g1bo2jkj] .launch-date-label .mud-typography {
    font-size: .78rem;
    line-height: 1.2;
    font-weight: 600;
    color: #333;
    margin: 0;
}

[b-z1g1bo2jkj] .launch-date-picker {
    width: 100%;
}

[b-z1g1bo2jkj] .launch-date-picker .mud-input-control {
    width: 100%;
    margin: 0;
}

[b-z1g1bo2jkj] .launch-date-picker .mud-input-root {
    background-color: #ffffff;
    min-height: 28px !important;
}

[b-z1g1bo2jkj] .launch-date-picker .mud-input-slot {
    font-size: .8rem;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 28px !important;
}

[b-z1g1bo2jkj] .launch-date-picker .mud-input {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.3;
}

[b-z1g1bo2jkj] .launch-date-picker .mud-input-control-input-container {
    min-height: 28px !important;
}

[b-z1g1bo2jkj] .launch-date-picker input {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Keeps it usable if the screen gets narrow */
@media (max-width: 760px) {
    .resubmit-alert-content[b-z1g1bo2jkj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .resubmit-alert-action[b-z1g1bo2jkj] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }

    .launch-settings-row[b-z1g1bo2jkj] {
        align-items: flex-start !important;
        gap: 10px;
    }

    .launch-date-inline[b-z1g1bo2jkj] {
        width: 100%;
    }

    .launch-date-picker-wrap[b-z1g1bo2jkj] {
        flex: 1 1 auto;
        width: auto;
    }

    .launch-save-button[b-z1g1bo2jkj] {
        margin-left: 0;
    }
}

[b-z1g1bo2jkj] .coming-soon-checkbox .mud-typography {
    font-size: .75rem;
    line-height: 1.35;
}

/* /Components/Pages/Admin/DetailPages/UploadLessonDialog.razor.rz.scp.css */
.steps-row[b-vsw15347u4] {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

.step-item[b-vsw15347u4] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.step-circle[b-vsw15347u4] {
	width: 30px;
	height: 30px;
	border-radius: 999px;
	border: 2px solid rgba(0,0,0,0.25);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
}

	.step-circle.current[b-vsw15347u4] {
		border-color: rgba(0,0,0,0.7);
	}

	.step-circle.done[b-vsw15347u4] {
		border-color: rgba(0,0,0,0.6);
	}

.step-label[b-vsw15347u4] {
	font-size: 12px;
	color: rgba(0,0,0,0.55);
	white-space: nowrap;
}

	.step-label.current[b-vsw15347u4] {
		color: rgba(0,0,0,0.85);
		font-weight: 600;
	}

	.step-label.done[b-vsw15347u4] {
		color: rgba(0,0,0,0.75);
	}

/* Connector container */
.step-connector[b-vsw15347u4] {
	flex: 1;
	height: 2px;
	background: #cfcfcf;
	position: relative;
	margin: 0 4px;
	min-width: 10px;
}

	/* Arrow head */
	.step-connector[b-vsw15347u4]::after {
		content: "";
		position: absolute;
		right: -1px;
		top: 50%;
		transform: translateY(-50%);
		border-left: 8px solid #cfcfcf;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}

/* Hidden InputFile wrapper (scoped CSS applies to wrapper) */
.file-input-host[b-vsw15347u4] {
	position: fixed;
	left: -10000px;
	top: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.yt-dropzone[b-vsw15347u4] {
	border: 2px dashed rgba(0,0,0,0.2);
	border-radius: 12px;
	padding: 24px;
	text-align: center;
	user-select: none;
}

	.yt-dropzone.dragover[b-vsw15347u4] {
		border-color: rgba(0,0,0,0.5);
		background: rgba(0,0,0,0.03);
	}

.preview-card[b-vsw15347u4] {
	position: sticky;
	top: 12px;
}

[b-vsw15347u4] .upload-final-processing-alert {
	background-color: #b45309 !important;
	color: #fff !important;
}

[b-vsw15347u4] .upload-final-processing-alert .mud-alert-icon {
	color: #fff !important;
}

/*.preview-thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 220px;
	overflow: hidden;
	border-radius: 12px;
	background: #000;
}

.preview-video,
.preview-video-frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	border-radius: 12px;
}

.preview-processing,
.preview-processing-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.45);
	z-index: 2;
}*/

.preview-thumb[b-vsw15347u4] {
	position: relative;
	min-height: 220px;
	background: #000;
	border-radius: 0.5rem;
	overflow: hidden;
}

.preview-video-host[b-vsw15347u4] {
	position: relative;
	width: 100%;
	height: 220px;
	min-height: 220px;
	background: #000;
}

	.preview-video-host .video-js[b-vsw15347u4] {
		width: 100% !important;
		height: 100% !important;
		background: #000 !important;
	}

	.preview-video-host .vjs-tech[b-vsw15347u4] {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain;
	}

	.preview-video-host .vjs-big-play-button[b-vsw15347u4] {
		display: block !important;
		z-index: 3;
	}

.preview-video-frame[b-vsw15347u4],
.preview-video[b-vsw15347u4] {
	width: 100%;
	height: 220px;
	min-height: 220px;
	display: block;
}

.preview-processing-overlay[b-vsw15347u4] {
	position: absolute;
	inset: 0;
	z-index: 5;
	background: rgba(0, 0, 0, 0.72);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	text-align: center;
	padding: 1rem;
}

.text-muted-white[b-vsw15347u4] {
	color: rgba(255, 255, 255, 0.82);
}

.preview-bc-tracker-host[b-vsw15347u4] {
	position: absolute;
	width: 1px;
	height: 1px;
	left: -9999px;
	top: -9999px;
	overflow: hidden;
	pointer-events: none;
}

.upload-step-host-hidden[b-vsw15347u4] {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.pill-row[b-vsw15347u4] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.pill-chip[b-vsw15347u4] {
	/* chips already size to content; this just prevents weird flex stretching */
	flex: 0 0 auto;
}

.price-field .mud-input-adornment[b-vsw15347u4] {
	font-weight: 600;
	opacity: .8;
	margin-right: 4px;
}

.price-field input[b-vsw15347u4] {
	text-align: left;
	padding-left: 2px;
}

/* Brightcove preview overlay text */
.bc-preview-overlay[b-vsw15347u4] {
	color: #d1d5db;
	text-align: center;
}

	.bc-preview-overlay .status-text[b-vsw15347u4] {
		font-size: 0.95rem;
		opacity: 0.9;
	}

	.bc-preview-overlay .status-subtext[b-vsw15347u4] {
		font-size: 0.8rem;
		opacity: 0.7;
	}


/* Mobile-only tap tooltip */
@media (max-width: 768px) {
	.steps-row .step-label[b-vsw15347u4] {
		display: none;
	}
}

.step-check-btn[b-vsw15347u4] {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	cursor: pointer;
}

.step-mobile-tooltip[b-vsw15347u4] {
	display: none;
}

@media (max-width: 768px) {
	.step-item[b-vsw15347u4] {
		position: relative;
	}

	.step-mobile-tooltip[b-vsw15347u4] {
		display: block;
		position: absolute;
		top: calc(100% + 8px);
		left: 50%;
		transform: translateX(-50%);
		z-index: 20;
		white-space: nowrap;
		background: rgba(20, 20, 20, 0.95);
		color: #d1d5db;
		font-size: 0.75rem;
		line-height: 1.2;
		padding: 6px 10px;
		border-radius: 8px;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	}

		.step-mobile-tooltip[b-vsw15347u4]::before {
			content: "";
			position: absolute;
			top: -5px;
			left: 50%;
			transform: translateX(-50%);
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 5px solid rgba(20, 20, 20, 0.95);
		}
}

.player-timecode[b-vsw15347u4] {
	font-size: 0.875rem;
	color: #d1d5db;
	line-height: 1;
}

.video-details-header[b-vsw15347u4] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.video-details-title[b-vsw15347u4] {
	font-weight: 600;
}

.video-details-timecode[b-vsw15347u4] {
	margin-left: auto;
	font-size: 0.875rem;
	color: #6b7280;
	line-height: 1;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.video-details-timecode[b-vsw15347u4] {
		font-size: 0.8125rem;
	}
}

.form-field-block[b-vsw15347u4] {
	margin-bottom: 1rem;
	position: relative;
	overflow: visible;
}

.upload-field-label[b-vsw15347u4] {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 500;
	font-size: 0.8rem;
	color: #282828;
}

.upload-description-editor[b-vsw15347u4] {
	width: 100%;
}

.upload-description-wrapper[b-vsw15347u4] {
	display: flex;
	flex-direction: column;
}

.upload-editor-meta[b-vsw15347u4] {
	display: flex;
	justify-content: flex-end;
	margin-top: 4px;
	opacity: 0.8;
}

.upload-editor-help[b-vsw15347u4] {
	font-size: 0.875rem;
	color: #6c757d;
	line-height: 1.3;
}

.upload-editor-counter[b-vsw15347u4] {
	font-size: 0.80rem;
	color: #6c757d;
	white-space: nowrap;
}

.validation-message[b-vsw15347u4] {
	margin-top: 0.35rem;
	font-size: 0.875rem;
	color: #dc3545;
}

/* Telerik Editor content font override */
.upload-description-editor .k-editor-content[b-vsw15347u4],
.upload-description-editor .k-editor-content *[b-vsw15347u4] {
	font-family: Arial, Helvetica, sans-serif !important;
}

.preview-video-host[b-vsw15347u4] {
	width: 100%;
	height: 100%;
	min-height: 220px;
	position: relative;
	overflow: hidden;
	border-radius: inherit;
}

	.preview-video-host video[b-vsw15347u4],
	.preview-video-host .video-js[b-vsw15347u4] {
		width: 100% !important;
		height: 100% !important;
	}

.step-description-box[b-vsw15347u4] {
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
	background: #f8f9fa;
	color: #555;
}

.step-description-text[b-vsw15347u4] {
	font-size: 0.95rem;
	line-height: 1.45;
	color: #555;
}

.form-description-box[b-vsw15347u4] {
	padding: 1rem 1.1rem;
	border-left: 4px solid var(--bs-primary-color);
	border-radius: 0.75rem;
	background: #f8f9fa;
}

.launch-settings-row[b-vsw15347u4] {
	width: 100%;
}

.launch-settings-wrapper[b-vsw15347u4] {
	background: #e7e6da !important;
	border: 1px solid #d0d1c5;
	border-radius: 8px;
	padding: 12px 16px 8px 16px;
}

.launch-date-inline[b-vsw15347u4] {
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.launch-date-label[b-vsw15347u4] {
	flex: 0 0 auto;
	white-space: nowrap;
}

.launch-help-icon[b-vsw15347u4] {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
}

[b-vsw15347u4] .launch-help-icon .help-wrapper {
	position: static;
}

[b-vsw15347u4] .launch-help-icon .help-icon-btn {
	flex: 0 0 auto;
}

.launch-date-picker-wrap[b-vsw15347u4] {
	width: 200px;
	flex: 0 0 200px;
}

[b-vsw15347u4] .launch-date-label .mud-typography {
	white-space: nowrap;
}

[b-vsw15347u4] .launch-date-picker {
	width: 100%;
}

[b-vsw15347u4] .launch-date-picker .mud-input-control {
	width: 100%;
	margin: 0;
}

@media (max-width: 640px) {
	.launch-date-inline[b-vsw15347u4] {
		align-items: flex-start !important;
		flex-direction: column !important;
		white-space: normal;
	}
}
/* /Components/Pages/Admin/Partner/CourseAdmin/FormsManager.razor.rz.scp.css */
.course-admin-forms-manager[b-yfb39e0qed] {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	box-sizing: border-box;
}
/* /Components/Pages/Admin/Partner/CourseAdmin/LessonDetail.razor.rz.scp.css */
.lesson-detail-page-title[b-szsifkk9ps] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.lesson-detail-page-title-main[b-szsifkk9ps] {
    min-width: 0;
}

.lesson-detail-page-title-context[b-szsifkk9ps] {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    color: #425246;
    font-size: .95rem;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.lesson-detail-page-title-num[b-szsifkk9ps] {
    color: #6f756d;
    font-size: .86rem;
    font-weight: 500;
}

@media (max-width: 760px) {
    .lesson-detail-page-title[b-szsifkk9ps] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .lesson-detail-page-title-context[b-szsifkk9ps] {
        white-space: normal;
        text-align: left;
    }
}

.launch-settings-wrapper[b-szsifkk9ps] {
    background: #e7e6da !important;
    border: 1px solid #d0d1c5;
    border-radius: 8px;
    padding: 12px 16px 8px 16px;
}

.launch-settings-row[b-szsifkk9ps] {
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.launch-date-inline[b-szsifkk9ps],
.launch-option-inline[b-szsifkk9ps] {
    flex: 0 0 auto;
    min-height: 40px;
    white-space: nowrap;
}

.launch-date-inline[b-szsifkk9ps] {
    gap: 8px;
}

.launch-option-inline[b-szsifkk9ps] {
    gap: 6px;
    position: relative;
    z-index: 1;
}

.launch-date-label[b-szsifkk9ps] {
    flex: 0 0 auto;
    white-space: nowrap;
    gap: 6px;
}

.launch-help-icon[b-szsifkk9ps] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.launch-date-picker-wrap[b-szsifkk9ps] {
    width: 180px;
    flex: 0 0 180px;
}

.launch-button-wrapper[b-szsifkk9ps] {
    margin-left: auto;
    padding-left: 30px;
}

.launch-save-button[b-szsifkk9ps] {
    height: 36px;
    min-width: 92px;
    border-radius: 6px;
    text-transform: none;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}

[b-szsifkk9ps] .launch-save-button {
    background-color: #282828 !important;
    color: #ffffff !important;
}

[b-szsifkk9ps] .launch-save-button:hover {
    background-color: #1a1a1a !important;
}

[b-szsifkk9ps] .launch-save-button:disabled {
    background-color: #666666 !important;
    color: #cccccc !important;
}

[b-szsifkk9ps] .lesson-info-save-button {
    display: flex;
    width: min(100%, 420px);
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs {
    width: 100%;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-toolbar {
    min-height: 41px;
    height: auto;
    background: transparent;
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-toolbar-content {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-toolbar-inner {
    min-width: max-content;
    align-items: flex-end;
    border-bottom: 1px solid #d9d9d9;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    height: 41px;
    min-width: 0;
    white-space: nowrap;
    border: 1px solid transparent;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 8px 8px 0 0;
    padding: 0 14px;
    margin-bottom: -1px;
    color: #8a8a8a;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    line-height: 1.2;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab .mud-tab-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    line-height: 1.2;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab:hover,
[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab:focus {
    color: #5f5f5f;
    background: #f5f5f5;
    border-color: #e2e2e2 #e2e2e2 #d9d9d9;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab.mud-tab-active {
    color: #222;
    background: #fff;
    border-color: #d9d9d9 #d9d9d9 #fff;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab-slider,
[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab-slider-horizontal,
[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-slider,
[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-slider-wrapper,
[b-szsifkk9ps] .lesson-info-secondary-tabs [class*="slider"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tabs-panels {
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 0 0 4px;
}

[b-szsifkk9ps] .lesson-info-secondary-tabs .mud-tab-panel {
    padding-top: 0;
}

.lesson-detail-icon-button[b-szsifkk9ps] {
    color: inherit;
    line-height: 1;
    padding: 0.25rem;
    text-decoration: none;
}

    .lesson-detail-icon-button:hover[b-szsifkk9ps],
    .lesson-detail-icon-button:focus[b-szsifkk9ps] {
        color: inherit;
        background-color: rgba(0, 0, 0, 0.06);
        text-decoration: none;
    }

    .lesson-detail-icon-button:disabled[b-szsifkk9ps] {
        color: var(--mud-palette-action-disabled);
        background-color: transparent;
        opacity: 1;
    }

/* MudBlazor overrides */
[b-szsifkk9ps] .launch-date-label .mud-typography {
    font-size: .78rem;
    line-height: 1.2;
    font-weight: 600;
    color: #333;
    margin: 0;
}

[b-szsifkk9ps] .launch-date-picker {
    width: 100%;
}

[b-szsifkk9ps] .launch-date-picker .mud-input-control {
    width: 100%;
    margin: 0;
}

[b-szsifkk9ps] .launch-date-picker .mud-input-root {
    background-color: #ffffff;
    min-height: 28px !important;
}

[b-szsifkk9ps] .launch-date-picker .mud-input-slot {
    font-size: .8rem;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-height: 28px !important;
}

[b-szsifkk9ps] .launch-date-picker .mud-input {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.3;
}

[b-szsifkk9ps] .launch-date-picker .mud-input-control-input-container {
    min-height: 28px !important;
}

[b-szsifkk9ps] .launch-date-picker input {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

[b-szsifkk9ps] .launch-checkbox {
    margin: 0;
    position: relative;
    z-index: 2;
}

[b-szsifkk9ps] .launch-checkbox .mud-checkbox {
    cursor: pointer;
}

[b-szsifkk9ps] .launch-help-icon .help-wrapper {
    width: 16px;
    height: 16px;
    pointer-events: none;
}

[b-szsifkk9ps] .launch-help-icon .help-icon-btn,
[b-szsifkk9ps] .launch-help-icon .mud-popover {
    pointer-events: auto;
}

[b-szsifkk9ps] .launch-checkbox .mud-button-root {
    background-color: transparent;
}

[b-szsifkk9ps] .launch-checkbox .mud-checkbox-root {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 2px;
}

[b-szsifkk9ps] .launch-checkbox .mud-typography {
    font-size: .78rem;
    line-height: 1.2;
    color: #333;
}

/* Keeps it usable if the screen gets narrow */
@media (max-width: 760px) {
    .launch-settings-row[b-szsifkk9ps] {
        align-items: flex-start !important;
        gap: 10px;
    }

    .launch-date-inline[b-szsifkk9ps] {
        width: 100%;
    }

    .launch-date-picker-wrap[b-szsifkk9ps] {
        flex: 1 1 auto;
        width: auto;
    }

    .launch-save-button[b-szsifkk9ps] {
        margin-left: 0;
    }
}

/* /Components/Pages/Players/LessonPlayer.razor.rz.scp.css */
/* =========================================
   LESSON PLAYER
   ========================================= */

.lessonplayer[b-gbtacumuti] {
    --lp-rail-width: var(--lp-desktop-column-gap);
    --lp-rail-gap: 0px;
    --lp-rail-overlap: 8px;
    --lp-rail-top-offset: 100px;
    --lp-rail-bg: var(--bs-alternate-color, #6c757d);
    --lp-rail-bg-hover: var(--bs-alternatedark-color, #5c636a);
    --lp-rail-inset-y: 22px;
    --lp-rail-tab-height: 100px;
    --lp-desktop-column-gap: 1rem;
    --lp-page-padding-x: 1.5rem;
    --default-panel-height-desktop: 500px;
    --default-panel-height-desktop-lg: 1000px;
    overflow: visible;
}

.lp-jump-top[b-gbtacumuti] {
    display: none;
}

@media (max-width: 768px) {
    .lessonplayer[b-gbtacumuti] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .lessonplayer .container[b-gbtacumuti],
    .lessonplayer .container-fluid[b-gbtacumuti],
    .lessonplayer .content-wrapper[b-gbtacumuti],
    .lessonplayer .main-wrapper[b-gbtacumuti] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .lessonplayer .row[b-gbtacumuti] {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .lp-jump-top[b-gbtacumuti] {
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 1100;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 78px;
        min-height: 32px;
        padding: 7px 9px;
        border: 1px solid #111;
        border-radius: 6px;
        background: #111;
        color: #fff;
        font-size: 0.68rem;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
        opacity: 0;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity .15s ease, transform .15s ease;
    }

    .lp-jump-top.is-visible[b-gbtacumuti] {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .lp-jump-top:focus-visible[b-gbtacumuti] {
        outline: 2px solid #fff;
        outline-offset: 2px;
        box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.35);
    }
}

/* =========================================
   BASIC TEXT / HEADER
   ========================================= */

.lp-breadcrumb[b-gbtacumuti] {
    font-size: 12px;
    opacity: 0.85;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.lp-crumb[b-gbtacumuti] {
    text-decoration: none;
}

.lp-sep[b-gbtacumuti] {
    opacity: 0.6;
}

.lp-title[b-gbtacumuti] {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.lp-instructor[b-gbtacumuti] {
    text-decoration: none;
    font-weight: 600;
}

.lp-tab-description[b-gbtacumuti] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-left: 3px solid #ced4da;
    background: #f8f9fa;
    color: #495057;
    font-size: 0.9rem;
    line-height: 1.45;
}

.lessonplayer .default-pane-content[b-gbtacumuti] {
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* =========================================
   DESKTOP / ROW LAYOUT
   ========================================= */

.lessonplayer .lp-rowwrap[b-gbtacumuti] {
    padding-right: 0;
    overflow: visible;
}

.lessonplayer .lp-rowarea[b-gbtacumuti] {
    position: relative;
    overflow: visible;
}

@media (min-width: 992px) {
    .lessonplayer .lp-row.lp-row-top[b-gbtacumuti] {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        gap: var(--lp-desktop-column-gap);
        align-items: start;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    .lessonplayer .lp-row.lp-row-bottom[b-gbtacumuti] {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        gap: var(--lp-desktop-column-gap);
        align-items: stretch;
        min-height: var(--default-panel-height-desktop-lg);
        height: var(--default-panel-height-desktop-lg);
    }

        .lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti],
        .lessonplayer .lp-row.lp-row-bottom > [class*="col-"][b-gbtacumuti] {
            width: 100% !important;
            max-width: none !important;
            min-width: 0;
            min-height: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-self: stretch;
        }

    .lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti] {
        height: auto;
        max-height: none;
    }

    .lessonplayer .lp-row.lp-row-bottom > [class*="col-"][b-gbtacumuti] {
        height: auto;
    }

    .lessonplayer .lp-row.lp-row-top > .col-lg-12[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom > .col-lg-12[b-gbtacumuti] {
        grid-column: 1 / -1;
    }

    .lessonplayer .lp-row.lp-row-top.is-right-collapsed > [class*="col-"]:first-child[b-gbtacumuti] {
        grid-column: 1 / -1;
    }

    .lessonplayer .lp-row.lp-row-top .lp-player-section[b-gbtacumuti] {
        height: auto;
        max-height: none;
        min-height: 0;
        width: 100%;
        max-width: 100%;
        align-self: stretch;
    }

    .lessonplayer .lp-row.lp-row-top .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section[b-gbtacumuti] {
        height: 100%;
        max-height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active)[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active)[b-gbtacumuti] {
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active) .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active) .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active) .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active) .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments .default-pane-content[b-gbtacumuti] {
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .lessonplayer .lp-row.lp-row-top .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane-content[b-gbtacumuti] {
        min-height: 0;
    }

    .lp-top-tools-section[b-gbtacumuti] {
        min-height: 0;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
    .lessonplayer .lp-row.lp-row-top[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom[b-gbtacumuti] {
        display: flex !important;
        flex-wrap: wrap;
        height: auto;
        min-height: 0;
    }

    .lessonplayer .lp-row.lp-row-top[b-gbtacumuti] {
        --bs-gutter-x: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

        .lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti],
        .lessonplayer .lp-row.lp-row-bottom > [class*="col-"][b-gbtacumuti] {
            min-height: 0;
        }

    .lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .lp-player-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .uvp-player[b-gbtacumuti] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .lessonplayer .lp-rowarea > .lp-row-rail[b-gbtacumuti] {
        display: none !important;
    }

    .lessonplayer .lp-rowwrap[b-gbtacumuti] {
        padding-right: 0 !important;
    }

    .default-tab-section[b-gbtacumuti] {
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .lp-player-section[b-gbtacumuti] {
        padding: 0 !important;
        margin-bottom: 20px;
    }

    .lessonplayer .lp-row.lp-row-top .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section[b-gbtacumuti] {
        height: 600px;
        min-height: 600px;
        max-height: 600px;
        overflow: hidden;
    }

    .lessonplayer .lp-row.lp-row-top .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane-content[b-gbtacumuti] {
        min-height: 0;
    }

    .lessonplayer .lp-row.lp-row-top .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane-content[b-gbtacumuti] {
        overscroll-behavior-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active)[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active)[b-gbtacumuti] {
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active) .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active) .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-forum.show.active) .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section:has(#info-comments.show.active) .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-forum .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom #info-comments .default-pane-content[b-gbtacumuti] {
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }
}

/* =========================================
   PANEL SHELLS
   ========================================= */

.lp-section[b-gbtacumuti],
.lp-rail[b-gbtacumuti],
.default-related-section[b-gbtacumuti] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.lp-player-section[b-gbtacumuti] {
    padding: 10px;
    overflow: visible;
    min-height: 0;
    height: auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.lp-section-header[b-gbtacumuti] {
    padding: 10px 12px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
}

.lp-section-title[b-gbtacumuti] {
    font-weight: 700;
    font-size: 14px;
}

.default-related-list[b-gbtacumuti] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
}

.default-related-empty[b-gbtacumuti] {
    padding: 14px 12px;
    color: #666;
    font-size: 0.9rem;
}

.default-related-item[b-gbtacumuti] {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start; /* CRITICAL */
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid #efefef;
    border-radius: 6px;
}

.default-related-icon[b-gbtacumuti] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #f8f9fb;
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
}

.default-related-meta[b-gbtacumuti] {
    flex: 1 1 auto;
    min-width: 0;
}

.default-related-title[b-gbtacumuti] {
    display: inline-block;
    font-weight: 800 !important;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
}

.default-related-title *[b-gbtacumuti],
.default-related-title :deep(*)[b-gbtacumuti] {
    font-weight: 800 !important;
}

.default-related-title:hover[b-gbtacumuti] {
    text-decoration: underline;
}

.default-related-desc[b-gbtacumuti] {
    margin-top: 4px;
    color: #555;
    font-size: 12px;
    line-height: 1.3;
}

.default-related-sub[b-gbtacumuti] {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 4px;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.default-related-dot[b-gbtacumuti] {
    opacity: 0.6;
}

@media (max-width: 575.98px) {
    .default-related-thumb[b-gbtacumuti] {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        flex: 0 0 120px;
    }
}

/* =========================================
   COLLAPSE RAILS
   ========================================= */

.lessonplayer .lp-rowarea > .lp-row-rail[b-gbtacumuti] {
    position: absolute;
    top: var(--lp-rail-top-offset);
    left: calc(66.666667% - (var(--lp-desktop-column-gap) / 6) - (var(--lp-rail-width) / 2) - 8px);
    width: var(--lp-rail-width);
    height: var(--lp-rail-tab-height);
    padding: 0;
    border: 0;
    background: var(--lp-rail-bg);
    cursor: pointer;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transform: none;
    transition: background-color .15s ease, left .15s ease, right .15s ease;
}

    .lessonplayer .lp-rowarea > .lp-row-rail.is-collapsed[b-gbtacumuti] {
        left: auto;
        right: -10px;
        border-top-left-radius: 999px;
        border-bottom-left-radius: 999px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .lessonplayer .lp-rowarea > .lp-row-rail:hover[b-gbtacumuti] {
        background: var(--lp-rail-bg-hover);
    }

    .lessonplayer .lp-rowarea > .lp-row-rail > .lp-rail-icon[b-gbtacumuti] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        color: #fff;
        transform: none;
    }

        .lessonplayer .lp-rowarea > .lp-row-rail.is-collapsed > .lp-rail-icon[b-gbtacumuti] {
            transform: rotate(180deg);
        }

    .lessonplayer .lp-rowarea > .lp-row-rail i[b-gbtacumuti] {
        font-size: 9px;
        line-height: 1;
        color: #fff;
        pointer-events: none;
    }

/*.lp-rail-header {
    border-bottom: 1px solid #d9d9d9;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-rail-body {
    flex: 1 1 auto;
    min-height: 0;
}*/

/* =========================================
   SLIDES / PROGRESS
   ========================================= */

.lp-slide-tools[b-gbtacumuti] {
    justify-content: space-between;
}

.lp-slide-btn[b-gbtacumuti] {
    min-width: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

    .lp-slide-btn:disabled[b-gbtacumuti] {
        opacity: .4;
        cursor: not-allowed;
    }

.lp-tool-text[b-gbtacumuti] {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 0.85rem;
    color: #333;
    user-select: none;
}

.lp-progress-tools[b-gbtacumuti] {
    justify-content: center;
}

.lp-checkpoints-readonly[b-gbtacumuti] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lp-checkpoint-sm[b-gbtacumuti] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #bdbdbd;
    background: #f7f7f7;
    color: #333;
    font-size: 0.75rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .lp-checkpoint-sm.is-active[b-gbtacumuti] {
        background: #212529;
        border-color: #212529;
        color: #fff;
    }

.lp-progress-update[b-gbtacumuti] {
    min-width: 160px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.lp-date-inline[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lp-tool-label[b-gbtacumuti] {
    font-weight: normal;
    white-space: nowrap;
}

.lp-date-picker[b-gbtacumuti] {
    width: 160px;
    min-width: 140px;
}

    .lp-date-picker .k-input[b-gbtacumuti],
    .lp-date-picker .k-picker[b-gbtacumuti],
    .lp-date-picker .k-datepicker[b-gbtacumuti] {
        width: 160px;
    }

.lp-confidence .lp-conf-btn[b-gbtacumuti] {
    border: 1px solid #bdbdbd;
    color: #111;
    background: #f7f7f7;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 4px 10px;
}

.lessonplayer .btn-check:checked + .lp-conf-low[b-gbtacumuti] {
    background: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.lessonplayer .btn-check:checked + .lp-conf-med[b-gbtacumuti] {
    background: #fd7e14;
    border-color: #fd7e14;
    color: #111;
}

.lessonplayer .btn-check:checked + .lp-conf-high[b-gbtacumuti] {
    background: #28a745;
    border-color: #28a745;
    color: #111;
}

.lessonplayer .btn-check:focus + .lp-conf-btn[b-gbtacumuti] {
    box-shadow: 0 0 0 0.15rem rgba(0,0,0,.15);
}

/* =========================================
   SLIDES CONTENT
   ========================================= */

.slide-container[b-gbtacumuti] {
    padding: 0;
}

.slide-card[b-gbtacumuti] {
    background: #fff;
    padding: 4px;
    border-radius: 8px;
}

.slide-card-cover[b-gbtacumuti] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(220px, 30vw, 420px);
    overflow: hidden;
    padding: clamp(24px, 5vw, 56px) clamp(24px, 5vw, 56px) clamp(84px, 10vw, 116px);
    background: #111;
    color: #fff;
    text-align: center;
    isolation: isolate;
}

.slide-cover-image[b-gbtacumuti] {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-cover-shade[b-gbtacumuti] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.42)),
        rgba(0, 0, 0, 0.62);
}

.slide-cover-content[b-gbtacumuti] {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
}

.slide-cover-actions[b-gbtacumuti] {
    position: absolute;
    left: clamp(18px, 5vw, 56px);
    right: clamp(18px, 5vw, 56px);
    bottom: clamp(18px, 4vw, 40px);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.slide-cover-title[b-gbtacumuti] {
    margin: 0;
    font-size: clamp(1.7rem, 4vw, 3.1rem);
    font-weight: 900;
    line-height: 1.05;
}

.slide-cover-subtitle[b-gbtacumuti] {
    margin-top: 14px;
    font-size: clamp(1rem, 2vw, 1.35rem);
    font-weight: 700;
    line-height: 1.3;
    opacity: 0.92;
}

.slide-title[b-gbtacumuti] {
/*    font-size: 1.7rem;
    font-weight: 800;*/
    margin-bottom: 20px;
/*    background-color: var(--bs-alternate-color);
    padding: 4px;*/
}

.slide-subtitle[b-gbtacumuti],
[b-gbtacumuti] .slide-subtitle {
    font-weight: 900;
    margin-bottom: 10px;
}

.slide-body[b-gbtacumuti] {
    margin-bottom: 12px;
}

.slide-body :deep(.show-content-section)[b-gbtacumuti] {
    margin-bottom: 14px;
}

    /*.slide-body :deep(.show-content-section h3) {*/
        /*  font-size: 15px;
    font-weight: 700;
    margin: 0 0 6px;*/
        /*font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 10px;
    }*/

.slide-body :deep(p:last-child)[b-gbtacumuti],
.slide-body :deep(ul:last-child)[b-gbtacumuti],
.slide-body :deep(ol:last-child)[b-gbtacumuti] {
    margin-bottom: 0;
}

.slide-bullets[b-gbtacumuti] {
    padding-left: 20px;
}

/* =========================================
   NOTES
   ========================================= */

.lp-notes-list[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.lp-note-item[b-gbtacumuti] {
    padding: 10px 8px;
}

.lp-note-text[b-gbtacumuti] {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1.25rem;
    cursor: pointer;
}

    .lp-note-text:hover[b-gbtacumuti] {
        text-decoration: underline;
    }

.lp-note-meta[b-gbtacumuti] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lp-note-time[b-gbtacumuti] {
    font-size: 0.75rem;
    opacity: 0.75;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.lp-note-actions[b-gbtacumuti] {
    display: inline-flex;
    gap: 6px;
}

.lp-note-icon[b-gbtacumuti] {
    padding: 2px 6px;
    line-height: 1;
}

.lp-notes-list hr[b-gbtacumuti] {
    margin: 0;
    opacity: 0.2;
}

/* =========================================
   FORUM
   ========================================= */

.lp-forum-toolbar[b-gbtacumuti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.15rem;
}

.lp-forum-postrow[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -6px;
}

.lp-forum-submitbtn[b-gbtacumuti] {
    background: #111;
    color: #fff;
    border: 1px solid #111;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 1.2;
}

    .lp-forum-submitbtn:hover[b-gbtacumuti] {
        background: #222;
        border-color: #222;
    }

.lp-forum-check[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .82rem;
    margin: 0;
}

.lp-forum-divider[b-gbtacumuti] {
    margin: 0.9rem 0 0.25rem;
    opacity: 0.85;
}

.lp-forum-pager[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lp-forum-page[b-gbtacumuti] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    white-space: nowrap;
    min-width: 82px;
    text-align: center;
}

.lp-forum-pagebtn[b-gbtacumuti] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #fff;
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

    .lp-forum-pagebtn:hover:not(:disabled)[b-gbtacumuti] {
        background: #f3f3f3;
        border-color: #bcbcbc;
        color: #111;
    }

    .lp-forum-pagebtn:disabled[b-gbtacumuti] {
        opacity: .45;
        cursor: not-allowed;
        background: #f8f8f8;
    }

    .lp-forum-pagebtn i[b-gbtacumuti] {
        font-size: 11px;
    }

.lp-forum-searchgroup[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.lp-forum-searchbox[b-gbtacumuti] {
    width: 220px;
    max-width: 100%;
    border-radius: 6px;
    font-size: 0.9rem;
}

.lp-forum-threadlist[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1rem;
}

.lp-forum-thread[b-gbtacumuti] {
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.lp-forum-question[b-gbtacumuti],
.lp-forum-answer[b-gbtacumuti] {
    padding: 0.95rem 1rem;
}

.lp-forum-question[b-gbtacumuti] {
    background: #fcfcfc;
    border-bottom: 1px solid #ececec;
}

.lp-forum-answer[b-gbtacumuti] {
    background: #f7f9fb;
}

.lp-forum-qmeta[b-gbtacumuti],
.lp-forum-ameta[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
}

.lp-forum-qbadge[b-gbtacumuti],
.lp-forum-abadge[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.lp-forum-qbadge[b-gbtacumuti] {
    background: #eceff3;
    color: #222;
}

.lp-forum-abadge[b-gbtacumuti] {
    background: #dff3e4;
    color: #1f6b36;
}

.lp-forum-qauthor[b-gbtacumuti],
.lp-forum-aauthor[b-gbtacumuti],
.lp-forum-qtime[b-gbtacumuti] {
    color: #5d5d5d;
    font-weight: 600;
}

.lp-forum-qdot[b-gbtacumuti] {
    color: #9a9a9a;
}

.lp-forum-qtext[b-gbtacumuti],
.lp-forum-atext[b-gbtacumuti] {
    font-size: 0.94rem;
    line-height: 1.5;
    color: #222;
}

.lp-forum-bottompager[b-gbtacumuti] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.lessonplayer :deep(.discussion-root)[b-gbtacumuti] {
    width: 100%;
}

.lessonplayer :deep(.discussion-loading)[b-gbtacumuti],
.lessonplayer :deep(.discussion-empty)[b-gbtacumuti] {
    padding: 14px 12px;
    color: #666;
    font-size: 0.9rem;
}

.lessonplayer :deep(.discussion-login-prompt)[b-gbtacumuti] {
    padding: 0.85rem 1rem;
    border: 1px solid #ececec;
    border-radius: 6px;
    background: #f8f9fb;
    color: #444;
    margin-bottom: 1rem;
}

.lessonplayer :deep(.discussion-composer)[b-gbtacumuti] {
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0.9rem;
    background: transparent;
}

.lessonplayer :deep(.discussion-message)[b-gbtacumuti] {
    border-radius: 6px;
    font-size: 0.9rem;
    min-height: 78px;
}

.lessonplayer :deep(.discussion-message-mud)[b-gbtacumuti] {
    width: 100%;
}

.lessonplayer :deep(.discussion-message-mud textarea)[b-gbtacumuti] {
    resize: vertical;
}

.lessonplayer :deep(.discussion-composer-footer)[b-gbtacumuti] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.lessonplayer :deep(.discussion-submit-button)[b-gbtacumuti] {
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 1.2;
}

.lessonplayer :deep(.discussion-composer-footer .btn-primary)[b-gbtacumuti] {
    background: #111;
    color: #fff;
    border: 1px solid #111;
}

.lessonplayer :deep(.discussion-composer-footer .btn-primary:hover)[b-gbtacumuti] {
    background: #222;
    border-color: #222;
}

.lessonplayer :deep(.discussion-show-name)[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .82rem;
    margin: 0;
}

.lessonplayer :deep(.discussion-toolbar)[b-gbtacumuti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0.9rem 0 1rem;
    padding: 6px 12px;
    border: 1px solid var(--bs-alternate-color, #d9d9d9);
    background: var(--bs-alternatelight-color, #ededed);
    border-radius: 6px;
}

.lessonplayer :deep(.discussion-pager)[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lessonplayer :deep(.discussion-page)[b-gbtacumuti] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    min-width: 82px;
    text-align: center;
}

.lessonplayer :deep(.discussion-pagebtn)[b-gbtacumuti] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #fff;
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.lessonplayer :deep(.discussion-pagebtn:hover:not(:disabled))[b-gbtacumuti] {
    background: #f3f3f3;
    border-color: #bcbcbc;
    color: #111;
}

.lessonplayer :deep(.discussion-pagebtn:disabled)[b-gbtacumuti] {
    opacity: .45;
    cursor: not-allowed;
    background: #f8f8f8;
}

.lessonplayer :deep(.discussion-pagebtn i)[b-gbtacumuti] {
    font-size: 11px;
}

.lessonplayer :deep(.discussion-searchgroup)[b-gbtacumuti] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex: 1 1 360px;
    flex-wrap: wrap;
    margin-left: auto;
}

.lessonplayer :deep(.discussion-searchbox)[b-gbtacumuti] {
    flex: 0 1 220px;
    max-width: 100%;
    border-radius: 6px;
    font-size: 0.9rem;
}

.lessonplayer :deep(.discussion-sortselect)[b-gbtacumuti] {
    width: 10rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.lessonplayer :deep(.discussion-searchbtn)[b-gbtacumuti] {
    background: #fff;
    color: #222;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 5px 12px;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.lessonplayer :deep(.discussion-searchbtn:hover)[b-gbtacumuti] {
    background: #f3f3f3;
    border-color: #bcbcbc;
    color: #111;
}

.lessonplayer :deep(.discussion-list)[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1rem;
}

.lessonplayer :deep(.discussion-moderated .discussion-item)[b-gbtacumuti] {
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    overflow: hidden;
    padding: 0.95rem 1rem;
    background: #fcfcfc;
}

.lessonplayer :deep(.discussion-comments .discussion-item)[b-gbtacumuti] {
    border: 0;
    border-bottom: 1px solid #ececec;
    border-radius: 0;
    padding: 0 0 1rem;
    background: #fff;
}

.lessonplayer :deep(.discussion-item-title-button)[b-gbtacumuti] {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 0.94rem;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
    color: #222;
}

.lessonplayer :deep(.discussion-item-title-button:hover)[b-gbtacumuti] {
    text-decoration: underline;
}

.lessonplayer :deep(.discussion-item-meta)[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    color: #5d5d5d;
    font-weight: 600;
}

.lessonplayer :deep(.discussion-item-meta .badge)[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.lessonplayer :deep(.discussion-item-message)[b-gbtacumuti] {
    margin-top: 0.45rem;
    white-space: pre-wrap;
    font-size: 0.92rem;
    line-height: 1.45;
    color: #222;
}

.lessonplayer :deep(.discussion-item-actions)[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.45rem;
    flex-wrap: wrap;
}

.lessonplayer :deep(.discussion-item-actions .btn-link)[b-gbtacumuti] {
    padding: 2px 8px;
    font-size: 0.76rem;
    color: #555;
    background: transparent;
    border: 0;
    text-decoration: none;
}

.lessonplayer :deep(.discussion-item-actions .btn-link:hover)[b-gbtacumuti] {
    color: #111;
    text-decoration: underline;
}

.lessonplayer :deep(.discussion-reply-box)[b-gbtacumuti] {
    margin-top: 0.55rem;
}

.lessonplayer :deep(.discussion-reply-box textarea)[b-gbtacumuti] {
    max-width: 460px;
    border-radius: 6px;
    font-size: 0.9rem;
}

.lessonplayer :deep(.discussion-reply-actions)[b-gbtacumuti] {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 0.5rem;
}

.lessonplayer :deep(.discussion-reply-actions .btn-primary)[b-gbtacumuti] {
    background: #111;
    color: #fff;
    border: 1px solid #111;
}

.lessonplayer :deep(.discussion-reply-actions .btn-secondary)[b-gbtacumuti] {
    background: #fff;
    color: #444;
    border: 1px solid #cfcfcf;
}

.lessonplayer :deep(.discussion-load-more)[b-gbtacumuti] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.lessonplayer :deep(.discussion-load-more .btn)[b-gbtacumuti] {
    border: 1px solid #cfcfcf;
    color: #222;
    background: #fff;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 5px 12px;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.lessonplayer :deep(.discussion-load-more .btn:hover)[b-gbtacumuti] {
    background: #f3f3f3;
    border-color: #bcbcbc;
    color: #111;
}

@media (max-width: 767.98px) {
    .lp-forum-searchbox[b-gbtacumuti] {
        width: 100%;
    }

    .lp-forum-searchgroup[b-gbtacumuti] {
        width: 100%;
        margin-left: 0;
    }

    .lessonplayer :deep(.discussion-toolbar)[b-gbtacumuti],
    .lessonplayer :deep(.discussion-searchgroup)[b-gbtacumuti] {
        justify-content: flex-start;
    }

    .lessonplayer :deep(.discussion-searchgroup)[b-gbtacumuti] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .lessonplayer :deep(.discussion-searchbox)[b-gbtacumuti],
    .lessonplayer :deep(.discussion-sortselect)[b-gbtacumuti],
    .lessonplayer :deep(.discussion-searchbtn)[b-gbtacumuti] {
        flex-basis: 100%;
        width: 100%;
    }
}

/* =========================================
   COMMENTS
   ========================================= */

.lp-comments-postrow[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.lp-comments-submitbtn[b-gbtacumuti] {
    background: #111;
    color: #fff;
    border: 1px solid #111;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    line-height: 1.2;
}

    .lp-comments-submitbtn:hover[b-gbtacumuti] {
        background: #222;
        border-color: #222;
    }

.lp-comments-check[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .82rem;
    margin: 0;
}

.lp-comments-divider[b-gbtacumuti] {
    margin: 0.9rem 0 0.25rem;
    opacity: 0.85;
}

.lp-comments-toolbar[b-gbtacumuti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.lp-comments-pager[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lp-comments-page[b-gbtacumuti] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    white-space: nowrap;
    min-width: 82px;
    text-align: center;
}

.lp-comments-pagebtn[b-gbtacumuti] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #fff;
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

    .lp-comments-pagebtn:hover:not(:disabled)[b-gbtacumuti] {
        background: #f3f3f3;
        border-color: #bcbcbc;
        color: #111;
    }

    .lp-comments-pagebtn:disabled[b-gbtacumuti] {
        opacity: .45;
        cursor: not-allowed;
        background: #f8f8f8;
    }

    .lp-comments-pagebtn i[b-gbtacumuti] {
        font-size: 11px;
    }

.lp-comments-searchgroup[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.lp-comments-searchbox[b-gbtacumuti] {
    width: 220px;
    max-width: 100%;
    border-radius: 6px;
    font-size: 0.9rem;
}

.lp-comments-threadlist[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.lp-comment-thread[b-gbtacumuti] {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1rem;
}

.lp-comment-item[b-gbtacumuti] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.lp-comment-avatar[b-gbtacumuti] {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
}

    .lp-comment-avatar img[b-gbtacumuti] {
        width: 36px;
        height: 36px;
        border-radius: 999px;
        object-fit: cover;
        display: block;
    }

.lp-comment-avatar-sm[b-gbtacumuti] {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
}

    .lp-comment-avatar-sm img[b-gbtacumuti] {
        width: 30px;
        height: 30px;
    }

.lp-comment-main[b-gbtacumuti] {
    flex: 1 1 auto;
    min-width: 0;
}

.lp-comment-meta[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
}

.lp-comment-author[b-gbtacumuti] {
    font-weight: 700;
    color: #222;
}

.lp-comment-time[b-gbtacumuti] {
    color: #777;
    font-weight: 600;
}

.lp-comment-dot[b-gbtacumuti] {
    color: #aaa;
}

.lp-comment-text[b-gbtacumuti] {
    font-size: 0.92rem;
    line-height: 1.45;
    color: #222;
}

.lp-comment-actions[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.lp-comment-action[b-gbtacumuti] {
    padding: 2px 8px;
    font-size: 0.76rem;
    color: #555;
    background: transparent;
    border: 0;
}

    .lp-comment-action:hover[b-gbtacumuti] {
        color: #111;
        text-decoration: underline;
    }

.lp-comment-replybox[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0.55rem;
    max-width: 460px;
}

.lp-comment-replybtn[b-gbtacumuti] {
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #111;
    color: #fff;
    border: 1px solid #111;
}

    .lp-comment-replybtn:hover[b-gbtacumuti] {
        background: #222;
        border-color: #222;
        color: #fff;
    }

.lp-comment-replies[b-gbtacumuti] {
    margin-top: 0.85rem;
    padding-left: 1rem;
    border-left: 2px solid #ececec;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.lp-comment-replyitem .lp-comment-replies[b-gbtacumuti] {
    padding-left: 0;
    border-left: 0;
}

.lp-comments-bottompager[b-gbtacumuti] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.lp-comment-cancelbtn[b-gbtacumuti] {
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
    color: #444;
    border: 1px solid #cfcfcf;
}

    .lp-comment-cancelbtn:hover[b-gbtacumuti] {
        background: #f3f3f3;
        color: #111;
    }

@media (max-width: 767.98px) {
    .lp-comments-searchbox[b-gbtacumuti] {
        width: 100%;
    }

    .lp-comments-searchgroup[b-gbtacumuti] {
        width: 100%;
        margin-left: 0;
    }

    .lp-comment-replybox[b-gbtacumuti] {
        flex-wrap: wrap;
        max-width: 100%;
    }
}

/* =========================================
   TRANSCRIPT
   ========================================= */

.lp-transcript-list[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.lp-transcript-item[b-gbtacumuti] {
    display: block;
    width: 100%;
    text-align: left;
    border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 8px;
    padding: 0.7rem 0.8rem;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    color: #222;
    line-height: normal;
}

    .lp-transcript-item *[b-gbtacumuti] {
        text-align: left;
    }

    .lp-transcript-item:hover[b-gbtacumuti] {
        background: #f8f9fb;
        border-color: #cfd6de;
        box-shadow: 0 1px 4px rgba(0,0,0,.05);
    }

    .lp-transcript-item:focus-visible[b-gbtacumuti] {
        outline: 2px solid #222;
        outline-offset: 2px;
    }

.lp-transcript-time[b-gbtacumuti] {
    display: block;
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 0.35rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.lp-transcript-text[b-gbtacumuti] {
    display: block;
    font-size: 0.93rem;
    line-height: 1.45;
    color: #222;
    margin: 0;
}

/* =========================================
   CHAPTERS
   ========================================= */

.lp-chapter-list[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lp-chapter-item[b-gbtacumuti] {
    margin: 0;
}

.lp-chapter-link[b-gbtacumuti] {
    display: flex;
    width: 100%;
    align-items: baseline;
    gap: 0.75rem;
    text-align: left;
    border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
    color: #222;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

    .lp-chapter-link:hover[b-gbtacumuti] {
        background: #f8f9fb;
        border-color: #cfd6de;
        box-shadow: 0 1px 4px rgba(0,0,0,.05);
    }

    .lp-chapter-link:focus-visible[b-gbtacumuti] {
        outline: 2px solid #222;
        outline-offset: 2px;
    }

.lp-chapter-item.is-active .lp-chapter-link[b-gbtacumuti] {
    border-color: #f59e0b;
    background: #fff8ed;
}

.lp-chapter-time[b-gbtacumuti] {
    flex: 0 0 auto;
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;
    color: #6b7280;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.lp-chapter-title[b-gbtacumuti] {
    min-width: 0;
    font-size: 0.93rem;
    line-height: 1.35;
    color: #222;
}

/* =========================================
   CHAT
   ========================================= */

.lp-chat-thread[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.lp-chat-day[b-gbtacumuti] {
    align-self: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #666;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    margin-bottom: 0.25rem;
}

.lp-chat-msg[b-gbtacumuti] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.lp-chat-avatar[b-gbtacumuti] {
    flex: 0 0 34px;
}

.lp-chat-avatar-circle[b-gbtacumuti] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
}

.lp-chat-avatar-bot[b-gbtacumuti] {
    background: #212529;
}

.lp-chat-avatar-user[b-gbtacumuti] {
    background: #6c757d;
}

.lp-chat-bubble-wrap[b-gbtacumuti] {
    flex: 1 1 auto;
    min-width: 0;
}

.lp-chat-meta[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.lp-chat-name[b-gbtacumuti] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #222;
}

.lp-chat-time[b-gbtacumuti] {
    font-size: 0.72rem;
    color: #7a7a7a;
}

.lp-chat-bubble[b-gbtacumuti] {
    display: inline-block;
    max-width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: 12px;
    font-size: 0.92rem;
    line-height: 1.45;
    border: 1px solid #e5e5e5;
    background: #f8f9fb;
    color: #222;
}

.lp-chat-msg.is-user .lp-chat-bubble[b-gbtacumuti] {
    background: #eef3ff;
    border-color: #d7e3ff;
}

.lp-chat-points[b-gbtacumuti] {
    margin-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

#tools-chat[b-gbtacumuti],
#tools-chat.show.active[b-gbtacumuti] {
    overflow: hidden;
    min-height: 0;
}

    #tools-chat .default-pane[b-gbtacumuti],
    #tools-chat .default-pane-content[b-gbtacumuti] {
        min-height: 0;
    }

    #tools-chat .default-pane-content[b-gbtacumuti] {
        padding-top: 1rem;
    }

/* =========================================
   RESOURCES
   ========================================= */

.lp-resources-list[b-gbtacumuti] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lp-resource-item[b-gbtacumuti] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: flex-start;
    column-gap: 14px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background: #fff;
    text-decoration: none;
    text-align: left;
    color: inherit;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.lp-resource-button[b-gbtacumuti] {
    appearance: none;
    font: inherit;
    cursor: pointer;
}

    .lp-resource-item:hover[b-gbtacumuti] {
        background: #f8f9fb;
        border-color: #cfd6de;
        box-shadow: 0 1px 4px rgba(0,0,0,.05);
    }

.lp-resource-icon[b-gbtacumuti] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.35rem;
    color: #222;
}

.lp-resource-content[b-gbtacumuti] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.lp-resource-title[b-gbtacumuti] {
    font-weight: 700;
    font-size: 0.98rem;
    line-height: 1.2;
    margin-bottom: 4px;
}

.lp-resource-desc[b-gbtacumuti] {
    font-size: 0.9rem;
    line-height: 1.45;
    color: #555;
}

/* =========================================
   PLAYER EXTERNAL CONTROLS / RESPONSIVE HOST
   ========================================= */

.uvp-player[b-gbtacumuti],
.uvp-host-shell[b-gbtacumuti],
.uvp-host[b-gbtacumuti] {
    width: 100%;
    max-width: 100%;
}

.uvp-player[b-gbtacumuti] {
    display: block;
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 220px;
    border-radius: 8px;
    background: #000;
    overflow: hidden;
}

.uvp-player-placeholder[b-gbtacumuti] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.uvp-player-unavailable[b-gbtacumuti] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: #171717;
    color: #fff;
}

.uvp-player-unavailable-card[b-gbtacumuti] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    width: min(560px, 100%);
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.uvp-player-unavailable-icon[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: #f8d7da;
    font-size: 1.2rem;
}

.uvp-player-unavailable-title[b-gbtacumuti] {
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.uvp-player-unavailable-text[b-gbtacumuti],
.uvp-player-unavailable-help[b-gbtacumuti] {
    font-size: 0.92rem;
    line-height: 1.4;
}

.uvp-player-unavailable-help[b-gbtacumuti] {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.72);
}

.uvp-note-overlay[b-gbtacumuti] {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 16px;
    pointer-events: none;
    opacity: 1;
    transition: opacity .5s ease;
}

    .uvp-note-overlay.is-fading[b-gbtacumuti] {
        opacity: 0;
    }

.uvp-note-overlay-card[b-gbtacumuti] {
    position: relative;
    width: min(520px, 92%);
    max-height: 60%;
    overflow: auto;
    padding: 14px 44px 14px 16px;
    border: 1px solid rgba(34, 197, 94, 0.7);
    border-radius: 8px;
    background: rgba(9, 30, 18, 0.78);
    color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    pointer-events: auto;
}

.uvp-note-overlay-close[b-gbtacumuti] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .uvp-note-overlay-close:hover[b-gbtacumuti] {
        background: rgba(255, 255, 255, 0.16);
    }

.uvp-note-overlay-time[b-gbtacumuti] {
    margin-bottom: 6px;
    color: #86efac;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.uvp-note-overlay-text[b-gbtacumuti] {
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.4;
    white-space: pre-wrap;
}

.uvp-host-shell[b-gbtacumuti] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #000;
    box-sizing: border-box;
}

.uvp-host[b-gbtacumuti] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.uvp-host[b-gbtacumuti] (iframe),
.uvp-host[b-gbtacumuti] (video),
.uvp-host[b-gbtacumuti] (.video-js),
.uvp-host[b-gbtacumuti] (.vjs-poster),
.uvp-host[b-gbtacumuti] (.vjs-tech) {
    background-color: #000 !important;
}

.lessonplayer.is-initial-video-loading .uvp-player[b-gbtacumuti],
.lessonplayer.is-initial-video-loading .uvp-host-shell[b-gbtacumuti],
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti],
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (iframe),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (video),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (object),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (embed),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.video-js),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.vjs-poster),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.vjs-tech),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.vjs-modal-dialog),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.vjs-error-display),
.lessonplayer.is-initial-video-loading .uvp-host[b-gbtacumuti] (.vjs-text-track-display) {
    background-color: #000 !important;
}

.lessonplayer .lp-row.lp-row-top[b-gbtacumuti],
.lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti],
.lp-player-section[b-gbtacumuti] {
    min-width: 0;
}

/* =========================================
   UVP CONTROLS - GRID LAYOUT
   ========================================= */

.uvp-controls[b-gbtacumuti] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    column-gap: clamp(4px, 0.85vw, 12px);
    row-gap: 8px;
    margin-top: 10px;
    min-height: 40px;
    min-width: 0;
}

.uvp-controls-left[b-gbtacumuti],
.uvp-controls-center[b-gbtacumuti],
.uvp-controls-right[b-gbtacumuti] {
    display: flex;
    align-items: center;
    gap: clamp(4px, 0.7vw, 10px);
    min-width: 0;
}

.uvp-controls-left[b-gbtacumuti] {
    flex: 1 1 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.uvp-controls-center[b-gbtacumuti] {
    flex: 0 0 auto;
    justify-content: center;
    white-space: nowrap;
}

.uvp-controls-right[b-gbtacumuti] {
    flex: 1 1 0;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
}

.uvp-controls-right[b-gbtacumuti] (.d-flex) {
    flex-wrap: nowrap !important;
    min-width: 0;
}

.uvp-controls-right[b-gbtacumuti] (.product-meta.pe-3),
.uvp-controls-right[b-gbtacumuti] (.pe-3) {
    padding-right: clamp(0.2rem, 0.5vw, 1rem) !important;
}

.uvp-controls-right[b-gbtacumuti] (.product-meta.ps-3),
.uvp-controls-right[b-gbtacumuti] (.ps-3) {
    padding-left: clamp(0.2rem, 0.5vw, 1rem) !important;
}

.uvp-controls-right[b-gbtacumuti] (.ps-1) {
    padding-left: 0.15rem !important;
}

.uvp-controls-right[b-gbtacumuti] (.rating-stars) {
    white-space: nowrap;
}

.uvp-control-divider[b-gbtacumuti] {
    align-self: stretch;
    width: 1px;
    min-height: 28px;
    background: #d9d9d9;
}

    .uvp-controls-right:empty[b-gbtacumuti] {
        min-width: 0;
    }

@media (min-width: 769px) and (max-width: 1199.98px) {
    .uvp-controls[b-gbtacumuti] {
        column-gap: 6px;
    }

    .uvp-controls-left[b-gbtacumuti] {
        gap: 5px;
    }

    .uvp-iconbtn[b-gbtacumuti] {
        width: 32px;
    }

    .uvp-playbtn[b-gbtacumuti] {
        width: 38px;
    }

    .uvp-time[b-gbtacumuti] {
        font-size: 13px;
    }
}

.uvp-iconbtn[b-gbtacumuti] {
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 6px;
    height: 32px;
    width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.uvp-playbtn[b-gbtacumuti] {
    width: 40px;
}

.uvp-play-symbol[b-gbtacumuti] {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 16px;
}

.uvp-play-symbol[b-gbtacumuti]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid currentColor;
}

.uvp-play-symbol[b-gbtacumuti]::after {
    content: none;
}

.uvp-playbtn.is-playing .uvp-play-symbol[b-gbtacumuti]::before,
.uvp-playbtn.is-playing .uvp-play-symbol[b-gbtacumuti]::after {
    content: "";
    position: absolute;
    top: 1px;
    width: 4px;
    height: 14px;
    border: 0;
    background: currentColor;
}

.uvp-playbtn.is-playing .uvp-play-symbol[b-gbtacumuti]::before {
    left: 1px;
}

.uvp-playbtn.is-playing .uvp-play-symbol[b-gbtacumuti]::after {
    left: 8px;
}

.uvp-time[b-gbtacumuti] {
    font-size: 14px;
    opacity: .85;
}

.uvp-time-mobile[b-gbtacumuti] {
    display: none;
}

.uvp-controls-mobile-time[b-gbtacumuti] {
    display: none;
}

.uvp-note-toggle[b-gbtacumuti] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 0;
    color: #333;
    font-size: 0.82rem;
    line-height: 1.1;
    white-space: nowrap;
    user-select: none;
}

    .uvp-note-toggle input[b-gbtacumuti] {
        width: 14px;
        height: 14px;
        margin: 0;
        accent-color: var(--bs-tertiary-color);
    }

.uvp-note-toggle-mobile[b-gbtacumuti] {
    display: none;
}

.default-tab-icon[b-gbtacumuti] {
    margin-right: 6px;
}

.uvp-iconbtn[b-gbtacumuti],
.uvp-like[b-gbtacumuti],
.uvp-star[b-gbtacumuti] {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .12s ease;
}

    .uvp-iconbtn:hover[b-gbtacumuti],
    .uvp-like:hover[b-gbtacumuti] {
        background: #f3f3f3;
        border-color: #bcbcbc;
        color: #111;
    }

.uvp-playbtn:hover[b-gbtacumuti] {
    background: #ececec;
}

.uvp-iconbtn:active[b-gbtacumuti],
.uvp-like:active[b-gbtacumuti] {
    transform: translateY(1px);
}

.uvp-iconbtn:focus-visible[b-gbtacumuti],
.uvp-like:focus-visible[b-gbtacumuti],
.uvp-star:focus-visible[b-gbtacumuti] {
    outline: 2px solid #222;
    outline-offset: 2px;
}

.uvp-rating[b-gbtacumuti] {
    display: inline-flex;
    gap: 2px;
}

.uvp-star[b-gbtacumuti] {
    border: none;
    background: transparent;
    height: 24px;
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .uvp-star i[b-gbtacumuti] {
        font-size: 14px;
        color: #d0d0d0;
        transition: color .15s ease;
    }

    .uvp-star .fa-solid[b-gbtacumuti] {
        color: #f5b301;
    }

    .uvp-star:hover i[b-gbtacumuti],
    .uvp-star:focus-visible i[b-gbtacumuti] {
        color: #f5b301;
    }

.uvp-like[b-gbtacumuti] {
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 6px;
    height: 32px;
    padding: 0 10px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.uvp-like-count[b-gbtacumuti] {
    font-size: 12px;
    opacity: .85;
}

.is-on[b-gbtacumuti] {
    opacity: .95;
}

.is-off[b-gbtacumuti] {
    opacity: .55;
}

/* =========================================
   TIMELINE COLORS
   ========================================= */

.uvp-timeline[b-gbtacumuti] {
    position: relative;
    margin: -1px 0 0 0;
}

.uvp-scrubber[b-gbtacumuti] {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 15px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    border-radius: 0;
    background: linear-gradient(to right, var(--bs-secondary-color) 0%, var(--bs-secondary-color) var(--uvp-progress, 0%), #d6d6d6 var(--uvp-progress, 0%), #d6d6d6 100%);
    display: block;
}

    .uvp-scrubber[b-gbtacumuti]::-webkit-slider-runnable-track {
        height: 15px;
        background: transparent;
        border: 1px solid #8a8a8a;
        border-radius: 0;
    }

    .uvp-scrubber[b-gbtacumuti]::-moz-range-track {
        height: 15px;
        background: transparent;
        border: 1px solid #8a8a8a;
        border-radius: 0;
    }

    .uvp-scrubber[b-gbtacumuti]::-moz-range-progress {
        height: 15px;
        background: var(--bs-secondary-color);
        border: 1px solid #8a8a8a;
        border-radius: 0;
    }

    .uvp-scrubber:hover[b-gbtacumuti] {
        filter: brightness(1.03);
    }

        .uvp-scrubber:hover[b-gbtacumuti]::-webkit-slider-runnable-track {
            background: transparent;
            border-color: #777777;
        }

        .uvp-scrubber:hover[b-gbtacumuti]::-moz-range-track {
            background: transparent;
            border-color: #777777;
        }

        .uvp-scrubber:hover[b-gbtacumuti]::-moz-range-progress {
            border-color: #777777;
        }

    .uvp-scrubber[b-gbtacumuti]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 14px;
        height: 15px;
        margin-top: -1px;
        border-radius: 0;
        background: #ededed;
        border: 1px solid #666666;
    }

    .uvp-scrubber[b-gbtacumuti]::-moz-range-thumb {
        width: 14px;
        height: 15px;
        border-radius: 0;
        background: #ededed;
        border: 1px solid #666666;
    }

    .uvp-scrubber:hover[b-gbtacumuti]::-webkit-slider-thumb {
        border-color: #444444;
    }

    .uvp-scrubber:hover[b-gbtacumuti]::-moz-range-thumb {
        border-color: #444444;
    }

.uvp-markers[b-gbtacumuti] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 15px;
    pointer-events: none;
    z-index: 4;
    overflow: visible;
}

.uvp-marker[b-gbtacumuti] {
    position: absolute;
    top: 0;
    width: 4px;
    height: 15px;
    transform: translateX(-50%);
    border-radius: 0;
    border: 0;
    cursor: pointer;
    pointer-events: auto;
}

    .uvp-marker.uvp-drill[b-gbtacumuti] {
        background: #efbe4e;
    }

    .uvp-marker.uvp-note[b-gbtacumuti] {
        background: #22c55e;
    }

    .uvp-marker.uvp-bookmark[b-gbtacumuti] {
        width: 14px;
        height: 15px;
        background: transparent;
        color: var(--bs-tertiary-color);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        line-height: 1;
    }

        .uvp-marker.uvp-bookmark .bk-tertiary[b-gbtacumuti] {
            background-color: transparent;
            color: var(--bs-tertiary-color);
        }

        .uvp-marker.uvp-bookmark i[b-gbtacumuti] {
            font-size: 13px;
            line-height: 1;
        }

    .uvp-marker.uvp-chapter[b-gbtacumuti] {
        background: #000;
    }

.uvp-marker[b-gbtacumuti]::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    white-space: pre-line;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 12px;
    line-height: 1.2;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 50;
    min-width: 180px;
    max-width: 260px;
}

.uvp-marker.uvp-marker-edge-start[b-gbtacumuti]::after {
    left: -8px;
    transform: none;
}

.uvp-marker.uvp-marker-edge-end[b-gbtacumuti]::after {
    left: auto;
    right: -8px;
    transform: none;
}

.uvp-marker[b-gbtacumuti]::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 51;
}

.uvp-marker.uvp-marker-edge-start[b-gbtacumuti]::before {
    left: 0;
    transform: none;
}

.uvp-marker.uvp-marker-edge-end[b-gbtacumuti]::before {
    left: auto;
    right: 0;
    transform: none;
}

.uvp-marker:hover[b-gbtacumuti]::after,
.uvp-marker:hover[b-gbtacumuti]::before,
.uvp-marker:focus-visible[b-gbtacumuti]::after,
.uvp-marker:focus-visible[b-gbtacumuti]::before {
    opacity: 1;
}

@media (max-width: 768px) {
    .uvp-controls[b-gbtacumuti] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: stretch;
        gap: 0.4rem;
        text-align: left;
    }

    .uvp-controls-left[b-gbtacumuti],
    .uvp-controls-center[b-gbtacumuti],
    .uvp-controls-mobile-time[b-gbtacumuti],
    .uvp-controls-right[b-gbtacumuti] {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .uvp-controls-left[b-gbtacumuti] {
        grid-column: 1 / -1;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.35rem;
        min-width: 0;
    }

    .uvp-controls-center[b-gbtacumuti] {
        display: none;
    }

    .uvp-controls-mobile-time[b-gbtacumuti] {
        display: flex;
        grid-column: 1;
        justify-content: flex-start;
        min-width: 0;
    }

    .uvp-controls-right[b-gbtacumuti] {
        grid-column: 2;
        justify-content: flex-end;
        flex-wrap: nowrap;
        min-width: max-content;
    }

    .uvp-time[b-gbtacumuti] {
        text-align: left;
        display: inline-flex;
        align-items: center;
        width: auto;
        font-size: 0.78rem;
        white-space: nowrap;
        margin-left: 0;
    }

    .uvp-time-mobile[b-gbtacumuti] {
        display: inline-flex;
    }

    .uvp-time-desktop[b-gbtacumuti] {
        display: none;
    }

    .uvp-note-toggle-desktop[b-gbtacumuti] {
        display: none;
    }

    .uvp-note-toggle[b-gbtacumuti] {
        display: none;
    }

    .uvp-note-toggle-mobile[b-gbtacumuti] {
        display: inline-flex;
        margin-left: 0.4rem;
        font-size: 0.76rem;
    }
}

@media (min-width: 992px) {
    /* top row: tools panel should match the row height instead of growing with content */
    .lessonplayer .lp-row.lp-row-top > [class*="col-"][b-gbtacumuti] {
        min-height: 0;
    }

    .lessonplayer .lp-row.lp-row-top .default-tab-section[b-gbtacumuti] {
        height: 100%;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }

    /* bottom row: info panel should stay within the intended panel height */
    .lessonplayer .lp-row.lp-row-bottom > [class*="col-"][b-gbtacumuti] {
        min-height: 0;
    }

    .lessonplayer .lp-row.lp-row-bottom .default-tab-section[b-gbtacumuti] {
        height: 100%;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }

    /* important: the panel wrapper must also be allowed to shrink */
    .lessonplayer .lp-row.lp-row-top .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-section[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-tab-body[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .tab-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-top .default-pane-content[b-gbtacumuti],
    .lessonplayer .lp-row.lp-row-bottom .default-pane-content[b-gbtacumuti] {
        min-height: 0;
    }

    .lp-top-tools-section[b-gbtacumuti] {
        min-height: 0;
        overflow: hidden;
    }
}

.lessonmanager-grid-host[b-gbtacumuti],
.tab-content[b-gbtacumuti],
.tab-pane[b-gbtacumuti] {
    min-width: 0;
    max-width: 100%;
}

.lessonmanager-grid-host[b-gbtacumuti] {
    width: 100%;
    overflow: hidden;
}




[b-gbtacumuti] .show-content-section > h3 {
    /*  font-size: 1.1rem;
    font-weight: 700;*/
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
}

[b-gbtacumuti] .show-content-section > .slide-subtitle {
    font-weight: 900;
    margin-bottom: 10px;
}
/* /Components/Pages/Private/Dashboard.razor.rz.scp.css */
.dashboard-page-content[b-zdrjy48eff] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding-inline: 4px;
}
/* /Components/Pages/Public/LessonDetail.razor.rz.scp.css */
.player[b-83jml9pi3o] {
	position: relative;
	aspect-ratio: 16 / 9;
	background: rgba(0,0,0,0.06);
	overflow: hidden;
}

.player-inner[b-83jml9pi3o] {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	opacity: 0.85;
}

.player-duration[b-83jml9pi3o] {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(0,0,0,0.75);
	color: #fff;
}

.sticky[b-83jml9pi3o] {
	position: sticky;
	top: 84px; /* adjust if your header height differs */
}

.rec[b-83jml9pi3o] {
	display: flex;
	overflow: hidden;
	cursor: pointer;
}

	.rec:hover[b-83jml9pi3o] {
		transform: translateY(-2px);
		transition: transform 0.12s ease;
	}

.rec-thumb[b-83jml9pi3o] {
	width: 160px;
	aspect-ratio: 16 / 9;
	position: relative;
	background: rgba(0,0,0,0.06);
	flex: 0 0 auto;
}

.rec-play[b-83jml9pi3o] {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	opacity: 0.75;
}

.rec-duration[b-83jml9pi3o] {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 2px 6px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	background: rgba(0,0,0,0.75);
	color: #fff;
}
/* /Components/Pages/Public/Lessons.razor.rz.scp.css */
.lessons-page-title[b-r5r4eilav0] {
	margin-bottom: 1.5rem;
}

.lessons-page-body[b-r5r4eilav0] {
	--lessons-search-mini-width: 54px;
	--lessons-search-drawer-width: 320px;
	--lessons-search-content-gutter: 1rem;
	padding-left: 0;
	padding-right: 0.0rem;
}

.lessons-series-description[b-r5r4eilav0] {
	margin: 0.25rem 0 1.5rem;
	color: #4d4d4d;
	font-size: 0.95rem;
	line-height: 1.55;
}

.lessons-series-description :deep(p:last-child)[b-r5r4eilav0] {
	margin-bottom: 0;
}

.lessons-section[b-r5r4eilav0] {
	margin-bottom: 2.5rem;
}

.lesson-card-row[b-r5r4eilav0],
.lesson-card-grid[b-r5r4eilav0] {
	display: grid;
	grid-template-columns: repeat(5, minmax(180px, 1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}

.lessons-search-main-content > .lessons-section:first-of-type .lesson-card-grid[b-r5r4eilav0] {
	margin-top: 0;
}

.lessons-search-drawer-shell[b-r5r4eilav0] {
	--mud-drawer-width-mini-left: var(--lessons-search-mini-width);
	--mud-drawer-width-left: var(--lessons-search-drawer-width);
	align-items: stretch;
	border-top: 0;
	margin-top: 0;
	min-height: 800px;
	overflow: visible;
	position: relative;
}

.lessons-search-drawer[b-r5r4eilav0] {
	background-color: var(--bs-alternate-color);
	border-right: 1px solid rgba(0, 0, 0, 0.12);
	bottom: auto !important;
	box-sizing: border-box;
	height: 100% !important;
	left: calc(50% - 50vw) !important;
	max-height: none !important;
	max-width: var(--lessons-search-drawer-width) !important;
	min-height: 800px !important;
	overflow-x: hidden;
	overflow-y: visible;
	position: absolute !important;
	top: 0 !important;
	z-index: 1020;
}

.lessons-search-drawer-shell :deep(.mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer-shell :deep(.mud-drawer-content)[b-r5r4eilav0],
.lessons-search-drawer-shell :deep(.lessons-search-drawer)[b-r5r4eilav0],
.lessons-search-drawer-shell :deep(.lessons-search-drawer.mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer-shell :deep(.lessons-search-drawer .mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer-shell :deep(.lessons-search-drawer .mud-drawer-content)[b-r5r4eilav0] {
	min-height: 800px !important;
}

.lessons-search-drawer[b-r5r4eilav0],
.lessons-search-drawer :deep(.mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer :deep(.mud-drawer-content)[b-r5r4eilav0] {
	background-color: var(--bs-alternate-color) !important;
	box-sizing: border-box;
	overflow-x: hidden !important;
	overflow-y: visible !important;
}

.lessons-search-drawer-expanded[b-r5r4eilav0],
.lessons-search-drawer-expanded :deep(.mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer-expanded :deep(.mud-drawer-content)[b-r5r4eilav0] {
	width: var(--lessons-search-drawer-width) !important;
	min-width: var(--lessons-search-drawer-width) !important;
	max-width: var(--lessons-search-drawer-width) !important;
}

.lessons-search-drawer-collapsed[b-r5r4eilav0],
.lessons-search-drawer-collapsed :deep(.mud-drawer)[b-r5r4eilav0],
.lessons-search-drawer-collapsed :deep(.mud-drawer-content)[b-r5r4eilav0] {
	width: var(--lessons-search-mini-width) !important;
	min-width: var(--lessons-search-mini-width) !important;
	max-width: var(--lessons-search-mini-width) !important;
}

.lessons-search-drawer-content[b-r5r4eilav0] {
	display: flex;
	flex-direction: column;
	min-height: 800px;
	overflow-x: hidden;
}

.lessons-search-drawer-header[b-r5r4eilav0] {
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--lessons-search-mini-width);
}
.lessons-search-drawer-icon[b-r5r4eilav0] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 var(--lessons-search-mini-width);
	width: var(--lessons-search-mini-width);
	height: var(--lessons-search-mini-width);
	color: #4b6637;
}

.lessons-search-drawer-icon :deep(.mud-icon-root)[b-r5r4eilav0] {
	font-size: 1.45rem;
}


.lessons-search-collapse-slot[b-r5r4eilav0] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 0.5rem;
}

.lessons-search-collapse-button[b-r5r4eilav0] {
	margin-left: 0;
}

.lessons-search-collapse-button :deep(.mud-icon-root)[b-r5r4eilav0] {
	font-size: 1.35rem;
}
.lessons-advanced-search[b-r5r4eilav0] {
	box-sizing: border-box;
	display: grid;
	gap: 0.95rem;
	padding: 0 1rem 2rem;
	width: 100%;
	max-width: 100%;
}

.lessons-search-switches[b-r5r4eilav0] {
	display: grid;
	gap: 0.35rem;
}

.lessons-search-divider[b-r5r4eilav0] {
	margin: 0.25rem 0;
}

.lessons-search-actions[b-r5r4eilav0] {
	display: flex;
	gap: 0.5rem;
	justify-content: flex-end;
}

.lessons-search-actions :deep(.mud-button-root)[b-r5r4eilav0] {
	min-width: 42px;
	width: 42px;
	height: 36px;
	padding: 0;
}

.lessons-search-main-content[b-r5r4eilav0] {
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	margin-left: 0 !important;
	margin-top: 0 !important;
	min-height: 800px;
	overflow-x: hidden;
	padding: 0 0 0 calc(var(--lessons-search-mini-width) + var(--lessons-search-content-gutter)) !important;
}

.lessons-search-drawer-shell :deep(.mud-main-content.lessons-search-main-content)[b-r5r4eilav0] {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.lessons-search-main-content > .lessons-section:first-of-type[b-r5r4eilav0] {
	margin-top: 0;
	padding-top: 0;
}

.featured-lesson-stub[b-r5r4eilav0] {
	min-height: 220px;
	border-radius: 18px;
	padding: 2rem;
	background: #222;
	color: #fff;
}

.lesson-details-modal-backdrop[b-r5r4eilav0] {
	position: fixed;
	inset: 0;
	z-index: 1400;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(0, 0, 0, 0.72);
}

.lesson-details-modal[b-r5r4eilav0] {
	position: relative;
	width: min(1100px, 96vw);
	max-height: 92vh;
	overflow: auto;
	border-radius: 4px;
	background: #111;
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.38);
}

.lesson-details-modal-close[b-r5r4eilav0] {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	cursor: pointer;
}

.lesson-details-modal-close:hover[b-r5r4eilav0],
.lesson-details-modal-close:focus[b-r5r4eilav0] {
	background: rgba(0, 0, 0, 0.88);
}

.lesson-details-modal :deep(.featured-lesson-container)[b-r5r4eilav0],
.lesson-details-modal[b-r5r4eilav0] (.featured-lesson-container) {
	margin-bottom: 0;
	border-radius: 4px;
}

@media (max-width: 992px) {
	.lesson-card-row[b-r5r4eilav0],
	.lesson-card-grid[b-r5r4eilav0] {
		grid-template-columns: repeat(2, minmax(180px, 1fr));
	}

	.lessons-page-body[b-r5r4eilav0] {
		--lessons-search-drawer-width: 288px;
	}
}

@media (max-width: 576px) {
	.lesson-details-modal-backdrop[b-r5r4eilav0] {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100vw;
		max-width: 100vw;
		box-sizing: border-box;
		align-items: flex-start;
		justify-content: center;
		padding: 0.5rem;
		overflow-y: auto;
		transform: none;
	}

	.lesson-details-modal[b-r5r4eilav0] {
		width: 100%;
		max-width: calc(100vw - 1rem);
		max-height: calc(100dvh - 1rem);
		margin: 0;
		left: auto;
		right: auto;
		box-sizing: border-box;
		border-radius: 4px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.lesson-details-modal-close[b-r5r4eilav0] {
		top: 0.5rem;
		right: 0.5rem;
		width: 36px;
		height: 36px;
	}

	.lesson-details-modal :deep(.featured-lesson-container)[b-r5r4eilav0],
	.lesson-details-modal[b-r5r4eilav0] (.featured-lesson-container) {
		min-height: 0;
		max-width: 100%;
		overflow-x: hidden;
	}

	.lesson-details-modal :deep(.featured-content)[b-r5r4eilav0],
	.lesson-details-modal[b-r5r4eilav0] (.featured-content) {
		grid-template-columns: minmax(0, 1fr);
		padding: 0.75rem;
		gap: 0.85rem;
	}

	.lesson-details-modal :deep(.featured-lesson-container.has-metadata-rail)[b-r5r4eilav0],
	.lesson-details-modal[b-r5r4eilav0] (.featured-lesson-container.has-metadata-rail) {
		padding-bottom: 0;
	}

	.lesson-details-modal :deep(.featured-metadata-rail)[b-r5r4eilav0],
	.lesson-details-modal[b-r5r4eilav0] (.featured-metadata-rail) {
		position: static;
	}

	.lesson-card-row[b-r5r4eilav0],
	.lesson-card-grid[b-r5r4eilav0] {
		grid-template-columns: 1fr;
	}

	.lessons-page-body[b-r5r4eilav0] {
		--lessons-search-mini-width: 36px;
		--lessons-search-drawer-width: min(288px, calc(100vw - 2rem));
		--lessons-search-content-gutter: 0.75rem;
	}

	.lessons-search-main-content[b-r5r4eilav0] {
		max-width: 100%;
		padding-right: 0.5rem !important;
	}

	.lessons-search-drawer-shell[b-r5r4eilav0] {
		--mud-drawer-width-mini-left: 36px;
	}

	.lessons-search-drawer-collapsed.lessons-search-drawer[b-r5r4eilav0],
	.lessons-search-drawer-collapsed.mud-drawer[b-r5r4eilav0],
	.lessons-search-drawer-collapsed :deep(.mud-drawer)[b-r5r4eilav0],
	.lessons-search-drawer-collapsed :deep(.mud-drawer-content)[b-r5r4eilav0],
	.lessons-search-drawer-shell :deep(.lessons-search-drawer-collapsed.mud-drawer)[b-r5r4eilav0],
	.lessons-search-drawer-shell :deep(.lessons-search-drawer-collapsed .mud-drawer-content)[b-r5r4eilav0],
	.lessons-search-drawer-shell[b-r5r4eilav0] (.lessons-search-drawer-collapsed),
	.lessons-search-drawer-shell[b-r5r4eilav0] (.lessons-search-drawer-collapsed.mud-drawer),
	.lessons-search-drawer-shell[b-r5r4eilav0] (.lessons-search-drawer-collapsed .mud-drawer-content),
	.lessons-search-drawer-shell[b-r5r4eilav0] (.mud-drawer-mini),
	.lessons-search-drawer-shell[b-r5r4eilav0] (.mud-drawer-mini .mud-drawer-content) {
		width: var(--lessons-search-mini-width) !important;
		min-width: var(--lessons-search-mini-width) !important;
		max-width: var(--lessons-search-mini-width) !important;
		flex-basis: var(--lessons-search-mini-width) !important;
	}

	.lessons-page-body[b-r5r4eilav0]  .mud-drawer.lessons-search-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
		--mud-drawer-width-mini-left: var(--lessons-search-mini-width);
		width: var(--lessons-search-mini-width) !important;
		min-width: var(--lessons-search-mini-width) !important;
		max-width: var(--lessons-search-mini-width) !important;
		flex-basis: var(--lessons-search-mini-width) !important;
	}
}
/* /Components/Pages/Public/Lessons_stub.razor.rz.scp.css */
/* Continue shelf */
.shelf[b-8jftu6t3zy] {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.shelf-card[b-8jftu6t3zy] {
	min-width: 320px;
	overflow: hidden;
	cursor: pointer;
}

	.shelf-card:hover[b-8jftu6t3zy] {
		transform: translateY(-2px);
		transition: transform 0.12s ease;
	}

/* Thumbnails */
.thumb[b-8jftu6t3zy] {
	position: relative;
	background: rgba(0,0,0,0.06);
	aspect-ratio: 16 / 9;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}

.thumb--featured[b-8jftu6t3zy] {
	border-radius: 12px;
}

.thumb--shelf[b-8jftu6t3zy] {
	border-radius: 12px 12px 0 0;
}

.thumb-overlay[b-8jftu6t3zy] {
	position: absolute;
	top: 10px;
	left: 10px;
	display: flex;
	gap: 8px;
	z-index: 2;
}

.thumb-play[b-8jftu6t3zy] {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	opacity: 0.85;
}

	.thumb-play.small[b-8jftu6t3zy] {
		opacity: 0.75;
	}

/* YouTube-ish duration badge */
.duration[b-8jftu6t3zy] {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(0,0,0,0.75);
	color: #fff;
	z-index: 2;
}

.course-card[b-8jftu6t3zy] {
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.12s ease;
}

	.course-card:hover[b-8jftu6t3zy] {
		transform: translateY(-2px);
	}

.title[b-8jftu6t3zy] {
	font-weight: 600;
}

.desc[b-8jftu6t3zy] {
	color: rgba(0,0,0,0.75);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3.9em;
}

.icon-pill[b-8jftu6t3zy] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px; /* matches Small chip height nicely */
	line-height: 1;
}

	.icon-pill :deep(.mud-icon-root)[b-8jftu6t3zy] {
		display: block;
		line-height: 1;
	}
/* /Components/Pages/z-RnD/QuickCheckoutLandingDemo.razor.rz.scp.css */
.landing-page[b-5pqnhxni73] {
	width: 100%;
	overflow-x: hidden;
	background: var(--mud-palette-background);
}

.landing-hero[b-5pqnhxni73] {
	width: 100%;
	max-width: 1320px;
	min-height: 680px;
	margin: 0 auto;
	padding: 72px 28px 80px;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
	align-items: center;
	gap: 72px;
}

.landing-hero-content[b-5pqnhxni73] {
	max-width: 720px;
}

.landing-title[b-5pqnhxni73] {
	margin-top: 18px;
	font-weight: 700;
	line-height: 1.05;
}

.landing-subtitle[b-5pqnhxni73] {
	max-width: 650px;
	margin-top: 24px;
	line-height: 1.55;
}

.landing-price[b-5pqnhxni73] {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-top: 28px;
}

.landing-price-original[b-5pqnhxni73] {
	font-size: 1.1rem;
	text-decoration: line-through;
	opacity: 0.45;
}

.landing-price-current[b-5pqnhxni73] {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}

.landing-price-note[b-5pqnhxni73] {
	font-size: 0.82rem;
	opacity: 0.6;
}

[b-5pqnhxni73] .landing-primary-cta {
	min-height: 58px;
	margin-top: 28px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 12px;
	font-size: 1.03rem;
	font-weight: 650;
	text-transform: none;
	letter-spacing: 0;
}

.landing-cta-support[b-5pqnhxni73] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	margin-top: 18px;
	font-size: 0.8rem;
	opacity: 0.65;
}

	.landing-cta-support span[b-5pqnhxni73] {
		display: inline-flex;
		align-items: center;
		gap: 5px;
	}

.landing-product-visual[b-5pqnhxni73] {
	display: flex;
	justify-content: center;
}

.landing-product-card[b-5pqnhxni73] {
	width: 100%;
	max-width: 440px;
	overflow: hidden;
	border: 1px solid var(--mud-palette-divider);
	border-radius: 26px;
	background: var(--mud-palette-surface);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.10);
}

.landing-product-image[b-5pqnhxni73] {
	min-height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient( 145deg, color-mix( in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)), color-mix( in srgb, var(--mud-palette-secondary) 10%, var(--mud-palette-surface)));
}

.landing-product-card-body[b-5pqnhxni73] {
	padding: 30px;
}

	.landing-product-card-body ul[b-5pqnhxni73] {
		margin: 20px 0 0;
		padding-left: 22px;
		line-height: 1.9;
		color: var(--mud-palette-text-secondary);
	}

.landing-benefits[b-5pqnhxni73] {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 28px;
}

.landing-section-heading[b-5pqnhxni73] {
	max-width: 700px;
	margin: 0 auto 48px;
	text-align: center;
}

	.landing-section-heading h2[b-5pqnhxni73] {
		margin-top: 8px;
	}

.landing-benefit-card[b-5pqnhxni73] {
	height: 100%;
	padding: 30px;
	border: 1px solid var(--mud-palette-divider);
	border-radius: 18px;
	background: var(--mud-palette-surface);
}

.landing-benefit-icon[b-5pqnhxni73] {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 12px;
	background: color-mix( in srgb, var(--mud-palette-primary) 10%, transparent);
}

.landing-benefit-card p[b-5pqnhxni73] {
	margin-top: 10px;
	line-height: 1.55;
}

.landing-offer[b-5pqnhxni73] {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 28px 100px;
}

.landing-offer-card[b-5pqnhxni73] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	padding: 38px 42px;
	border: 1px solid var(--mud-palette-divider);
	border-radius: 22px;
	background: var(--mud-palette-surface);
}

.landing-offer-action[b-5pqnhxni73] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 26px;
}

.landing-offer-price[b-5pqnhxni73] {
	display: flex;
	flex-direction: column;
	text-align: right;
}

	.landing-offer-price span[b-5pqnhxni73] {
		font-size: 0.9rem;
		text-decoration: line-through;
		opacity: 0.45;
	}

	.landing-offer-price strong[b-5pqnhxni73] {
		font-size: 1.8rem;
		line-height: 1.1;
	}

.landing-offer-action[b-5pqnhxni73]
 .landing-primary-cta {
	margin-top: 0;
}

@media (max-width: 959px) {
	.landing-hero[b-5pqnhxni73] {
		min-height: 0;
		grid-template-columns: 1fr;
		gap: 50px;
		padding-top: 50px;
	}

	.landing-hero-content[b-5pqnhxni73] {
		max-width: 780px;
		margin: 0 auto;
		text-align: center;
	}

	.landing-subtitle[b-5pqnhxni73] {
		margin-left: auto;
		margin-right: auto;
	}

	.landing-price[b-5pqnhxni73] {
		justify-content: center;
	}

	.landing-cta-support[b-5pqnhxni73] {
		justify-content: center;
	}

	.landing-product-card[b-5pqnhxni73] {
		max-width: 520px;
	}

	.landing-offer-card[b-5pqnhxni73] {
		align-items: flex-start;
		flex-direction: column;
	}

	.landing-offer-action[b-5pqnhxni73] {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 600px) {
	.landing-hero[b-5pqnhxni73] {
		padding: 36px 18px 56px;
	}

	.landing-title[b-5pqnhxni73] {
		font-size: 2.4rem;
	}

	.landing-subtitle[b-5pqnhxni73] {
		font-size: 1rem;
	}

	.landing-price[b-5pqnhxni73] {
		flex-wrap: wrap;
	}

	[b-5pqnhxni73] .landing-primary-cta {
		width: 100%;
	}

	.landing-cta-support[b-5pqnhxni73] {
		flex-direction: column;
		align-items: center;
	}

	.landing-product-image[b-5pqnhxni73] {
		min-height: 200px;
	}

	.landing-product-card-body[b-5pqnhxni73] {
		padding: 24px;
	}

	.landing-benefits[b-5pqnhxni73] {
		padding: 58px 18px;
	}

	.landing-offer[b-5pqnhxni73] {
		padding: 24px 18px 70px;
	}

	.landing-offer-card[b-5pqnhxni73] {
		padding: 26px 22px;
	}

	.landing-offer-action[b-5pqnhxni73] {
		align-items: stretch;
		flex-direction: column;
		gap: 14px;
	}

	.landing-offer-price[b-5pqnhxni73] {
		text-align: left;
	}
}
/* /Components/Shared/ContentComponents/LessonAnalyticsTab.razor.rz.scp.css */
.lesson-analytics-tab[b-tn8wjqcf7a] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.lesson-analytics-sections[b-tn8wjqcf7a] {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.lesson-analytics-section[b-tn8wjqcf7a] {
	background: #fff;
}

.lesson-analytics-section-header[b-tn8wjqcf7a] {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.lesson-analytics-section-header h2[b-tn8wjqcf7a] {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
}

.lesson-analytics-section-description[b-tn8wjqcf7a] {
	margin-top: .35rem;
	color: var(--bs-secondary-color, #6c757d);
	font-size: .925rem;
}

.lesson-analytics-section[b-tn8wjqcf7a]  .report-dashboard-metrics.mt-4,
.lesson-analytics-section[b-tn8wjqcf7a]  .report-dashboard-grid.mt-4 {
	margin-top: 0 !important;
}

@media (max-width: 900px) {
	.lesson-analytics-section-header[b-tn8wjqcf7a] {
		align-items: flex-start;
		flex-direction: column;
	}
}
/* /Components/Shared/ContentComponents/RelatedContentComponent.razor.rz.scp.css */
.default-related-item[b-m0sa6yttex] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.default-related-media[b-m0sa6yttex] {
    flex: 0 0 96px;
    width: 96px;
    aspect-ratio: 16 / 9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #f8f9fb;
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.default-related-media:hover[b-m0sa6yttex] {
    color: #222;
    text-decoration: none;
}

.default-related-media img[b-m0sa6yttex] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.default-related-media[b-m0sa6yttex]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.42);
    opacity: 0;
    transition: opacity 140ms ease-in-out;
}

.default-related-hover-icon[b-m0sa6yttex] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 140ms ease-in-out, transform 140ms ease-in-out;
}

.default-related-media:hover[b-m0sa6yttex]::after,
.default-related-media:focus-visible[b-m0sa6yttex]::after,
.default-related-media:hover .default-related-hover-icon[b-m0sa6yttex],
.default-related-media:focus-visible .default-related-hover-icon[b-m0sa6yttex] {
    opacity: 1;
}

.default-related-media:hover .default-related-hover-icon[b-m0sa6yttex],
.default-related-media:focus-visible .default-related-hover-icon[b-m0sa6yttex] {
    transform: scale(1);
}

.default-related-icon[b-m0sa6yttex] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.default-related-meta[b-m0sa6yttex] {
    flex: 1 1 auto;
    min-width: 0;
}

.default-related-title[b-m0sa6yttex] {
    display: inline-block;
    font-size: 14px;
    font-weight: 800 !important;
    line-height: 1.2;
    text-decoration: none;
}

.default-related-title:hover[b-m0sa6yttex] {
    text-decoration: underline;
}

.default-related-title[b-m0sa6yttex] (*) {
    font-weight: 800 !important;
}

.default-related-group-items[b-m0sa6yttex] {
    margin: 8px 0 0 110px;
    padding-left: 12px;
    border-left: 2px solid #e6e8ec;
}

.default-related-group-item[b-m0sa6yttex] {
    margin-bottom: 6px;
}

.default-related-group-title[b-m0sa6yttex] {
    font-size: 13px;
    line-height: 1.25;
    text-decoration: none;
}

.default-related-group-title:hover[b-m0sa6yttex] {
    text-decoration: underline;
}

@media (max-width: 576px) {
    .default-related-group-items[b-m0sa6yttex] {
        margin-left: 0;
    }
}
/* /Components/Shared/ContentComponents/ShowContentEditor.razor.rz.scp.css */
.show-content-toolbar-row[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	flex-wrap: nowrap;
	width: 100%;
	overflow-x: auto;
	padding: 0.25rem 0 0.5rem 0;
}

.show-content-toolbar-left[b-fz0v5w370s],
.show-content-toolbar-right[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex-wrap: nowrap;
}

.show-content-slide-counter[b-fz0v5w370s] {
	min-width: 3rem;
	text-align: right;
	white-space: nowrap;
}

.show-content-icon-button[b-fz0v5w370s] {
	color: inherit;
	line-height: 1;
	padding: 0.25rem;
	text-decoration: none;
}

	.show-content-icon-button:hover[b-fz0v5w370s],
	.show-content-icon-button:focus[b-fz0v5w370s] {
		color: inherit;
		background-color: rgba(0, 0, 0, 0.06);
		text-decoration: none;
	}

	.show-content-icon-button:disabled[b-fz0v5w370s] {
		color: var(--mud-palette-action-disabled);
		background-color: transparent;
		opacity: 1;
	}


.show-content-slide-header-main[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	overflow: hidden;
}

.show-content-slide-number[b-fz0v5w370s] {
	flex: 0 0 auto;
	font-weight: 600;
	white-space: nowrap;
}

.show-content-slide-title[b-fz0v5w370s] {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
}

.show-content-slide-timecode[b-fz0v5w370s] {
	flex: 0 0 auto;
	white-space: nowrap;
	color: var(--mud-palette-text-secondary);
	font-size: 0.875rem;
	margin-left: 0.5rem;
}

/* Make the Mud expansion panel header itself the tinted row */
.mud-expand-panel .mud-expand-panel-header[b-fz0v5w370s] {
	background-color: rgba(25, 118, 210, 0.14);
	border-radius: 10px;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

	/* Slightly stronger hover so it feels interactive */
	.mud-expand-panel .mud-expand-panel-header:hover[b-fz0v5w370s] {
		background-color: rgba(25, 118, 210, 0.18);
	}

/* Remove the feeling of each accordion being inside another card */
.mud-expand-panel[b-fz0v5w370s] {
	box-shadow: none !important;
	border: none !important;
	background: transparent !important;
}

/* Keep spacing between panels */
.mud-expand-panels[b-fz0v5w370s] {
	gap: 0.5rem;
	display: flex;
	flex-direction: column;
}

/* Body stays separate from tinted header */
.mud-expand-panel .mud-expand-panel-content[b-fz0v5w370s] {
	background: transparent;
	padding-top: 0.5rem;
}

.show-content-slide-list[b-fz0v5w370s] {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.show-content-slide-item[b-fz0v5w370s] {
	border: none;
	background: transparent;
	box-shadow: none;
}

.show-content-slide-header[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	padding: 0.0rem 0.5rem;
	background-color: #e7e6da;
	border-radius: 0;
	cursor: pointer;
}

	.show-content-slide-header:hover[b-fz0v5w370s] {
		background-color: #dddccf;
	}

.show-content-slide-header-main[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	overflow: hidden;
}

.show-content-slide-number[b-fz0v5w370s] {
	flex: 0 0 auto;
	font-weight: 600;
	white-space: nowrap;
	font-size: 0.9rem;
}

.show-content-slide-title[b-fz0v5w370s] {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 0.9rem;
}

.show-content-slide-timecode[b-fz0v5w370s] {
	flex: 0 0 auto;
	white-space: nowrap;
	color: var(--mud-palette-text-secondary);
	font-size: 0.875rem;
	margin-left: 0.5rem;
	font-size: 0.8rem;
}

.show-content-slide-header-actions[b-fz0v5w370s] {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	white-space: nowrap;
}

.show-content-slide-body[b-fz0v5w370s] {
	padding: 0.75rem 0.25rem 0.25rem 0.25rem;
}

.show-content-slide-save-row[b-fz0v5w370s] {
	display: flex;
	justify-content: flex-start;
}

.show-content-slide-options-row[b-fz0v5w370s] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: nowrap;
	width: 100%;
}

.show-content-slide-meta-row[b-fz0v5w370s] {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	width: 100%;
	flex-wrap: nowrap;
}

.show-content-timecode-wrap[b-fz0v5w370s] {
	width: 170px;
	flex: 0 0 170px;
}

.show-content-slide-flags-compact[b-fz0v5w370s] {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-left: 0.25rem;
	padding-top: 0.1rem;
	font-size: 0.72rem;
	line-height: 1.1;
	color: var(--mud-palette-text-secondary);
}

	.show-content-slide-flags-compact .mud-checkbox[b-fz0v5w370s] {
		margin: 0;
		padding: 0;
		min-height: 22px;
	}

	.show-content-slide-flags-compact .mud-typography[b-fz0v5w370s] {
		font-size: 0.72rem;
		line-height: 1.1;
	}
/* /Components/Shared/ContentComponents/ShowEditor.razor.rz.scp.css */
.form-field-block[b-bv4qp28zkj] {
    position: relative;
    overflow: visible;
}

.show-editor-field-heading[b-bv4qp28zkj] {
    align-items: center;
    display: flex;
    gap: .4rem;
    margin-bottom: .35rem;
    min-height: 1.25rem;
    position: relative;
}

.show-editor-field-heading[b-bv4qp28zkj] (.help-wrapper) {
    position: static;
}

.show-editor-field-heading[b-bv4qp28zkj] (.help-icon-btn) {
    flex: 0 0 auto;
}
/* /Components/Shared/MediaComponents/LessonVideoPanel.razor.rz.scp.css */
.lesson-video-shell[b-4x1j1vs0cr] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 6px;
    background: #111;
}

[b-4x1j1vs0cr] .lesson-video-shell .uvp-host-shell,
[b-4x1j1vs0cr] .lesson-video-shell .uvp-host {
    width: 100%;
    height: 100%;
}

.lesson-video-poster[b-4x1j1vs0cr] {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 2;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    background-color: #111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.lesson-video-poster[b-4x1j1vs0cr]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .18);
}

.lesson-video-play[b-4x1j1vs0cr] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: rgba(0, 0, 0, .62);
}

.lesson-video-status-overlay[b-4x1j1vs0cr] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
    background: rgba(17, 17, 17, .84);
}

.lesson-video-status-overlay[b-4x1j1vs0cr]  .mud-icon-root {
    color: #fff;
}

.lesson-video-status-overlay[b-4x1j1vs0cr]  .mud-typography {
    max-width: 36rem;
    color: #fff;
}
/* /Components/Shared/MediaComponents/SocialMediaManager.razor.rz.scp.css */
.icon-wrapper[b-dw0vl2ibob] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    color: var(--mud-palette-primary);
}

.icon-wrapper.faded[b-dw0vl2ibob] {
    opacity: 0.35;
}

.icon-wrapper a[b-dw0vl2ibob] {
    color: inherit;
}

.icon-delete-btn[b-dw0vl2ibob] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    width: 1.1rem;
    height: 1.1rem;
    border: 0;
    border-radius: 50%;
    background: #dc3545;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0;
}

.icon-delete-btn:hover[b-dw0vl2ibob] {
    background: #b02a37;
}
/* /Components/Shared/MediaComponents/VideoThumbnailEditor.razor.rz.scp.css */
.video-thumbnail-editor[b-1ly6wv874e] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.video-thumbnail-editor__heading[b-1ly6wv874e] {
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.video-thumbnail-editor__selected-frame[b-1ly6wv874e] {
	position: relative;
	width: 100%;
	max-width: 420px;
	aspect-ratio: 16 / 9;
}

.video-thumbnail-editor__selected-image[b-1ly6wv874e] {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	border-radius: 6px;
	border: 1px solid #ddd;
	background: #000;
	display: block;
}

.video-thumbnail-editor__placeholder[b-1ly6wv874e] {
	width: 100%;
	max-width: 420px;
	aspect-ratio: 16 / 9;
	border-radius: 6px;
	border: 1px dashed #ccc;
	background: #f8f9fa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777;
}

.video-thumbnail-editor__placeholder--loading[b-1ly6wv874e] {
	gap: 0.75rem;
}

.video-thumbnail-editor__loading-overlay[b-1ly6wv874e] {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	border-radius: 6px;
	background: rgba(248, 249, 250, 0.86);
	color: #495057;
	font-size: 0.9rem;
	font-weight: 500;
}

.video-thumbnail-editor__gallery[b-1ly6wv874e] {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.video-thumbnail-editor__cropper[b-1ly6wv874e] {
	max-width: 640px;
	padding: 1rem;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	background: #fff;
}

.video-thumbnail-editor__cropper-heading[b-1ly6wv874e] {
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.video-thumbnail-editor__cropper-frame[b-1ly6wv874e] {
	width: 100%;
	max-height: 460px;
	overflow: hidden;
	background: #111;
	border-radius: 8px;
}

.video-thumbnail-editor__cropper-image[b-1ly6wv874e] {
	display: block;
	max-width: 100%;
	max-height: 460px;
}

.video-thumbnail-editor__thumb-item[b-1ly6wv874e] {
	width: 140px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.25rem;
}

.video-thumbnail-editor__thumb-actions[b-1ly6wv874e] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.video-thumbnail-editor__thumb-icon-button[b-1ly6wv874e] {
	width: 26px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #1976d2;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.video-thumbnail-editor__thumb-icon-button:hover:not(:disabled)[b-1ly6wv874e],
.video-thumbnail-editor__thumb-icon-button:focus-visible[b-1ly6wv874e] {
	background: rgba(25, 118, 210, 0.1);
	outline: none;
}

.video-thumbnail-editor__thumb-icon-button:disabled[b-1ly6wv874e] {
	cursor: not-allowed;
	opacity: 0.45;
}

.video-thumbnail-editor__thumb-icon-button i[b-1ly6wv874e] {
	font-size: 0.9rem;
	line-height: 1;
}

.video-thumbnail-editor__thumb[b-1ly6wv874e] {
	width: 140px;
	aspect-ratio: 16 / 9;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 6px;
	overflow: hidden;
	background: transparent;
	cursor: pointer;
}

	.video-thumbnail-editor__thumb img[b-1ly6wv874e] {
		width: 100%;
		height: 100%;
		object-fit: contain;
		background: #000;
		display: block;
	}

	.video-thumbnail-editor__thumb.is-selected[b-1ly6wv874e] {
		border-color: #0d6efd;
	}