html[data-ui="v3"]:not([data-theme="dark"]) .topnav a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .topnav .active {
    background: #eaf1ff;
}

html[data-ui="v3"] .topnav a:hover,
html[data-ui="v3"] .topnav .active {
    color: var(--t-teal);
}

html[data-ui="v3"] .site-menu .nav-drop-trigger:hover {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn {
    color: #fff;
}

html[data-ui="v3"] .btn {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.orange {
    background: var(--orange);
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.light {
    background: #fff;
    color: var(--navy);
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.ghost {
    background: #edf3ff;
}

html[data-ui="v3"] .btn.ghost {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.danger {
    background: #fff0ee;
    color: var(--red);
}

html[data-ui="v3"]:not([data-theme="dark"]) .python-sidebar a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .python-sidebar a.active {
    background: #eaf1ff;
}

html[data-ui="v3"] .python-sidebar a:hover,
html[data-ui="v3"] .python-sidebar a.active {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .site-menu>a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .site-menu>a.active,
html[data-ui="v3"]:not([data-theme="dark"]) .site-menu .nav-drop-trigger:hover {
    background: transparent;
    color: #0b2f60;
}

html[data-ui="v3"]:not([data-theme="dark"]) .topbar .topnav>a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .topbar .topnav>a.active,
html[data-ui="v3"]:not([data-theme="dark"]) .topbar .site-menu>a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .topbar .site-menu>a.active,
html[data-ui="v3"]:not([data-theme="dark"]) .topbar .nav-drop-trigger:hover {
    color: #fff !important;
    background: rgba(255,255,255,.1) !important;
}

html[data-ui="v3"]:not([data-theme="dark"]) .python-sidebar a.active {
    background: #ef2525 !important;
    color: #fff !important;
}

html[data-ui="v3"] .python-rightbar .rank-student-link:hover strong,
html[data-ui="v3"] .python-rightbar .rank-student-link:focus-visible strong {
    color: var(--t-teal) !important;
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.upload {
    background: #0f766e;
    color: #fff;
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.upload:hover {
    background: #0b625c;
}

html[data-ui="v3"]:not([data-theme="dark"]) .btn.json-download {
    color: #fff;
}

html[data-ui="v3"] .btn.json-download {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .btn.json-download:hover {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .student-picker-search input:focus {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-search {
    background: #f8fafc;
}

html[data-ui="v3"] .assignment-search:focus-within {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-search input {
    color: #17233c;
    background: transparent;
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-search button {
    color: #fff;
}

html[data-ui="v3"] .assignment-search button {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-filter-buttons button.active,
html[data-ui="v3"]:not([data-theme="dark"]) .assignment-filter-buttons a.active {
    color: #fff;
}

html[data-ui="v3"] .assignment-filter-buttons button.active,
html[data-ui="v3"] .assignment-filter-buttons a.active {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-filter-buttons button.active span,
html[data-ui="v3"]:not([data-theme="dark"]) .assignment-filter-buttons a.active span {
    color: #1557b0;
}

html[data-ui="v3"] body.assignment-library-page .assignment-table-title:hover,
html[data-ui="v3"] body.assignment-library-page .assignment-table-title:focus-visible {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .assignment-page-link.is-active {
    color: #fff;
}

html[data-ui="v3"] .assignment-page-link.is-active {
    border-color: var(--t-accent-line);
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .language-choice:has(input:checked) {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .assignment-submission-score strong {
    color: var(--t-teal);
}

html[data-ui="v3"] .history-detail-link {
    color: var(--t-teal);
}

html[data-ui="v3"] .student-directory-name a:hover strong,
html[data-ui="v3"] .student-directory-name a:focus-visible strong {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-description a {
    color: var(--t-teal);
}

html[data-ui="v3"] .btn.secondary {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-audience-heading span {
    color: var(--t-teal);
}

html[data-ui="v3"] #examSelectedCount {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-assignment-trigger-count {
    color: var(--t-teal);
}

html[data-ui="v3"] .solve-back:hover {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .solve-focus-button {
    color: #1557b0;
    background: #eff6ff;
}

html[data-ui="v3"]:not([data-theme="dark"]) .solve-focus-button:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .solve-focus-button[aria-pressed="true"] {
    color: #fff;
}

html[data-ui="v3"] .solve-focus-button:hover,
html[data-ui="v3"] .solve-focus-button[aria-pressed="true"] {
    border-color: var(--t-accent-line);
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .problem-rich-text a {
    color: var(--t-teal);
}

html[data-ui="v3"] .result-detail-link {
    color: var(--t-teal);
}

@media(max-width:1120px) {
html[data-ui="v3"]:not([data-theme="dark"]) .solve-mobile-tabs button.active {
    color: #fff;
}

html[data-ui="v3"] .solve-mobile-tabs button.active {
    background: var(--t-accent);
    color: var(--t-on-accent);
}
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-list-search {
    background: #f8fafc;
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-list-search input {
    color: #26364f;
    background: transparent;
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-list-search button {
    color: #fff;
}

html[data-ui="v3"] .exam-list-search button {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-filter-buttons a:hover,
html[data-ui="v3"]:not([data-theme="dark"]) .exam-filter-buttons a.active {
    color: #1557b0;
    background: #e8f1ff;
}

html[data-ui="v3"] .exam-title-link:hover,
html[data-ui="v3"] .exam-title-link:focus-visible {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-task-btn.is-primary {
    color: #fff;
}

html[data-ui="v3"] .exam-task-btn.is-primary {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .exam-task-btn.is-primary:hover {
    background: #0f4fd1;
}

html[data-ui="v3"] .exam-task-btn.is-secondary {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-task-index {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-task-title:hover {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-task-tool:hover:not(:disabled) {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-dialog-foot>span b {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-bank-chips button.is-active {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-bank-more {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-create-test-no {
    color: var(--t-teal);
}

html[data-ui="v3"] .exam-create-add-test {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .class-view-button {
    color: #64748b;
    background: transparent;
}

html[data-ui="v3"]:not([data-theme="dark"]) .class-view-button:hover {
    background: #eff6ff;
}

html[data-ui="v3"] .class-view-button:hover {
    color: var(--t-teal);
}

html[data-ui="v3"]:not([data-theme="dark"]) .class-view-button[aria-pressed="true"] {
    color: #fff;
}

html[data-ui="v3"] .class-view-button[aria-pressed="true"] {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"]:not([data-theme="dark"]) .teacher-theme .teacher-content .ui-page-header .class-view-button span {
    color: inherit !important;
}

html[data-ui="v3"]:not([data-theme="dark"]) .dashboard-class-items[data-class-view="card"] .class-open-label {
    color: #fff;
}

html[data-ui="v3"] .dashboard-class-items[data-class-view="card"] .class-open-label {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .class-drag-handle:hover,
html[data-ui="v3"] .class-drag-handle:focus-visible {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-avatar-modes label:has(input:checked) {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-avatar-emoji input:checked + span {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] html[data-theme="dark"] .class-avatar-modes label:has(input:checked),
html[data-ui="v3"] html[data-theme="dark"] .class-avatar-emoji input:checked + span {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .class-group-card.is-active {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .class-group-card.is-active .class-group-card-label {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-group-card.is-drop-target {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .class-group-add-icon {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-move-button {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-move-options label:has(input:checked) {
    color: var(--t-teal);
}

html[data-ui="v3"] .class-drop-indicator {
    background: var(--t-accent);
    color: var(--t-on-accent);
}

html[data-ui="v3"] .bank-folder-menu > summary:hover {
    color: var(--t-teal);
}

html[data-ui="v3"] .bank-folder-card.is-drop-into {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .bank-tree-toggle:hover {
    color: var(--t-teal);
}

html[data-ui="v3"] .bank-tree-row.is-current .bank-tree-link {
    color: var(--t-teal);
}

html[data-ui="v3"] .bank-breadcrumb a {
    color: var(--t-teal);
}

html[data-ui="v3"] .bank-breadcrumb a:hover {
    color: var(--t-teal);
}

html[data-ui="v3"] .bank-search input:focus {
    border-color: var(--t-accent-line);
}

html[data-ui="v3"] .bank-sort-button:hover {
    color: var(--t-teal);
}