/*
 * GENERATED by tools/extract-legacy-page-css.mjs — do not edit by hand.
 *
 * The rules of the parent application's src/main/webapp/classess/examer/ExamerCSS/classess-ui-master.css
 * (revision a13f6355f, 2026-08-07) that apply to: body.page-course.
 * Page-scoped rules are unchanged; the sheet's :root variables and shared component rules are
 * re-scoped to those bodies so they cannot reach any other page. LegacyPageClassService puts the
 * body class on the matching tour route. Regenerate when the parent application changes the sheet:
 *   node tools/extract-legacy-page-css.mjs classess-ui-master.css public/legacy/student-course-shared.css page-course
 */

body.page-course { --ui-bg: #F5F4EF; --ui-surface: #FFFFFF; --ui-border: #E8E7E2; --ui-accent: #FF6B35; --ui-accent-dark: #E85D2C; --ui-accent-light: #FFF0E5; --ui-text: #1A1915; --ui-text-soft: #3A3833; --ui-text-muted: #6B6B6B; --ui-bg-tint: #F0EFE9; --ui-radius-card: 16px; --ui-radius-item: 12px; --ui-radius-btn: 40px; --shadow-sm: 0 2px 8px rgba(26,25,21,.06); --shadow-md: 0 8px 24px rgba(26,25,21,.08); }
body.dark.page-course { --dm-bg: #0F172A; --dm-card: #1E293B; --dm-card-hover: #263348; --dm-border: #334155; --dm-border-light: #475569; --dm-glass: rgba(30, 41, 59, 0.65); --ui-bg: var(--dm-bg); --ui-surface: var(--dm-card); --ui-border: var(--dm-border); --ui-accent-light: rgba(255, 87, 34, 0.1); --ui-accent-dark: #e64a19; --ui-text: var(--dm-text); --ui-text-soft: #cbd5e1; --ui-text-muted: #94a3b8; --ui-bg-tint: rgba(255, 255, 255, 0.03); --dm-text: #F8FAFC; --dm-text-secondary: #E2E8F0; --dm-text-muted: #94A3B8; --dm-accent: #FF6B35; --dm-accent-blue: #60A5FA; --dm-green: #059669; --dm-green-light: #6EE7B7; --dm-red-bg: #991B1B; --dm-red-text: #FCA5A5; --dm-amber-text: #FCD34D; --dm-blue-text: #93C5FD; --dm-sky-text: #7DD3FC; --dm-accent-rgb: 255, 107, 53; --dm-blue-rgb: 59, 130, 246; --dm-green-rgb: 16, 185, 129; --dm-red-rgb: 220, 38, 38; --dm-amber-rgb: 245, 158, 11; --dm-cyan-rgb: 14, 165, 233; }
@property --progress { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
body.dark.page-course router-outlet + * .classess_text_logo img { content: url("image/png/classess_logo_white.png"); filter: none !important; mix-blend-mode: screen !important; background: transparent !important; }
body.dark.page-course router-outlet + * .classess_text_logo { background: transparent !important; box-shadow: none !important; }
body.dark.page-course router-outlet + * .symbols-pulse .classess_logo { filter: none !important; }
body.dark.page-course router-outlet + * .message-input { color: rgb(26, 25, 21) !important; }
body.dark.page-course router-outlet + * .message-input::placeholder { color: rgb(107, 107, 107) !important; }
body.dark.page-course router-outlet + * .shortcut-icon-circle, body.dark.page-course router-outlet + * .add-icon-circle { background: rgba(255, 107, 53, 0.15) !important; border: 1px solid rgba(255, 107, 53, 0.3) !important; }
body.dark.page-course router-outlet + * .add-icon-circle .plus-icon { color: var(--dm-accent) !important; }
body.dark.page-course router-outlet + * .school_logo_img { filter: invert(1) brightness(1.5) !important; }
body.dark.page-course router-outlet + * .notifications-panel { background: var(--dm-card) !important; border-left: 1px solid var(--dm-border) !important; }
body.dark.page-course router-outlet + * .notifications-header { background: var(--dm-card) !important; }
body.dark.page-course router-outlet + * .notifications-header h3, body.dark.page-course router-outlet + * .notification-title { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .notification-message { color: var(--dm-text-secondary) !important; }
body.dark.page-course router-outlet + * .notification-time, body.dark.page-course router-outlet + * .empty-notifications-message { color: var(--dm-text-muted) !important; }
body.dark.page-course router-outlet + * .shortcut-item:hover .shortcut-title { color: var(--dm-accent) !important; }
body.dark.page-course router-outlet + * .notification-item { background: rgba(255, 255, 255, 0.05) !important; border-bottom: 1px solid var(--dm-border) !important; }
body.dark.page-course router-outlet + * .notification-item:hover { background: var(--dm-card-hover) !important; }
body.dark.page-course router-outlet + * .notification-item.unread { background: rgba(255, 107, 53, 0.15) !important; }
body.dark.page-course router-outlet + * .notification-item.unread:hover { background: rgba(255, 107, 53, 0.25) !important; }
body.page-course router-outlet + * .back-button { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; border-radius: 50% !important; transition: 0.2s !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px !important; }
body.page-course router-outlet + * .back-button:hover { transform: translateY(-2px) !important; border-color: var(--ui-accent) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important; }
body.page-course router-outlet + * .course-title { font-family: "Instrument Serif", Georgia, serif !important; font-size: 32px !important; font-weight: 400 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .control-label { font-family: "DM Mono", monospace !important; font-size: 11px !important; letter-spacing: 0.08em !important; color: var(--ui-text-muted) !important; }
body.page-course router-outlet + * .dropdown-btn { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; border-radius: var(--ui-radius-item) !important; color: var(--ui-text) !important; font-family: "DM Sans", sans-serif !important; transition: 0.2s !important; }
body.page-course router-outlet + * .dropdown-btn:hover { border-color: var(--ui-accent) !important; background: var(--ui-accent-light) !important; }
body.page-course router-outlet + * .dropdown-menu { background: var(--ui-surface) !important; border-radius: var(--ui-radius-item) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important; }
body.page-course router-outlet + * .dropdown-item { font-family: "DM Sans", sans-serif !important; color: var(--ui-text-soft) !important; transition: 0.2s !important; }
body.page-course router-outlet + * .dropdown-item:hover { background: var(--ui-accent-light) !important; color: var(--ui-accent) !important; }
body.page-course router-outlet + * .dropdown-item.active { background: var(--ui-accent-light) !important; color: var(--ui-accent) !important; }
body.page-course router-outlet + * .term-section { background: rgba(255, 255, 255, 0.85) !important; border: 1px solid var(--ui-border) !important; border-radius: var(--ui-radius-card) !important; backdrop-filter: blur(10px) !important; }
body.page-course router-outlet + * .term-header { background: var(--ui-accent-light) !important; border-radius: var(--ui-radius-card) !important; }
body.page-course router-outlet + * .term-title { font-family: "Instrument Serif", Georgia, serif !important; font-size: 22px !important; font-weight: 400 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .mock-btn, body.page-course router-outlet + * .planner-btn { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; border-radius: var(--ui-radius-btn) !important; color: var(--ui-text) !important; font-family: "DM Sans", sans-serif !important; font-weight: 500 !important; transition: 0.2s !important; }
body.page-course router-outlet + * .mock-btn:hover, body.page-course router-outlet + * .planner-btn:hover { background: var(--ui-accent) !important; border-color: var(--ui-accent) !important; color: white !important; transform: translateY(-2px) !important; }
body.page-course router-outlet + * .unit-container { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; border-radius: var(--ui-radius-card) !important; }
body.page-course router-outlet + * .unit-header { transition: 0.2s !important; }
body.page-course router-outlet + * .unit-header:hover { background: var(--ui-accent-light) !important; }
body.page-course router-outlet + * .unit-icon { background: var(--ui-accent) !important; border-radius: 12px !important; }
body.page-course router-outlet + * .unit-title { font-family: "DM Sans", sans-serif !important; font-weight: 500 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .unit-duration { font-family: "DM Mono", monospace !important; font-size: 11px !important; color: var(--ui-text-muted) !important; }
body.page-course router-outlet + * .unit-progress { background: var(--ui-accent-light) !important; color: var(--ui-accent-dark) !important; border-radius: 20px !important; font-family: "DM Mono", monospace !important; font-size: 12px !important; }
body.page-course router-outlet + * .day-header { transition: 0.2s !important; }
body.page-course router-outlet + * .day-title { font-family: "DM Sans", sans-serif !important; font-weight: 500 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .learning-item { transition: 0.2s !important; }
body.page-course router-outlet + * .item-title { font-family: "DM Sans", sans-serif !important; font-size: 14px !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .item-type { font-family: "DM Mono", monospace !important; font-size: 10px !important; color: var(--ui-text-muted) !important; }
body.page-course router-outlet + * .teacher-material, body.page-course router-outlet + * .material-module, body.page-course router-outlet + * .learn-module, body.page-course router-outlet + * .practice-module { background: var(--ui-accent-light) !important; color: var(--ui-accent-dark) !important; border: 1px solid var(--ui-accent) !important; }
body.page-course router-outlet + * .performance-bar { background: var(--ui-accent) !important; }
body.page-course router-outlet + * .modal-content { background: var(--ui-surface) !important; border-radius: var(--ui-radius-card) !important; border: 1px solid var(--ui-border) !important; }
body.page-course router-outlet + * .modal-content h2, body.page-course router-outlet + * .modal-content h1 { font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .modal-content h3 { font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; color: var(--ui-text) !important; border-left-color: var(--ui-accent) !important; }
body.page-course router-outlet + * .close, body.page-course router-outlet + * .close-btn { color: var(--ui-text-muted) !important; transition: 0.2s !important; }
body.page-course router-outlet + * .close:hover, body.page-course router-outlet + * .close-btn:hover { color: var(--ui-accent) !important; }
body.page-course router-outlet + * .shared-resource-dropdown { border-radius: var(--ui-radius-card) !important; border: 1px solid var(--ui-border) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px !important; }
body.page-course router-outlet + * .tab-header, body.page-course router-outlet + * .list-header { background: var(--ui-accent-light) !important; border-bottom: 1px solid var(--ui-border) !important; }
body.page-course router-outlet + * .tab-title, body.page-course router-outlet + * .list-title { font-family: "DM Sans", sans-serif !important; font-weight: 500 !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .oval-tab { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; color: var(--ui-text-soft) !important; font-family: "DM Sans", sans-serif !important; }
body.page-course router-outlet + * .oval-tab:hover { background: var(--ui-accent-light) !important; border-color: var(--ui-accent) !important; }
body.page-course router-outlet + * .content-tab { background: var(--ui-accent-light) !important; color: var(--ui-accent-dark) !important; }
body.page-course router-outlet + * .list-item { transition: 0.2s !important; }
body.page-course router-outlet + * .list-item:hover { background: var(--ui-accent-light) !important; transform: translateX(4px) !important; }
body.page-course router-outlet + * .item-name { font-family: "DM Sans", sans-serif !important; color: var(--ui-text) !important; }
body.page-course router-outlet + * .material-option-btn-active { background: var(--ui-accent) !important; color: white !important; }
body.page-course router-outlet + * .unit-content::-webkit-scrollbar, body.page-course router-outlet + * .day-content::-webkit-scrollbar, body.page-course router-outlet + * .modal-content::-webkit-scrollbar { width: 4px; }
body.page-course router-outlet + * .unit-content::-webkit-scrollbar-track, body.page-course router-outlet + * .day-content::-webkit-scrollbar-track, body.page-course router-outlet + * .modal-content::-webkit-scrollbar-track { background: var(--ui-accent-light); border-radius: 10px; }
body.page-course router-outlet + * .unit-content::-webkit-scrollbar-thumb, body.page-course router-outlet + * .day-content::-webkit-scrollbar-thumb, body.page-course router-outlet + * .modal-content::-webkit-scrollbar-thumb { background: var(--ui-accent); border-radius: 10px; }
body.page-course router-outlet + * .back-btn, body.page-course router-outlet + * .back-button { background: var(--ui-surface) !important; border: 1px solid var(--ui-border) !important; border-radius: 50% !important; transition: 0.2s !important; box-shadow: var(--shadow-sm) !important; color: var(--ui-text) !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: fixed !important; top: 20px !important; left: 20px !important; z-index: 1000 !important; }
body.page-course router-outlet + * .back-btn:hover, body.page-course router-outlet + * .back-button:hover { transform: translateY(-2px) !important; border-color: var(--ui-accent) !important; color: var(--ui-accent) !important; box-shadow: var(--shadow-md) !important; }
@media (max-width: 768px) {
  body.page-course router-outlet + * .section-title .title-text { font-size: 18px !important; }
  body.page-course router-outlet + * .combined-card-header { padding: 10px 12px !important; flex-direction: column !important; align-items: flex-start !important; }
  body.page-course router-outlet + * .combined-due-date { margin-left: 0px !important; }
  body.page-course router-outlet + * .subject-tag, body.page-course router-outlet + * .nav-item { font-size: 11px !important; padding: 4px 12px !important; }
}
@media (max-width: 480px) {
  body.page-course router-outlet + * .back-btn { width: 34px !important; height: 34px !important; }
}
body.page-course { --bg-page: #F5F4EF; --bg-surface: #FFFFFF; --bg-tint: #F0EFE9; --ink: #1A1915; --ink-soft: #3A3833; --ink-muted: #6B6B6B; --accent-50: #FBF1EC; --accent-100: #FFF0E5; --accent-200: #ECCBBA; --accent-300: #E2AE93; --accent-400: #DC916D; --accent-500: #FF6B35; --accent-600: #C46444; --accent-700: #E85D2C; --hairline: #E8E7E2; --serif: 'Instrument Serif', Georgia, serif; --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; --mono: 'DM Mono', monospace; }
body.page-course router-outlet + * .payment_banner_area_two .symbols-pulse > div { background-image: linear-gradient(-180deg, rgba(225, 208, 208, 0.12) 0%, rgba(228, 198, 198, 0.18) 65%, rgba(255, 255, 255, 0.04) 100%); width: 28rem; height: 28rem; }
body.page-course { --ui-bg: #F5F4EF; --ui-surface: #FFFFFF; --ui-border: #E8E7E2; --ui-accent: #FF6B35; --ui-accent-dark: #E85D2C; --ui-accent-light: #FFF0E5; --ui-text: #1A1915; --ui-text-soft: #3A3833; --ui-text-muted: #6B6B6B; --ui-bg-tint: #F0EFE9; --ui-radius-card: 16px; --ui-radius-item: 12px; --ui-radius-btn: 40px; --shadow-sm: 0 2px 8px rgba(26,25,21,.06); --shadow-md: 0 8px 24px rgba(26,25,21,.08); --serif: 'Instrument Serif', Georgia, serif; --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; --mono: 'DM Mono', monospace; }
body.page-course { --ui-bg: #F5F4EF; --ui-surface: #FFFFFF; --ui-border: #E8E7E2; --ui-accent: #FF6B35; --ui-accent-dark: #E85D2C; --ui-accent-light: #FFF0E5; --ui-text: #1A1915; --ui-text-soft: #3A3833; --ui-text-muted: #6B6B6B; --ui-bg-tint: #F0EFE9; --ui-success: #4CAF50; --ui-success-light: #E8F5E9; --ui-error: #f44336; --ui-error-light: #FFEBEE; --ui-warning: #ff9800; --ui-warning-light: #FFF3E0; --ui-radius-card: 16px; --ui-radius-item: 12px; --ui-radius-btn: 40px; --shadow-sm: 0 2px 8px rgba(26,25,21,.06); --shadow-md: 0 8px 24px rgba(26,25,21,.08); --serif: 'Instrument Serif', Georgia, serif; --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; --mono: 'DM Mono', monospace; }
body.page-course router-outlet + * � � �b�o�d�y�.�d�a�r�k�.�p�a�g�e�-�i�n�s�i�g�h�t�s� �.�p�r�o�j�e�c�t�-�i�t�e�m� � { }
body.dark.page-course router-outlet + * .term-section { background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(12px) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .formative-section { background: rgba(255, 255, 255, 0.02) !important; border-color: rgba(255, 255, 255, 0.05) !important; }
body.dark.page-course router-outlet + * .unit-container { border-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .unit-header:hover { background-color: rgba(255, 255, 255, 0.05) !important; }
body.dark.page-course router-outlet + * .learning-item { border-top-color: rgba(255, 255, 255, 0.1) !important; background: linear-gradient(90deg, transparent 64px, rgba(255, 255, 255, 0.02) 64px) !important; }
body.dark.page-course router-outlet + * .learning-item:hover { background: linear-gradient(90deg, transparent 64px, rgba(255, 255, 255, 0.05) 64px) !important; border-top-color: rgba(255, 255, 255, 0.15) !important; }
body.dark.page-course router-outlet + * .day-container { border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .day-header { border-top-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .day-header:hover { background: rgba(255, 255, 255, 0.05) !important; }
body.dark.page-course router-outlet + * .course-title, body.dark.page-course router-outlet + * .term-title, body.dark.page-course router-outlet + * .formative-title, body.dark.page-course router-outlet + * .unit-title, body.dark.page-course router-outlet + * .item-title { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .control-label, body.dark.page-course router-outlet + * .unit-duration, body.dark.page-course router-outlet + * .item-type, body.dark.page-course router-outlet + * .day-title, body.dark.page-course router-outlet + * .unit-toggle, body.dark.page-course router-outlet + * .day-toggle { color: var(--dm-text-muted) !important; }
body.dark.page-course router-outlet + * .learning-item:hover .item-title { color: rgb(255, 255, 255) !important; }
body.dark.page-course router-outlet + * .mock-btn, body.dark.page-course router-outlet + * .planner-btn { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .mock-btn:hover, body.dark.page-course router-outlet + * .planner-btn:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
body.dark.page-course router-outlet + * .dropdown-btn { background: rgba(168, 85, 247, 0.15) !important; border-color: rgba(168, 85, 247, 0.3) !important; color: rgb(192, 132, 252) !important; }
body.dark.page-course router-outlet + * .dropdown-menu { background: var(--ui-surface) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .dropdown-item { color: var(--dm-text) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.05) !important; }
body.dark.page-course router-outlet + * #aao-traversal-banner { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * #aao-traversal-banner span { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * #aao-traversal-banner span[style*="color:#888"] { color: var(--dm-text-muted) !important; }
body.dark.page-course router-outlet + * .shared-resource-dropdown, body.dark.page-course router-outlet + * .tab-dropdown, body.dark.page-course router-outlet + * .list-dropdown, body.dark.page-course router-outlet + * .modal-content { background: var(--ui-surface) !important; color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .tab-header, body.dark.page-course router-outlet + * .list-header { background: rgba(255, 255, 255, 0.05) !important; border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .tab-title, body.dark.page-course router-outlet + * .list-title, body.dark.page-course router-outlet + * .item-name { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .list-item { border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .list-item:hover { background: rgba(255, 255, 255, 0.05) !important; }
body.dark.page-course router-outlet + * .item-icon { background: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .oval-tab { background: rgba(255, 255, 255, 0.05) !important; color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .oval-tab:hover { background: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .content-tab { background: rgba(25, 113, 194, 0.2) !important; color: rgb(116, 192, 252) !important; }
body.dark.page-course router-outlet + * .videos-tab { background: rgba(230, 119, 0, 0.2) !important; color: rgb(255, 216, 168) !important; }
body.dark.page-course router-outlet + * .pdfs-tab { background: rgba(201, 42, 42, 0.2) !important; color: rgb(255, 201, 201) !important; }
body.dark.page-course router-outlet + * .images-tab { background: rgba(43, 138, 62, 0.2) !important; color: rgb(178, 242, 187) !important; }
body.dark.page-course router-outlet + * .no-chapters-card { background: rgba(255, 255, 255, 0.05) !important; color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .no-chapters-card h2, body.dark.page-course router-outlet + * .no-chapters-card p { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .term-header { background: rgba(255, 255, 255, 0.08) !important; }
body.dark.page-course router-outlet + * .term-header .term-title[style] { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .unit-container { background: rgba(255, 255, 255, 0.03) !important; }
body.dark.page-course router-outlet + * .learning-item { background: transparent !important; }
body.dark.page-course router-outlet + * .learning-item:hover { background: rgba(255, 255, 255, 0.03) !important; }
body.dark.page-course router-outlet + * .unassigned-block .term-title { color: var(--dm-text) !important; }
body.dark.page-course router-outlet + * .skeleton { background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%) 0% 0% / 200% 100% !important; }
body.dark.page-course router-outlet + * .skeleton-block { border-color: rgba(255, 255, 255, 0.1) !important; }
body.dark.page-course router-outlet + * .exercise-card, body.dark.page-course router-outlet + * .top-exercise-card { background: var(--dm-card) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px !important; }
body.dark.page-course router-outlet + * .exercise-card:hover, body.dark.page-course router-outlet + * .top-exercise-card:hover { background: var(--dm-card) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px !important; border: 1px solid var(--ui-accent) !important; }
body.dark.page-course router-outlet + * .exercise-card:hover, body.dark.page-course router-outlet + * .top-exercise-card:hover { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
body.dark.page-course router-outlet + * .exercise-card[data-exercise="customize"] { background: rgba(255, 255, 255, 0.05) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
body.dark.page-course router-outlet + * .exercise-card[data-exercise="customize"]:hover { background: rgba(255, 255, 255, 0.1) !important; }