diff --git a/css/all.css b/css/all.css
index b3c51df..d39b951 100644
--- a/css/all.css
+++ b/css/all.css
@@ -18,11 +18,16 @@
     background-color: var(--primary-color) !important;
 }
 
+nav,
 nav li button._1Z0RM,
 nav li a._1Z0RM {
     background-color: var(--primary-color) !important;
 }
 
+header {
+    border-top-color: var(--border-color) !important;
+}
+
 nav button._1wP6w,
 nav a._1Z0RM {
     color: var(--contrast-text-color) !important;
diff --git a/css/modern/all.css b/css/modern/all.css
index 812e8c1..43c368b 100644
--- a/css/modern/all.css
+++ b/css/modern/all.css
@@ -47,31 +47,31 @@ variable-intellisense {
   --cal30: #4d5557;
 }
 
-[modern=true]:root {
+:root[modern=true] {
   --modern-border: var(--border-size) solid var(--contrast-border);
 }
 
-[modern=true]:root h1,
-[modern=true]:root h2,
-[modern=true]:root h3,
-[modern=true]:root h4,
-[modern=true]:root h5,
-[modern=true]:root h6,
-[modern=true]:root p {
+:root[modern=true] h1,
+:root[modern=true] h2,
+:root[modern=true] h3,
+:root[modern=true] h4,
+:root[modern=true] h5,
+:root[modern=true] h6,
+:root[modern=true] p {
   color: var(--text) !important;
 }
 
-[modern=true]:root pre {
+:root[modern=true] pre {
   background-color: var(--input);
   color: var(--text);
 }
 
-[modern=true]:root body {
+:root[modern=true] body {
   background: var(--primary) !important;
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root #youtube-disclaimer {
+:root[modern=true] #youtube-disclaimer {
   color: var(--text) !important;
   background-color: var(--secondary) !important;
   padding: var(--padding) !important;
@@ -79,94 +79,94 @@ variable-intellisense {
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root textarea,
-[modern=true]:root select,
-[modern=true]:root optgroup,
-[modern=true]:root input[type=text] {
+:root[modern=true] textarea,
+:root[modern=true] select,
+:root[modern=true] optgroup,
+:root[modern=true] input[type=text] {
   background-color: var(--input) !important;
   color: var(--text) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true][style-override=true]:root .s-edge-feed .edge-item *[style] {
+:root[modern=true][style-override=true] .s-edge-feed .edge-item *[style] {
   color: var(--text) !important;
   background: none !important;
 }
 
-[modern=true][style-override=true]:root .discussion-view .discussion-prompt *[style],
-[modern=true][style-override=true]:root .discussion-view .comment-body-wrapper *[style] {
+:root[modern=true][style-override=true] .discussion-view .discussion-prompt *[style],
+:root[modern=true][style-override=true] .discussion-view .comment-body-wrapper *[style] {
   color: var(--text) !important;
   background: none !important;
 }
 
-[modern=true][style-override=true]:root #important-post-body *[style],
-[modern=true][style-override=true]:root #main-inner .info-container *[style],
-[modern=true][style-override=true]:root .standard-page .s-page-content-full *[style],
-[modern=true][style-override=true]:root .discussion-prompt *[style],
-[modern=true][style-override=true]:root .comment-comment .comment-body-wrapper *[style],
-[modern=true][style-override=true]:root .instructions-content *[style],
-[modern=true][style-override=true]:root .lrn_stimulus .lrn_stimulus_content *[style],
-[modern=true][style-override=true]:root .lrn-possible-answer *[style],
-[modern=true][style-override=true]:root .folder-description *[style],
-[modern=true][style-override=true]:root .item-info *[style] {
+:root[modern=true][style-override=true] #important-post-body *[style],
+:root[modern=true][style-override=true] #main-inner .info-container *[style],
+:root[modern=true][style-override=true] .standard-page .s-page-content-full *[style],
+:root[modern=true][style-override=true] .discussion-prompt *[style],
+:root[modern=true][style-override=true] .comment-comment .comment-body-wrapper *[style],
+:root[modern=true][style-override=true] .instructions-content *[style],
+:root[modern=true][style-override=true] .lrn_stimulus .lrn_stimulus_content *[style],
+:root[modern=true][style-override=true] .lrn-possible-answer *[style],
+:root[modern=true][style-override=true] .folder-description *[style],
+:root[modern=true][style-override=true] .item-info *[style] {
   color: var(--text) !important;
   background: none !important;
 }
 
-[modern=true]:root ul.context-menu-list {
+:root[modern=true] ul.context-menu-list {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-color: var(--accent) !important;
 }
 
-[modern=true]:root ul.context-menu-list li.context-menu-item {
+:root[modern=true] ul.context-menu-list li.context-menu-item {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-color: var(--accent) !important;
 }
 
-[modern=true]:root ul.context-menu-list li.context-menu-item:hover {
+:root[modern=true] ul.context-menu-list li.context-menu-item:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .menu-459.group-discussion-left-menu {
+:root[modern=true] .menu-459.group-discussion-left-menu {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root * {
+:root[modern=true] * {
   scrollbar-color: var(--input) var(--accent) !important;
   scrollbar-width: 15px !important;
   scrollbar-arrow-color: var(--contrast-text) !important;
 }
 
-[modern=true]:root *::-webkit-scrollbar {
+:root[modern=true] *::-webkit-scrollbar {
   background: transparent !important;
   width: 15px;
 }
 
-[modern=true]:root *::-webkit-scrollbar-track-piece {
+:root[modern=true] *::-webkit-scrollbar-track-piece {
   background: var(--accent) !important;
 }
 
-[modern=true]:root *::-webkit-scrollbar-button, [modern=true]:root *::-webkit-scrollbar-corner {
+:root[modern=true] *::-webkit-scrollbar-button, :root[modern=true] *::-webkit-scrollbar-corner {
   display: none !important;
 }
 
-[modern=true]:root *::-webkit-scrollbar-thumb {
+:root[modern=true] *::-webkit-scrollbar-thumb {
   background: var(--input) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #body {
+:root[modern=true] #body {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root iframe:not([id^=firefox-screenshots-]) {
+:root[modern=true] iframe:not([id^=firefox-screenshots-]) {
   background-color: white !important;
 }
 
-[modern=true]:root #main-content-wrapper {
+:root[modern=true] #main-content-wrapper {
   background-color: var(--accent) !important;
   color: var(--text) !important;
   border: none !important;
@@ -174,30 +174,30 @@ variable-intellisense {
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #right-column-inner > div:not(:empty) {
+:root[modern=true] #right-column-inner > div:not(:empty) {
   background-color: var(--secondary) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
   padding: var(--padding) !important;
 }
 
-[modern=true]:root #right-column-inner > div[id^=sgyReactRenders_comp_] {
+:root[modern=true] #right-column-inner > div[id^=sgyReactRenders_comp_] {
   display: none;
 }
 
-[modern=true]:root #center-top {
+:root[modern=true] #center-top {
   background: unset !important;
   background-color: var(--accent) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .has-right-col #center-inner {
+:root[modern=true] .has-right-col #center-inner {
   background: none !important;
 }
 
-[modern=true]:root body a.link-btn,
-[modern=true]:root body button.link-btn {
+:root[modern=true] body a.link-btn,
+:root[modern=true] body button.link-btn {
   box-shadow: none !important;
   background: none !important;
   background-color: var(--secondary) !important;
@@ -206,291 +206,292 @@ variable-intellisense {
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .inline-popup-wrapper {
+:root[modern=true] .inline-popup-wrapper {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .inline-popup-wrapper .arrow-top {
+:root[modern=true] .inline-popup-wrapper .arrow-top {
   display: none !important;
 }
 
-[modern=true]:root .s-polls-results-overlay {
+:root[modern=true] .s-polls-results-overlay {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .s-notifications-mini .edge-sentence {
+:root[modern=true] .s-notifications-mini .edge-sentence {
   color: var(--text);
 }
 
-[modern=true]:root .drGks a:hover, [modern=true]:root .drGks a:focus {
+:root[modern=true] .drGks a:hover, :root[modern=true] .drGks a:focus {
   background-color: var(--highlight);
 }
 
-[modern=true]:root .grade-data {
+:root[modern=true] .grade-data {
   color: var(--grades) !important;
 }
 
-[modern=true]:root #main .s-notifications-mini .edge-time,
-[modern=true]:root #main .s-notifications-mini .created {
+:root[modern=true] #main .s-notifications-mini .edge-time,
+:root[modern=true] #main .s-notifications-mini .created {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .drGks a:hover, [modern=true]:root .drGks a:focus {
+:root[modern=true] .drGks a:hover, :root[modern=true] .drGks a:focus {
   background-color: var(--highlight);
 }
 
-[modern=true]:root .splus-modal-title {
+:root[modern=true] .splus-modal-title {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .submit-span-wrapper {
+:root[modern=true] .submit-span-wrapper {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .submit-span-wrapper input[type="button"], [modern=true]:root .submit-span-wrapper input[type="submit"] {
+:root[modern=true] .submit-span-wrapper input[type="button"], :root[modern=true] .submit-span-wrapper input[type="submit"] {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root :not(.submit-span-wrapper) > input[type="button"], [modern=true]:root :not(.submit-span-wrapper) > input[type="submit"] {
+:root[modern=true] :not(.submit-span-wrapper) > input[type="button"], :root[modern=true] :not(.submit-span-wrapper) > input[type="submit"] {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root footer li a,
-[modern=true]:root header li a {
+:root[modern=true] footer li a,
+:root[modern=true] header li a {
   color: var(--link-color) !important;
 }
 
-[modern=true]:root .splus-modal-footer-text {
+:root[modern=true] .splus-modal-footer-text {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .splus-modal-footer-text a {
+:root[modern=true] .splus-modal-footer-text a {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root body a.link-btn.active,
-[modern=true]:root div.courses-left-menu,
-[modern=true]:root .portfolio-list a.btn,
-[modern=true]:root a._3_bfp,
-[modern=true]:root nav li a._1Z0RM,
-[modern=true]:root nav li button._1Z0RM {
+:root[modern=true] body a.link-btn.active,
+:root[modern=true] div.courses-left-menu,
+:root[modern=true] .portfolio-list a.btn,
+:root[modern=true] a._3_bfp,
+:root[modern=true] nav li a.util-menu-row-link-2dTZi,
+:root[modern=true] nav li a._1Z0RM,
+:root[modern=true] nav li button._1Z0RM {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root footer {
+:root[modern=true] footer {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root footer button {
+:root[modern=true] footer button {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .Header-header-button-1EE8Y,
-[modern=true]:root .Header-header-button-active-GnvKh,
-[modern=true]:root .StandardHeader-header-button-1562K,
-[modern=true]:root [class*="StandardHeader-header-drop-menu-item-"],
-[modern=true]:root [class*="StandardHeader-header-drop-menu-"] li a *,
-[modern=true]:root .StandardHeader-header-button-active-mEoTJ,
-[modern=true]:root .LGaPf svg {
+:root[modern=true] .Header-header-button-1EE8Y,
+:root[modern=true] .Header-header-button-active-GnvKh,
+:root[modern=true] .StandardHeader-header-button-1562K,
+:root[modern=true] [class*="StandardHeader-header-drop-menu-item-"],
+:root[modern=true] [class*="StandardHeader-header-drop-menu-"] li a *,
+:root[modern=true] .StandardHeader-header-button-active-mEoTJ,
+:root[modern=true] .LGaPf svg {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .StandardHeader-header-drop-menu-YShpU._1Z0RM {
+:root[modern=true] .StandardHeader-header-drop-menu-YShpU._1Z0RM {
   background-color: var(--hover-color) !important;
 }
 
-[modern=true]:root div[role="menu"] ._2awxe._3skcp._1tpub a {
+:root[modern=true] div[role="menu"] ._2awxe._3skcp._1tpub a {
   color: var(--link-color) !important;
 }
 
-[modern=true]:root .close {
+:root[modern=true] .close {
   color: var(--contrast-text) !important;
   opacity: 0.8 !important;
 }
 
-[modern=true]:root .close:hover, [modern=true]:root .close:focus {
+:root[modern=true] .close:hover, :root[modern=true] .close:focus {
   opacity: 1 !important;
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text {
+:root[modern=true] .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-radius: var(--border-radius) !important;
   background-blend-mode: screen;
 }
 
-[modern=true]:root .action-links-unfold {
+:root[modern=true] .action-links-unfold {
   background-image: none !important;
   background-color: var(--secondary) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true][dark=false]:root .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text {
+:root[modern=true][dark=false] .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text:hover,
-[modern=true]:root .action-links-unfold:hover {
+:root[modern=true] .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text:hover,
+:root[modern=true] .action-links-unfold:hover {
   background-color: var(--muted-text) !important;
 }
 
-[modern=true][dark=false]:root .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text:hover,
-[modern=true][dark=false]:root .action-links-unfold:hover {
+:root[modern=true][dark=false] .action-links-wrapper-expanded .action-links-unfold .action-links-unfold-text:hover,
+:root[modern=true][dark=false] .action-links-unfold:hover {
   background-color: var(--muted-text) !important;
 }
 
-[modern=true]:root .popups-box .popups-body,
-[modern=true]:root #popups-loading div {
+:root[modern=true] .popups-box .popups-body,
+:root[modern=true] #popups-loading div {
   background-color: var(--primary) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .popups-box .submit-buttons {
+:root[modern=true] .popups-box .submit-buttons {
   background-color: var(--accent) !important;
   border-top: none !important;
 }
 
-[modern=true]:root .popups-box .popups-title {
+:root[modern=true] .popups-box .popups-title {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .popups-close:hover a {
+:root[modern=true] .popups-close:hover a {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .popups-close a {
+:root[modern=true] .popups-close a {
   background-position-y: calc(-80px - (20px * var(--theme-is-dark))) !important;
   border-radius: 2px !important;
 }
 
-[modern=true]:root .likers li:not(.last) {
+:root[modern=true] .likers li:not(.last) {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root fieldset div div div label span {
+:root[modern=true] fieldset div div div label span {
   color: var(--text) !important;
 }
 
-[modern=true]:root ._2WC16 span._24avl._17Z60 {
+:root[modern=true] ._2WC16 span._24avl._17Z60 {
   color: var(--accent) !important;
 }
 
-[modern=true]:root .popups-buttons-inner {
+:root[modern=true] .popups-buttons-inner {
   background: var(--secondary) !important;
 }
 
-[modern=true]:root .popups-tab,
-[modern=true]:root .popups-tabs {
+:root[modern=true] .popups-tab,
+:root[modern=true] .popups-tabs {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .popups-tab.active {
+:root[modern=true] .popups-tab.active {
   background: var(--primary) !important;
 }
 
-[modern=true]:root ._pendo-step-container-styles {
+:root[modern=true] ._pendo-step-container-styles {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .pendo-mock-flexbox-element:nth-child(2) > button {
+:root[modern=true] .pendo-mock-flexbox-element:nth-child(2) > button {
   background-color: var(--primary) !important;
   border-color: var(--contrast-border) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .popups-box.popups-library #resources-left-menu-wrapper {
+:root[modern=true] .popups-box.popups-library #resources-left-menu-wrapper {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .popups-box #library-wrapper {
+:root[modern=true] .popups-box #library-wrapper {
   background: var(--primary) !important;
   border-bottom-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root div.error,
-[modern=true]:root tr.error {
+:root[modern=true] div.error,
+:root[modern=true] tr.error {
   background-color: var(--error) !important;
   border-color: var(--error) !important;
   color: var(--text);
 }
 
-[modern=true]:root .splus-courses-navbar-button div[role=menu],
-[modern=true]:root .splus-groups-navbar-button div[role=menu] {
+:root[modern=true] .splus-courses-navbar-button div[role=menu],
+:root[modern=true] .splus-groups-navbar-button div[role=menu] {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .splus-coursesdropdown-reorder-btn {
+:root[modern=true] .splus-coursesdropdown-reorder-btn {
   filter: Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article,
-[modern=true]:root .splus-groups-navbar-button article {
+:root[modern=true] .splus-courses-navbar-button article,
+:root[modern=true] .splus-groups-navbar-button article {
   border: var(--border-size) solid transparent !important;
   outline: none !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article a,
-[modern=true]:root .splus-groups-navbar-button article a {
+:root[modern=true] .splus-courses-navbar-button article a,
+:root[modern=true] .splus-groups-navbar-button article a {
   border: var(--border-size) solid transparent !important;
   outline: none !important;
 }
 
-[modern=true]:root .JoinCard-card-1qWtS {
+:root[modern=true] .JoinCard-card-1qWtS {
   border: var(--border-size) solid transparent !important;
   outline: none !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article a:hover,
-[modern=true]:root .splus-groups-navbar-button article a:hover,
-[modern=true]:root .JoinCard-card-1qWtS:hover {
+:root[modern=true] .splus-courses-navbar-button article a:hover,
+:root[modern=true] .splus-groups-navbar-button article a:hover,
+:root[modern=true] .JoinCard-card-1qWtS:hover {
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .Card-card-image-uV6Bu {
+:root[modern=true] .Card-card-image-uV6Bu {
   border-top-left-radius: var(--border-radius) !important;
   border-top-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .Card-card-data-17m6S {
+:root[modern=true] .Card-card-data-17m6S {
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .Card-card-data-17m6S div {
+:root[modern=true] .Card-card-data-17m6S div {
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article a div,
-[modern=true]:root .splus-groups-navbar-button article a div {
+:root[modern=true] .splus-courses-navbar-button article a div,
+:root[modern=true] .splus-groups-navbar-button article a div {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article a div div._1wP6w,
-[modern=true]:root .splus-groups-navbar-button article a div div._1wP6w {
+:root[modern=true] .splus-courses-navbar-button article a div div._1wP6w,
+:root[modern=true] .splus-groups-navbar-button article a div div._1wP6w {
   color: var(--text) !important;
 }
 
-[modern=true]:root .splus-courses-navbar-button article a div div._2wOCj,
-[modern=true]:root .splus-groups-navbar-button article a div div._2wOCj {
+:root[modern=true] .splus-courses-navbar-button article a div div._2wOCj,
+:root[modern=true] .splus-groups-navbar-button article a div div._2wOCj {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root #darktheme-toggle-navbar-button[data-popup=true] {
+:root[modern=true] #darktheme-toggle-navbar-button[data-popup=true] {
   position: relative;
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup {
+:root[modern=true] #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup {
   display: block;
   position: absolute;
   top: 100%;
@@ -507,7 +508,7 @@ variable-intellisense {
   pointer-events: none;
 }
 
-[modern=true]:root #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup h3 {
+:root[modern=true] #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup h3 {
   float: right;
   padding: 5px 20px 5px;
   margin-top: 5px;
@@ -516,336 +517,336 @@ variable-intellisense {
   pointer-events: all;
 }
 
-[modern=true]:root #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup h3:hover {
+:root[modern=true] #darktheme-toggle-navbar-button[data-popup=true] .explanation-popup h3:hover {
   background-color: var(--active);
 }
 
-[modern=true]:root header div.Je0RK button._1SIMq {
+:root[modern=true] header div.Je0RK button._1SIMq {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root ._1DD87,
-[modern=true]:root ._3gfrT:focus:not(:active),
-[modern=true]:root .oUq3j:hover:not(:active) {
+:root[modern=true] ._1DD87,
+:root[modern=true] ._3gfrT:focus:not(:active),
+:root[modern=true] .oUq3j:hover:not(:active) {
   border: var(--modern-border) !important;
 }
 
-[modern=true]:root .JoinCard-card-1qWtS ._1Z0RM {
+:root[modern=true] .JoinCard-card-1qWtS ._1Z0RM {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .fcalendar-filter-menu-wrapper {
+:root[modern=true] .fcalendar-filter-menu-wrapper {
   background-color: var(--secondary) !important;
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .color-codes-box {
+:root[modern=true] .color-codes-box {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .fcalendar-filter-menu-wrapper .checkbox.filter-selected {
+:root[modern=true] .fcalendar-filter-menu-wrapper .checkbox.filter-selected {
   background-position-y: -19px !important;
 }
 
-[modern=true]:root body .fc-event-skin {
+:root[modern=true] body .fc-event-skin {
   color: var(--text);
 }
 
-[modern=true]:root .color-default-personal,
-[modern=true]:root .color-default-groups,
-[modern=true]:root .color-default-courses,
-[modern=true]:root .color-default-school,
-[modern=true]:root .color-1,
-[modern=true]:root .color-2,
-[modern=true]:root .color-3,
-[modern=true]:root .color-4,
-[modern=true]:root .color-5,
-[modern=true]:root .color-6,
-[modern=true]:root .color-7,
-[modern=true]:root .color-8,
-[modern=true]:root .color-9,
-[modern=true]:root .color-10,
-[modern=true]:root .color-11,
-[modern=true]:root .color-12,
-[modern=true]:root .color-13,
-[modern=true]:root .color-14,
-[modern=true]:root .color-15,
-[modern=true]:root .color-16,
-[modern=true]:root .color-dark-1,
-[modern=true]:root .color-dark-2,
-[modern=true]:root .color-dark-3,
-[modern=true]:root .color-dark-4,
-[modern=true]:root .color-dark-5,
-[modern=true]:root .color-dark-6,
-[modern=true]:root .color-dark-7,
-[modern=true]:root .color-dark-8,
-[modern=true]:root .color-dark-9,
-[modern=true]:root .color-dark-10 {
+:root[modern=true] .color-default-personal,
+:root[modern=true] .color-default-groups,
+:root[modern=true] .color-default-courses,
+:root[modern=true] .color-default-school,
+:root[modern=true] .color-1,
+:root[modern=true] .color-2,
+:root[modern=true] .color-3,
+:root[modern=true] .color-4,
+:root[modern=true] .color-5,
+:root[modern=true] .color-6,
+:root[modern=true] .color-7,
+:root[modern=true] .color-8,
+:root[modern=true] .color-9,
+:root[modern=true] .color-10,
+:root[modern=true] .color-11,
+:root[modern=true] .color-12,
+:root[modern=true] .color-13,
+:root[modern=true] .color-14,
+:root[modern=true] .color-15,
+:root[modern=true] .color-16,
+:root[modern=true] .color-dark-1,
+:root[modern=true] .color-dark-2,
+:root[modern=true] .color-dark-3,
+:root[modern=true] .color-dark-4,
+:root[modern=true] .color-dark-5,
+:root[modern=true] .color-dark-6,
+:root[modern=true] .color-dark-7,
+:root[modern=true] .color-dark-8,
+:root[modern=true] .color-dark-9,
+:root[modern=true] .color-dark-10 {
   border-color: rgba(0, 0, 0, 0.4) !important;
 }
 
-[modern=true]:root .fc-event-skin.ev-course,
-[modern=true]:root .legend-course {
+:root[modern=true] .fc-event-skin.ev-course,
+:root[modern=true] .legend-course {
   background: var(--cal3);
   border-color: rgba(0, 0, 0, 0.4) !important;
 }
 
-[modern=true]:root .fc-event-skin.ev-group,
-[modern=true]:root .legend-group {
+:root[modern=true] .fc-event-skin.ev-group,
+:root[modern=true] .legend-group {
   background: var(--cal2);
   border-color: rgba(0, 0, 0, 0.4) !important;
 }
 
-[modern=true]:root .fc-event-skin.ev-user,
-[modern=true]:root .legend-user {
+:root[modern=true] .fc-event-skin.ev-user,
+:root[modern=true] .legend-user {
   background: var(--cal1);
   border-color: rgba(0, 0, 0, 0.4) !important;
 }
 
-[modern=true]:root .fc-event-skin.ev-school,
-[modern=true]:root .legend-school {
+:root[modern=true] .fc-event-skin.ev-school,
+:root[modern=true] .legend-school {
   background: var(--cal4);
   border-color: rgba(0, 0, 0, 0.4) !important;
 }
 
-[modern=true]:root .color-default-personal {
+:root[modern=true] .color-default-personal {
   background: var(--cal1) !important;
 }
 
-[modern=true]:root .color-default-groups {
+:root[modern=true] .color-default-groups {
   background: var(--cal2) !important;
 }
 
-[modern=true]:root .color-default-courses {
+:root[modern=true] .color-default-courses {
   background: var(--cal3) !important;
 }
 
-[modern=true]:root .color-default-school {
+:root[modern=true] .color-default-school {
   background: var(--cal4) !important;
 }
 
-[modern=true]:root .color-1 {
+:root[modern=true] .color-1 {
   background: var(--cal5) !important;
 }
 
-[modern=true]:root .color-2 {
+:root[modern=true] .color-2 {
   background: var(--cal6) !important;
 }
 
-[modern=true]:root .color-3 {
+:root[modern=true] .color-3 {
   background: var(--cal7) !important;
 }
 
-[modern=true]:root .color-4 {
+:root[modern=true] .color-4 {
   background: var(--cal8) !important;
 }
 
-[modern=true]:root .color-5 {
+:root[modern=true] .color-5 {
   background: var(--cal9) !important;
 }
 
-[modern=true]:root .color-6 {
+:root[modern=true] .color-6 {
   background: var(--cal10) !important;
 }
 
-[modern=true]:root .color-7 {
+:root[modern=true] .color-7 {
   background: var(--cal11) !important;
 }
 
-[modern=true]:root .color-8 {
+:root[modern=true] .color-8 {
   background: var(--cal12) !important;
 }
 
-[modern=true]:root .color-9 {
+:root[modern=true] .color-9 {
   background: var(--cal13) !important;
 }
 
-[modern=true]:root .color-10 {
+:root[modern=true] .color-10 {
   background: var(--cal14) !important;
 }
 
-[modern=true]:root .color-11 {
+:root[modern=true] .color-11 {
   background: var(--cal15) !important;
 }
 
-[modern=true]:root .color-12 {
+:root[modern=true] .color-12 {
   background: var(--cal16) !important;
 }
 
-[modern=true]:root .color-13 {
+:root[modern=true] .color-13 {
   background: var(--cal17) !important;
 }
 
-[modern=true]:root .color-14 {
+:root[modern=true] .color-14 {
   background: var(--cal18) !important;
 }
 
-[modern=true]:root .color-15 {
+:root[modern=true] .color-15 {
   background: var(--cal19) !important;
 }
 
-[modern=true]:root .color-16 {
+:root[modern=true] .color-16 {
   background: var(--cal20) !important;
 }
 
-[modern=true]:root .color-dark-1 {
+:root[modern=true] .color-dark-1 {
   background: var(--cal21) !important;
 }
 
-[modern=true]:root .color-dark-2 {
+:root[modern=true] .color-dark-2 {
   background: var(--cal22) !important;
 }
 
-[modern=true]:root .color-dark-3 {
+:root[modern=true] .color-dark-3 {
   background: var(--cal23) !important;
 }
 
-[modern=true]:root .color-dark-4 {
+:root[modern=true] .color-dark-4 {
   background: var(--cal24) !important;
 }
 
-[modern=true]:root .color-dark-5 {
+:root[modern=true] .color-dark-5 {
   background: var(--cal25) !important;
 }
 
-[modern=true]:root .color-dark-6 {
+:root[modern=true] .color-dark-6 {
   background: var(--cal26) !important;
 }
 
-[modern=true]:root .color-dark-7 {
+:root[modern=true] .color-dark-7 {
   background: var(--cal27) !important;
 }
 
-[modern=true]:root .color-dark-8 {
+:root[modern=true] .color-dark-8 {
   background: var(--cal28) !important;
 }
 
-[modern=true]:root .color-dark-9 {
+:root[modern=true] .color-dark-9 {
   background: var(--cal29) !important;
 }
 
-[modern=true]:root .color-dark-10 {
+:root[modern=true] .color-dark-10 {
   background: var(--cal30) !important;
 }
 
-[modern=true]:root .fc-state-default {
+:root[modern=true] .fc-state-default {
   background-color: var(--primary) !important;
   border-color: none !important;
   color: var(--text) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root .fc-state-default .fc-button-inner {
+:root[modern=true] .fc-state-default .fc-button-inner {
   background-color: var(--primary) !important;
   border-color: none !important;
   color: var(--text) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root .fc-button.fc-corner-left {
+:root[modern=true] .fc-button.fc-corner-left {
   border-bottom-left-radius: var(--border-radius) !important;
   border-top-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .fc-button.fc-corner-right {
+:root[modern=true] .fc-button.fc-corner-right {
   border-bottom-right-radius: var(--border-radius) !important;
   border-top-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .fc-state-disabled {
+:root[modern=true] .fc-state-disabled {
   background-color: var(--secondary) !important;
   color: var(--muted-text) !important;
   border-color: none !important;
 }
 
-[modern=true]:root .fc-state-disabled .fc-button-inner {
+:root[modern=true] .fc-state-disabled .fc-button-inner {
   background-color: var(--secondary) !important;
   color: var(--muted-text) !important;
   border-color: none !important;
 }
 
-[modern=true]:root .fc-state-active {
+:root[modern=true] .fc-state-active {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .fc-state-active .fc-button-inner {
+:root[modern=true] .fc-state-active .fc-button-inner {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root div.les2- {
+:root[modern=true] div.les2- {
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root div.les2- ._3skcp {
+:root[modern=true] div.les2- ._3skcp {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root div.les2- ._1wP6w {
+:root[modern=true] div.les2- ._1wP6w {
   color: var(--text) !important;
 }
 
-[modern=true]:root div.les2- ._2wOCj {
+:root[modern=true] div.les2- ._2wOCj {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .util-hover-background-color-cloud-grey-wHghL:hover,
-[modern=true]:root .util-focus-background-color-cloud-grey-3x07X:focus,
-[modern=true]:root ._33zXx {
+:root[modern=true] .util-hover-background-color-cloud-grey-wHghL:hover,
+:root[modern=true] .util-focus-background-color-cloud-grey-3x07X:focus,
+:root[modern=true] ._33zXx {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root div.les2- h3 {
+:root[modern=true] div.les2- h3 {
   color: var(--text) !important;
 }
 
-[modern=true]:root .close-button,
-[modern=true]:root .restore-defaults {
+:root[modern=true] .close-button,
+:root[modern=true] .restore-defaults {
   color: var(--error) !important;
 }
 
-[modern=true]:root .setting-highlight {
+:root[modern=true] .setting-highlight {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .splus-modal-body {
+:root[modern=true] .splus-modal-body {
   background-color: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .is-home #right-column-inner div,
-[modern=true]:root .is-home #home-feed-container {
+:root[modern=true] .is-home #right-column-inner div,
+:root[modern=true] .is-home #home-feed-container {
   background-color: var(--accent) !important;
   color: var(--text) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .is-home #center div#main,
-[modern=true]:root .is-home #main-inner,
-[modern=true]:root .is-home #main-content-wrapper {
+:root[modern=true] .is-home #center div#main,
+:root[modern=true] .is-home #main-inner,
+:root[modern=true] .is-home #main-content-wrapper {
   background-color: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root #basic-user-warning {
+:root[modern=true] #basic-user-warning {
   background-color: var(--highlight) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .date-header h4 span,
-[modern=true]:root .s-poll-option-title,
-[modern=true]:root .s-like-sentence {
+:root[modern=true] .date-header h4 span,
+:root[modern=true] .s-poll-option-title,
+:root[modern=true] .s-like-sentence {
   color: var(--text) !important;
 }
 
-[modern=true]:root .comment-body-wrapper {
+:root[modern=true] .comment-body-wrapper {
   color: var(--text) !important;
 }
 
-[modern=true]:root .s-polls-poll-option,
-[modern=true]:root #edge-filters-menu {
+:root[modern=true] .s-polls-poll-option,
+:root[modern=true] #edge-filters-menu {
   background: none !important;
   background-color: var(--secondary) !important;
   color: var(--text) !important;
@@ -853,13 +854,13 @@ variable-intellisense {
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #edge-filters {
+:root[modern=true] #edge-filters {
   background: none !important;
   border: none !important;
 }
 
-[modern=true]:root #edge-filters-btn,
-[modern=true]:root .feed-comments {
+:root[modern=true] #edge-filters-btn,
+:root[modern=true] .feed-comments {
   background-position-y: calc(-576px - 18px * var(--theme-is-dark)) !important;
   background-color: var(--primary) !important;
   color: var(--text) !important;
@@ -868,74 +869,74 @@ variable-intellisense {
   opacity: unset !important;
 }
 
-[modern=true]:root #edge-filters-menu .edge-filter-option {
+:root[modern=true] #edge-filters-menu .edge-filter-option {
   background-position: 0 calc(-237px - 20px * var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root #edge-filters-menu .edge-filter-option:hover, [modern=true]:root #edge-filters-menu .edge-filter-option.active:hover {
+:root[modern=true] #edge-filters-menu .edge-filter-option:hover, :root[modern=true] #edge-filters-menu .edge-filter-option.active:hover {
   background-color: var(--active) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .gray,
-[modern=true]:root .upcoming-time {
+:root[modern=true] .gray,
+:root[modern=true] .upcoming-time {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root img.splus-logo-inline {
+:root[modern=true] img.splus-logo-inline {
   filter: brightness(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .splus-broadcast-post {
+:root[modern=true] .splus-broadcast-post {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .theme-2016 .date-header h4,
-[modern=true]:root #home-feed-container #smart-box {
+:root[modern=true] .theme-2016 .date-header h4,
+:root[modern=true] #home-feed-container #smart-box {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .view-file-popup,
-[modern=true]:root .view-btn-disabled,
-[modern=true]:root .edit-external-tool-attachment {
+:root[modern=true] .view-file-popup,
+:root[modern=true] .view-btn-disabled,
+:root[modern=true] .edit-external-tool-attachment {
   border-left: var(--modern-border) !important;
 }
 
-[modern=true]:root .sgy-tabbed-navigation {
+:root[modern=true] .sgy-tabbed-navigation {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .sgy-tabbed-navigation li.active {
+:root[modern=true] .sgy-tabbed-navigation li.active {
   border-bottom: 5px solid var(--contrast-border) !important;
 }
 
-[modern=true]:root .s-edge-type-update-post .update-body,
-[modern=true]:root .s-edge-type-update-poll .update-body {
+:root[modern=true] .s-edge-type-update-post .update-body,
+:root[modern=true] .s-edge-type-update-poll .update-body {
   color: var(--text) !important;
 }
 
-[modern=true]:root .user span.name-wrapper {
+:root[modern=true] .user span.name-wrapper {
   background: var(--secondary) !important;
 }
 
-[modern=true]:root .selected-realm .name-text {
+:root[modern=true] .selected-realm .name-text {
   color: var(--text) !important;
 }
 
-[modern=true]:root .selected-realm .name-wrapper {
+:root[modern=true] .selected-realm .name-wrapper {
   background: var(--secondary) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .userlist_input input,
-[modern=true]:root .userlist_input_shadow,
-[modern=true]:root .userlist_input input[type=text] {
+:root[modern=true] .userlist_input input,
+:root[modern=true] .userlist_input_shadow,
+:root[modern=true] .userlist_input input[type=text] {
   background-color: var(--input) !important;
   border-radius: var(--border-radius) !important;
   color: white;
 }
 
-[modern=true]:root #edge-filters-btn {
+:root[modern=true] #edge-filters-btn {
   background-color: var(--text) !important;
   color: var(--secondary) !important;
   filter: Invert(var(--theme-is-dark)) !important;
@@ -944,85 +945,85 @@ variable-intellisense {
   background-image: url("/sites/all/themes/schoology_theme/images/btn-sprite.png?2f89e2e4127348b5") !important;
 }
 
-[modern=true][dark=false]:root #edge-filters-btn {
+:root[modern=true][dark=false] #edge-filters-btn {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   filter: none !important;
   background-image: url("/sites/all/themes/schoology_theme/images/btn-sprite.png?5f89e2e4127348b5") !important;
 }
 
-[modern=true]:root .immersive-reader-button-container span svg path {
+:root[modern=true] .immersive-reader-button-container span svg path {
   fill: var(--text);
 }
 
-[modern=true]:root .immersive-reader-button-container button {
+:root[modern=true] .immersive-reader-button-container button {
   background-color: var(--primary);
   color: var(--text);
   border: var(--modern-border);
 }
 
-[modern=true]:root .immersive-reader-button-container button:hover, [modern=true]:root .immersive-reader-button-container button:focus {
+:root[modern=true] .immersive-reader-button-container button:hover, :root[modern=true] .immersive-reader-button-container button:focus {
   background-color: var(--active);
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .period-row .grade-column,
-[modern=true]:root .gradebook-course.hierarchical-grading-report .category-row .grade-column,
-[modern=true]:root .gradebook-course.hierarchical-grading-report .item-row .grade-column {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .period-row .grade-column,
+:root[modern=true] .gradebook-course.hierarchical-grading-report .category-row .grade-column,
+:root[modern=true] .gradebook-course.hierarchical-grading-report .item-row .grade-column {
   color: var(--grades) !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .item-row .title-column .title {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .item-row .title-column .title {
   color: var(--text) !important;
 }
 
-[modern=true]:root .grade-active-color,
-[modern=true]:root .awarded-grade span {
+:root[modern=true] .grade-active-color,
+:root[modern=true] .awarded-grade span {
   color: var(--grades) !important;
 }
 
-[modern=true]:root .due-date,
-[modern=true]:root .gradebook-course.hierarchical-grading-report .grade-column .max-grade,
-[modern=true]:root .percentage-contrib,
-[modern=true]:root span.comment,
-[modern=true]:root .grade-none-color,
-[modern=true]:root .course-grade-text,
-[modern=true]:root .total-points-wrapper *,
-[modern=true]:root .percentage-grade,
-[modern=true]:root .comment-body-wrapper,
-[modern=true]:root .no-grade {
+:root[modern=true] .due-date,
+:root[modern=true] .gradebook-course.hierarchical-grading-report .grade-column .max-grade,
+:root[modern=true] .percentage-contrib,
+:root[modern=true] span.comment,
+:root[modern=true] .grade-none-color,
+:root[modern=true] .course-grade-text,
+:root[modern=true] .total-points-wrapper *,
+:root[modern=true] .percentage-grade,
+:root[modern=true] .comment-body-wrapper,
+:root[modern=true] .no-grade {
   color: var(--text) !important;
 }
 
-[modern=true]:root div.summary-course {
+:root[modern=true] div.summary-course {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .grade-edit-indicator {
+:root[modern=true] .grade-edit-indicator {
   filter: Grayscale(var(--theme-is-dark)) Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .item-row .td-content-wrapper {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .item-row .td-content-wrapper {
   border-top: var(--border-size) dotted var(--contrast-border) !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .period-row .td-content-wrapper,
-[modern=true]:root .gradebook-course.hierarchical-grading-report .final-row .td-content-wrapper,
-[modern=true]:root .gradebook-course.hierarchical-grading-report .td-content-wrapper {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .period-row .td-content-wrapper,
+:root[modern=true] .gradebook-course.hierarchical-grading-report .final-row .td-content-wrapper,
+:root[modern=true] .gradebook-course.hierarchical-grading-report .td-content-wrapper {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .item-row.added-fake-assignment {
+:root[modern=true] .item-row.added-fake-assignment {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .splus-grade-help-btn .icon-help {
+:root[modern=true] .splus-grade-help-btn .icon-help {
   background-position: calc(0px - 22px * var(--theme-is-dark)) -127px !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .childrenCollapsed .title-column:hover .expandable-icon-grading-report {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .childrenCollapsed .title-column:hover .expandable-icon-grading-report {
   position: absolute !important;
   clip: rect(calc(15px - (15px * var(--theme-is-dark))), calc(30px - (15px * var(--theme-is-dark))), calc(30px - (15px * var(--theme-is-dark))), 0) !important;
   top: calc(0px + (16px * var(--theme-is-dark))) !important;
@@ -1030,7 +1031,7 @@ variable-intellisense {
   opacity: 1 !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .childrenCollapsed .title-column .expandable-icon-grading-report {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .childrenCollapsed .title-column .expandable-icon-grading-report {
   position: absolute !important;
   clip: rect(calc(15px - (15px * var(--theme-is-dark))), calc(30px - (15px * var(--theme-is-dark))), calc(30px - (15px * var(--theme-is-dark))), 0) !important;
   top: calc(0px + (16px * var(--theme-is-dark))) !important;
@@ -1038,7 +1039,7 @@ variable-intellisense {
   opacity: 0.8 !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .title-column .expandable-icon-grading-report {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .title-column .expandable-icon-grading-report {
   position: absolute !important;
   clip: rect(calc(46px - (11px * var(--theme-is-dark))), calc(60px - (45px * var(--theme-is-dark))), calc(80px - (30px * var(--theme-is-dark))), 0) !important;
   top: calc(-32px + (16px * var(--theme-is-dark))) !important;
@@ -1046,7 +1047,7 @@ variable-intellisense {
   opacity: 0.8 !important;
 }
 
-[modern=true]:root .gradebook-course.hierarchical-grading-report .title-column:hover .expandable-icon-grading-report {
+:root[modern=true] .gradebook-course.hierarchical-grading-report .title-column:hover .expandable-icon-grading-report {
   position: absolute !important;
   clip: rect(calc(46px - (11px * var(--theme-is-dark))), calc(60px - (45px * var(--theme-is-dark))), calc(80px - (30px * var(--theme-is-dark))), 0) !important;
   top: calc(-32px + (16px * var(--theme-is-dark))) !important;
@@ -1054,132 +1055,132 @@ variable-intellisense {
   opacity: 1 !important;
 }
 
-[modern=true]:root .empty.grades-empty {
+:root[modern=true] .empty.grades-empty {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .download-grade-wrapper a.link-btn {
+:root[modern=true] .download-grade-wrapper a.link-btn {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root #past-selector .item-list a.link-btn.active {
+:root[modern=true] #past-selector .item-list a.link-btn.active {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root body ul.primary {
+:root[modern=true] body ul.primary {
   border-color: var(--contrast-border) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root body ul.primary li.active a {
+:root[modern=true] body ul.primary li.active a {
   border-color: var(--contrast-border) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root body ul.primary li.active a:hover {
+:root[modern=true] body ul.primary li.active a:hover {
   border-color: var(--contrast-border) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root body ul.primary li a {
+:root[modern=true] body ul.primary li a {
   border-color: var(--contrast-border) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root body ul.primary li a:hover, [modern=true]:root body ul.primary li a:visited {
+:root[modern=true] body ul.primary li a:hover, :root[modern=true] body ul.primary li a:visited {
   border-color: var(--contrast-border) !important;
   border-width: var(--border-size) !important;
 }
 
-[modern=true]:root .gradebook-course,
-[modern=true]:root .attendance-course {
+:root[modern=true] .gradebook-course,
+:root[modern=true] .attendance-course {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .attendance-course-attendance table th,
-[modern=true]:root .attendance-course-attendance table td {
+:root[modern=true] .attendance-course-attendance table th,
+:root[modern=true] .attendance-course-attendance table td {
   border: var(--modern-border) !important;
 }
 
-[modern=true]:root #s-js-student-mastery-report-view-content {
+:root[modern=true] #s-js-student-mastery-report-view-content {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .s-js-chart-and-pager-area .empty {
+:root[modern=true] .s-js-chart-and-pager-area .empty {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .highcharts-container > svg > rect {
+:root[modern=true] .highcharts-container > svg > rect {
   fill: var(--primary);
 }
 
-[modern=true]:root .highcharts-axis-labels > text {
+:root[modern=true] .highcharts-axis-labels > text {
   color: var(--text) !important;
   fill: var(--text) !important;
 }
 
-[modern=true]:root .score-value {
+:root[modern=true] .score-value {
   color: var(--text) !important;
 }
 
-[modern=true]:root .course-action-btns,
-[modern=true]:root .group-action-btns {
+:root[modern=true] .course-action-btns,
+:root[modern=true] .group-action-btns {
   padding: var(--padding) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #secondary-tabs-wrapper {
+:root[modern=true] #secondary-tabs-wrapper {
   border-right: none !important;
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div {
+:root[modern=true] body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div button span._24avl._17Z60 {
+:root[modern=true] body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div button span._24avl._17Z60 {
   color: var(--text) !important;
 }
 
-[modern=true]:root body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div .Card-card-2rORL {
+:root[modern=true] body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div .Card-card-2rORL {
   background-color: var(--accent) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div div {
+:root[modern=true] body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div div {
   color: var(--text) !important;
 }
 
-[modern=true]:root body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div div._2wOCj {
+:root[modern=true] body > div._1f1I3._35u4I.IaH_B.RuZ14.VSOiH._3brnw.S42JQ > div > div div._2wOCj {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root body #right-column-inner button.link-btn,
-[modern=true]:root body #right-column-inner a.link-btn {
+:root[modern=true] body #right-column-inner button.link-btn,
+:root[modern=true] body #right-column-inner a.link-btn {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root #reorder-ui button.link-btn span {
+:root[modern=true] #reorder-ui button.link-btn span {
   filter: Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .course-list-view #secondary-tabs-wrapper ul {
+:root[modern=true] .course-list-view #secondary-tabs-wrapper ul {
   border-bottom: none !important;
 }
 
-[modern=true]:root .no-courses {
+:root[modern=true] .no-courses {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .tabs.secondary li a {
+:root[modern=true] .tabs.secondary li a {
   background: var(--secondary) !important;
   color: var(--text) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .tabs.secondary li.active a {
+:root[modern=true] .tabs.secondary li.active a {
   background: none !important;
   color: var(--text) !important;
   background-color: var(--active) !important;
@@ -1187,131 +1188,131 @@ variable-intellisense {
   border: none !important;
 }
 
-[modern=true]:root .listing .course-item.list-item,
-[modern=true]:root .courses-listing.mycourses h3 {
+:root[modern=true] .listing .course-item.list-item,
+:root[modern=true] .courses-listing.mycourses h3 {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root #main .courses-listing.listing {
+:root[modern=true] #main .courses-listing.listing {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .sgy-course-search-form__submit-row {
+:root[modern=true] .sgy-course-search-form__submit-row {
   background: none !important;
   border-color: none !important;
 }
 
-[modern=true]:root .sgy-react-select .Select-control,
-[modern=true]:root .sgy-react-select .Select-menu-outer {
+:root[modern=true] .sgy-react-select .Select-control,
+:root[modern=true] .sgy-react-select .Select-menu-outer {
   color: var(--text) !important;
   border-color: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .sgy-react-select .Select-control {
+:root[modern=true] .sgy-react-select .Select-control {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .sgy-react-select .Select-placeholder {
+:root[modern=true] .sgy-react-select .Select-placeholder {
   color: var(--text) !important;
 }
 
-[modern=true]:root .sgy-react-select .Select-menu-outer {
+:root[modern=true] .sgy-react-select .Select-menu-outer {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .sgy-react-select .Select-option {
+:root[modern=true] .sgy-react-select .Select-option {
   color: var(--text);
 }
 
-[modern=true]:root .sgy-react-select .Select-option:hover {
+:root[modern=true] .sgy-react-select .Select-option:hover {
   background-color: var(--active);
 }
 
-[modern=true]:root .enrollment-search .go-btn {
+:root[modern=true] .enrollment-search .go-btn {
   background-color: inherit !important;
 }
 
-[modern=true]:root .roster-top {
+:root[modern=true] .roster-top {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root body .enrollment-filters span.active,
-[modern=true]:root body .grading-groups-list .grading-group.active {
+:root[modern=true] body .enrollment-filters span.active,
+:root[modern=true] body .grading-groups-list .grading-group.active {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .enrollment-filters span:hover {
+:root[modern=true] .enrollment-filters span:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #site-navigation-breadcrumbs nav {
+:root[modern=true] #site-navigation-breadcrumbs nav {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root #site-navigation-breadcrumbs nav li a,
-[modern=true]:root #site-navigation-breadcrumbs nav li span {
+:root[modern=true] #site-navigation-breadcrumbs nav li a,
+:root[modern=true] #site-navigation-breadcrumbs nav li span {
   color: var(--text) !important;
 }
 
-[modern=true]:root #library-main {
+:root[modern=true] #library-main {
   border-right: none !important;
 }
 
-[modern=true]:root #library-wrapper {
+:root[modern=true] #library-wrapper {
   background-color: var(--accent) !important;
   border: none !important;
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #library-wrapper a.active:not(.item-title),
-[modern=true]:root #library-wrapper .library-collections a:hover {
+:root[modern=true] #library-wrapper a.active:not(.item-title),
+:root[modern=true] #library-wrapper .library-collections a:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #library-left td:hover {
+:root[modern=true] #library-left td:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #library-search-form-container div {
+:root[modern=true] #library-search-form-container div {
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root #library-search-form-container div::before {
+:root[modern=true] #library-search-form-container div::before {
   display: none !important;
 }
 
-[modern=true]:root #collection-view-contents .collection-row-empty td {
+:root[modern=true] #collection-view-contents .collection-row-empty td {
   color: var(--text) !important;
 }
 
-[modern=true]:root body.library-view #library-main {
+:root[modern=true] body.library-view #library-main {
   border-left: var(--modern-border) !important;
 }
 
-[modern=true]:root #collection-toolbar {
+:root[modern=true] #collection-toolbar {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root #collection-view-contents {
+:root[modern=true] #collection-view-contents {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root #collection-view-contents th,
-[modern=true]:root #collection-view-contents td {
+:root[modern=true] #collection-view-contents th,
+:root[modern=true] #collection-view-contents td {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root #library-left .collections-list-wrapper {
+:root[modern=true] #library-left .collections-list-wrapper {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root body.library-view #library-left {
+:root[modern=true] body.library-view #library-left {
   border-right: var(--modern-border) !important;
 }
 
-[modern=true]:root #collection-toolbar .action-links-unfold {
+:root[modern=true] #collection-toolbar .action-links-unfold {
   box-shadow: none !important;
   border: none !important;
   background: var(--secondary) !important;
@@ -1319,46 +1320,46 @@ variable-intellisense {
   color: var(--text) !important;
 }
 
-[modern=true]:root #collection-toolbar .action-links-unfold:hover {
+:root[modern=true] #collection-toolbar .action-links-unfold:hover {
   background-color: var(--muted-text) !important;
 }
 
-[modern=true]:root #reorder-collections-btn {
+:root[modern=true] #reorder-collections-btn {
   color: var(--text) !important;
 }
 
-[modern=true]:root #reorder-collections-btn:hover {
+:root[modern=true] #reorder-collections-btn:hover {
   background-color: var(--active) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .action-links > li > span {
+:root[modern=true] .action-links > li > span {
   color: var(--text) !important;
 }
 
-[modern=true]:root .progressContainer,
-[modern=true]:root .link-attachment,
-[modern=true]:root .attachment-block,
-[modern=true]:root .resource-attachment {
+:root[modern=true] .progressContainer,
+:root[modern=true] .link-attachment,
+:root[modern=true] .attachment-block,
+:root[modern=true] .resource-attachment {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .options-reorder-btn,
-[modern=true]:root .options-auto-arrange-btn {
+:root[modern=true] .options-reorder-btn,
+:root[modern=true] .options-auto-arrange-btn {
   color: var(--text) !important;
 }
 
-[modern=true]:root .options-reorder-btn:hover,
-[modern=true]:root .options-auto-arrange-btn:hover {
+:root[modern=true] .options-reorder-btn:hover,
+:root[modern=true] .options-auto-arrange-btn:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .right-block-big-wrapper {
+:root[modern=true] .right-block-big-wrapper {
   padding: var(--padding) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #sidebar-left #left-nav #menu-s-main ul li a.active {
+:root[modern=true] #sidebar-left #left-nav #menu-s-main ul li a.active {
   background-color: var(--accent) !important;
   border: var(--modern-border) !important;
   border-right: none !important;
@@ -1366,7 +1367,7 @@ variable-intellisense {
   border-bottom-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .app-link-wrapper .active {
+:root[modern=true] .app-link-wrapper .active {
   background-color: var(--accent) !important;
   border: var(--modern-border) !important;
   border-right: none !important;
@@ -1374,7 +1375,7 @@ variable-intellisense {
   border-bottom-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .app-link-wrapper .active:hover {
+:root[modern=true] .app-link-wrapper .active:hover {
   background-color: var(--accent) !important;
   border: var(--modern-border) !important;
   border-right: none !important;
@@ -1382,7 +1383,7 @@ variable-intellisense {
   border-bottom-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #sidebar-left #menu-s-main .active-trail .active-trail a.course-materials-left-menu {
+:root[modern=true] #sidebar-left #menu-s-main .active-trail .active-trail a.course-materials-left-menu {
   background-color: var(--accent) !important;
   border: var(--modern-border) !important;
   border-right: none !important;
@@ -1390,1019 +1391,1019 @@ variable-intellisense {
   border-bottom-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root th.profile-header {
+:root[modern=true] th.profile-header {
   color: var(--text) !important;
 }
 
-[modern=true]:root #profile-form-tab {
+:root[modern=true] #profile-form-tab {
   background-color: var(--accent);
 }
 
-[modern=true]:root .tab-nav:hover {
+:root[modern=true] .tab-nav:hover {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root .tab-nav.active {
+:root[modern=true] .tab-nav.active {
   background-color: var(--input);
 }
 
-[modern=true]:root .tab-nav.active:hover {
+:root[modern=true] .tab-nav.active:hover {
   background-color: var(--input);
 }
 
-[modern=true]:root #ui-datepicker-div {
+:root[modern=true] #ui-datepicker-div {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .ui-datepicker-days-cell a {
+:root[modern=true] .ui-datepicker-days-cell a {
   background-color: var(--primary) !important;
   border-color: var(--border-color) !important;
 }
 
-[modern=true]:root .ui-datepicker-unselectable {
+:root[modern=true] .ui-datepicker-unselectable {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .ui-datepicker-days-cell.ui-datepicker-current-day a {
+:root[modern=true] .ui-datepicker-days-cell.ui-datepicker-current-day a {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .ui-datepicker-days-cell-over a {
+:root[modern=true] .ui-datepicker-days-cell-over a {
   background-color: var(--hover-color) !important;
 }
 
-[modern=true]:root .ui-datepicker-links > div > a {
+:root[modern=true] .ui-datepicker-links > div > a {
   background-color: var(--input);
   background-blend-mode: screen;
   border: var(--modern-border);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .ui-datepicker-links > div:hover > a {
+:root[modern=true] .ui-datepicker-links > div:hover > a {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root .action-links,
-[modern=true]:root .comment.no-comments,
-[modern=true]:root .materials-filter-wrapper {
+:root[modern=true] .action-links,
+:root[modern=true] .comment.no-comments,
+:root[modern=true] .materials-filter-wrapper {
   background-color: var(--secondary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root #wrapper {
+:root[modern=true] #wrapper {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .navigator-buttons a.navbtn.link-btn {
+:root[modern=true] .navigator-buttons a.navbtn.link-btn {
   background-color: var(--primary) !important;
   border-radius: var(--border-radius) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .has-folder-player #center-top .content-top-upper,
-[modern=true]:root .has-materials-player #center-top .content-top-upper {
+:root[modern=true] .has-folder-player #center-top .content-top-upper,
+:root[modern=true] .has-materials-player #center-top .content-top-upper {
   background-color: var(--secondary) !important;
   border: none !important;
 }
 
-[modern=true]:root #course-profile-materials {
+:root[modern=true] #course-profile-materials {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .materials-filter-wrapper .action-links-wrapper .action-links-unfold {
+:root[modern=true] .materials-filter-wrapper .action-links-wrapper .action-links-unfold {
   color: var(--text) !important;
 }
 
-[modern=true]:root .action-links-wrapper-gearless .action-links-unfold.active, [modern=true]:root .action-links-wrapper-gearless .action-links-unfold:active {
+:root[modern=true] .action-links-wrapper-gearless .action-links-unfold.active, :root[modern=true] .action-links-wrapper-gearless .action-links-unfold:active {
   color: var(--text) !important;
 }
 
-[modern=true]:root .action-links .selected {
+:root[modern=true] .action-links .selected {
   background-position: 0 calc(-237px - 20px * var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root body .action-links a:hover {
+:root[modern=true] body .action-links a:hover {
   background-color: var(--active) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .materials-top,
-[modern=true]:root #folder-contents-table td,
-[modern=true]:root #right-column h3,
-[modern=true]:root .left-block-wrapper h3 {
+:root[modern=true] .materials-top,
+:root[modern=true] #folder-contents-table td,
+:root[modern=true] #right-column h3,
+:root[modern=true] .left-block-wrapper h3 {
   border: none !important;
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .s-edge-feed > li {
+:root[modern=true] .s-edge-feed > li {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .s-edge-feed .edge-item li {
+:root[modern=true] .s-edge-feed .edge-item li {
   color: var(--text) !important;
 }
 
-[modern=true]:root .s-edge-feed table[bgcolor] {
+:root[modern=true] .s-edge-feed table[bgcolor] {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .s-like-sentence:not(:last-child) {
+:root[modern=true] .s-like-sentence:not(:last-child) {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .pre-fill,
-[modern=true]:root .upcoming-list .empty,
-[modern=true]:root .readonly-title,
-[modern=true]:root .no-attendance-status-dates {
+:root[modern=true] .pre-fill,
+:root[modern=true] .upcoming-list .empty,
+:root[modern=true] .readonly-title,
+:root[modern=true] .no-attendance-status-dates {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .subevent-count {
+:root[modern=true] .subevent-count {
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root #edit-course-switcher-select-nid-menu {
+:root[modern=true] #edit-course-switcher-select-nid-menu {
   border: var(--modern-border) !important;
   background-color: var(--secondary);
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #edit-course-switcher-select-nid-menu .ui-selectmenu-group li a:hover {
+:root[modern=true] #edit-course-switcher-select-nid-menu .ui-selectmenu-group li a:hover {
   color: var(--text) !important;
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #edit-course-switcher-select-nid-button {
+:root[modern=true] #edit-course-switcher-select-nid-button {
   border: none !important;
   background: none !important;
   background-color: var(--secondary) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #edit-course-switcher-select-nid-button:not(.ui-state-active) .edit-course-inline-dropdown-arrow {
+:root[modern=true] #edit-course-switcher-select-nid-button:not(.ui-state-active) .edit-course-inline-dropdown-arrow {
   filter: Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .messages .messages-close-btn {
+:root[modern=true] .messages .messages-close-btn {
   color: var(--text) !important;
 }
 
-[modern=true]:root .messages.warning {
+:root[modern=true] .messages.warning {
   background: var(--highlight) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .messages.status {
+:root[modern=true] .messages.status {
   background: var(--active) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root span#updates-count {
+:root[modern=true] span#updates-count {
   color: var(--text) !important;
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .link_view .page-title a:hover .external-link-icon {
+:root[modern=true] .link_view .page-title a:hover .external-link-icon {
   background-position: 0 -1425px !important;
 }
 
-[modern=true]:root .access-code.left-block-wrapper,
-[modern=true]:root #roster-wrapper .parent-code {
+:root[modern=true] .access-code.left-block-wrapper,
+:root[modern=true] #roster-wrapper .parent-code {
   background-color: var(--accent);
   color: var(--text);
 }
 
-[modern=true]:root #ui-datepicker-div {
+:root[modern=true] #ui-datepicker-div {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-days-cell a {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-days-cell a {
   background-color: var(--primary) !important;
   border-color: var(--modern-border) !important;
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-days-cell .ui-datepicker-current-day a {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-days-cell .ui-datepicker-current-day a {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-days-cell.ui-datepicker-days-cell-over a {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-days-cell.ui-datepicker-days-cell-over a {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-links > div:hover > a {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-links > div:hover > a {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-links > div > a {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-links > div > a {
   background-color: var(--input);
   background-blend-mode: screen;
   border: var(--modern-border);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root #ui-datepicker-div .ui-datepicker-unselectable {
+:root[modern=true] #ui-datepicker-div .ui-datepicker-unselectable {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .shuffleParent div.sshuffleContainer,
-[modern=true]:root .shuffleParent .mediaThumbContainer {
+:root[modern=true] .shuffleParent div.sshuffleContainer,
+:root[modern=true] .shuffleParent .mediaThumbContainer {
   background: var(--secondary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .s-media-album-content-container {
+:root[modern=true] .s-media-album-content-container {
   background-color: var(--secondary) !important;
   border-radius: var(--border-radius) !important;
   padding: var(--padding) !important;
 }
 
-[modern=true]:root .created {
+:root[modern=true] .created {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .album-comments {
+:root[modern=true] .album-comments {
   background: var(--accent) !important;
   border: none !important;
 }
 
-[modern=true]:root .privatemsg-list td {
+:root[modern=true] .privatemsg-list td {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .privatemsg-list .privatemsg-unread td {
+:root[modern=true] .privatemsg-list .privatemsg-unread td {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root table.privatemsg-list {
+:root[modern=true] table.privatemsg-list {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root table.privatemsg-list td.no-messages {
+:root[modern=true] table.privatemsg-list td.no-messages {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root #attachment-selector {
+:root[modern=true] #attachment-selector {
   background: var(--secondary) !important;
   border: none !important;
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #attachment-selector li {
+:root[modern=true] #attachment-selector li {
   border-right: none !important;
 }
 
-[modern=true]:root #ids {
+:root[modern=true] #ids {
   background: none !important;
   border: none !important;
 }
 
-[modern=true]:root #ids .userlist_input {
+:root[modern=true] #ids .userlist_input {
   border: none !important;
 }
 
-[modern=true]:root #ids .name-wrapper {
+:root[modern=true] #ids .name-wrapper {
   background: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .ac_results {
+:root[modern=true] .ac_results {
   background: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .ac_results ul li {
+:root[modern=true] .ac_results ul li {
   background: var(--secondary) !important;
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .ac-name,
-[modern=true]:root .ac-top {
+:root[modern=true] .ac-name,
+:root[modern=true] .ac-top {
   color: var(--text) !important;
 }
 
-[modern=true]:root .ac-row .ac-bot,
-[modern=true]:root .ac-row .ac-school {
+:root[modern=true] .ac-row .ac-bot,
+:root[modern=true] .ac-row .ac-school {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .ac_results .ac_over {
+:root[modern=true] .ac_results .ac_over {
   border-color: var(--contrast-border) !important;
   background: var(--active) !important;
 }
 
-[modern=true]:root #sUserAutocomplete-recipient-helper {
+:root[modern=true] #sUserAutocomplete-recipient-helper {
   background-color: var(--secondary) !important;
   color: var(--muted-text) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .message-participants {
+:root[modern=true] .message-participants {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .message-title,
-[modern=true]:root .message-view-row {
+:root[modern=true] .message-title,
+:root[modern=true] .message-view-row {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .discussion-require-post-notice .warning {
+:root[modern=true] .discussion-require-post-notice .warning {
   background: var(--highlight) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .discussion-view .sticky-wrapper h2.page-title {
+:root[modern=true] .discussion-view .sticky-wrapper h2.page-title {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .discussion-view #content-wrapper {
+:root[modern=true] .discussion-view #content-wrapper {
   border: none !important;
   border-radius: var(--border-radius) !important;
   background: var(--accent) !important;
 }
 
-[modern=true]:root .discussion-view #center-top h2.page-title {
+:root[modern=true] .discussion-view #center-top h2.page-title {
   border: none !important;
 }
 
-[modern=true]:root .discussion-view #s_comments .s_comments_level .comment.on-top,
-[modern=true]:root .discussion-view #main #s_comments .s_comments_level .s_comments_level .comment.on-top {
+:root[modern=true] .discussion-view #s_comments .s_comments_level .comment.on-top,
+:root[modern=true] .discussion-view #main #s_comments .s_comments_level .s_comments_level .comment.on-top {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .discussion-view .discussion-content .comment #comment-reply-form-wrapper #s-comment-reply-form,
-[modern=true]:root .discussion-view .s-comments-post-form-new .comment #comment-reply-form-wrapper #s-comment-reply-form {
+:root[modern=true] .discussion-view .discussion-content .comment #comment-reply-form-wrapper #s-comment-reply-form,
+:root[modern=true] .discussion-view .s-comments-post-form-new .comment #comment-reply-form-wrapper #s-comment-reply-form {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .grade-title {
+:root[modern=true] .grade-title {
   color: var(--text) !important;
 }
 
-[modern=true]:root .received-grade {
+:root[modern=true] .received-grade {
   color: var(--grades) !important;
 }
 
-[modern=true]:root .grading-grade .max-points {
+:root[modern=true] .grading-grade .max-points {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .assignment-details,
-[modern=true]:root .extra-details {
+:root[modern=true] .assignment-details,
+:root[modern=true] .extra-details {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .discussion-view .sticky-wrapper .s-comments-post-form,
-[modern=true]:root .discussion-view .sticky-wrapper .s-comments-post-form-new {
+:root[modern=true] .discussion-view .sticky-wrapper .s-comments-post-form,
+:root[modern=true] .discussion-view .sticky-wrapper .s-comments-post-form-new {
   background: var(--primary) !important;
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .discussion-action-bar {
+:root[modern=true] .discussion-action-bar {
   background: var(--secondary) !important;
   border: none !important;
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .discussion-view .discussion-content #s_comments .discussion-card {
+:root[modern=true] .discussion-view .discussion-content #s_comments .discussion-card {
   background: var(--primary) !important;
   box-shadow: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .discussion-view #content-wrapper .discussion-content div#s_comments .s_comments_level .s_comments_level,
-[modern=true]:root .discussion-view #content-wrapper .s-comments-post-form-new div#s_comments .s_comments_level .s_comments_level {
+:root[modern=true] .discussion-view #content-wrapper .discussion-content div#s_comments .s_comments_level .s_comments_level,
+:root[modern=true] .discussion-view #content-wrapper .s-comments-post-form-new div#s_comments .s_comments_level .s_comments_level {
   background: var(--accent) !important;
   border: none !important;
   border-bottom-left-radius: var(--border-radius) !important;
   border-bottom-right-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .discussion-view .expander-bar {
+:root[modern=true] .discussion-view .expander-bar {
   background: var(--accent) !important;
   border: none !important;
   border-top-left-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .post-count {
+:root[modern=true] .post-count {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .discussion-view .discussion-content {
+:root[modern=true] .discussion-view .discussion-content {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root .bar-right-wrapper,
-[modern=true]:root .comment-counts {
+:root[modern=true] .bar-right-wrapper,
+:root[modern=true] .comment-counts {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .discussion-view #comment-placeholder {
+:root[modern=true] .discussion-view #comment-placeholder {
   background: var(--accent) !important;
   border-radius: var(--border-radius) !important;
   border: none !important;
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .content-top-wrapper .info-container.not-admin .link-btn {
+:root[modern=true] .content-top-wrapper .info-container.not-admin .link-btn {
   background: var(--secondary) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #comment-navigator td {
+:root[modern=true] #comment-navigator td {
   background: var(--primary) !important;
   border: none !important;
 }
 
-[modern=true]:root #comment-navigator td.slide-toggler-cell {
+:root[modern=true] #comment-navigator td.slide-toggler-cell {
   background: var(--secondary) !important;
 }
 
-[modern=true]:root .num-comments-wrapper {
+:root[modern=true] .num-comments-wrapper {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .info-tab th,
-[modern=true]:root .info-tab td {
+:root[modern=true] .info-tab th,
+:root[modern=true] .info-tab td {
   color: var(--muted-text) !important;
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .enrollment-view-wrapper td,
-[modern=true]:root .enrollment-view-wrapper th {
+:root[modern=true] .enrollment-view-wrapper td,
+:root[modern=true] .enrollment-view-wrapper th {
   color: var(--muted-text) !important;
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .info-tab .profile-header {
+:root[modern=true] .info-tab .profile-header {
   color: var(--text) !important;
 }
 
-[modern=true]:root .private-profile {
+:root[modern=true] .private-profile {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .private-profile h3 {
+:root[modern=true] .private-profile h3 {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .portfolio-list {
+:root[modern=true] .portfolio-list {
   border: none !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-list__no-portfolios-text {
+:root[modern=true] .tw-bs .portfolio-list__no-portfolios-text {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-list__add-new,
-[modern=true]:root .tw-bs .portfolio-view__add-new {
+:root[modern=true] .tw-bs .portfolio-list__add-new,
+:root[modern=true] .tw-bs .portfolio-view__add-new {
   background: transparent !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-list__add-new-bg,
-[modern=true]:root .tw-bs .portfolio-view__add-new-bg {
+:root[modern=true] .tw-bs .portfolio-list__add-new-bg,
+:root[modern=true] .tw-bs .portfolio-view__add-new-bg {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .tw-bs .btn:hover {
+:root[modern=true] .tw-bs .btn:hover {
   background-color: var(--hover-color) !important;
 }
 
-[modern=true]:root .tw-bs .dropdown-menu {
+:root[modern=true] .tw-bs .dropdown-menu {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .portfolio-route-content {
+:root[modern=true] .portfolio-route-content {
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
   background: var(--secondary) !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-title-bar {
+:root[modern=true] .tw-bs .portfolio-title-bar {
   background: var(--secondary) !important;
 }
 
-[modern=true]:root .portfolio-view__content {
+:root[modern=true] .portfolio-view__content {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .portfolio-card,
-[modern=true]:root .item-card {
+:root[modern=true] .portfolio-card,
+:root[modern=true] .item-card {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-card__item-count-num {
+:root[modern=true] .tw-bs .portfolio-card__item-count-num {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .tw-bs .btn {
+:root[modern=true] .tw-bs .btn {
   background-color: var(--primary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label, [modern=true]:root .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label span {
+:root[modern=true] .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label, :root[modern=true] .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label span {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-list__list-view > .ui-state-highlight,
-[modern=true]:root .tw-bs .portfolio-item-list > .ui-state-highlight {
+:root[modern=true] .tw-bs .portfolio-list__list-view > .ui-state-highlight,
+:root[modern=true] .tw-bs .portfolio-item-list > .ui-state-highlight {
   background: var(--primary) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .tw-bs .portfolio-card__item-count-num {
+:root[modern=true] .tw-bs .portfolio-card__item-count-num {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .tw-bs .btn {
+:root[modern=true] .tw-bs .btn {
   background-color: var(--primary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root .tw-bs .btn:hover {
+:root[modern=true] .tw-bs .btn:hover {
   background-color: var(--hover-color) !important;
 }
 
-[modern=true]:root .tw-bs .dropdown-menu {
+:root[modern=true] .tw-bs .dropdown-menu {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label,
-[modern=true]:root .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label span {
+:root[modern=true] .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label,
+:root[modern=true] .tw-bs .item-form__title-inline .sgy-autosave-input .form-group:hover label span {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .tw-bs .remaining-char-len {
+:root[modern=true] .tw-bs .remaining-char-len {
   color: var(--text) !important;
 }
 
-[modern=true]:root .tw-bs .add-item-dropdown__add-new-icon::before,
-[modern=true]:root .tw-bs .portfolio-list__add-new-icon::before {
+:root[modern=true] .tw-bs .add-item-dropdown__add-new-icon::before,
+:root[modern=true] .tw-bs .portfolio-list__add-new-icon::before {
   background-color: var(--primary) !important;
   border-color: var(--border-color) !important;
 }
 
-[modern=true]:root .tw-bs .item-view-container,
-[modern=true]:root .tw-bs .item-form__title-bar,
-[modern=true]:root .tw-bs .item-page {
+:root[modern=true] .tw-bs .item-view-container,
+:root[modern=true] .tw-bs .item-form__title-bar,
+:root[modern=true] .tw-bs .item-page {
   background-color: var(--background-color) !important;
   border-color: var(--border-color) !important;
   outline-color: var(--border-color) !important;
 }
 
-[modern=true]:root .tw-bs .item-card__title-link {
+:root[modern=true] .tw-bs .item-card__title-link {
   color: var(--link-color) !important;
 }
 
-[modern=true]:root .sgy-autosave-input.sgy-autosave-input--editing label span,
-[modern=true]:root .sgy-autosave-input.sgy-autosave-input--editing .form-group:hover label span {
+:root[modern=true] .sgy-autosave-input.sgy-autosave-input--editing label span,
+:root[modern=true] .sgy-autosave-input.sgy-autosave-input--editing .form-group:hover label span {
   color: var(--text) !important;
 }
 
-[modern=true]:root #school-events {
+:root[modern=true] #school-events {
   padding: var(--padding) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #main {
+:root[modern=true] #main {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .left-block dd {
+:root[modern=true] .left-block dd {
   color: var(--text) !important;
 }
 
-[modern=true]:root .left-block dt {
+:root[modern=true] .left-block dt {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .enrollment-view-wrapper,
-[modern=true]:root .roster-top,
-[modern=true]:root .active-loader {
+:root[modern=true] .enrollment-view-wrapper,
+:root[modern=true] .roster-top,
+:root[modern=true] .active-loader {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root #s-user-realm-profile-notification-setting-form label:hover {
+:root[modern=true] #s-user-realm-profile-notification-setting-form label:hover {
   background: none !important;
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #content-left .s-enrollment-realm-actions {
+:root[modern=true] #content-left .s-enrollment-realm-actions {
   border-top: var(--modern-border) !important;
 }
 
-[modern=true]:root #edit-body_fontsizeselect_text {
+:root[modern=true] #edit-body_fontsizeselect_text {
   background: transparent;
 }
 
-[modern=true]:root .course-dashboard section {
+:root[modern=true] .course-dashboard section {
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .course-dashboard section.sgy-card {
+:root[modern=true] .course-dashboard section.sgy-card {
   background-color: var(--accent) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .course-dashboard .sgy-card-lens {
+:root[modern=true] .course-dashboard .sgy-card-lens {
   background-color: var(--accent) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .course-dashboard .sgy-card {
+:root[modern=true] .course-dashboard .sgy-card {
   border: var(--border-size) solid transparent !important;
 }
 
-[modern=true]:root .course-dashboard .sgy-card:hover {
+:root[modern=true] .course-dashboard .sgy-card:hover {
   border: var(--modern-border) !important;
 }
 
-[modern=true]:root .course-dashboard .sgy-card:hover .sgy-card-lens::after {
+:root[modern=true] .course-dashboard .sgy-card:hover .sgy-card-lens::after {
   display: none !important;
 }
 
-[modern=true]:root .course-dashboard section.sgy-card .sgy-multiline-ellipsis__split-part {
+:root[modern=true] .course-dashboard section.sgy-card .sgy-multiline-ellipsis__split-part {
   color: var(--text) !important;
 }
 
-[modern=true]:root .course-dashboard section.sgy-card .sgy-card-subcontext {
+:root[modern=true] .course-dashboard section.sgy-card .sgy-card-subcontext {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .course-dashboard .ui-state-highlight {
+:root[modern=true] .course-dashboard .ui-state-highlight {
   border: var(--border-size) dashed var(--contrast-border) !important;
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root ul.Search-dropdown-3huUv {
+:root[modern=true] ul.Search-dropdown-3huUv {
   border: none !important;
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .Search-dropdown-3huUv input {
+:root[modern=true] .Search-dropdown-3huUv input {
   background-color: var(--input) !important;
   color: var(--text) !important;
   border-bottom: var(--border-size) solid transparent !important;
 }
 
-[modern=true]:root ul.primary,
-[modern=true]:root .with-tabs #center-top {
+:root[modern=true] ul.primary,
+:root[modern=true] .with-tabs #center-top {
   background: unset !important;
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root ul.primary li a,
-[modern=true]:root ul.primary li .link-wrapper a {
+:root[modern=true] ul.primary li a,
+:root[modern=true] ul.primary li .link-wrapper a {
   background: unset !important;
   background-color: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root ul.primary li.active a,
-[modern=true]:root ul.primary li.active .link-wrapper a {
+:root[modern=true] ul.primary li.active a,
+:root[modern=true] ul.primary li.active .link-wrapper a {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .email-notify,
-[modern=true]:root fieldset {
+:root[modern=true] .email-notify,
+:root[modern=true] fieldset {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .sticky-header *,
-[modern=true]:root .ui-selectmenu-status {
+:root[modern=true] .sticky-header *,
+:root[modern=true] .ui-selectmenu-status {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root div.cellphone-container {
+:root[modern=true] div.cellphone-container {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #s-user-set-notifications-form thead tr:hover {
+:root[modern=true] #s-user-set-notifications-form thead tr:hover {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root #s-user-custom-notifications-form #edit-select-all-wrapper label {
+:root[modern=true] #s-user-custom-notifications-form #edit-select-all-wrapper label {
   background: var(--accent) !important;
 }
 
-[modern=true]:root #s-user-custom-notifications-form label {
+:root[modern=true] #s-user-custom-notifications-form label {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .ui-selectmenu {
+:root[modern=true] .ui-selectmenu {
   border: none !important;
   border-radius: var(--border-radius) !important;
   background: none !important;
 }
 
-[modern=true]:root .ui-selectmenu-menu {
+:root[modern=true] .ui-selectmenu-menu {
   background: var(--secondary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .ui-selectmenu-menu li a {
+:root[modern=true] .ui-selectmenu-menu li a {
   color: var(--text) !important;
 }
 
-[modern=true]:root .ui-selectmenu-menu li:hover a {
+:root[modern=true] .ui-selectmenu-menu li:hover a {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .ui-selectmenu-menu .ui-selectmenu-item-focus a {
+:root[modern=true] .ui-selectmenu-menu .ui-selectmenu-item-focus a {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .ui-selectmenu-menu .ui-selectmenu-item-selected a:after {
+:root[modern=true] .ui-selectmenu-menu .ui-selectmenu-item-selected a:after {
   background-position: 0 calc(-242px - 20px * var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .settings-table tbody td {
+:root[modern=true] .settings-table tbody td {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .settings-table tbody td.selected {
+:root[modern=true] .settings-table tbody td.selected {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .settings-table tbody td.selected:hover {
+:root[modern=true] .settings-table tbody td.selected:hover {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .settings-table tbody td.realm-disabled {
+:root[modern=true] .settings-table tbody td.realm-disabled {
   background: none !important;
 }
 
-[modern=true]:root .settings-table tbody td.realm-disabled:hover {
+:root[modern=true] .settings-table tbody td.realm-disabled:hover {
   background: none !important;
 }
 
-[modern=true]:root .settings-table tbody td.area-disabled {
+:root[modern=true] .settings-table tbody td.area-disabled {
   background: none !important;
 }
 
-[modern=true]:root .terms-msg {
+:root[modern=true] .terms-msg {
   color: var(--text) !important;
 }
 
-[modern=true]:root #error-page {
+:root[modern=true] #error-page {
   background-color: var(--secondary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .porcelain_pattern {
+:root[modern=true] .porcelain_pattern {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .fc-state-highlight {
+:root[modern=true] .fc-state-highlight {
   background: var(--active) !important;
 }
 
-[modern=true]:root .fc-view-month td:hover {
+:root[modern=true] .fc-view-month td:hover {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root table.fc-border-separate td {
+:root[modern=true] table.fc-border-separate td {
   border: var(--modern-border) !important;
 }
 
-[modern=true]:root table.fc-border-separate .fc-widget-header {
+:root[modern=true] table.fc-border-separate .fc-widget-header {
   border-bottom: var(--modern-border) !important;
 }
 
-[modern=true]:root .fc-agenda-slots td,
-[modern=true]:root .fc-agenda-slots th {
+:root[modern=true] .fc-agenda-slots td,
+:root[modern=true] .fc-agenda-slots th {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root body .fc-widget-header,
-[modern=true]:root .fc-agenda-allday th {
+:root[modern=true] body .fc-widget-header,
+:root[modern=true] .fc-agenda-allday th {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root body .fc-widget-header .fc-agenda-divider-inner {
+:root[modern=true] body .fc-widget-header .fc-agenda-divider-inner {
   background: var(--contrast-border) !important;
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .update-comments-pagenation {
+:root[modern=true] .update-comments-pagenation {
   background-color: var(--accent);
 }
 
-[modern=true]:root .feed-comments-viewall-container {
+:root[modern=true] .feed-comments-viewall-container {
   color: var(--link-color);
 }
 
-[modern=true]:root #dropbox-viewer-right-toggle {
+:root[modern=true] #dropbox-viewer-right-toggle {
   border: var(--border-size) solid var(--input) !important;
   background-color: var(--secondary) !important;
 }
 
-[modern=true]:root #dropbox-viewer-right {
+:root[modern=true] #dropbox-viewer-right {
   background: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root #dropbox-viewer-comments {
+:root[modern=true] #dropbox-viewer-comments {
   background: var(--accent) !important;
   border-bottom: var(--border-size) solid var(--input) !important;
 }
 
-[modern=true]:root #dropbox-viewer-wrapper .dropbox-viewer-submission-activity,
-[modern=true]:root #dropbox-viewer-wrapper .dropbox-viewer-submission-activity-inner {
+:root[modern=true] #dropbox-viewer-wrapper .dropbox-viewer-submission-activity,
+:root[modern=true] #dropbox-viewer-wrapper .dropbox-viewer-submission-activity-inner {
   background-color: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .popups-dropbox-viewer .popups-close a {
+:root[modern=true] .popups-dropbox-viewer .popups-close a {
   background-color: var(--secondary) !important;
   border: var(--modern-border) !important;
   height: 16px !important;
 }
 
-[modern=true]:root ul#attachment-selector li:hover > a {
+:root[modern=true] ul#attachment-selector li:hover > a {
   background-color: var(--accent);
 }
 
-[modern=true]:root .popups-box.popups-library #resources-left-menu-wrapper {
+:root[modern=true] .popups-box.popups-library #resources-left-menu-wrapper {
   background-color: var(--primary);
 }
 
-[modern=true]:root .drop-items li:hover {
+:root[modern=true] .drop-items li:hover {
   background: var(--accent);
 }
 
-[modern=true]:root table#collection-view-contents tbody tr td {
+:root[modern=true] table#collection-view-contents tbody tr td {
   background-color: var(--primary);
 }
 
-[modern=true]:root .s_comments_level {
+:root[modern=true] .s_comments_level {
   background: var(--accent) !important;
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .discussion-card > .s_comments_level {
+:root[modern=true] .discussion-card > .s_comments_level {
   background: var(--secondary) !important;
   border: none !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .comment-container {
+:root[modern=true] .comment-container {
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root .update-comments-pagenation {
+:root[modern=true] .update-comments-pagenation {
   background-color: var(--accent);
 }
 
-[modern=true]:root .feed-comments-viewall-container {
+:root[modern=true] .feed-comments-viewall-container {
   color: var(--link-color);
 }
 
-[modern=true]:root .dropbox-viewer-item-wrapper {
+:root[modern=true] .dropbox-viewer-item-wrapper {
   background-color: var(--primary);
 }
 
-[modern=true]:root #grading-rubric-edit-grades-slider .bottom,
-[modern=true]:root #district-mastery-grading-rubric-edit-grades-slider .bottom,
-[modern=true]:root .s-slider .right-column,
-[modern=true]:root .rubric-scroll .rubric-table tbody {
+:root[modern=true] #grading-rubric-edit-grades-slider .bottom,
+:root[modern=true] #district-mastery-grading-rubric-edit-grades-slider .bottom,
+:root[modern=true] .s-slider .right-column,
+:root[modern=true] .rubric-scroll .rubric-table tbody {
   background-color: var(--primary);
   color: var(--text);
 }
 
-[modern=true]:root .view-only .rubric-table .rubric-row-rating span.input-top,
-[modern=true]:root .view-only .rubric-table .rubric-row-rating .input-bottom {
+:root[modern=true] .view-only .rubric-table .rubric-row-rating span.input-top,
+:root[modern=true] .view-only .rubric-table .rubric-row-rating .input-bottom {
   color: var(--text);
 }
 
-[modern=true]:root .s_grade_item_assessment .assessment-status-wrapper,
-[modern=true]:root .grading-grade-translated {
+:root[modern=true] .s_grade_item_assessment .assessment-status-wrapper,
+:root[modern=true] .grading-grade-translated {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root .grading-info {
+:root[modern=true] .grading-info {
   background: var(--secondary) !important;
   border: var(--modern-border) !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root .not-editable .score-grade-score span,
-[modern=true]:root .param-name {
+:root[modern=true] .not-editable .score-grade-score span,
+:root[modern=true] .param-name {
   color: var(--text) !important;
 }
 
-[modern=true]:root .assignment-param {
+:root[modern=true] .assignment-param {
   color: var(--muted-text) !important;
 }
 
-[modern=true]:root ._1wP6w,
-[modern=true]:root ._2pDDZ:hover:not(:active),
-[modern=true]:root ._3senP:focus:not(:active),
-[modern=true]:root .wL3MX:active {
+:root[modern=true] ._1wP6w,
+:root[modern=true] ._2pDDZ:hover:not(:active),
+:root[modern=true] ._3senP:focus:not(:active),
+:root[modern=true] .wL3MX:active {
   color: var(--text);
 }
 
-[modern=true]:root ._1IGEH:focus:not(:active),
-[modern=true]:root ._1oxpz:hover:not(:active),
-[modern=true]:root #wrapper ._1Z0RM,
-[modern=true]:root .Dkh_K:active {
+:root[modern=true] ._1IGEH:focus:not(:active),
+:root[modern=true] ._1oxpz:hover:not(:active),
+:root[modern=true] #wrapper ._1Z0RM,
+:root[modern=true] .Dkh_K:active {
   background-color: var(--accent);
   color: var(--text);
 }
 
-[modern=true]:root .StudentTable-table-wrapper-classname-2qr2_ > div {
+:root[modern=true] .StudentTable-table-wrapper-classname-2qr2_ > div {
   background-color: var(--primary) !important;
   color: var(--text);
 }
 
-[modern=true]:root img#loader {
+:root[modern=true] img#loader {
   filter: Grayscale(var(--theme-is-dark)) brightness(0.3) !important;
 }
 
-[modern=true]:root .active-trail > div > a {
+:root[modern=true] .active-trail > div > a {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .modal-modal-1369068783,
-[modern=true]:root .layout-row-inner-3835588998 {
+:root[modern=true] .modal-modal-1369068783,
+:root[modern=true] .layout-row-inner-3835588998 {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .typography-button-secondary-button-3933442342 {
+:root[modern=true] .typography-button-secondary-button-3933442342 {
   background: var(--primary) !important;
   color: var(--text) !important;
   border-color: var(--contrast-border) !important;
 }
 
-[modern=true]:root ._1IGEH:focus:not(:active),
-[modern=true]:root ._1oxpz:hover:not(:active),
-[modern=true]:root #wrapper ._1Z0RM,
-[modern=true]:root .Dkh_K:active {
+:root[modern=true] ._1IGEH:focus:not(:active),
+:root[modern=true] ._1oxpz:hover:not(:active),
+:root[modern=true] #wrapper ._1Z0RM,
+:root[modern=true] .Dkh_K:active {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root ._2q19q {
+:root[modern=true] ._2q19q {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root ._1wP6w,
-[modern=true]:root ._2pDDZ:hover:not(:active),
-[modern=true]:root ._3senP:focus:not(:active),
-[modern=true]:root .wL3MX:active {
+:root[modern=true] ._1wP6w,
+:root[modern=true] ._2pDDZ:hover:not(:active),
+:root[modern=true] ._3senP:focus:not(:active),
+:root[modern=true] .wL3MX:active {
   color: var(--text) !important;
 }
 
-[modern=true]:root ._3dHTa {
+:root[modern=true] ._3dHTa {
   background: var(--active) !important;
 }
 
-[modern=true]:root .UELBU {
+:root[modern=true] .UELBU {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .lrn {
+:root[modern=true] .lrn {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_valid,
-[modern=true]:root .lrn_widget .lrn_selected {
+:root[modern=true] .lrn_widget .lrn_valid,
+:root[modern=true] .lrn_widget .lrn_selected {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root #s-assessment-view-submission-form .selected.correct span.option-span {
+:root[modern=true] #s-assessment-view-submission-form .selected.correct span.option-span {
   background-color: var(--active) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root #s-assessment-view-submission-form .incorrect span.option-span.legacy-true-false-question, [modern=true]:root #s-assessment-view-submission-form .incorrect span.option-span.legacy-multiple-choice-question {
+:root[modern=true] #s-assessment-view-submission-form .incorrect span.option-span.legacy-true-false-question, :root[modern=true] #s-assessment-view-submission-form .incorrect span.option-span.legacy-multiple-choice-question {
   background-color: var(--highlight) !important;
   color: var(--text) !important;
 }
 
-[modern=true][dark=true]:root #assessment-darktheme-warning-message[data-popup=true] {
+:root[modern=true][dark=true] #assessment-darktheme-warning-message[data-popup=true] {
   display: block !important;
   text-align: center;
   width: 50%;
@@ -2414,874 +2415,874 @@ variable-intellisense {
   border-radius: var(--border-radius);
 }
 
-[modern=true][dark=true]:root #assessment-darktheme-warning-message .click-to-hide {
+:root[modern=true][dark=true] #assessment-darktheme-warning-message .click-to-hide {
   padding-top: 10px !important;
 }
 
-[modern=true][dark=true]:root #assessment-darktheme-warning-message .click-to-hide span {
+:root[modern=true][dark=true] #assessment-darktheme-warning-message .click-to-hide span {
   text-decoration: underline;
   cursor: pointer;
 }
 
-[modern=true]:root .mathquill-formula {
+:root[modern=true] .mathquill-formula {
   filter: Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .ca-assessment-delivery-take-assessment,
-[modern=true]:root .lrn-assess > div {
+:root[modern=true] .ca-assessment-delivery-take-assessment,
+:root[modern=true] .lrn-assess > div {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .menu-overlay {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .menu-overlay {
   background-color: var(--input) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn .pagination > li > a,
-[modern=true]:root .lrn .pagination > li > span {
+:root[modern=true] .lrn .pagination > li > a,
+:root[modern=true] .lrn .pagination > li > span {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .lrn .pagination > li > a,
-[modern=true]:root .lrn .pagination > li > span {
+:root[modern=true] .lrn .pagination > li > a,
+:root[modern=true] .lrn .pagination > li > span {
   background-color: var(--input);
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-horizontal-toc .pagination .lrn-assess-btn:focus, [modern=true]:root .lrn.lrn-assess .lrn-horizontal-toc .pagination .lrn-assess-btn:hover {
+:root[modern=true] .lrn.lrn-assess .lrn-horizontal-toc .pagination .lrn-assess-btn:focus, :root[modern=true] .lrn.lrn-assess .lrn-horizontal-toc .pagination .lrn-assess-btn:hover {
   background: var(--input) !important;
   color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-horizontal-toc .lrn-assess-pagination .lrn-assess-btn:focus, [modern=true]:root .lrn.lrn-assess .lrn-horizontal-toc .lrn-assess-pagination .lrn-assess-btn:hover {
+:root[modern=true] .lrn.lrn-assess .lrn-horizontal-toc .lrn-assess-pagination .lrn-assess-btn:focus, :root[modern=true] .lrn.lrn-assess .lrn-horizontal-toc .lrn-assess-pagination .lrn-assess-btn:hover {
   background: var(--input) !important;
   color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .test-title-text {
+:root[modern=true] .lrn.lrn-assess .test-title-text {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.menu-expand-button {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.menu-expand-button {
   box-shadow: none !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .panel-content {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .panel-content {
   border: var(--border-size) solid var(--input) !important;
   background-color: var(--primary) !important;
   border: var(--modern-border) !important;
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .item-card .overlay {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .item-card .overlay {
   background: var(--primary);
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .item-number {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .item-number {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
   background-color: var(--input);
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_active,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button.lrn_active,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue.lrn_active {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_active,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button.lrn_active,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue.lrn_active {
   border: var(--border-size) solid var(--text) !important;
   border: var(--modern-border) !important;
   background: var(--input) !important;
   box-shadow: none;
 }
 
-[modern=true]:root .lrn-assess .item-count {
+:root[modern=true] .lrn-assess .item-count {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
   background-color: var(--primary);
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .item-card {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .item-card {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .lrn-assess-switch .lrn-assess-switch-trigger {
+:root[modern=true] .lrn-assess-switch .lrn-assess-switch-trigger {
   background: var(--input);
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .panel-content .panel-footer {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue {
   background-color: var(--accent) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper.menu-with-scroll:after {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper.menu-with-scroll:after {
   background-image: none !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:before,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn .btn-label {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn:before,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn .btn-label {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button:before,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button .btn-label {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button:before,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_widget.lrn_feature > button .btn-label {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue:before,
-[modern=true]:root .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue .btn-label {
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue:before,
+:root[modern=true] .lrn.lrn-assess .lrn-right-region .right-wrapper .lrn_btn.lrn_btn_blue .btn-label {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue:before,
-[modern=true]:root .lrn.lrn-assess .dialogs .lrn_btn_blue:before {
+:root[modern=true] .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn_blue:before,
+:root[modern=true] .lrn.lrn-assess .dialogs .lrn_btn_blue:before {
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
-[modern=true]:root .lrn.lrn-assess .dialogs .lrn_btn {
+:root[modern=true] .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
+:root[modern=true] .lrn.lrn-assess .dialogs .lrn_btn {
   color: var(--text) !important;
 }
 
-[modern=true]:root .menumask > ::-webkit-scrollbar-track-piece {
+:root[modern=true] .menumask > ::-webkit-scrollbar-track-piece {
   background: white !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .item-card {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .item-card {
   border: none !important;
   color: var(--contrast-text) !important;
   border: var(--modern-border) !important;
 }
 
-[modern=true]:root .lrn-region.lrn-right-region {
+:root[modern=true] .lrn-region.lrn-right-region {
   border: none !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen .panel-header {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen .panel-header {
   border-bottom: var(--border-size) solid var(--primary) !important;
 }
 
-[modern=true]:root .lrn_btn.item-prev.pos-right {
+:root[modern=true] .lrn_btn.item-prev.pos-right {
   background-color: var(--secondary) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .app-panel.review-screen button.lrn_btn.lrn-assess-close-review-screen-btn {
+:root[modern=true] .lrn.lrn-assess .app-panel.review-screen button.lrn_btn.lrn-assess-close-review-screen-btn {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .lrn-assess {
+:root[modern=true] .lrn-assess {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .lrn-assess > div ::-webkit-scrollbar-thumb {
+:root[modern=true] .lrn-assess > div ::-webkit-scrollbar-thumb {
   background: var(--primary) !important;
   box-shadow: inset 1px 1px 2px black;
 }
 
-[modern=true]:root .lrn .modal-content {
+:root[modern=true] .lrn .modal-content {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
-[modern=true]:root .lrn.lrn-assess .dialogs .lrn_btn {
+:root[modern=true] .lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn,
+:root[modern=true] .lrn.lrn-assess .dialogs .lrn_btn {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option .lrn-label {
+:root[modern=true] .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option .lrn-label {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn-label {
+:root[modern=true] .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn-mcq-option.lrn_selected .lrn-label {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn_choiceLabel {
+:root[modern=true] .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block .lrn_choiceLabel {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn .lrn_possibilityList,
-[modern=true]:root .lrn .lrn_possibilityListContainer {
+:root[modern=true] .lrn .lrn_possibilityList,
+:root[modern=true] .lrn .lrn_possibilityListContainer {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn .lrn_possibilityList,
-[modern=true]:root .lrn .lrn_possibilityListContainer {
+:root[modern=true] .lrn .lrn_possibilityList,
+:root[modern=true] .lrn .lrn_possibilityListContainer {
   border-top: none !important;
 }
 
-[modern=true]:root .lrn .lrn_possibilityList.lrn_list_bottom:before,
-[modern=true]:root .lrn .lrn_possibilityListContainer.lrn_list_bottom:before {
+:root[modern=true] .lrn .lrn_possibilityList.lrn_list_bottom:before,
+:root[modern=true] .lrn .lrn_possibilityListContainer.lrn_list_bottom:before {
   border-bottom: 12px solid var(--muted-text) !important;
 }
 
-[modern=true]:root .lrn_dropzone {
+:root[modern=true] .lrn_dropzone {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .lrn .lrn_btn_drag {
+:root[modern=true] .lrn .lrn_btn_drag {
   background-color: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn-annotations-c-modal--notepad {
+:root[modern=true] .lrn-annotations-c-modal--notepad {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .lrn .lrn-mask rect {
+:root[modern=true] .lrn .lrn-mask rect {
   fill: var(--primary) !important;
 }
 
-[modern=true]:root .lrn_calc_column {
+:root[modern=true] .lrn_calc_column {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt {
+:root[modern=true] .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt:disabled:hover {
+:root[modern=true] .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt:disabled:hover {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt_dark {
+:root[modern=true] .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_btn_opt_dark {
   background-color: var(--input) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_cover {
+:root[modern=true] .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_calc_cover {
   background: var(--secondary) url(../../images/calc-cover.png) no-repeat center center !important;
 }
 
-[modern=true]:root .lrn_calc_column > .lrn_btn_grid {
+:root[modern=true] .lrn_calc_column > .lrn_btn_grid {
   background: var(--primary) !important;
 }
 
-[modern=true]:root .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_btn_grid {
+:root[modern=true] .lrn_feature.lrn_calculator .lrn_calc_content .lrn_calc .lrn_btn_grid {
   background-color: var(--primary);
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn .lrn_btn_sort {
+:root[modern=true] .lrn .lrn_btn_sort {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_box_skin_wrapper {
+:root[modern=true] .lrn_box_skin_wrapper {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_box_skin_wrapper .lrn_audioblock_right {
+:root[modern=true] .lrn_box_skin_wrapper .lrn_audioblock_right {
   background-color: var(--accent) !important;
   border-left: none !important;
 }
 
-[modern=true]:root .lrn_box_skin_wrapper .lrn_audioblock_right .lrn_audiomiclevelmask {
+:root[modern=true] .lrn_box_skin_wrapper .lrn_audioblock_right .lrn_audiomiclevelmask {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_wfgraphic.lrn_wfcanvas {
+:root[modern=true] .lrn_wfgraphic.lrn_wfcanvas {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_toolbar,
-[modern=true]:root .lrn .lrn_btn {
+:root[modern=true] .lrn_toolbar,
+:root[modern=true] .lrn .lrn_btn {
   background-color: var(--input) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_box_skin_wrapper .lrn_widget_footer .lrn_toolbar_left .lrn_btn {
+:root[modern=true] .lrn_box_skin_wrapper .lrn_widget_footer .lrn_toolbar_left .lrn_btn {
   border-right: none !important;
 }
 
-[modern=true]:root .lrn-audio-content {
+:root[modern=true] .lrn-audio-content {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_waveform {
+:root[modern=true] .lrn_waveform {
   filter: Invert(var(--theme-is-dark)) !important;
 }
 
-[modern=true]:root .lrn_qr.lrn_video .lrn-video-display {
+:root[modern=true] .lrn_qr.lrn_video .lrn-video-display {
   background: var(--input) !important;
 }
 
-[modern=true]:root .lrn_response_input_wrapper {
+:root[modern=true] .lrn_response_input_wrapper {
   border-radius: var(--border-radius) !important;
   border: var(--modern-border) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn_widget.lrn_texteditor {
+:root[modern=true] .lrn_widget.lrn_texteditor {
   border-radius: var(--border-radius) !important;
   border: var(--modern-border) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn_widget.lrn_chemistryessayV2 .lrn_texteditor_editable.wysihtml-placeholder, [modern=true]:root .lrn_widget.lrn_formulaessayV2 .lrn_texteditor_editable.wysihtml-placeholder, [modern=true]:root .lrn_widget.lrn_longtextV2 .lrn_texteditor_editable.wysihtml-placeholder {
+:root[modern=true] .lrn_widget.lrn_chemistryessayV2 .lrn_texteditor_editable.wysihtml-placeholder, :root[modern=true] .lrn_widget.lrn_formulaessayV2 .lrn_texteditor_editable.wysihtml-placeholder, :root[modern=true] .lrn_widget.lrn_longtextV2 .lrn_texteditor_editable.wysihtml-placeholder {
   color: var(--text) !important;
   background: var(--accent) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn_texteditor_editable.lrn_editor_area.lrn_longtextinput.wysihtml-sandbox.wysihtml-editor {
+:root[modern=true] .lrn_texteditor_editable.lrn_editor_area.lrn_longtextinput.wysihtml-sandbox.wysihtml-editor {
   color: var(--text) !important;
   background: var(--input) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn-wysihtml-toolbar.lrn_clearfix {
+:root[modern=true] .lrn-wysihtml-toolbar.lrn_clearfix {
   color: var(--text) !important;
   background: var(--secondary) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn-toolbar {
+:root[modern=true] .lrn-toolbar {
   background: var(--secondary) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn_icon.lrn-icon-bold, [modern=true]:root .lrn_icon.lrn-icon-italic, [modern=true]:root .lrn_icon.lrn-icon-underline, [modern=true]:root .lrn_icon.lrn-icon-list-bulleted, [modern=true]:root .lrn_icon.lrn-icon-list-numbered {
+:root[modern=true] .lrn_icon.lrn-icon-bold, :root[modern=true] .lrn_icon.lrn-icon-italic, :root[modern=true] .lrn_icon.lrn-icon-underline, :root[modern=true] .lrn_icon.lrn-icon-list-bulleted, :root[modern=true] .lrn_icon.lrn-icon-list-numbered {
   color: var(--text) !important;
   background: transparent !important;
 }
 
-[modern=true]:root .lrn-toolbar-footer.lrn_clearfix {
+:root[modern=true] .lrn-toolbar-footer.lrn_clearfix {
   background: var(--accent) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .lrn_word_count,
-[modern=true]:root .lrn_word_limit {
+:root[modern=true] .lrn_word_count,
+:root[modern=true] .lrn_word_limit {
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .clock,
-[modern=true]:root .lrn-assess .timer,
-[modern=true]:root .counter,
-[modern=true]:root .max-time,
-[modern=true]:root .lrn-assess .timer {
+:root[modern=true] .clock,
+:root[modern=true] .lrn-assess .timer,
+:root[modern=true] .counter,
+:root[modern=true] .max-time,
+:root[modern=true] .lrn-assess .timer {
   color: var(--text) !important;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .controls,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .controls {
+:root[modern=true] #grading-rubric-edit-slider .controls,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .controls {
   background: var(--accent) !important;
   color: var(--text) !important;
   border: none !important;
 }
 
-[modern=true]:root .rubric-row.ng-scope {
+:root[modern=true] .rubric-row.ng-scope {
   background: var(--acent) !important;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .rubric-table .input-top,
-[modern=true]:root .rubric-table span.input-bottom,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .rubric-table .input-top,
-[modern=true]:root .rubric-table span.input-bottom {
+:root[modern=true] #grading-rubric-edit-slider .rubric-table .input-top,
+:root[modern=true] .rubric-table span.input-bottom,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .rubric-table .input-top,
+:root[modern=true] .rubric-table span.input-bottom {
   color: var(--contrast-text) !important;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .rubric-table tr.header-row,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .rubric-table tr.header-row {
+:root[modern=true] #grading-rubric-edit-slider .rubric-table tr.header-row,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .rubric-table tr.header-row {
   border-top: var(--border-size) solid var(--input) !important;
   border-bottom: var(--border-size) solid var(--input) !important;
   border: none !important;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .rubric-table .header-row th,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .rubric-table .header-row th {
+:root[modern=true] #grading-rubric-edit-slider .rubric-table .header-row th,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .rubric-table .header-row th {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .rubric-scroll {
+:root[modern=true] .rubric-scroll {
   background: var(---accent) !important;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .bottom-ctrls-wrapper,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .bottom-ctrls-wrapper {
+:root[modern=true] #grading-rubric-edit-slider .bottom-ctrls-wrapper,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .bottom-ctrls-wrapper {
   background: var(--accent) !important;
   border: none !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .s-slider.s-grading-rubric-edit-slider.s-grading-rubric.ng-scope.ui-resizable.opened.grade-setup-rubric-edit.new-rubric-edit.read-only {
+:root[modern=true] .s-slider.s-grading-rubric-edit-slider.s-grading-rubric.ng-scope.ui-resizable.opened.grade-setup-rubric-edit.new-rubric-edit.read-only {
   border: none !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_valid,
-[modern=true]:root .lrn_widget .lrn_selected {
+:root[modern=true] .lrn_widget .lrn_valid,
+:root[modern=true] .lrn_widget .lrn_selected {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_incorrect {
+:root[modern=true] .lrn_widget .lrn_incorrect {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_correct {
+:root[modern=true] .lrn_widget .lrn_correct {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .lrn_assoc_table {
+:root[modern=true] .lrn_assoc_table {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_assoc_col2.lrn_disabled.lrn_dragdrop.lrn_dropzone.lrn_incorrect_marker.lrn_response_container > .lrn_btn_drag.lrn_draggable.lrn_incorrect {
+:root[modern=true] .lrn_assoc_col2.lrn_disabled.lrn_dragdrop.lrn_dropzone.lrn_incorrect_marker.lrn_response_container > .lrn_btn_drag.lrn_draggable.lrn_incorrect {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .lrn_qr.lrn_association .lrn_possibilityList.lrn_list_bottom {
+:root[modern=true] .lrn_qr.lrn_association .lrn_possibilityList.lrn_list_bottom {
   margin-top: 0 !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_correctAnswers {
+:root[modern=true] .lrn_widget .lrn_correctAnswers {
   background-color: var(--primary) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_correctAnswerList > li {
+:root[modern=true] .lrn_widget .lrn_correctAnswerList > li {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .lrn_btn_sort.lrn_sortable.lrn_button.lrn_correct.lrn_sort_block.lrn_draggable.lrn-dragdrop-group-516 {
+:root[modern=true] .lrn_btn_sort.lrn_sortable.lrn_button.lrn_correct.lrn_sort_block.lrn_draggable.lrn-dragdrop-group-516 {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .lrn_display_correct_answer_enabled {
+:root[modern=true] .lrn_display_correct_answer_enabled {
   padding: 20px !important;
 }
 
-[modern=true]:root .lrn_texteditor_editable.lrn_editor_area.lrn_longtextinput.lrn_response_input_wrapper {
+:root[modern=true] .lrn_texteditor_editable.lrn_editor_area.lrn_longtextinput.lrn_response_input_wrapper {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root .lrn_assoc_col2.lrn_correct_marker.lrn_disabled.lrn_dragdrop.lrn_dropzone.lrn_response_container > .lrn_btn_drag.lrn_draggable.lrn_correct {
+:root[modern=true] .lrn_assoc_col2.lrn_correct_marker.lrn_disabled.lrn_dragdrop.lrn_dropzone.lrn_response_container > .lrn_btn_drag.lrn_draggable.lrn_correct {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .lrn_btn_sort.lrn_sortable.lrn_button.lrn_incorrect.lrn_sort_block.lrn_draggable.lrn-dragdrop-group-516 {
+:root[modern=true] .lrn_btn_sort.lrn_sortable.lrn_button.lrn_incorrect.lrn_sort_block.lrn_draggable.lrn-dragdrop-group-516 {
   background-color: var(--highlight) !important;
 }
 
-[modern=true]:root .lrn_widget .lrn_suggested_answer_item {
+:root[modern=true] .lrn_widget .lrn_suggested_answer_item {
   background: var(--accent) !important;
 }
 
-[modern=true]:root .lrn_suggested_answer_item.lrn_clearfix > .lrn_suggested.lrn_btn_sort.lrn_btn_no_handle.lrn_disabled.lrn_sort_block.lrn_button {
+:root[modern=true] .lrn_suggested_answer_item.lrn_clearfix > .lrn_suggested.lrn_btn_sort.lrn_btn_no_handle.lrn_disabled.lrn_sort_block.lrn_button {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .lrn_response.lrn_clearfix.lrn_style_button > .lrn-response-validate-wrapper.lrn_response_input.lrn_incorrect {
+:root[modern=true] .lrn_response.lrn_clearfix.lrn_style_button > .lrn-response-validate-wrapper.lrn_response_input.lrn_incorrect {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .lrn-response-validation-wrapper > .lrn_correctAnswers {
+:root[modern=true] .lrn-response-validation-wrapper > .lrn_correctAnswers {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root #s-assessment-view-submission-form .selected.correct span.option-span {
+:root[modern=true] #s-assessment-view-submission-form .selected.correct span.option-span {
   background-color: var(--active) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .layout-row-outer-1441760367,
-[modern=true]:root .profile-header-2536997237,
-[modern=true]:root .profile-container-4015500229 {
+:root[modern=true] .layout-row-outer-1441760367,
+:root[modern=true] .profile-header-2536997237,
+:root[modern=true] .profile-container-4015500229 {
   background-color: var(--primary) !important;
 }
 
-[modern=true]:root .content-box-container-3232021855 {
+:root[modern=true] .content-box-container-3232021855 {
   background-color: var(--accent) !important;
   border-radius: var(--border-radius) !important;
   border: var(--modern-border) !important;
   font-family: muli !important;
 }
 
-[modern=true]:root .rubric-table-row-row-3856304603.rubric-table-row-zebraStripe-4015500229.fjQuT.uQOmx._2NVPS._1Sb_q.WnfJn._3ARYD._3t4oF,
-[modern=true]:root .rubric-grader-header-header-212800519 {
+:root[modern=true] .rubric-table-row-row-3856304603.rubric-table-row-zebraStripe-4015500229.fjQuT.uQOmx._2NVPS._1Sb_q.WnfJn._3ARYD._3t4oF,
+:root[modern=true] .rubric-grader-header-header-212800519 {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .typography-smallheader-light-bg-text-1999437409 {
+:root[modern=true] .typography-smallheader-light-bg-text-1999437409 {
   color: var(--text) !important;
 }
 
-[modern=true]:root .rubric-grader-manage-rubric-studentLabel-3923154451 {
+:root[modern=true] .rubric-grader-manage-rubric-studentLabel-3923154451 {
   color: var(--cal1) !important;
 }
 
-[modern=true]:root .rubric-grader-scrollContainer-634066954 {
+:root[modern=true] .rubric-grader-scrollContainer-634066954 {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .rubric-criteria-drawer-handle-drawerHandleActive-30552431 {
+:root[modern=true] .rubric-criteria-drawer-handle-drawerHandleActive-30552431 {
   background-color: var(--accent) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .rubric-criteria-drawer-handle-copy-1446048478 {
+:root[modern=true] .rubric-criteria-drawer-handle-copy-1446048478 {
   color: var(--text) !important;
 }
 
-[modern=true]:root .rubric-grader-gradebook-comment-gradebookCommentContainer-1923026448 {
+:root[modern=true] .rubric-grader-gradebook-comment-gradebookCommentContainer-1923026448 {
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .rubric-grader-gradebook-comment-container-3347344084 {
+:root[modern=true] .rubric-grader-gradebook-comment-container-3347344084 {
   color: var(--text) !important;
 }
 
-[modern=true]:root .chart-wrapper .highchart-obj .no-data-overlay {
+:root[modern=true] .chart-wrapper .highchart-obj .no-data-overlay {
   background: transparent !important;
 }
 
-[modern=true]:root .no-data-message-wrapper {
+:root[modern=true] .no-data-message-wrapper {
   background: var(--secondary) !important;
   color: var(--text) !important;
   padding: 3px !important;
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .s_comments_level {
+:root[modern=true] .s_comments_level {
   background: var(--primary) !important;
   border-radius: var(--border-radius) !important;
   padding: var(--padding) !important;
 }
 
-[modern=true]:root .discussion-card > .s_comments_level {
+:root[modern=true] .discussion-card > .s_comments_level {
   background: var(--input) !important;
 }
 
-[modern=true]:root .iziToast-body img {
+:root[modern=true] .iziToast-body img {
   max-width: 24px !important;
 }
 
-[modern=true]:root .iziToast.iziToast-theme-dark .iziToast-message {
+:root[modern=true] .iziToast.iziToast-theme-dark .iziToast-message {
   color: var(--contrast-text) !important;
   opacity: 0.7;
 }
 
-[modern=true]:root #main .s_comments_level #s-comment-reply-form {
+:root[modern=true] #main .s_comments_level #s-comment-reply-form {
   background: var(--accent) !important;
 }
 
-[modern=true]:root #s-comment-reply-form {
+:root[modern=true] #s-comment-reply-form {
   width: auto !important;
   border-radius: var(--border-radius) !important;
   border: none !important;
 }
 
-[modern=true]:root .compose-message.sMessagingProcessed fieldset {
+:root[modern=true] .compose-message.sMessagingProcessed fieldset {
   padding: 20px !important;
   border-radius: var(--border-radius) !important;
 }
 
-[modern=true]:root #ids .name-wrapper {
+:root[modern=true] #ids .name-wrapper {
   background: transparent !important;
 }
 
-[modern=true]:root .s-slider.rubric-grades-edit .rating-wrapper.selected {
+:root[modern=true] .s-slider.rubric-grades-edit .rating-wrapper.selected {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .discussion-view .action-links-wrapper-junior .action-links-unfold,
-[modern=true]:root .discussion-view .action-links-wrapper-junior .action-links-unfold:hover,
-[modern=true]:root .discussion-view .action-links-wrapper-junior .active.action-links-unfold,
-[modern=true]:root .discussion-view .action-links-wrapper-junior .active.action-links-unfold:hover {
+:root[modern=true] .discussion-view .action-links-wrapper-junior .action-links-unfold,
+:root[modern=true] .discussion-view .action-links-wrapper-junior .action-links-unfold:hover,
+:root[modern=true] .discussion-view .action-links-wrapper-junior .active.action-links-unfold,
+:root[modern=true] .discussion-view .action-links-wrapper-junior .active.action-links-unfold:hover {
   background-image: url(https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/images/sprite_discussion.png?5f9c91b5354f0ec1) !important;
   /* Makes Icon Visble */
 }
 
-[modern=true]:root .s-js-comment-action-links.sActionLinksVisible > .action-links-wrapper.action-links-wrapper-junior.aligned-right > .action-links-unfold {
+:root[modern=true] .s-js-comment-action-links.sActionLinksVisible > .action-links-wrapper.action-links-wrapper-junior.aligned-right > .action-links-unfold {
   /* Changes Color When Hovered Over */
   background-color: var(--accent) !important;
 }
 
-[modern=true]:root .splus-button-tile.active {
+:root[modern=true] .splus-button-tile.active {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .settings-label {
+:root[modern=true] .settings-label {
   color: var(--text);
 }
 
-[modern=true]:root .s-grade-item-assignment-submission-app {
+:root[modern=true] .s-grade-item-assignment-submission-app {
   background-color: var(--primary);
   color: var(--text);
 }
 
-[modern=true]:root ._2mytC:hover a,
-[modern=true]:root ._2mytC:focus a,
-[modern=true]:root .Oq4U1:hover:not(:active),
-[modern=true]:root .Oq4U1:focus,
-[modern=true]:root .s-grade-item-assignment-submission-app:hover,
-[modern=true]:root .s-grade-item-assignment-submission-app:focus,
-[modern=true]:root span[role="button"]:hover,
-[modern=true]:root span[role="button"]:focus,
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding:hover,
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding:focus,
-[modern=true]:root .sort-handle:hover,
-[modern=true]:root .sort-handle:focus {
+:root[modern=true] ._2mytC:hover a,
+:root[modern=true] ._2mytC:focus a,
+:root[modern=true] .Oq4U1:hover:not(:active),
+:root[modern=true] .Oq4U1:focus,
+:root[modern=true] .s-grade-item-assignment-submission-app:hover,
+:root[modern=true] .s-grade-item-assignment-submission-app:focus,
+:root[modern=true] span[role="button"]:hover,
+:root[modern=true] span[role="button"]:focus,
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding:hover,
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding:focus,
+:root[modern=true] .sort-handle:hover,
+:root[modern=true] .sort-handle:focus {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root .Oq4U1:active {
+:root[modern=true] .Oq4U1:active {
   background-color: var(--active);
 }
 
-[modern=true]:root .s-share-checkbox-form-wrapper .checkboxes-wrapper {
+:root[modern=true] .s-share-checkbox-form-wrapper .checkboxes-wrapper {
   background-color: var(--primary);
 }
 
-[modern=true]:root #attachment-selector #toggle-copy:hover {
+:root[modern=true] #attachment-selector #toggle-copy:hover {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root .comments-list .comment {
+:root[modern=true] .comments-list .comment {
   background: var(--primary);
   border: var(--modern-border);
   border-color: var(--border-color);
   color: var(--text);
 }
 
-[modern=true]:root .comment-date {
+:root[modern=true] .comment-date {
   color: var(--muted-text);
 }
 
-[modern=true]:root .unpublished,
-[modern=true]:root #folder-contents-table .unpublished .folder-contents-cell {
+:root[modern=true] .unpublished,
+:root[modern=true] #folder-contents-table .unpublished .folder-contents-cell {
   background-color: var(--primary);
 }
 
-[modern=true]:root .masquerade-box {
+:root[modern=true] .masquerade-box {
   background-color: var(--secondary);
   border: var(--modern-border);
 }
 
-[modern=true]:root div.grade-assignment-popup .description, [modern=true]:root #sEditGradeTable tr th {
+:root[modern=true] div.grade-assignment-popup .description, :root[modern=true] #sEditGradeTable tr th {
   color: var(--text);
   background-color: var(--primary);
 }
 
-[modern=true]:root #badges-fullscreen-btn {
+:root[modern=true] #badges-fullscreen-btn {
   background-color: var(--primary);
   border: var(--modern-border);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .even .badge-course-table-cell,
-[modern=true]:root #s-attendance-edit-form tbody td,
-[modern=true]:root #s-attendance-edit-form tbody td div,
-[modern=true]:root #s-attendance-edit-form tbody th {
+:root[modern=true] .even .badge-course-table-cell,
+:root[modern=true] #s-attendance-edit-form tbody td,
+:root[modern=true] #s-attendance-edit-form tbody td div,
+:root[modern=true] #s-attendance-edit-form tbody th {
   background-color: var(--primary);
 }
 
-[modern=true]:root th.badge-course-table-cell,
-[modern=true]:root #s-badge-table-main .sticky-header th,
-[modern=true]:root #s-attendance-edit-form thead th {
+:root[modern=true] th.badge-course-table-cell,
+:root[modern=true] #s-badge-table-main .sticky-header th,
+:root[modern=true] #s-attendance-edit-form thead th {
   background: var(--secondary);
 }
 
-[modern=true]:root th.badge-course-table-cell .action-links-unfold {
+:root[modern=true] th.badge-course-table-cell .action-links-unfold {
   background-color: var(--input) !important;
 }
 
-[modern=true]:root th.badge-course-table-cell .action-links-unfold span,
-[modern=true]:root .date-chooser a.prev span,
-[modern=true]:root .date-chooser a.next span {
+:root[modern=true] th.badge-course-table-cell .action-links-unfold span,
+:root[modern=true] .date-chooser a.prev span,
+:root[modern=true] .date-chooser a.next span {
   filter: contrast(5%);
 }
 
-[modern=true]:root #s-attendance-taken-row .attendance-taken-label {
+:root[modern=true] #s-attendance-taken-row .attendance-taken-label {
   color: var(--text);
 }
 
-[modern=true]:root #s-attendance-taken-row.odd td,
-[modern=true]:root #s-attendance-taken-row.even td {
+:root[modern=true] #s-attendance-taken-row.odd td,
+:root[modern=true] #s-attendance-taken-row.even td {
   background-color: var(--accent);
 }
 
-[modern=true]:root #s-attendance-edit-form tbody tr:hover th,
-[modern=true]:root #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status:hover,
-[modern=true]:root #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status:focus {
+:root[modern=true] #s-attendance-edit-form tbody tr:hover th,
+:root[modern=true] #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status:hover,
+:root[modern=true] #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status:focus {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root #s-attendance-edit-form #s-attendance-taken-row .edited {
+:root[modern=true] #s-attendance-edit-form #s-attendance-taken-row .edited {
   background-color: var(--highlight);
 }
 
-[modern=true]:root #attendance-comment-field {
+:root[modern=true] #attendance-comment-field {
   background-color: var(--accent);
   border: var(--modern-border);
 }
 
-[modern=true]:root .comment-status-label {
+:root[modern=true] .comment-status-label {
   color: var(--text);
 }
 
-[modern=true]:root #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status--start {
+:root[modern=true] #s-attendance-edit-form #s-attendance-taken-row .attendance-taken-status--start {
   background-color: var(--active);
   border-color: var(--contrast-border);
 }
 
-[modern=true]:root .footer-buttons .date-chooser-calendar,
-[modern=true]:root .header-buttons .date-chooser-calendar,
-[modern=true]:root .footer-buttons .infotip,
-[modern=true]:root .header-buttons .infotip {
+:root[modern=true] .footer-buttons .date-chooser-calendar,
+:root[modern=true] .header-buttons .date-chooser-calendar,
+:root[modern=true] .footer-buttons .infotip,
+:root[modern=true] .header-buttons .infotip {
   background: var(--primary);
   border: var(--modern-border);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root a.prev:hover,
-[modern=true]:root a.prev:focus,
-[modern=true]:root a.next:hover,
-[modern=true]:root a.next:focus {
+:root[modern=true] a.prev:hover,
+:root[modern=true] a.prev:focus,
+:root[modern=true] a.next:hover,
+:root[modern=true] a.next:focus {
   background: var(--hover-color);
 }
 
-[modern=true]:root a.prev,
-[modern=true]:root a.next {
+:root[modern=true] a.prev,
+:root[modern=true] a.next {
   background: var(--primary);
 }
 
-[modern=true]:root a.prev {
+:root[modern=true] a.prev {
   border-radius: var(--border-radius) 0 0 var(--border-radius);
 }
 
-[modern=true]:root a.next {
+:root[modern=true] a.next {
   border-radius: 0 var(--border-radius) var(--border-radius) 0;
 }
 
-[modern=true]:root .scale-level-scale {
+:root[modern=true] .scale-level-scale {
   background-color: var(--highlight);
   border: var(--modern-border);
 }
 
-[modern=true]:root #s-grading-category-add-form .form-item,
-[modern=true]:root #s-grading-category-add-form fieldset {
+:root[modern=true] #s-grading-category-add-form .form-item,
+:root[modern=true] #s-grading-category-add-form fieldset {
   background-color: var(--primary);
 }
 
-[modern=true]:root #grading-rubric-edit-slider .right-column {
+:root[modern=true] #grading-rubric-edit-slider .right-column {
   border-color: var(--border-color);
 }
 
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons {
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons {
   background-color: var(--secondary);
   border-color: var(--border-color);
 }
 
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding {
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons button.btn.submit.ng-binding {
   background-color: var(--primary);
   box-shadow: 0px 2px 0px var(--highlight);
 }
 
-[modern=true]:root .sort-handle {
+:root[modern=true] .sort-handle {
   background-color: var(--accent);
 }
 
-[modern=true]:root #grading-rubric-edit-slider .ui-sortable-helper,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .ui-sortable-helper,
-[modern=true]:root #grading-rubric-edit-slider .ui-sortable-helper td,
-[modern=true]:root #district-mastery-grading-rubric-edit-slider .ui-sortable-helper td {
+:root[modern=true] #grading-rubric-edit-slider .ui-sortable-helper,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .ui-sortable-helper,
+:root[modern=true] #grading-rubric-edit-slider .ui-sortable-helper td,
+:root[modern=true] #district-mastery-grading-rubric-edit-slider .ui-sortable-helper td {
   background-color: var(--active) !important;
 }
 
-[modern=true]:root .rubric-editor-add-criteria,
-[modern=true]:root .rubric-editor-add-objectives {
+:root[modern=true] .rubric-editor-add-criteria,
+:root[modern=true] .rubric-editor-add-objectives {
   color: text;
 }
 
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope {
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope {
   color: var(--muted-text);
 }
 
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope:hover,
-[modern=true]:root #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope:focus {
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope:hover,
+:root[modern=true] #grading-rubric-edit-slider .large-submit-buttons .btn.cancel.ng-scope:focus {
   color: var(--text);
 }
 
-[modern=true]:root .alignment-form-container .header {
+:root[modern=true] .alignment-form-container .header {
   background-color: var(--secondary);
 }
 
-[modern=true]:root .guid-item:active,
-[modern=true]:root .alignment-form-container .header .search-tab.active,
-[modern=true]:root .alignment-form-container li.active,
-[modern=true]:root .alignment-form-container div.active {
+:root[modern=true] .guid-item:active,
+:root[modern=true] .alignment-form-container .header .search-tab.active,
+:root[modern=true] .alignment-form-container li.active,
+:root[modern=true] .alignment-form-container div.active {
   background-color: var(--active);
 }
 
-[modern=true]:root .alignment-breadcrumbs .breadcrumb-item:first-child,
-[modern=true]:root .alignment-breadcrumbs .breadcrumb-item,
-[modern=true]:root .alignment-form-container li,
-[modern=true]:root .selected-container .selected-item {
+:root[modern=true] .alignment-breadcrumbs .breadcrumb-item:first-child,
+:root[modern=true] .alignment-breadcrumbs .breadcrumb-item,
+:root[modern=true] .alignment-form-container li,
+:root[modern=true] .selected-container .selected-item {
   color: var(--link-color);
   border-color: var(--contrast-border);
 }
 
-[modern=true]:root .alignment-form-container li .gray,
-[modern=true]:root .alignment-form-container div .gray {
+:root[modern=true] .alignment-form-container li .gray,
+:root[modern=true] .alignment-form-container div .gray {
   color: var(--text) !important;
 }
 
-[modern=true]:root .empty {
+:root[modern=true] .empty {
   color: var(--muted-text);
 }
 
-[modern=true]:root .add-criteria-text {
+:root[modern=true] .add-criteria-text {
   color: var(--text);
 }
 
-[modern=true]:root .parent-names-list.description {
+:root[modern=true] .parent-names-list.description {
   color: var(--muted-text);
 }
 
-[modern=true]:root .s-enrollment-invite-form .metadata-wrapper,
-[modern=true]:root #grading-group-create {
+:root[modern=true] .s-enrollment-invite-form .metadata-wrapper,
+:root[modern=true] #grading-group-create {
   color: var(--text);
 }
 
-[modern=true]:root .s-enrollment-invite-form .user-invite-wrapper {
+:root[modern=true] .s-enrollment-invite-form .user-invite-wrapper {
   background-color: var(--accent);
   color: var(--text);
 }
 
-[modern=true]:root .s-enrollment-invite-form .user-name-wrapper,
-[modern=true]:root .people-filters .selected-users,
-[modern=true]:root .people-filters .show-all-users {
+:root[modern=true] .s-enrollment-invite-form .user-name-wrapper,
+:root[modern=true] .people-filters .selected-users,
+:root[modern=true] .people-filters .show-all-users {
   color: var(--link-color);
 }
 
-[modern=true]:root .people-filters .selected-users.active,
-[modern=true]:root .people-filters .show-all-users.active {
+:root[modern=true] .people-filters .selected-users.active,
+:root[modern=true] .people-filters .show-all-users.active {
   color: var(--contrast-text);
   background-color: var(--active);
 }
 
-[modern=true]:root .term-item-tag,
-[modern=true]:root .locked-question .tag-item {
+:root[modern=true] .term-item-tag,
+:root[modern=true] .locked-question .tag-item {
   color: var(--text);
   background-color: var(--secondary);
   border-color: var(--border-color);
 }
 
-[modern=true]:root .link-btn {
+:root[modern=true] .link-btn {
   background: var(--secondary);
   color: var(--text);
   border: var(--modern-border);
@@ -3289,110 +3290,110 @@ variable-intellisense {
   border-color: var(--border-color);
 }
 
-[modern=true]:root .s-enrollment-invite-form .s-enrollment-invite-list-wrapper,
-[modern=true]:root .s-enrollment-invite-form #network-selected {
+:root[modern=true] .s-enrollment-invite-form .s-enrollment-invite-list-wrapper,
+:root[modern=true] .s-enrollment-invite-form #network-selected {
   background-color: var(--primary);
   border-color: var(--border-color);
 }
 
-[modern=true]:root .submit-btn {
+:root[modern=true] .submit-btn {
   background: var(--primary);
   color: var(--contrast-text);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .cancel-btn {
+:root[modern=true] .cancel-btn {
   background: var(--accent) !important;
   color: var(--muted-text) !important;
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .submit-btn:hover,
-[modern=true]:root .submit-btn:focus,
-[modern=true]:root .cancel-btn:hover,
-[modern=true]:root .cancel-btn:focus {
+:root[modern=true] .submit-btn:hover,
+:root[modern=true] .submit-btn:focus,
+:root[modern=true] .cancel-btn:hover,
+:root[modern=true] .cancel-btn:focus {
   background: var(--hover-color) !important;
   color: var(--text) !important;
 }
 
-[modern=true]:root .s-js-grid-loading-cover {
+:root[modern=true] .s-js-grid-loading-cover {
   background-color: var(--primary);
 }
 
-[modern=true]:root .grader-grid-table-header-wrapper .grader-grid-header-cell,
-[modern=true]:root .grader-grid-table-header-wrapper .grader-grid-header-cell.hidden-grade .gradebook__major-period-title,
-[modern=true]:root .grader-grid-table-header-wrapper .grader-grid-header-cell.showing-unpublished .gradebook__major-period-title {
+:root[modern=true] .grader-grid-table-header-wrapper .grader-grid-header-cell,
+:root[modern=true] .grader-grid-table-header-wrapper .grader-grid-header-cell.hidden-grade .gradebook__major-period-title,
+:root[modern=true] .grader-grid-table-header-wrapper .grader-grid-header-cell.showing-unpublished .gradebook__major-period-title {
   background-color: var(--secondary);
   color: var(--text);
 }
 
-[modern=true]:root .enhanced-gb-body .grid-table-col-header-static-content .select2-container:not(.select2-dropdown-open) .select2-choice > .select2-chosen,
-[modern=true]:root .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container:not(.select2-dropdown-open) .select2-choice > .select2-chosen {
+:root[modern=true] .enhanced-gb-body .grid-table-col-header-static-content .select2-container:not(.select2-dropdown-open) .select2-choice > .select2-chosen,
+:root[modern=true] .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container:not(.select2-dropdown-open) .select2-choice > .select2-chosen {
   color: var(--text) !important;
 }
 
-[modern=true]:root .grader-grid--crosshair-line-column,
-[modern=true]:root .grader-grid--crosshair-line-row,
-[modern=true]:root .grader-grid--crosshair-center {
+:root[modern=true] .grader-grid--crosshair-line-column,
+:root[modern=true] .grader-grid--crosshair-line-row,
+:root[modern=true] .grader-grid--crosshair-center {
   background-color: var(--hover-color) !important;
 }
 
-[modern=true]:root .gradebook__grade-custom-override + .grader-grid-col-header-gp,
-[modern=true]:root .gradebook__grade-custom-override + .grader-grid-col-header-overall {
+:root[modern=true] .gradebook__grade-custom-override + .grader-grid-col-header-gp,
+:root[modern=true] .gradebook__grade-custom-override + .grader-grid-col-header-overall {
   background-color: var(--primary);
 }
 
-[modern=true]:root .grader-grid-cell:not(.gradebook__grade-custom-override) .grader-grid-cell-block:not(.updated) .grade-value,
-[modern=true]:root .grader-grid-cell:not(.gradebook__grade-custom-override) .grader-grid-cell-block:not(.updated) .s-js-grader-grid-cell-display,
-[modern=true]:root .grader-grid-table-header-wrapper .gradebook__major-grade-period-header .gradebook__subperiod-element-calculated,
-[modern=true]:root .grader-grid-table-header-wrapper .gradebook__major-grade-period-header .grading-period-override-column {
+:root[modern=true] .grader-grid-cell:not(.gradebook__grade-custom-override) .grader-grid-cell-block:not(.updated) .grade-value,
+:root[modern=true] .grader-grid-cell:not(.gradebook__grade-custom-override) .grader-grid-cell-block:not(.updated) .s-js-grader-grid-cell-display,
+:root[modern=true] .grader-grid-table-header-wrapper .gradebook__major-grade-period-header .gradebook__subperiod-element-calculated,
+:root[modern=true] .grader-grid-table-header-wrapper .gradebook__major-grade-period-header .grading-period-override-column {
   color: var(--text);
 }
 
-[modern=true]:root .gradebook__subperiod-element-calculated.has-override-column,
-[modern=true]:root .grading-period-override-column {
+:root[modern=true] .gradebook__subperiod-element-calculated.has-override-column,
+:root[modern=true] .grading-period-override-column {
   background-color: var(--accent);
 }
 
-[modern=true]:root .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container.select2-dropdown-open.select2-container-active span {
+:root[modern=true] .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container.select2-dropdown-open.select2-container-active span {
   color: var(--link-color);
 }
 
-[modern=true]:root .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container.select2-dropdown-open.select2-container-active {
+:root[modern=true] .enhanced-gb-body .s-js-grades-gradebook-options-bar .select2-container.select2-dropdown-open.select2-container-active {
   background-color: var(--primary);
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root #autocomplete.grading-scale-ac-popup ul li,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links a,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links button,
-[modern=true]:root .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label,
-[modern=true]:root .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label {
+:root[modern=true] #autocomplete.grading-scale-ac-popup ul li,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links a,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links button,
+:root[modern=true] .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label,
+:root[modern=true] .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label {
   background-color: var(--secondary);
   color: var(--text);
 }
 
-[modern=true]:root #autocomplete.grading-scale-ac-popup ul li:hover,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links a:hover,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links button:hover,
-[modern=true]:root .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label:hover,
-[modern=true]:root .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label:hover,
-[modern=true]:root #autocomplete.grading-scale-ac-popup ul li:focus,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links a:focus,
-[modern=true]:root .enhanced-gb-body #main-content-wrapper .action-links button:focus,
-[modern=true]:root .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label:focus,
-[modern=true]:root .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label:focus {
+:root[modern=true] #autocomplete.grading-scale-ac-popup ul li:hover,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links a:hover,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links button:hover,
+:root[modern=true] .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label:hover,
+:root[modern=true] .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label:hover,
+:root[modern=true] #autocomplete.grading-scale-ac-popup ul li:focus,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links a:focus,
+:root[modern=true] .enhanced-gb-body #main-content-wrapper .action-links button:focus,
+:root[modern=true] .enhanced-gb-body .s-course-csm-toggler.select2-toggle.select2-drop .select2-result-label:focus,
+:root[modern=true] .enhanced-gb-body .s-grades-grader-filters-dropdown.select2-toggle.select2-drop .select2-result-label:focus {
   background-color: var(--hover-color);
 }
 
-[modern=true]:root #grade-comment-field {
+:root[modern=true] #grade-comment-field {
   background-color: var(--primary);
 }
 
-[modern=true]:root .splus-modern-border-radius {
+:root[modern=true] .splus-modern-border-radius {
   border-radius: var(--border-radius);
 }
 
-[modern=true]:root .splus-modern-padding {
+:root[modern=true] .splus-modern-padding {
   padding: var(--padding);
 }
diff --git a/css/modern/theme-editor.css b/css/modern/theme-editor.css
index bdc4d84..3c41e0c 100644
--- a/css/modern/theme-editor.css
+++ b/css/modern/theme-editor.css
@@ -47,170 +47,170 @@ variable-intellisense {
   --modern-cal30: #4d5557;
 }
 
-[modern=true]:root body {
+:root[modern=true] body {
   background-color: var(--modern-secondary);
 }
 
-[modern=true]:root * {
+:root[modern=true] * {
   color: var(--modern-text) !important;
 }
 
-[modern=true]:root .modern-primary {
+:root[modern=true] .modern-primary {
   background-color: var(--modern-primary) !important;
 }
 
-[modern=true]:root .modern-secondary {
+:root[modern=true] .modern-secondary {
   background-color: var(--modern-secondary) !important;
 }
 
-[modern=true]:root .modern-accent {
+:root[modern=true] .modern-accent {
   background-color: var(--modern-accent) !important;
 }
 
-[modern=true]:root .modern-input {
+:root[modern=true] .modern-input {
   background-color: var(--modern-input) !important;
 }
 
-[modern=true]:root .modern-highlight {
+:root[modern=true] .modern-highlight {
   background-color: var(--modern-highlight) !important;
 }
 
-[modern=true]:root .modern-active {
+:root[modern=true] .modern-active {
   background-color: var(--modern-active) !important;
 }
 
-[modern=true]:root .modern-error {
+:root[modern=true] .modern-error {
   background-color: var(--modern-error) !important;
 }
 
-[modern=true]:root .modern-error-text {
+:root[modern=true] .modern-error-text {
   color: var(--modern-error) !important;
 }
 
-[modern=true]:root .modern-grades {
+:root[modern=true] .modern-grades {
   color: var(--modern-grades) !important;
 }
 
-[modern=true]:root .modern-text {
+:root[modern=true] .modern-text {
   color: var(--modern-text) !important;
 }
 
-[modern=true]:root .modern-contrast-text {
+:root[modern=true] .modern-contrast-text {
   color: var(--modern-contrast-text) !important;
 }
 
-[modern=true]:root .modern-muted-text {
+:root[modern=true] .modern-muted-text {
   color: var(--modern-muted-text) !important;
 }
 
-[modern=true]:root .modern-border {
+:root[modern=true] .modern-border {
   border: var(--modern-border-size) solid var(--modern-contrast-border) !important;
 }
 
-[modern=true]:root .modern-border-radius {
+:root[modern=true] .modern-border-radius {
   border-radius: var(--modern-border-radius) !important;
 }
 
-[modern=true]:root .modern-padding {
+:root[modern=true] .modern-padding {
   padding: var(--modern-padding) !important;
 }
 
-[modern=true]:root .modern-margin {
+:root[modern=true] .modern-margin {
   margin: var(--modern-padding) !important;
 }
 
-[modern=true]:root .modern-black {
+:root[modern=true] .modern-black {
   color: black !important;
 }
 
-[modern=true]:root #themes-list-section .collection a.collection-item {
+:root[modern=true] #themes-list-section .collection a.collection-item {
   background-color: var(--modern-primary);
 }
 
-[modern=true]:root #themes-list-section .collection a.collection-item.active {
+:root[modern=true] #themes-list-section .collection a.collection-item.active {
   background-color: var(--modern-active) !important;
 }
 
-[modern=true]:root #themes-list-section .collection a.collection-item:not(.active):hover {
+:root[modern=true] #themes-list-section .collection a.collection-item:not(.active):hover {
   background-color: var(--modern-highlight);
 }
 
-[modern=true]:root #theme-editor-section .sp-replacer {
+:root[modern=true] #theme-editor-section .sp-replacer {
   border: var(--modern-border-size) solid var(--modern-contrast-border);
   background-color: var(--modern-input);
 }
 
-[modern=true]:root #preview-section svg,
-[modern=true]:root #preview-section svg * {
+:root[modern=true] #preview-section svg,
+:root[modern=true] #preview-section svg * {
   color: var(--modern-contrast-text) !important;
 }
 
-[modern=true]:root #preview-section #preview-profile-pic {
+:root[modern=true] #preview-section #preview-profile-pic {
   border-color: var(--modern-contrast-text) !important;
 }
 
-[modern=true]:root #preview-section .preview-course {
+:root[modern=true] #preview-section .preview-course {
   border: var(--modern-border-size) solid transparent;
 }
 
-[modern=true]:root #preview-section .preview-course:hover {
+:root[modern=true] #preview-section .preview-course:hover {
   border: var(--modern-border-size) solid var(--modern-contrast-border);
 }
 
-[modern=true]:root #preview-section .preview-course .preview-course-class {
+:root[modern=true] #preview-section .preview-course .preview-course-class {
   color: var(--link-color) !important;
 }
 
-[modern=true]:root #preview-section .preview-course .preview-course-section {
+:root[modern=true] #preview-section .preview-course .preview-course-section {
   color: var(--modern-text) !important;
 }
 
-[modern=true]:root #preview-section .preview-course .preview-course-school {
+:root[modern=true] #preview-section .preview-course .preview-course-school {
   color: var(--modern-muted-text) !important;
 }
 
-[modern=true]:root #preview-section #tab-icons #icon-list-table tbody:empty:before {
+:root[modern=true] #preview-section #tab-icons #icon-list-table tbody:empty:before {
   color: var(--modern-muted-text) !important;
 }
 
-[modern=true]:root #preview-section #preview-dropdown-list li:hover {
+:root[modern=true] #preview-section #preview-dropdown-list li:hover {
   background-color: var(--modern-active) !important;
 }
 
-[modern=true]:root .material-tooltip {
+:root[modern=true] .material-tooltip {
   background-color: var(--modern-secondary);
   border: var(--modern-border-size) solid var(--modern-contrast-border);
   border-radius: var(--modern-border-radius);
 }
 
-[modern=true]:root .rs-bg-color {
+:root[modern=true] .rs-bg-color {
   background-color: var(--modern-input);
 }
 
-[modern=true]:root .full-spectrum {
+:root[modern=true] .full-spectrum {
   background-color: var(--modern-accent) !important;
 }
 
-[modern=true]:root .full-spectrum button {
+:root[modern=true] .full-spectrum button {
   background-color: var(--modern-secondary) !important;
   background-image: none;
   text-shadow: none;
 }
 
-[modern=true]:root input[type=range] {
+:root[modern=true] input[type=range] {
   border: var(--modern-border-size) solid var(--modern-contrast-border);
 }
 
-[modern=true]:root .action-button:hover {
+:root[modern=true] .action-button:hover {
   transition: .3s ease-out !important;
   color: var(--modern-contrast-text) !important;
 }
 
-[modern=true]:root .action-button:hover i.material-icons {
+:root[modern=true] .action-button:hover i.material-icons {
   transition: .3s ease-out !important;
   color: var(--modern-contrast-text) !important;
 }
 
-[modern=true]:root #create-preset-dropdown > li:hover {
+:root[modern=true] #create-preset-dropdown > li:hover {
   background-color: var(--modern-active);
 }
diff --git a/js/all-idle.js b/js/all-idle.js
index 0d5acc3..7c2e961 100644
--- a/js/all-idle.js
+++ b/js/all-idle.js
@@ -35,12 +35,15 @@
                             continue;
                         }
 
+                        let initialSrc = (tile.firstChild.data || tile.firstChild.src || "");
+
                         // clear children
                         while (tile.firstChild) {
                             tile.removeChild(tile.firstChild);
                         }
                         // create an img
                         let img = document.createElement("img");
+                        img.src = initialSrc;
                         // find course name
                         // note the context footer does linebreaks, so we have to undo that
                         let courseName = tile.parentElement.querySelector(".course-dashboard__card-context-title").textContent.replace("\n", " ");
diff --git a/js/home.js b/js/home.js
index c103858..7d7f860 100644
--- a/js/home.js
+++ b/js/home.js
@@ -120,6 +120,11 @@ if (homeFeedContainer && Setting.getValue("broadcasts") !== "disabled") {
                 readBroadcasts = readBroadcasts === null ? [] : JSON.parse(readBroadcasts);
     
                 onlineBroadcasts = onlineBroadcasts.filter(b => !readBroadcasts.includes(b.id) && !unreadBroadcasts.map(u => u.id).includes(b.id));
+
+                for (let onlineBroadcast of onlineBroadcasts) {
+                    onlineBroadcast.title = DOMPurify.sanitize(onlineBroadcast.title);
+                    onlineBroadcast.message = DOMPurify.sanitize(onlineBroadcast.message);
+                }
             } catch (err) {
                 // Ignore
             }
diff --git a/manifest.json b/manifest.json
index 5c81211..a6c5db9 100644
--- a/manifest.json
+++ b/manifest.json
@@ -10,7 +10,7 @@
             "update_url": "https://schoologypl.us/firefox_updates.json"
         }
     },
-    "version": "7.8.2",
+    "version": "7.8.3",
     "icons": {
         "128": "imgs/icon@128.png",
         "64": "imgs/icon@64.png",
diff --git a/scss/modern/all.scss b/scss/modern/all.scss
index 6d89d40..1d08898 100644
--- a/scss/modern/all.scss
+++ b/scss/modern/all.scss
@@ -306,6 +306,7 @@ variable-intellisense {
     div.courses-left-menu,
     .portfolio-list a.btn,
     a._3_bfp,
+    nav li a.util-menu-row-link-2dTZi,
     nav li a._1Z0RM,
     nav li button._1Z0RM {
         color: var(--contrast-text) !important;